@spark-ui/checkbox 2.2.3 → 2.2.4
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 +4 -0
- package/dist/index.js +1 -1
- package/dist/index.mjs +56 -56
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,10 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [2.2.4](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@2.2.3...@spark-ui/checkbox@2.2.4) (2024-05-02)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @spark-ui/checkbox
|
|
9
|
+
|
|
6
10
|
## [2.2.3](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@2.2.2...@spark-ui/checkbox@2.2.3) (2024-04-29)
|
|
7
11
|
|
|
8
12
|
**Note:** Version bump only for package @spark-ui/checkbox
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),Ct=require("@spark-ui/form-field"),nr=require("@spark-ui/use-merge-refs"),Pe=require("class-variance-authority"),zt=require("@radix-ui/react-checkbox"),ar=require("@spark-ui/icon"),ir=require("@spark-ui/internal-utils"),or=require("@spark-ui/label"),Ot=i.createContext({}),Et=i.forwardRef(({title:s,fill:b="currentColor",stroke:g="none",...y},v)=>i.createElement("svg",{ref:v,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","data-title":"Check",...s&&{"data-title":s},fill:b,stroke:g,...y,dangerouslySetInnerHTML:{__html:(s===void 0?"":`<title>${s}</title>`)+'<path d="m8.92,19.08c-.18,0-.36-.03-.53-.1s-.33-.17-.47-.31l-5.49-5.34c-.28-.28-.42-.61-.42-1s.14-.73.42-1c.28-.28.62-.41,1.02-.41s.74.14,1.05.41l4.43,4.3,10.62-10.29c.28-.28.62-.42,1.02-.43.39,0,.73.13,1.02.43.28.28.42.61.42,1s-.14.73-.42,1l-11.65,11.32c-.14.14-.3.24-.47.31-.17.07-.35.1-.53.1Z"/>'}}));Et.displayName="Check";const It=i.forwardRef(({title:s,fill:b="currentColor",stroke:g="none",...y},v)=>i.createElement("svg",{ref:v,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","data-title":"Minus",...s&&{"data-title":s},fill:b,stroke:g,...y,dangerouslySetInnerHTML:{__html:(s===void 0?"":`<title>${s}</title>`)+'<path fill-rule="evenodd" d="m2,12c0-.62.45-1.12,1-1.12h18c.55,0,1,.5,1,1.12s-.45,1.12-1,1.12H3c-.55,0-1-.5-1-1.12Z"/>'}}));It.displayName="Minus";const At=i.forwardRef((s,b)=>i.createElement(zt.CheckboxIndicator,{ref:b,className:"flex h-full w-full items-center justify-center",...s}));At.displayName="CheckboxIndicator";const sr=Pe.cva(["h-sz-24 w-sz-24 shrink-0 items-center justify-center rounded-sm border-md bg-transparent outline-none","spark-disabled:cursor-not-allowed spark-disabled:opacity-dim-3 spark-disabled:hover:ring-0","focus-visible:u-ring","hover:border-main-container hover:ring-2","u-shadow-border-transition"],{variants:{intent:ir.makeVariants({main:["text-on-main","spark-state-unchecked:border-outline","spark-state-indeterminate:border-main spark-state-indeterminate:bg-main","spark-state-checked:border-main spark-state-checked:bg-main"],support:["text-on-support","spark-state-unchecked:border-outline","spark-state-indeterminate:border-support spark-state-indeterminate:bg-support","spark-state-checked:border-support spark-state-checked:bg-support"],accent:["text-on-accent","spark-state-unchecked:border-outline","spark-state-indeterminate:border-accent spark-state-indeterminate:bg-accent","spark-state-checked:border-accent spark-state-checked:bg-accent"],basic:["text-on-basic","spark-state-unchecked:border-outline","spark-state-indeterminate:border-basic spark-state-indeterminate:bg-basic","spark-state-checked:border-basic spark-state-checked:bg-basic"],success:["text-on-success","spark-state-unchecked:border-success","spark-state-indeterminate:border-success spark-state-indeterminate:bg-success","spark-state-checked:border-success spark-state-checked:bg-success"],alert:["text-on-alert","spark-state-unchecked:border-alert","spark-state-indeterminate:border-alert spark-state-indeterminate:bg-alert","spark-state-checked:border-alert spark-state-checked:bg-alert"],error:["text-on-error","spark-state-unchecked:border-error","spark-state-indeterminate:border-error spark-state-indeterminate:bg-error","spark-state-checked:border-error spark-state-checked:bg-error"],info:["text-on-info","spark-state-unchecked:border-info","spark-state-indeterminate:border-info spark-state-indeterminate:bg-info","spark-state-checked:border-info spark-state-checked:bg-info"],neutral:["text-on-neutral","spark-state-unchecked:border-neutral","spark-state-indeterminate:border-neutral spark-state-indeterminate:bg-neutral","spark-state-checked:border-neutral spark-state-checked:bg-neutral"]})},defaultVariants:{intent:"basic"}}),St=i.forwardRef(({className:s,icon:b=i.createElement(Et,null),indeterminateIcon:g=i.createElement(It,null),intent:y,checked:v,...F},C)=>i.createElement(zt.Checkbox,{ref:C,className:sr({intent:y,className:s}),checked:v,...F},i.createElement(At,null,i.createElement(ar.Icon,{size:"sm"},v==="indeterminate"?g:b))));St.displayName="CheckboxInput";const cr=Pe.cva("grow",{variants:{disabled:{true:["text-neutral/dim-2","cursor-not-allowed"],false:["cursor-pointer"]}},defaultVariants:{disabled:!1}}),Nt=({disabled:s,...b})=>i.createElement(or.Label,{className:cr({disabled:s}),...b});Nt.displayName="CheckboxLabel";const jt=":checkbox",Rt=i.forwardRef(({id:s,className:b,intent:g,checked:y,value:v,disabled:F,reverse:C=!1,onCheckedChange:V,children:K,...ce},ue)=>{const D=`${jt}-${i.useId()}`,G=s||D,Q=`${jt}-${i.useId()}`,E=Ct.useFormFieldControl(),I=i.useContext(Ot),le=i.useRef(),z=nr.useMergeRefs(ue,le),X=v?I.value?.includes(v):y,{id:Y,name:ee,isInvalid:$,isRequired:de,description:M,intent:P}=(({fieldState:m,groupState:j,checkboxIntent:o})=>{const fe=m.name??j.name,te=m.isRequired??j.isRequired,x=m.state??j.state,N=m.isInvalid??j.isInvalid,re=m.id!==j.id;return{name:fe,isRequired:te,isInvalid:N,id:re?m.id:void 0,description:re?m.description:void 0,intent:x??o??j.intent}})({fieldState:E,groupState:I,checkboxIntent:g}),w=K&&i.createElement(Nt,{disabled:F,htmlFor:Y||G,id:Q},K),k=i.createElement(St,{ref:z,id:Y||G,name:ee,value:v,intent:P,checked:X,disabled:F,required:de,"aria-describedby":M,"aria-invalid":$,onCheckedChange:m=>{V?.(m);const j=le.current?.value;j&&I.onCheckedChange&&I.onCheckedChange(m,j)},"aria-labelledby":K?Q:E.labelId,...ce}),S=I.reverse||C?i.createElement(i.Fragment,null,w,k):i.createElement(i.Fragment,null,k,w);return i.createElement("div",{"data-spark-component":"checkbox",className:Pe.cx("relative flex items-start gap-md text-body-1",b)},S)});Rt.displayName="Checkbox";var Me=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function ur(s){return s&&s.__esModule&&Object.prototype.hasOwnProperty.call(s,"default")?s.default:s}var Ke={exports:{}};(function(s,b){var g="__lodash_hash_undefined__",y=1,v=2,F=9007199254740991,C="[object Arguments]",V="[object Array]",K="[object AsyncFunction]",ce="[object Boolean]",ue="[object Date]",D="[object Error]",G="[object Function]",Q="[object GeneratorFunction]",E="[object Map]",I="[object Number]",le="[object Null]",z="[object Object]",X="[object Promise]",Y="[object Proxy]",ee="[object RegExp]",$="[object Set]",de="[object String]",M="[object Symbol]",P="[object Undefined]",w="[object WeakMap]",k="[object ArrayBuffer]",S="[object DataView]",m=/^\[object .+?Constructor\]$/,j=/^(?:0|[1-9]\d*)$/,o={};o["[object Float32Array]"]=o["[object Float64Array]"]=o["[object Int8Array]"]=o["[object Int16Array]"]=o["[object Int32Array]"]=o["[object Uint8Array]"]=o["[object Uint8ClampedArray]"]=o["[object Uint16Array]"]=o["[object Uint32Array]"]=!0,o[C]=o[V]=o[k]=o[ce]=o[S]=o[ue]=o[D]=o[G]=o[E]=o[I]=o[z]=o[ee]=o[$]=o[de]=o[w]=!1;var fe=typeof Me=="object"&&Me&&Me.Object===Object&&Me,te=typeof self=="object"&&self&&self.Object===Object&&self,x=fe||te||Function("return this")(),N=b&&!b.nodeType&&b,re=N&&s&&!s.nodeType&&s,Qe=re&&re.exports===N,Te=Qe&&fe.process,Xe=function(){try{return Te&&Te.binding&&Te.binding("util")}catch{}}(),Ye=Xe&&Xe.isTypedArray;function qt(e,t){for(var r=-1,n=e==null?0:e.length;++r<n;)if(t(e[r],r,e))return!0;return!1}function Ft(e){var t=-1,r=Array(e.size);return e.forEach(function(n,l){r[++t]=[l,n]}),r}function $t(e){var t=-1,r=Array(e.size);return e.forEach(function(n){r[++t]=n}),r}var et,tt,rt,Mt=Array.prototype,Pt=Function.prototype,we=Object.prototype,Le=x["__core-js_shared__"],nt=Pt.toString,R=we.hasOwnProperty,at=(et=/[^.]+$/.exec(Le&&Le.keys&&Le.keys.IE_PROTO||""))?"Symbol(src)_1."+et:"",it=we.toString,Tt=RegExp("^"+nt.call(R).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),ot=Qe?x.Buffer:void 0,je=x.Symbol,st=x.Uint8Array,ct=we.propertyIsEnumerable,Lt=Mt.splice,ne=je?je.toStringTag:void 0,ut=Object.getOwnPropertySymbols,Bt=ot?ot.isBuffer:void 0,Ut=(tt=Object.keys,rt=Object,function(e){return tt(rt(e))}),Be=pe(x,"DataView"),ve=pe(x,"Map"),Ue=pe(x,"Promise"),Ve=pe(x,"Set"),De=pe(x,"WeakMap"),_e=pe(Object,"create"),Vt=oe(Be),Dt=oe(ve),Gt=oe(Ue),Ht=oe(Ve),Wt=oe(De),lt=je?je.prototype:void 0,Ge=lt?lt.valueOf:void 0;function ae(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function T(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function ie(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function xe(e){var t=-1,r=e==null?0:e.length;for(this.__data__=new ie;++t<r;)this.add(e[t])}function H(e){var t=this.__data__=new T(e);this.size=t.size}function Zt(e,t){var r=Oe(e),n=!r&&Yt(e),l=!r&&!n&&He(e),a=!r&&!n&&!l&&kt(e),d=r||n||l||a,f=d?function(h,q){for(var L=-1,_=Array(h);++L<h;)_[L]=q(L);return _}(e.length,String):[],A=f.length;for(var p in e)!t&&!R.call(e,p)||d&&(p=="length"||l&&(p=="offset"||p=="parent")||a&&(p=="buffer"||p=="byteLength"||p=="byteOffset")||Xt(p,A))||f.push(p);return f}function Ce(e,t){for(var r=e.length;r--;)if(bt(e[r][0],t))return r;return-1}function ye(e){return e==null?e===void 0?P:le:ne&&ne in Object(e)?function(t){var r=R.call(t,ne),n=t[ne];try{t[ne]=void 0;var l=!0}catch{}var a=it.call(t);return l&&(r?t[ne]=n:delete t[ne]),a}(e):function(t){return it.call(t)}(e)}function dt(e){return ke(e)&&ye(e)==C}function ft(e,t,r,n,l){return e===t||(e==null||t==null||!ke(e)&&!ke(t)?e!=e&&t!=t:function(a,d,f,A,p,h){var q=Oe(a),L=Oe(d),_=q?V:W(a),B=L?V:W(d),he=(_=_==C?z:_)==z,Ee=(B=B==C?z:B)==z,be=_==B;if(be&&He(a)){if(!He(d))return!1;q=!0,he=!1}if(be&&!he)return h||(h=new H),q||kt(a)?pt(a,d,f,A,p,h):function(u,c,Ie,Z,We,O,U){switch(Ie){case S:if(u.byteLength!=c.byteLength||u.byteOffset!=c.byteOffset)return!1;u=u.buffer,c=c.buffer;case k:return!(u.byteLength!=c.byteLength||!O(new st(u),new st(c)));case ce:case ue:case I:return bt(+u,+c);case D:return u.name==c.name&&u.message==c.message;case ee:case de:return u==c+"";case E:var J=Ft;case $:var ge=Z&y;if(J||(J=$t),u.size!=c.size&&!ge)return!1;var Ae=U.get(u);if(Ae)return Ae==c;Z|=v,U.set(u,c);var Ze=pt(J(u),J(c),Z,We,O,U);return U.delete(u),Ze;case M:if(Ge)return Ge.call(u)==Ge.call(c)}return!1}(a,d,_,f,A,p,h);if(!(f&y)){var me=he&&R.call(a,"__wrapped__"),mt=Ee&&R.call(d,"__wrapped__");if(me||mt){var tr=me?a.value():a,rr=mt?d.value():d;return h||(h=new H),p(tr,rr,f,A,h)}}return be?(h||(h=new H),function(u,c,Ie,Z,We,O){var U=Ie&y,J=ht(u),ge=J.length,Ae=ht(c),Ze=Ae.length;if(ge!=Ze&&!U)return!1;for(var Se=ge;Se--;){var se=J[Se];if(!(U?se in c:R.call(c,se)))return!1}var gt=O.get(u);if(gt&&O.get(c))return gt==c;var Ne=!0;O.set(u,c),O.set(c,u);for(var Je=U;++Se<ge;){var Re=u[se=J[Se]],qe=c[se];if(Z)var wt=U?Z(qe,Re,se,c,u,O):Z(Re,qe,se,u,c,O);if(!(wt===void 0?Re===qe||We(Re,qe,Ie,Z,O):wt)){Ne=!1;break}Je||(Je=se=="constructor")}if(Ne&&!Je){var Fe=u.constructor,$e=c.constructor;Fe==$e||!("constructor"in u)||!("constructor"in c)||typeof Fe=="function"&&Fe instanceof Fe&&typeof $e=="function"&&$e instanceof $e||(Ne=!1)}return O.delete(u),O.delete(c),Ne}(a,d,f,A,p,h)):!1}(e,t,r,n,ft,l))}function Jt(e){return!(!yt(e)||function(t){return!!at&&at in t}(e))&&(vt(e)?Tt:m).test(oe(e))}function Kt(e){if(r=(t=e)&&t.constructor,n=typeof r=="function"&&r.prototype||we,t!==n)return Ut(e);var t,r,n,l=[];for(var a in Object(e))R.call(e,a)&&a!="constructor"&&l.push(a);return l}function pt(e,t,r,n,l,a){var d=r&y,f=e.length,A=t.length;if(f!=A&&!(d&&A>f))return!1;var p=a.get(e);if(p&&a.get(t))return p==t;var h=-1,q=!0,L=r&v?new xe:void 0;for(a.set(e,t),a.set(t,e);++h<f;){var _=e[h],B=t[h];if(n)var he=d?n(B,_,h,t,e,a):n(_,B,h,e,t,a);if(he!==void 0){if(he)continue;q=!1;break}if(L){if(!qt(t,function(Ee,be){if(me=be,!L.has(me)&&(_===Ee||l(_,Ee,r,n,a)))return L.push(be);var me})){q=!1;break}}else if(_!==B&&!l(_,B,r,n,a)){q=!1;break}}return a.delete(e),a.delete(t),q}function ht(e){return function(t,r,n){var l=r(t);return Oe(t)?l:function(a,d){for(var f=-1,A=d.length,p=a.length;++f<A;)a[p+f]=d[f];return a}(l,n(t))}(e,er,Qt)}function ze(e,t){var r,n,l=e.__data__;return((n=typeof(r=t))=="string"||n=="number"||n=="symbol"||n=="boolean"?r!=="__proto__":r===null)?l[typeof t=="string"?"string":"hash"]:l.map}function pe(e,t){var r=function(n,l){return n?.[l]}(e,t);return Jt(r)?r:void 0}ae.prototype.clear=function(){this.__data__=_e?_e(null):{},this.size=0},ae.prototype.delete=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},ae.prototype.get=function(e){var t=this.__data__;if(_e){var r=t[e];return r===g?void 0:r}return R.call(t,e)?t[e]:void 0},ae.prototype.has=function(e){var t=this.__data__;return _e?t[e]!==void 0:R.call(t,e)},ae.prototype.set=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=_e&&t===void 0?g:t,this},T.prototype.clear=function(){this.__data__=[],this.size=0},T.prototype.delete=function(e){var t=this.__data__,r=Ce(t,e);return!(r<0)&&(r==t.length-1?t.pop():Lt.call(t,r,1),--this.size,!0)},T.prototype.get=function(e){var t=this.__data__,r=Ce(t,e);return r<0?void 0:t[r][1]},T.prototype.has=function(e){return Ce(this.__data__,e)>-1},T.prototype.set=function(e,t){var r=this.__data__,n=Ce(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this},ie.prototype.clear=function(){this.size=0,this.__data__={hash:new ae,map:new(ve||T),string:new ae}},ie.prototype.delete=function(e){var t=ze(this,e).delete(e);return this.size-=t?1:0,t},ie.prototype.get=function(e){return ze(this,e).get(e)},ie.prototype.has=function(e){return ze(this,e).has(e)},ie.prototype.set=function(e,t){var r=ze(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this},xe.prototype.add=xe.prototype.push=function(e){return this.__data__.set(e,g),this},xe.prototype.has=function(e){return this.__data__.has(e)},H.prototype.clear=function(){this.__data__=new T,this.size=0},H.prototype.delete=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r},H.prototype.get=function(e){return this.__data__.get(e)},H.prototype.has=function(e){return this.__data__.has(e)},H.prototype.set=function(e,t){var r=this.__data__;if(r instanceof T){var n=r.__data__;if(!ve||n.length<199)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new ie(n)}return r.set(e,t),this.size=r.size,this};var Qt=ut?function(e){return e==null?[]:(e=Object(e),function(t,r){for(var n=-1,l=t==null?0:t.length,a=0,d=[];++n<l;){var f=t[n];r(f,n,t)&&(d[a++]=f)}return d}(ut(e),function(t){return ct.call(e,t)}))}:function(){return[]},W=ye;function Xt(e,t){return!!(t=t??F)&&(typeof e=="number"||j.test(e))&&e>-1&&e%1==0&&e<t}function oe(e){if(e!=null){try{return nt.call(e)}catch{}try{return e+""}catch{}}return""}function bt(e,t){return e===t||e!=e&&t!=t}(Be&&W(new Be(new ArrayBuffer(1)))!=S||ve&&W(new ve)!=E||Ue&&W(Ue.resolve())!=X||Ve&&W(new Ve)!=$||De&&W(new De)!=w)&&(W=function(e){var t=ye(e),r=t==z?e.constructor:void 0,n=r?oe(r):"";if(n)switch(n){case Vt:return S;case Dt:return E;case Gt:return X;case Ht:return $;case Wt:return w}return t});var Yt=dt(function(){return arguments}())?dt:function(e){return ke(e)&&R.call(e,"callee")&&!ct.call(e,"callee")},Oe=Array.isArray,He=Bt||function(){return!1};function vt(e){if(!yt(e))return!1;var t=ye(e);return t==G||t==Q||t==K||t==Y}function _t(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=F}function yt(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}function ke(e){return e!=null&&typeof e=="object"}var kt=Ye?function(e){return function(t){return e(t)}}(Ye):function(e){return ke(e)&&_t(e.length)&&!!o[ye(e)]};function er(e){return(t=e)!=null&&_t(t.length)&&!vt(t)?Zt(e):Kt(e);var t}s.exports=function(e,t){return ft(e,t)}})(Ke,Ke.exports);const lr=ur(Ke.exports),dr=Pe.cva(["flex"],{variants:{orientation:{vertical:["flex-col","gap-lg"],horizontal:["gap-xl"]}}}),xt=i.forwardRef(({name:s,value:b,defaultValue:g,className:y,intent:v,orientation:F="vertical",onCheckedChange:C,reverse:V=!1,children:K,...ce},ue)=>{const[D,G]=function(M,P,w){const k=M!==void 0,{current:S}=i.useRef(k?M:P),[m,j]=i.useState(P),o=k?M:m,fe=i.useCallback((te,x=(N,re)=>!lr(N,re))=>{const N=typeof te!="function"?te:te(o);x(o,N)&&!k&&j(N),w&&w(N)},[k,o,w]);return[o,fe,k,S]}(b,g),Q=Ct.useFormFieldControl(),E=i.useRef(C),{id:I,labelId:le,description:z,state:X,isInvalid:Y,isRequired:ee}=Q,$=s??Q.name,de=i.useMemo(()=>({id:I,name:$,value:D,intent:v,state:X,isInvalid:Y,description:z,isRequired:ee,reverse:V,onCheckedChange:(M,P)=>{const w=D||[],k=M?[...w,P]:w.filter(S=>S!==P);G(k),E.current&&E.current(k)}}),[I,$,D,v,X,Y,z,ee,G,V]);return i.useEffect(()=>{E.current=C},[C]),i.createElement(Ot.Provider,{value:de},i.createElement("div",{ref:ue,className:dr({className:y,orientation:F}),role:"group","aria-labelledby":le,"aria-describedby":z,...ce},K))});xt.displayName="CheckboxGroup",exports.Checkbox=Rt,exports.CheckboxGroup=xt;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),Ct=require("@spark-ui/form-field"),nr=require("@spark-ui/use-merge-refs"),Pe=require("class-variance-authority"),zt=require("@radix-ui/react-checkbox"),ar=require("@spark-ui/icon"),ir=require("@spark-ui/internal-utils"),or=require("@spark-ui/label"),Ot=i.createContext({}),Et=i.forwardRef(({title:s,fill:b="currentColor",stroke:g="none",...y},v)=>i.createElement("svg",{ref:v,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","data-title":"Check",...s&&{"data-title":s},fill:b,stroke:g,...y,dangerouslySetInnerHTML:{__html:(s===void 0?"":`<title>${s}</title>`)+'<path d="m8.92,19.08c-.18,0-.36-.03-.53-.1s-.33-.17-.47-.31l-5.49-5.34c-.28-.28-.42-.61-.42-1s.14-.73.42-1c.28-.28.62-.41,1.02-.41s.74.14,1.05.41l4.43,4.3,10.62-10.29c.28-.28.62-.42,1.02-.43.39,0,.73.13,1.02.43.28.28.42.61.42,1s-.14.73-.42,1l-11.65,11.32c-.14.14-.3.24-.47.31-.17.07-.35.1-.53.1Z"/>'}}));Et.displayName="Check";const It=i.forwardRef(({title:s,fill:b="currentColor",stroke:g="none",...y},v)=>i.createElement("svg",{ref:v,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","data-title":"Minus",...s&&{"data-title":s},fill:b,stroke:g,...y,dangerouslySetInnerHTML:{__html:(s===void 0?"":`<title>${s}</title>`)+'<path fill-rule="evenodd" d="m2,12c0-.62.45-1.12,1-1.12h18c.55,0,1,.5,1,1.12s-.45,1.12-1,1.12H3c-.55,0-1-.5-1-1.12Z"/>'}}));It.displayName="Minus";const At=i.forwardRef((s,b)=>i.createElement(zt.CheckboxIndicator,{ref:b,className:"flex size-full items-center justify-center",...s}));At.displayName="CheckboxIndicator";const sr=Pe.cva(["size-sz-24 shrink-0 items-center justify-center rounded-sm border-md bg-transparent outline-none","spark-disabled:cursor-not-allowed spark-disabled:opacity-dim-3 spark-disabled:hover:ring-0","focus-visible:u-ring","hover:border-main-container hover:ring-2","u-shadow-border-transition"],{variants:{intent:ir.makeVariants({main:["text-on-main","spark-state-unchecked:border-outline","spark-state-indeterminate:border-main spark-state-indeterminate:bg-main","spark-state-checked:border-main spark-state-checked:bg-main"],support:["text-on-support","spark-state-unchecked:border-outline","spark-state-indeterminate:border-support spark-state-indeterminate:bg-support","spark-state-checked:border-support spark-state-checked:bg-support"],accent:["text-on-accent","spark-state-unchecked:border-outline","spark-state-indeterminate:border-accent spark-state-indeterminate:bg-accent","spark-state-checked:border-accent spark-state-checked:bg-accent"],basic:["text-on-basic","spark-state-unchecked:border-outline","spark-state-indeterminate:border-basic spark-state-indeterminate:bg-basic","spark-state-checked:border-basic spark-state-checked:bg-basic"],success:["text-on-success","spark-state-unchecked:border-success","spark-state-indeterminate:border-success spark-state-indeterminate:bg-success","spark-state-checked:border-success spark-state-checked:bg-success"],alert:["text-on-alert","spark-state-unchecked:border-alert","spark-state-indeterminate:border-alert spark-state-indeterminate:bg-alert","spark-state-checked:border-alert spark-state-checked:bg-alert"],error:["text-on-error","spark-state-unchecked:border-error","spark-state-indeterminate:border-error spark-state-indeterminate:bg-error","spark-state-checked:border-error spark-state-checked:bg-error"],info:["text-on-info","spark-state-unchecked:border-info","spark-state-indeterminate:border-info spark-state-indeterminate:bg-info","spark-state-checked:border-info spark-state-checked:bg-info"],neutral:["text-on-neutral","spark-state-unchecked:border-neutral","spark-state-indeterminate:border-neutral spark-state-indeterminate:bg-neutral","spark-state-checked:border-neutral spark-state-checked:bg-neutral"]})},defaultVariants:{intent:"basic"}}),St=i.forwardRef(({className:s,icon:b=i.createElement(Et,null),indeterminateIcon:g=i.createElement(It,null),intent:y,checked:v,...F},C)=>i.createElement(zt.Checkbox,{ref:C,className:sr({intent:y,className:s}),checked:v,...F},i.createElement(At,null,i.createElement(ar.Icon,{size:"sm"},v==="indeterminate"?g:b))));St.displayName="CheckboxInput";const cr=Pe.cva("grow",{variants:{disabled:{true:["text-neutral/dim-2","cursor-not-allowed"],false:["cursor-pointer"]}},defaultVariants:{disabled:!1}}),Nt=({disabled:s,...b})=>i.createElement(or.Label,{className:cr({disabled:s}),...b});Nt.displayName="CheckboxLabel";const wt=":checkbox",Rt=i.forwardRef(({id:s,className:b,intent:g,checked:y,value:v,disabled:F,reverse:C=!1,onCheckedChange:V,children:K,...ce},ue)=>{const D=`${wt}-${i.useId()}`,G=s||D,Q=`${wt}-${i.useId()}`,E=Ct.useFormFieldControl(),I=i.useContext(Ot),le=i.useRef(),z=nr.useMergeRefs(ue,le),X=v?I.value?.includes(v):y,{id:Y,name:ee,isInvalid:$,isRequired:de,description:M,intent:P}=(({fieldState:m,groupState:w,checkboxIntent:o})=>{const fe=m.name??w.name,te=m.isRequired??w.isRequired,x=m.state??w.state,N=m.isInvalid??w.isInvalid,re=m.id!==w.id;return{name:fe,isRequired:te,isInvalid:N,id:re?m.id:void 0,description:re?m.description:void 0,intent:x??o??w.intent}})({fieldState:E,groupState:I,checkboxIntent:g}),j=K&&i.createElement(Nt,{disabled:F,htmlFor:Y||G,id:Q},K),k=i.createElement(St,{ref:z,id:Y||G,name:ee,value:v,intent:P,checked:X,disabled:F,required:de,"aria-describedby":M,"aria-invalid":$,onCheckedChange:m=>{V?.(m);const w=le.current?.value;w&&I.onCheckedChange&&I.onCheckedChange(m,w)},"aria-labelledby":K?Q:E.labelId,...ce}),S=I.reverse||C?i.createElement(i.Fragment,null,j,k):i.createElement(i.Fragment,null,k,j);return i.createElement("div",{"data-spark-component":"checkbox",className:Pe.cx("relative flex items-start gap-md text-body-1",b)},S)});Rt.displayName="Checkbox";var Me=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function ur(s){return s&&s.__esModule&&Object.prototype.hasOwnProperty.call(s,"default")?s.default:s}var Ke={exports:{}};(function(s,b){var g="__lodash_hash_undefined__",y=1,v=2,F=9007199254740991,C="[object Arguments]",V="[object Array]",K="[object AsyncFunction]",ce="[object Boolean]",ue="[object Date]",D="[object Error]",G="[object Function]",Q="[object GeneratorFunction]",E="[object Map]",I="[object Number]",le="[object Null]",z="[object Object]",X="[object Promise]",Y="[object Proxy]",ee="[object RegExp]",$="[object Set]",de="[object String]",M="[object Symbol]",P="[object Undefined]",j="[object WeakMap]",k="[object ArrayBuffer]",S="[object DataView]",m=/^\[object .+?Constructor\]$/,w=/^(?:0|[1-9]\d*)$/,o={};o["[object Float32Array]"]=o["[object Float64Array]"]=o["[object Int8Array]"]=o["[object Int16Array]"]=o["[object Int32Array]"]=o["[object Uint8Array]"]=o["[object Uint8ClampedArray]"]=o["[object Uint16Array]"]=o["[object Uint32Array]"]=!0,o[C]=o[V]=o[k]=o[ce]=o[S]=o[ue]=o[D]=o[G]=o[E]=o[I]=o[z]=o[ee]=o[$]=o[de]=o[j]=!1;var fe=typeof Me=="object"&&Me&&Me.Object===Object&&Me,te=typeof self=="object"&&self&&self.Object===Object&&self,x=fe||te||Function("return this")(),N=b&&!b.nodeType&&b,re=N&&s&&!s.nodeType&&s,Qe=re&&re.exports===N,Te=Qe&&fe.process,Xe=function(){try{return Te&&Te.binding&&Te.binding("util")}catch{}}(),Ye=Xe&&Xe.isTypedArray;function qt(e,t){for(var r=-1,n=e==null?0:e.length;++r<n;)if(t(e[r],r,e))return!0;return!1}function Ft(e){var t=-1,r=Array(e.size);return e.forEach(function(n,l){r[++t]=[l,n]}),r}function $t(e){var t=-1,r=Array(e.size);return e.forEach(function(n){r[++t]=n}),r}var et,tt,rt,Mt=Array.prototype,Pt=Function.prototype,je=Object.prototype,Le=x["__core-js_shared__"],nt=Pt.toString,R=je.hasOwnProperty,at=(et=/[^.]+$/.exec(Le&&Le.keys&&Le.keys.IE_PROTO||""))?"Symbol(src)_1."+et:"",it=je.toString,Tt=RegExp("^"+nt.call(R).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),ot=Qe?x.Buffer:void 0,we=x.Symbol,st=x.Uint8Array,ct=je.propertyIsEnumerable,Lt=Mt.splice,ne=we?we.toStringTag:void 0,ut=Object.getOwnPropertySymbols,Bt=ot?ot.isBuffer:void 0,Ut=(tt=Object.keys,rt=Object,function(e){return tt(rt(e))}),Be=pe(x,"DataView"),ve=pe(x,"Map"),Ue=pe(x,"Promise"),Ve=pe(x,"Set"),De=pe(x,"WeakMap"),_e=pe(Object,"create"),Vt=oe(Be),Dt=oe(ve),Gt=oe(Ue),Ht=oe(Ve),Wt=oe(De),lt=we?we.prototype:void 0,Ge=lt?lt.valueOf:void 0;function ae(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function T(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function ie(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function xe(e){var t=-1,r=e==null?0:e.length;for(this.__data__=new ie;++t<r;)this.add(e[t])}function H(e){var t=this.__data__=new T(e);this.size=t.size}function Zt(e,t){var r=Oe(e),n=!r&&Yt(e),l=!r&&!n&&He(e),a=!r&&!n&&!l&&kt(e),d=r||n||l||a,f=d?function(h,q){for(var L=-1,_=Array(h);++L<h;)_[L]=q(L);return _}(e.length,String):[],A=f.length;for(var p in e)!t&&!R.call(e,p)||d&&(p=="length"||l&&(p=="offset"||p=="parent")||a&&(p=="buffer"||p=="byteLength"||p=="byteOffset")||Xt(p,A))||f.push(p);return f}function Ce(e,t){for(var r=e.length;r--;)if(bt(e[r][0],t))return r;return-1}function ye(e){return e==null?e===void 0?P:le:ne&&ne in Object(e)?function(t){var r=R.call(t,ne),n=t[ne];try{t[ne]=void 0;var l=!0}catch{}var a=it.call(t);return l&&(r?t[ne]=n:delete t[ne]),a}(e):function(t){return it.call(t)}(e)}function dt(e){return ke(e)&&ye(e)==C}function ft(e,t,r,n,l){return e===t||(e==null||t==null||!ke(e)&&!ke(t)?e!=e&&t!=t:function(a,d,f,A,p,h){var q=Oe(a),L=Oe(d),_=q?V:W(a),B=L?V:W(d),he=(_=_==C?z:_)==z,Ee=(B=B==C?z:B)==z,be=_==B;if(be&&He(a)){if(!He(d))return!1;q=!0,he=!1}if(be&&!he)return h||(h=new H),q||kt(a)?pt(a,d,f,A,p,h):function(u,c,Ie,Z,We,O,U){switch(Ie){case S:if(u.byteLength!=c.byteLength||u.byteOffset!=c.byteOffset)return!1;u=u.buffer,c=c.buffer;case k:return!(u.byteLength!=c.byteLength||!O(new st(u),new st(c)));case ce:case ue:case I:return bt(+u,+c);case D:return u.name==c.name&&u.message==c.message;case ee:case de:return u==c+"";case E:var J=Ft;case $:var ge=Z&y;if(J||(J=$t),u.size!=c.size&&!ge)return!1;var Ae=U.get(u);if(Ae)return Ae==c;Z|=v,U.set(u,c);var Ze=pt(J(u),J(c),Z,We,O,U);return U.delete(u),Ze;case M:if(Ge)return Ge.call(u)==Ge.call(c)}return!1}(a,d,_,f,A,p,h);if(!(f&y)){var me=he&&R.call(a,"__wrapped__"),mt=Ee&&R.call(d,"__wrapped__");if(me||mt){var tr=me?a.value():a,rr=mt?d.value():d;return h||(h=new H),p(tr,rr,f,A,h)}}return be?(h||(h=new H),function(u,c,Ie,Z,We,O){var U=Ie&y,J=ht(u),ge=J.length,Ae=ht(c),Ze=Ae.length;if(ge!=Ze&&!U)return!1;for(var Se=ge;Se--;){var se=J[Se];if(!(U?se in c:R.call(c,se)))return!1}var gt=O.get(u);if(gt&&O.get(c))return gt==c;var Ne=!0;O.set(u,c),O.set(c,u);for(var Je=U;++Se<ge;){var Re=u[se=J[Se]],qe=c[se];if(Z)var jt=U?Z(qe,Re,se,c,u,O):Z(Re,qe,se,u,c,O);if(!(jt===void 0?Re===qe||We(Re,qe,Ie,Z,O):jt)){Ne=!1;break}Je||(Je=se=="constructor")}if(Ne&&!Je){var Fe=u.constructor,$e=c.constructor;Fe==$e||!("constructor"in u)||!("constructor"in c)||typeof Fe=="function"&&Fe instanceof Fe&&typeof $e=="function"&&$e instanceof $e||(Ne=!1)}return O.delete(u),O.delete(c),Ne}(a,d,f,A,p,h)):!1}(e,t,r,n,ft,l))}function Jt(e){return!(!yt(e)||function(t){return!!at&&at in t}(e))&&(vt(e)?Tt:m).test(oe(e))}function Kt(e){if(r=(t=e)&&t.constructor,n=typeof r=="function"&&r.prototype||je,t!==n)return Ut(e);var t,r,n,l=[];for(var a in Object(e))R.call(e,a)&&a!="constructor"&&l.push(a);return l}function pt(e,t,r,n,l,a){var d=r&y,f=e.length,A=t.length;if(f!=A&&!(d&&A>f))return!1;var p=a.get(e);if(p&&a.get(t))return p==t;var h=-1,q=!0,L=r&v?new xe:void 0;for(a.set(e,t),a.set(t,e);++h<f;){var _=e[h],B=t[h];if(n)var he=d?n(B,_,h,t,e,a):n(_,B,h,e,t,a);if(he!==void 0){if(he)continue;q=!1;break}if(L){if(!qt(t,function(Ee,be){if(me=be,!L.has(me)&&(_===Ee||l(_,Ee,r,n,a)))return L.push(be);var me})){q=!1;break}}else if(_!==B&&!l(_,B,r,n,a)){q=!1;break}}return a.delete(e),a.delete(t),q}function ht(e){return function(t,r,n){var l=r(t);return Oe(t)?l:function(a,d){for(var f=-1,A=d.length,p=a.length;++f<A;)a[p+f]=d[f];return a}(l,n(t))}(e,er,Qt)}function ze(e,t){var r,n,l=e.__data__;return((n=typeof(r=t))=="string"||n=="number"||n=="symbol"||n=="boolean"?r!=="__proto__":r===null)?l[typeof t=="string"?"string":"hash"]:l.map}function pe(e,t){var r=function(n,l){return n?.[l]}(e,t);return Jt(r)?r:void 0}ae.prototype.clear=function(){this.__data__=_e?_e(null):{},this.size=0},ae.prototype.delete=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},ae.prototype.get=function(e){var t=this.__data__;if(_e){var r=t[e];return r===g?void 0:r}return R.call(t,e)?t[e]:void 0},ae.prototype.has=function(e){var t=this.__data__;return _e?t[e]!==void 0:R.call(t,e)},ae.prototype.set=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=_e&&t===void 0?g:t,this},T.prototype.clear=function(){this.__data__=[],this.size=0},T.prototype.delete=function(e){var t=this.__data__,r=Ce(t,e);return!(r<0)&&(r==t.length-1?t.pop():Lt.call(t,r,1),--this.size,!0)},T.prototype.get=function(e){var t=this.__data__,r=Ce(t,e);return r<0?void 0:t[r][1]},T.prototype.has=function(e){return Ce(this.__data__,e)>-1},T.prototype.set=function(e,t){var r=this.__data__,n=Ce(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this},ie.prototype.clear=function(){this.size=0,this.__data__={hash:new ae,map:new(ve||T),string:new ae}},ie.prototype.delete=function(e){var t=ze(this,e).delete(e);return this.size-=t?1:0,t},ie.prototype.get=function(e){return ze(this,e).get(e)},ie.prototype.has=function(e){return ze(this,e).has(e)},ie.prototype.set=function(e,t){var r=ze(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this},xe.prototype.add=xe.prototype.push=function(e){return this.__data__.set(e,g),this},xe.prototype.has=function(e){return this.__data__.has(e)},H.prototype.clear=function(){this.__data__=new T,this.size=0},H.prototype.delete=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r},H.prototype.get=function(e){return this.__data__.get(e)},H.prototype.has=function(e){return this.__data__.has(e)},H.prototype.set=function(e,t){var r=this.__data__;if(r instanceof T){var n=r.__data__;if(!ve||n.length<199)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new ie(n)}return r.set(e,t),this.size=r.size,this};var Qt=ut?function(e){return e==null?[]:(e=Object(e),function(t,r){for(var n=-1,l=t==null?0:t.length,a=0,d=[];++n<l;){var f=t[n];r(f,n,t)&&(d[a++]=f)}return d}(ut(e),function(t){return ct.call(e,t)}))}:function(){return[]},W=ye;function Xt(e,t){return!!(t=t??F)&&(typeof e=="number"||w.test(e))&&e>-1&&e%1==0&&e<t}function oe(e){if(e!=null){try{return nt.call(e)}catch{}try{return e+""}catch{}}return""}function bt(e,t){return e===t||e!=e&&t!=t}(Be&&W(new Be(new ArrayBuffer(1)))!=S||ve&&W(new ve)!=E||Ue&&W(Ue.resolve())!=X||Ve&&W(new Ve)!=$||De&&W(new De)!=j)&&(W=function(e){var t=ye(e),r=t==z?e.constructor:void 0,n=r?oe(r):"";if(n)switch(n){case Vt:return S;case Dt:return E;case Gt:return X;case Ht:return $;case Wt:return j}return t});var Yt=dt(function(){return arguments}())?dt:function(e){return ke(e)&&R.call(e,"callee")&&!ct.call(e,"callee")},Oe=Array.isArray,He=Bt||function(){return!1};function vt(e){if(!yt(e))return!1;var t=ye(e);return t==G||t==Q||t==K||t==Y}function _t(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=F}function yt(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}function ke(e){return e!=null&&typeof e=="object"}var kt=Ye?function(e){return function(t){return e(t)}}(Ye):function(e){return ke(e)&&_t(e.length)&&!!o[ye(e)]};function er(e){return(t=e)!=null&&_t(t.length)&&!vt(t)?Zt(e):Kt(e);var t}s.exports=function(e,t){return ft(e,t)}})(Ke,Ke.exports);const lr=ur(Ke.exports),dr=Pe.cva(["flex"],{variants:{orientation:{vertical:["flex-col","gap-lg"],horizontal:["gap-xl"]}}}),xt=i.forwardRef(({name:s,value:b,defaultValue:g,className:y,intent:v,orientation:F="vertical",onCheckedChange:C,reverse:V=!1,children:K,...ce},ue)=>{const[D,G]=function(M,P,j){const k=M!==void 0,{current:S}=i.useRef(k?M:P),[m,w]=i.useState(P),o=k?M:m,fe=i.useCallback((te,x=(N,re)=>!lr(N,re))=>{const N=typeof te!="function"?te:te(o);x(o,N)&&!k&&w(N),j&&j(N)},[k,o,j]);return[o,fe,k,S]}(b,g),Q=Ct.useFormFieldControl(),E=i.useRef(C),{id:I,labelId:le,description:z,state:X,isInvalid:Y,isRequired:ee}=Q,$=s??Q.name,de=i.useMemo(()=>({id:I,name:$,value:D,intent:v,state:X,isInvalid:Y,description:z,isRequired:ee,reverse:V,onCheckedChange:(M,P)=>{const j=D||[],k=M?[...j,P]:j.filter(S=>S!==P);G(k),E.current&&E.current(k)}}),[I,$,D,v,X,Y,z,ee,G,V]);return i.useEffect(()=>{E.current=C},[C]),i.createElement(Ot.Provider,{value:de},i.createElement("div",{ref:ue,className:dr({className:y,orientation:F}),role:"group","aria-labelledby":le,"aria-describedby":z,...ce},K))});xt.displayName="CheckboxGroup",exports.Checkbox=Rt,exports.CheckboxGroup=xt;
|
package/dist/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import f, { createContext as nr, useContext as ar, forwardRef as Te, useId as
|
|
1
|
+
import f, { createContext as nr, useContext as ar, forwardRef as Te, useId as zt, useRef as Ke, useState as ir, useCallback as or, useMemo as sr, useEffect as cr } from "react";
|
|
2
2
|
import { useFormFieldControl as Et } from "@spark-ui/form-field";
|
|
3
3
|
import { useMergeRefs as ur } from "@spark-ui/use-merge-refs";
|
|
4
4
|
import { cva as Xe, cx as lr } from "class-variance-authority";
|
|
@@ -6,37 +6,37 @@ import { CheckboxIndicator as dr, Checkbox as fr } from "@radix-ui/react-checkbo
|
|
|
6
6
|
import { Icon as pr } from "@spark-ui/icon";
|
|
7
7
|
import { makeVariants as hr } from "@spark-ui/internal-utils";
|
|
8
8
|
import { Label as br } from "@spark-ui/label";
|
|
9
|
-
const Ot = nr({}), It = f.forwardRef(({ title:
|
|
9
|
+
const Ot = nr({}), It = f.forwardRef(({ title: o, fill: b = "currentColor", stroke: g = "none", ..._ }, v) => f.createElement("svg", { ref: v, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "data-title": "Check", ...o && { "data-title": o }, fill: b, stroke: 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"/>' } }));
|
|
10
10
|
It.displayName = "Check";
|
|
11
|
-
const At = f.forwardRef(({ title:
|
|
11
|
+
const At = f.forwardRef(({ title: o, fill: b = "currentColor", stroke: g = "none", ..._ }, v) => f.createElement("svg", { ref: v, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "data-title": "Minus", ...o && { "data-title": o }, fill: b, stroke: 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"/>' } }));
|
|
12
12
|
At.displayName = "Minus";
|
|
13
|
-
const Nt = Te((
|
|
13
|
+
const Nt = Te((o, b) => f.createElement(dr, { ref: b, className: "flex size-full items-center justify-center", ...o }));
|
|
14
14
|
Nt.displayName = "CheckboxIndicator";
|
|
15
|
-
const vr = Xe(["
|
|
15
|
+
const vr = Xe(["size-sz-24 shrink-0 items-center justify-center rounded-sm border-md bg-transparent outline-none", "spark-disabled:cursor-not-allowed spark-disabled:opacity-dim-3 spark-disabled:hover:ring-0", "focus-visible:u-ring", "hover:border-main-container hover:ring-2", "u-shadow-border-transition"], { variants: { intent: hr({ main: ["text-on-main", "spark-state-unchecked:border-outline", "spark-state-indeterminate:border-main spark-state-indeterminate:bg-main", "spark-state-checked:border-main spark-state-checked:bg-main"], support: ["text-on-support", "spark-state-unchecked:border-outline", "spark-state-indeterminate:border-support spark-state-indeterminate:bg-support", "spark-state-checked:border-support spark-state-checked:bg-support"], accent: ["text-on-accent", "spark-state-unchecked:border-outline", "spark-state-indeterminate:border-accent spark-state-indeterminate:bg-accent", "spark-state-checked:border-accent spark-state-checked:bg-accent"], basic: ["text-on-basic", "spark-state-unchecked:border-outline", "spark-state-indeterminate:border-basic spark-state-indeterminate:bg-basic", "spark-state-checked:border-basic spark-state-checked:bg-basic"], success: ["text-on-success", "spark-state-unchecked:border-success", "spark-state-indeterminate:border-success spark-state-indeterminate:bg-success", "spark-state-checked:border-success spark-state-checked:bg-success"], alert: ["text-on-alert", "spark-state-unchecked:border-alert", "spark-state-indeterminate:border-alert spark-state-indeterminate:bg-alert", "spark-state-checked:border-alert spark-state-checked:bg-alert"], error: ["text-on-error", "spark-state-unchecked:border-error", "spark-state-indeterminate:border-error spark-state-indeterminate:bg-error", "spark-state-checked:border-error spark-state-checked:bg-error"], info: ["text-on-info", "spark-state-unchecked:border-info", "spark-state-indeterminate:border-info spark-state-indeterminate:bg-info", "spark-state-checked:border-info spark-state-checked:bg-info"], neutral: ["text-on-neutral", "spark-state-unchecked:border-neutral", "spark-state-indeterminate:border-neutral spark-state-indeterminate:bg-neutral", "spark-state-checked:border-neutral spark-state-checked:bg-neutral"] }) }, defaultVariants: { intent: "basic" } }), St = Te(({ className: o, icon: b = f.createElement(It, null), indeterminateIcon: g = f.createElement(At, null), intent: _, checked: v, ...F }, z) => f.createElement(fr, { ref: z, className: vr({ intent: _, className: o }), checked: v, ...F }, f.createElement(Nt, null, f.createElement(pr, { size: "sm" }, v === "indeterminate" ? g : b))));
|
|
16
16
|
St.displayName = "CheckboxInput";
|
|
17
|
-
const mr = Xe("grow", { variants: { disabled: { true: ["text-neutral/dim-2", "cursor-not-allowed"], false: ["cursor-pointer"] } }, defaultVariants: { disabled: !1 } }), Rt = ({ disabled:
|
|
17
|
+
const mr = Xe("grow", { variants: { disabled: { true: ["text-neutral/dim-2", "cursor-not-allowed"], false: ["cursor-pointer"] } }, defaultVariants: { disabled: !1 } }), Rt = ({ disabled: o, ...b }) => f.createElement(br, { className: mr({ disabled: o }), ...b });
|
|
18
18
|
Rt.displayName = "CheckboxLabel";
|
|
19
|
-
const
|
|
20
|
-
const D = `${
|
|
19
|
+
const Ct = ":checkbox", _r = Te(({ id: o, className: b, intent: g, checked: _, value: v, disabled: F, reverse: z = !1, onCheckedChange: V, children: K, ...ce }, ue) => {
|
|
20
|
+
const D = `${Ct}-${zt()}`, G = o || D, Q = `${Ct}-${zt()}`, O = Et(), I = ar(Ot), le = Ke(), C = ur(ue, le), X = v ? I.value?.includes(v) : _, { id: Y, name: ee, isInvalid: M, isRequired: de, description: P, intent: T } = (({ fieldState: y, groupState: w, checkboxIntent: i }) => {
|
|
21
21
|
const fe = y.name ?? w.name, te = y.isRequired ?? w.isRequired, x = y.state ?? w.state, S = y.isInvalid ?? w.isInvalid, re = y.id !== w.id;
|
|
22
|
-
return { name: fe, isRequired: te, isInvalid: S, id: re ? y.id : void 0, description: re ? y.description : void 0, intent: x ??
|
|
23
|
-
})({ fieldState: O, groupState: I, checkboxIntent: g }), j = K && f.createElement(Rt, { disabled: F, htmlFor: Y || G, id: Q }, K), k = f.createElement(St, { ref:
|
|
22
|
+
return { name: fe, isRequired: te, isInvalid: S, id: re ? y.id : void 0, description: re ? y.description : void 0, intent: x ?? i ?? w.intent };
|
|
23
|
+
})({ fieldState: O, groupState: I, checkboxIntent: g }), j = K && f.createElement(Rt, { disabled: F, htmlFor: Y || G, id: Q }, K), k = f.createElement(St, { ref: C, id: Y || G, name: ee, value: v, intent: T, checked: X, disabled: F, required: de, "aria-describedby": P, "aria-invalid": M, onCheckedChange: (y) => {
|
|
24
24
|
V?.(y);
|
|
25
25
|
const w = le.current?.value;
|
|
26
26
|
w && I.onCheckedChange && I.onCheckedChange(y, w);
|
|
27
|
-
}, "aria-labelledby": K ? Q : O.labelId, ...ce }), N = I.reverse ||
|
|
27
|
+
}, "aria-labelledby": K ? Q : O.labelId, ...ce }), N = I.reverse || z ? f.createElement(f.Fragment, null, j, k) : f.createElement(f.Fragment, null, k, j);
|
|
28
28
|
return f.createElement("div", { "data-spark-component": "checkbox", className: lr("relative flex items-start gap-md text-body-1", b) }, N);
|
|
29
29
|
});
|
|
30
30
|
_r.displayName = "Checkbox";
|
|
31
31
|
var Pe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
|
|
32
|
-
function kr(
|
|
33
|
-
return
|
|
32
|
+
function kr(o) {
|
|
33
|
+
return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
|
|
34
34
|
}
|
|
35
35
|
var Qe = { exports: {} };
|
|
36
|
-
(function(
|
|
37
|
-
var g = "__lodash_hash_undefined__", _ = 1, v = 2, F = 9007199254740991,
|
|
38
|
-
|
|
39
|
-
var fe = typeof Pe == "object" && Pe && Pe.Object === Object && Pe, te = typeof self == "object" && self && self.Object === Object && self, x = fe || te || Function("return this")(), S = b && !b.nodeType && b, re = S &&
|
|
36
|
+
(function(o, b) {
|
|
37
|
+
var g = "__lodash_hash_undefined__", _ = 1, v = 2, F = 9007199254740991, z = "[object Arguments]", V = "[object Array]", K = "[object AsyncFunction]", ce = "[object Boolean]", ue = "[object Date]", D = "[object Error]", G = "[object Function]", Q = "[object GeneratorFunction]", O = "[object Map]", I = "[object Number]", le = "[object Null]", C = "[object Object]", X = "[object Promise]", Y = "[object Proxy]", ee = "[object RegExp]", M = "[object Set]", de = "[object String]", P = "[object Symbol]", T = "[object Undefined]", j = "[object WeakMap]", k = "[object ArrayBuffer]", N = "[object DataView]", y = /^\[object .+?Constructor\]$/, w = /^(?:0|[1-9]\d*)$/, i = {};
|
|
38
|
+
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[z] = i[V] = i[k] = i[ce] = i[N] = i[ue] = i[D] = i[G] = i[O] = i[I] = i[C] = i[ee] = i[M] = i[de] = i[j] = !1;
|
|
39
|
+
var fe = typeof Pe == "object" && Pe && Pe.Object === Object && Pe, te = typeof self == "object" && self && self.Object === Object && self, x = fe || te || Function("return this")(), S = b && !b.nodeType && b, re = S && o && !o.nodeType && o, Ye = re && re.exports === S, Le = Ye && fe.process, et = function() {
|
|
40
40
|
try {
|
|
41
41
|
return Le && Le.binding && Le.binding("util");
|
|
42
42
|
} catch {
|
|
@@ -60,9 +60,9 @@ var Qe = { exports: {} };
|
|
|
60
60
|
r[++t] = n;
|
|
61
61
|
}), r;
|
|
62
62
|
}
|
|
63
|
-
var rt, nt, at, Pt = Array.prototype, Tt = Function.prototype, je = Object.prototype, qe = x["__core-js_shared__"],
|
|
63
|
+
var rt, nt, at, Pt = Array.prototype, Tt = Function.prototype, je = Object.prototype, qe = x["__core-js_shared__"], it = Tt.toString, R = je.hasOwnProperty, ot = (rt = /[^.]+$/.exec(qe && qe.keys && qe.keys.IE_PROTO || "")) ? "Symbol(src)_1." + rt : "", st = je.toString, Lt = RegExp("^" + it.call(R).replace(/[\\^$.*+?()[\]{}|]/g, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"), ct = Ye ? x.Buffer : void 0, we = x.Symbol, ut = x.Uint8Array, lt = je.propertyIsEnumerable, qt = Pt.splice, ne = we ? we.toStringTag : void 0, dt = Object.getOwnPropertySymbols, Bt = ct ? ct.isBuffer : void 0, Ut = (nt = Object.keys, at = Object, function(e) {
|
|
64
64
|
return nt(at(e));
|
|
65
|
-
}), Be = pe(x, "DataView"), ve = pe(x, "Map"), Ue = pe(x, "Promise"), Ve = pe(x, "Set"), De = pe(x, "WeakMap"), me = pe(Object, "create"), Vt =
|
|
65
|
+
}), Be = pe(x, "DataView"), ve = pe(x, "Map"), Ue = pe(x, "Promise"), Ve = pe(x, "Set"), De = pe(x, "WeakMap"), me = pe(Object, "create"), Vt = oe(Be), Dt = oe(ve), Gt = oe(Ue), Ht = oe(Ve), Wt = oe(De), ft = we ? we.prototype : void 0, Ge = ft ? ft.valueOf : void 0;
|
|
66
66
|
function ae(e) {
|
|
67
67
|
var t = -1, r = e == null ? 0 : e.length;
|
|
68
68
|
for (this.clear(); ++t < r; ) {
|
|
@@ -77,7 +77,7 @@ var Qe = { exports: {} };
|
|
|
77
77
|
this.set(n[0], n[1]);
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
|
-
function
|
|
80
|
+
function ie(e) {
|
|
81
81
|
var t = -1, r = e == null ? 0 : e.length;
|
|
82
82
|
for (this.clear(); ++t < r; ) {
|
|
83
83
|
var n = e[t];
|
|
@@ -86,7 +86,7 @@ var Qe = { exports: {} };
|
|
|
86
86
|
}
|
|
87
87
|
function xe(e) {
|
|
88
88
|
var t = -1, r = e == null ? 0 : e.length;
|
|
89
|
-
for (this.__data__ = new
|
|
89
|
+
for (this.__data__ = new ie(); ++t < r; )
|
|
90
90
|
this.add(e[t]);
|
|
91
91
|
}
|
|
92
92
|
function H(e) {
|
|
@@ -103,7 +103,7 @@ var Qe = { exports: {} };
|
|
|
103
103
|
!t && !R.call(e, p) || l && (p == "length" || u && (p == "offset" || p == "parent") || a && (p == "buffer" || p == "byteLength" || p == "byteOffset") || Xt(p, A)) || d.push(p);
|
|
104
104
|
return d;
|
|
105
105
|
}
|
|
106
|
-
function
|
|
106
|
+
function ze(e, t) {
|
|
107
107
|
for (var r = e.length; r--; )
|
|
108
108
|
if (mt(e[r][0], t))
|
|
109
109
|
return r;
|
|
@@ -124,11 +124,11 @@ var Qe = { exports: {} };
|
|
|
124
124
|
}(e);
|
|
125
125
|
}
|
|
126
126
|
function pt(e) {
|
|
127
|
-
return ke(e) && _e(e) ==
|
|
127
|
+
return ke(e) && _e(e) == z;
|
|
128
128
|
}
|
|
129
129
|
function ht(e, t, r, n, u) {
|
|
130
130
|
return e === t || (e == null || t == null || !ke(e) && !ke(t) ? e != e && t != t : function(a, l, d, A, p, h) {
|
|
131
|
-
var $ = Ee(a), q = Ee(l), m = $ ? V : W(a), B = q ? V : W(l), he = (m = m ==
|
|
131
|
+
var $ = Ee(a), q = Ee(l), m = $ ? V : W(a), B = q ? V : W(l), he = (m = m == z ? C : m) == C, Oe = (B = B == z ? C : B) == C, be = m == B;
|
|
132
132
|
if (be && He(a)) {
|
|
133
133
|
if (!He(l))
|
|
134
134
|
return !1;
|
|
@@ -211,8 +211,8 @@ var Qe = { exports: {} };
|
|
|
211
211
|
}
|
|
212
212
|
function Jt(e) {
|
|
213
213
|
return !(!yt(e) || function(t) {
|
|
214
|
-
return !!
|
|
215
|
-
}(e)) && (_t(e) ? Lt : y).test(
|
|
214
|
+
return !!ot && ot in t;
|
|
215
|
+
}(e)) && (_t(e) ? Lt : y).test(oe(e));
|
|
216
216
|
}
|
|
217
217
|
function Kt(e) {
|
|
218
218
|
if (r = (t = e) && t.constructor, n = typeof r == "function" && r.prototype || je, t !== n)
|
|
@@ -266,7 +266,7 @@ var Qe = { exports: {} };
|
|
|
266
266
|
}(u, n(t));
|
|
267
267
|
}(e, er, Qt);
|
|
268
268
|
}
|
|
269
|
-
function
|
|
269
|
+
function Ce(e, t) {
|
|
270
270
|
var r, n, u = e.__data__;
|
|
271
271
|
return ((n = typeof (r = t)) == "string" || n == "number" || n == "symbol" || n == "boolean" ? r !== "__proto__" : r === null) ? u[typeof t == "string" ? "string" : "hash"] : u.map;
|
|
272
272
|
}
|
|
@@ -297,27 +297,27 @@ var Qe = { exports: {} };
|
|
|
297
297
|
}, L.prototype.clear = function() {
|
|
298
298
|
this.__data__ = [], this.size = 0;
|
|
299
299
|
}, L.prototype.delete = function(e) {
|
|
300
|
-
var t = this.__data__, r =
|
|
300
|
+
var t = this.__data__, r = ze(t, e);
|
|
301
301
|
return !(r < 0) && (r == t.length - 1 ? t.pop() : qt.call(t, r, 1), --this.size, !0);
|
|
302
302
|
}, L.prototype.get = function(e) {
|
|
303
|
-
var t = this.__data__, r =
|
|
303
|
+
var t = this.__data__, r = ze(t, e);
|
|
304
304
|
return r < 0 ? void 0 : t[r][1];
|
|
305
305
|
}, L.prototype.has = function(e) {
|
|
306
|
-
return
|
|
306
|
+
return ze(this.__data__, e) > -1;
|
|
307
307
|
}, L.prototype.set = function(e, t) {
|
|
308
|
-
var r = this.__data__, n =
|
|
308
|
+
var r = this.__data__, n = ze(r, e);
|
|
309
309
|
return n < 0 ? (++this.size, r.push([e, t])) : r[n][1] = t, this;
|
|
310
|
-
},
|
|
310
|
+
}, ie.prototype.clear = function() {
|
|
311
311
|
this.size = 0, this.__data__ = { hash: new ae(), map: new (ve || L)(), string: new ae() };
|
|
312
|
-
},
|
|
313
|
-
var t =
|
|
312
|
+
}, ie.prototype.delete = function(e) {
|
|
313
|
+
var t = Ce(this, e).delete(e);
|
|
314
314
|
return this.size -= t ? 1 : 0, t;
|
|
315
|
-
},
|
|
316
|
-
return
|
|
317
|
-
},
|
|
318
|
-
return
|
|
319
|
-
},
|
|
320
|
-
var r =
|
|
315
|
+
}, ie.prototype.get = function(e) {
|
|
316
|
+
return Ce(this, e).get(e);
|
|
317
|
+
}, ie.prototype.has = function(e) {
|
|
318
|
+
return Ce(this, e).has(e);
|
|
319
|
+
}, ie.prototype.set = function(e, t) {
|
|
320
|
+
var r = Ce(this, e), n = r.size;
|
|
321
321
|
return r.set(e, t), this.size += r.size == n ? 0 : 1, this;
|
|
322
322
|
}, xe.prototype.add = xe.prototype.push = function(e) {
|
|
323
323
|
return this.__data__.set(e, g), this;
|
|
@@ -338,7 +338,7 @@ var Qe = { exports: {} };
|
|
|
338
338
|
var n = r.__data__;
|
|
339
339
|
if (!ve || n.length < 199)
|
|
340
340
|
return n.push([e, t]), this.size = ++r.size, this;
|
|
341
|
-
r = this.__data__ = new
|
|
341
|
+
r = this.__data__ = new ie(n);
|
|
342
342
|
}
|
|
343
343
|
return r.set(e, t), this.size = r.size, this;
|
|
344
344
|
};
|
|
@@ -358,10 +358,10 @@ var Qe = { exports: {} };
|
|
|
358
358
|
function Xt(e, t) {
|
|
359
359
|
return !!(t = t ?? F) && (typeof e == "number" || w.test(e)) && e > -1 && e % 1 == 0 && e < t;
|
|
360
360
|
}
|
|
361
|
-
function
|
|
361
|
+
function oe(e) {
|
|
362
362
|
if (e != null) {
|
|
363
363
|
try {
|
|
364
|
-
return
|
|
364
|
+
return it.call(e);
|
|
365
365
|
} catch {
|
|
366
366
|
}
|
|
367
367
|
try {
|
|
@@ -375,7 +375,7 @@ var Qe = { exports: {} };
|
|
|
375
375
|
return e === t || e != e && t != t;
|
|
376
376
|
}
|
|
377
377
|
(Be && W(new Be(new ArrayBuffer(1))) != N || ve && W(new ve()) != O || Ue && W(Ue.resolve()) != X || Ve && W(new Ve()) != M || De && W(new De()) != j) && (W = function(e) {
|
|
378
|
-
var t = _e(e), r = t ==
|
|
378
|
+
var t = _e(e), r = t == C ? e.constructor : void 0, n = r ? oe(r) : "";
|
|
379
379
|
if (n)
|
|
380
380
|
switch (n) {
|
|
381
381
|
case Vt:
|
|
@@ -419,30 +419,30 @@ var Qe = { exports: {} };
|
|
|
419
419
|
return e(t);
|
|
420
420
|
};
|
|
421
421
|
}(tt) : function(e) {
|
|
422
|
-
return ke(e) && kt(e.length) && !!
|
|
422
|
+
return ke(e) && kt(e.length) && !!i[_e(e)];
|
|
423
423
|
};
|
|
424
424
|
function er(e) {
|
|
425
425
|
return (t = e) != null && kt(t.length) && !_t(t) ? Zt(e) : Kt(e);
|
|
426
426
|
var t;
|
|
427
427
|
}
|
|
428
|
-
|
|
428
|
+
o.exports = function(e, t) {
|
|
429
429
|
return ht(e, t);
|
|
430
430
|
};
|
|
431
431
|
})(Qe, Qe.exports);
|
|
432
|
-
const yr = kr(Qe.exports), gr = Xe(["flex"], { variants: { orientation: { vertical: ["flex-col", "gap-lg"], horizontal: ["gap-xl"] } } }), jr = Te(({ name:
|
|
432
|
+
const yr = kr(Qe.exports), gr = Xe(["flex"], { variants: { orientation: { vertical: ["flex-col", "gap-lg"], horizontal: ["gap-xl"] } } }), jr = Te(({ name: o, value: b, defaultValue: g, className: _, intent: v, orientation: F = "vertical", onCheckedChange: z, reverse: V = !1, children: K, ...ce }, ue) => {
|
|
433
433
|
const [D, G] = function(P, T, j) {
|
|
434
|
-
const k = P !== void 0, { current: N } = Ke(k ? P : T), [y, w] =
|
|
435
|
-
const S = typeof te != "function" ? te : te(
|
|
436
|
-
x(
|
|
437
|
-
}, [k,
|
|
438
|
-
return [
|
|
439
|
-
}(b, g), Q = Et(), O = Ke(
|
|
434
|
+
const k = P !== void 0, { current: N } = Ke(k ? P : T), [y, w] = ir(T), i = k ? P : y, fe = or((te, x = (S, re) => !yr(S, re)) => {
|
|
435
|
+
const S = typeof te != "function" ? te : te(i);
|
|
436
|
+
x(i, S) && !k && w(S), j && j(S);
|
|
437
|
+
}, [k, i, j]);
|
|
438
|
+
return [i, fe, k, N];
|
|
439
|
+
}(b, g), Q = Et(), O = Ke(z), { id: I, labelId: le, description: C, state: X, isInvalid: Y, isRequired: ee } = Q, M = o ?? Q.name, de = sr(() => ({ id: I, name: M, value: D, intent: v, state: X, isInvalid: Y, description: C, isRequired: ee, reverse: V, onCheckedChange: (P, T) => {
|
|
440
440
|
const j = D || [], k = P ? [...j, T] : j.filter((N) => N !== T);
|
|
441
441
|
G(k), O.current && O.current(k);
|
|
442
|
-
} }), [I, M, D, v, X, Y,
|
|
442
|
+
} }), [I, M, D, v, X, Y, C, ee, G, V]);
|
|
443
443
|
return cr(() => {
|
|
444
|
-
O.current =
|
|
445
|
-
}, [
|
|
444
|
+
O.current = z;
|
|
445
|
+
}, [z]), f.createElement(Ot.Provider, { value: de }, f.createElement("div", { ref: ue, className: gr({ className: _, orientation: F }), role: "group", "aria-labelledby": le, "aria-describedby": C, ...ce }, K));
|
|
446
446
|
});
|
|
447
447
|
jr.displayName = "CheckboxGroup";
|
|
448
448
|
export {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spark-ui/checkbox",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.4",
|
|
4
4
|
"description": "A control that allows the user to toggle between checked and not checked.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -52,5 +52,5 @@
|
|
|
52
52
|
},
|
|
53
53
|
"homepage": "https://sparkui.vercel.app",
|
|
54
54
|
"license": "MIT",
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "138a98837c8577b4206b13f63b8c1907c6fc4098"
|
|
56
56
|
}
|