@spark-ui/checkbox 2.2.8 → 2.2.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 +8 -0
- package/README.md +2 -2
- package/dist/index.js +1 -1
- package/dist/index.mjs +36 -36
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
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.10](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@2.2.9...@spark-ui/checkbox@2.2.10) (2024-06-06)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @spark-ui/checkbox
|
|
9
|
+
|
|
10
|
+
## [2.2.9](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@2.2.8...@spark-ui/checkbox@2.2.9) (2024-06-03)
|
|
11
|
+
|
|
12
|
+
**Note:** Version bump only for package @spark-ui/checkbox
|
|
13
|
+
|
|
6
14
|
## [2.2.8](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@2.2.7...@spark-ui/checkbox@2.2.8) (2024-05-30)
|
|
7
15
|
|
|
8
16
|
**Note:** Version bump only for package @spark-ui/checkbox
|
package/README.md
CHANGED
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
|
|
4
4
|
[](https://sparkui.vercel.app/?path=/docs/components-checkbox--docs)
|
|
5
5
|
[](https://sparkui-adv.vercel.app/docs/components/checkbox)
|
|
6
|
-
[](https://github.com/adevinta/spark/issues/new?&projects=4&template=bug-report.yml&assignees=&labels=
|
|
6
|
+
[](https://github.com/adevinta/spark/issues/new?&projects=4&template=bug-report.yml&assignees=&labels=Component,Component%3A%20checkbox)
|
|
7
7
|
[](https://www.npmjs.com/package/@spark-ui/checkbox)
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
This package is part of the [`@spark-ui`](https://github.com/adevinta/spark) react-js user interface component library project.
|
|
11
11
|
|
|
12
|
-
[](https://github.com/adevinta/spark/issues?q=is%3Aopen+label%3Acheckbox)
|
|
13
13
|
[](https://github.com/adevinta/spark/blob/main/packages/components/checkbox/LICENSE.md)
|
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 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;
|
|
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:m="none",..._},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:m,..._,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:m="none",..._},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:m,..._,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:ring-4","u-shadow-border-transition"],{variants:{intent:ir.makeVariants({main:["text-on-main","hover:ring-main-container","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","hover:ring-support-container","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","hover:ring-accent-container","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","hover:ring-basic-container","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","hover:ring-success-container","spark-state-unchecked:border-outline","spark-state-indeterminate:border-success spark-state-indeterminate:bg-success","spark-state-checked:border-success spark-state-checked:bg-success"],alert:["text-on-alert","hover:ring-alert-container","spark-state-unchecked:border-outline","spark-state-indeterminate:border-alert spark-state-indeterminate:bg-alert","spark-state-checked:border-alert spark-state-checked:bg-alert"],error:["text-on-error","hover:ring-error-container","spark-state-unchecked:border-outline","spark-state-indeterminate:border-error spark-state-indeterminate:bg-error","spark-state-checked:border-error spark-state-checked:bg-error"],info:["text-on-info","hover:ring-info-container","spark-state-unchecked:border-outline","spark-state-indeterminate:border-info spark-state-indeterminate:bg-info","spark-state-checked:border-info spark-state-checked:bg-info"],neutral:["text-on-neutral","hover:ring-neutral-container","spark-state-unchecked:border-outline","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:m=i.createElement(It,null),intent:_,checked:v,...F},C)=>i.createElement(zt.Checkbox,{ref:C,className:sr({intent:_,className:s}),checked:v,...F},i.createElement(At,null,i.createElement(ar.Icon,{size:"sm"},v==="indeterminate"?m: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:m,checked:_,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):_,{id:Y,name:ee,isInvalid:$,isRequired:de,description:M,intent:P}=(({fieldState:y,groupState:w,checkboxIntent:o})=>{const fe=y.name??w.name,te=y.isRequired??w.isRequired,x=y.state??w.state,N=y.isInvalid??w.isInvalid,re=y.id!==w.id;return{name:fe,isRequired:te,isInvalid:N,id:re?y.id:void 0,description:re?y.description:void 0,intent:x??o??w.intent}})({fieldState:E,groupState:I,checkboxIntent:m}),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:y=>{V?.(y);const w=le.current?.value;w&&I.onCheckedChange&&I.onCheckedChange(y,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 m="__lodash_hash_undefined__",_=1,v=2,F=9007199254740991,C="[object Arguments]",V="[object Array]",K="[object AsyncFunction]",ce="[object Boolean]",ue="[object Date]",D="[object Error]",G="[object Function]",Q="[object GeneratorFunction]",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]",y=/^\[object .+?Constructor\]$/,w=/^(?:0|[1-9]\d*)$/,o={};o["[object Float32Array]"]=o["[object Float64Array]"]=o["[object Int8Array]"]=o["[object Int16Array]"]=o["[object Int32Array]"]=o["[object Uint8Array]"]=o["[object Uint8ClampedArray]"]=o["[object Uint16Array]"]=o["[object Uint32Array]"]=!0,o[C]=o[V]=o[k]=o[ce]=o[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"),ge=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,g=Array(h);++L<h;)g[L]=q(L);return g}(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 _e(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)&&_e(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),g=q?V:W(a),B=L?V:W(d),he=(g=g==C?z:g)==z,Ee=(B=B==C?z:B)==z,be=g==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 me=Z&_;if(J||(J=$t),u.size!=c.size&&!me)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,g,f,A,p,h);if(!(f&_)){var ye=he&&R.call(a,"__wrapped__"),yt=Ee&&R.call(d,"__wrapped__");if(ye||yt){var tr=ye?a.value():a,rr=yt?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&_,J=ht(u),me=J.length,Ae=ht(c),Ze=Ae.length;if(me!=Ze&&!U)return!1;for(var Se=me;Se--;){var se=J[Se];if(!(U?se in c:R.call(c,se)))return!1}var mt=O.get(u);if(mt&&O.get(c))return mt==c;var Ne=!0;O.set(u,c),O.set(c,u);for(var Je=U;++Se<me;){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!(!_t(e)||function(t){return!!at&&at in t}(e))&&(vt(e)?Tt:y).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&_,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 g=e[h],B=t[h];if(n)var he=d?n(B,g,h,t,e,a):n(g,B,h,e,t,a);if(he!==void 0){if(he)continue;q=!1;break}if(L){if(!qt(t,function(Ee,be){if(ye=be,!L.has(ye)&&(g===Ee||l(g,Ee,r,n,a)))return L.push(be);var ye})){q=!1;break}}else if(g!==B&&!l(g,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__=ge?ge(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(ge){var r=t[e];return r===m?void 0:r}return R.call(t,e)?t[e]:void 0},ae.prototype.has=function(e){var t=this.__data__;return ge?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]=ge&&t===void 0?m: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,m),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=_e;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=_e(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(!_t(e))return!1;var t=_e(e);return t==G||t==Q||t==K||t==Y}function gt(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=F}function _t(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)&>(e.length)&&!!o[_e(e)]};function er(e){return(t=e)!=null&>(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:m,className:_,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),[y,w]=i.useState(P),o=k?M:y,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,m),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:_,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
|
@@ -6,24 +6,24 @@ 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: o, fill: b = "currentColor", stroke:
|
|
9
|
+
const Ot = nr({}), It = f.forwardRef(({ title: o, fill: b = "currentColor", stroke: y = "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: y, ..._, 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: o, fill: b = "currentColor", stroke:
|
|
11
|
+
const At = f.forwardRef(({ title: o, fill: b = "currentColor", stroke: y = "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: y, ..._, 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
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(["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:
|
|
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:ring-4", "u-shadow-border-transition"], { variants: { intent: hr({ main: ["text-on-main", "hover:ring-main-container", "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", "hover:ring-support-container", "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", "hover:ring-accent-container", "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", "hover:ring-basic-container", "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", "hover:ring-success-container", "spark-state-unchecked:border-outline", "spark-state-indeterminate:border-success spark-state-indeterminate:bg-success", "spark-state-checked:border-success spark-state-checked:bg-success"], alert: ["text-on-alert", "hover:ring-alert-container", "spark-state-unchecked:border-outline", "spark-state-indeterminate:border-alert spark-state-indeterminate:bg-alert", "spark-state-checked:border-alert spark-state-checked:bg-alert"], error: ["text-on-error", "hover:ring-error-container", "spark-state-unchecked:border-outline", "spark-state-indeterminate:border-error spark-state-indeterminate:bg-error", "spark-state-checked:border-error spark-state-checked:bg-error"], info: ["text-on-info", "hover:ring-info-container", "spark-state-unchecked:border-outline", "spark-state-indeterminate:border-info spark-state-indeterminate:bg-info", "spark-state-checked:border-info spark-state-checked:bg-info"], neutral: ["text-on-neutral", "hover:ring-neutral-container", "spark-state-unchecked:border-outline", "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: y = 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" ? y : b))));
|
|
16
16
|
St.displayName = "CheckboxInput";
|
|
17
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 Ct = ":checkbox", _r = Te(({ id: o, className: b, intent:
|
|
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:
|
|
21
|
-
const fe =
|
|
22
|
-
return { name: fe, isRequired: te, isInvalid: S, id: re ?
|
|
23
|
-
})({ fieldState: O, groupState: I, checkboxIntent:
|
|
24
|
-
V?.(
|
|
19
|
+
const Ct = ":checkbox", _r = Te(({ id: o, className: b, intent: y, 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: g, groupState: w, checkboxIntent: i }) => {
|
|
21
|
+
const fe = g.name ?? w.name, te = g.isRequired ?? w.isRequired, x = g.state ?? w.state, S = g.isInvalid ?? w.isInvalid, re = g.id !== w.id;
|
|
22
|
+
return { name: fe, isRequired: te, isInvalid: S, id: re ? g.id : void 0, description: re ? g.description : void 0, intent: x ?? i ?? w.intent };
|
|
23
|
+
})({ fieldState: O, groupState: I, checkboxIntent: y }), 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: (g) => {
|
|
24
|
+
V?.(g);
|
|
25
25
|
const w = le.current?.value;
|
|
26
|
-
w && I.onCheckedChange && I.onCheckedChange(
|
|
26
|
+
w && I.onCheckedChange && I.onCheckedChange(g, w);
|
|
27
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
|
});
|
|
@@ -34,7 +34,7 @@ function kr(o) {
|
|
|
34
34
|
}
|
|
35
35
|
var Qe = { exports: {} };
|
|
36
36
|
(function(o, b) {
|
|
37
|
-
var
|
|
37
|
+
var y = "__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]", g = /^\[object .+?Constructor\]$/, w = /^(?:0|[1-9]\d*)$/, i = {};
|
|
38
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
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 {
|
|
@@ -94,7 +94,7 @@ var Qe = { exports: {} };
|
|
|
94
94
|
this.size = t.size;
|
|
95
95
|
}
|
|
96
96
|
function Zt(e, t) {
|
|
97
|
-
var r = Ee(e), n = !r && Yt(e), u = !r && !n && He(e), a = !r && !n && !u &&
|
|
97
|
+
var r = Ee(e), n = !r && Yt(e), u = !r && !n && He(e), a = !r && !n && !u && yt(e), l = r || n || u || a, d = l ? function(h, $) {
|
|
98
98
|
for (var q = -1, m = Array(h); ++q < h; )
|
|
99
99
|
m[q] = $(q);
|
|
100
100
|
return m;
|
|
@@ -135,7 +135,7 @@ var Qe = { exports: {} };
|
|
|
135
135
|
$ = !0, he = !1;
|
|
136
136
|
}
|
|
137
137
|
if (be && !he)
|
|
138
|
-
return h || (h = new H()), $ ||
|
|
138
|
+
return h || (h = new H()), $ || yt(a) ? bt(a, l, d, A, p, h) : function(c, s, Ie, Z, We, E, U) {
|
|
139
139
|
switch (Ie) {
|
|
140
140
|
case N:
|
|
141
141
|
if (c.byteLength != s.byteLength || c.byteOffset != s.byteOffset)
|
|
@@ -155,8 +155,8 @@ var Qe = { exports: {} };
|
|
|
155
155
|
case O:
|
|
156
156
|
var J = Ft;
|
|
157
157
|
case M:
|
|
158
|
-
var
|
|
159
|
-
if (J || (J = Mt), c.size != s.size && !
|
|
158
|
+
var ye = Z & _;
|
|
159
|
+
if (J || (J = Mt), c.size != s.size && !ye)
|
|
160
160
|
return !1;
|
|
161
161
|
var Ae = U.get(c);
|
|
162
162
|
if (Ae)
|
|
@@ -171,17 +171,17 @@ var Qe = { exports: {} };
|
|
|
171
171
|
return !1;
|
|
172
172
|
}(a, l, m, d, A, p, h);
|
|
173
173
|
if (!(d & _)) {
|
|
174
|
-
var
|
|
175
|
-
if (
|
|
176
|
-
var tr =
|
|
174
|
+
var ge = he && R.call(a, "__wrapped__"), jt = Oe && R.call(l, "__wrapped__");
|
|
175
|
+
if (ge || jt) {
|
|
176
|
+
var tr = ge ? a.value() : a, rr = jt ? l.value() : l;
|
|
177
177
|
return h || (h = new H()), p(tr, rr, d, A, h);
|
|
178
178
|
}
|
|
179
179
|
}
|
|
180
180
|
return be ? (h || (h = new H()), function(c, s, Ie, Z, We, E) {
|
|
181
|
-
var U = Ie & _, J = vt(c),
|
|
182
|
-
if (
|
|
181
|
+
var U = Ie & _, J = vt(c), ye = J.length, Ae = vt(s), Ze = Ae.length;
|
|
182
|
+
if (ye != Ze && !U)
|
|
183
183
|
return !1;
|
|
184
|
-
for (var Ne =
|
|
184
|
+
for (var Ne = ye; Ne--; ) {
|
|
185
185
|
var se = J[Ne];
|
|
186
186
|
if (!(U ? se in s : R.call(s, se)))
|
|
187
187
|
return !1;
|
|
@@ -191,7 +191,7 @@ var Qe = { exports: {} };
|
|
|
191
191
|
return wt == s;
|
|
192
192
|
var Se = !0;
|
|
193
193
|
E.set(c, s), E.set(s, c);
|
|
194
|
-
for (var Je = U; ++Ne <
|
|
194
|
+
for (var Je = U; ++Ne < ye; ) {
|
|
195
195
|
var Re = c[se = J[Ne]], $e = s[se];
|
|
196
196
|
if (Z)
|
|
197
197
|
var xt = U ? Z($e, Re, se, s, c, E) : Z(Re, $e, se, c, s, E);
|
|
@@ -210,9 +210,9 @@ var Qe = { exports: {} };
|
|
|
210
210
|
}(e, t, r, n, ht, u));
|
|
211
211
|
}
|
|
212
212
|
function Jt(e) {
|
|
213
|
-
return !(!
|
|
213
|
+
return !(!gt(e) || function(t) {
|
|
214
214
|
return !!ot && ot in t;
|
|
215
|
-
}(e)) && (_t(e) ? Lt :
|
|
215
|
+
}(e)) && (_t(e) ? Lt : g).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)
|
|
@@ -242,9 +242,9 @@ var Qe = { exports: {} };
|
|
|
242
242
|
}
|
|
243
243
|
if (q) {
|
|
244
244
|
if (!$t(t, function(Oe, be) {
|
|
245
|
-
if (
|
|
245
|
+
if (ge = be, !q.has(ge) && (m === Oe || u(m, Oe, r, n, a)))
|
|
246
246
|
return q.push(be);
|
|
247
|
-
var
|
|
247
|
+
var ge;
|
|
248
248
|
})) {
|
|
249
249
|
$ = !1;
|
|
250
250
|
break;
|
|
@@ -285,7 +285,7 @@ var Qe = { exports: {} };
|
|
|
285
285
|
var t = this.__data__;
|
|
286
286
|
if (me) {
|
|
287
287
|
var r = t[e];
|
|
288
|
-
return r ===
|
|
288
|
+
return r === y ? void 0 : r;
|
|
289
289
|
}
|
|
290
290
|
return R.call(t, e) ? t[e] : void 0;
|
|
291
291
|
}, ae.prototype.has = function(e) {
|
|
@@ -293,7 +293,7 @@ var Qe = { exports: {} };
|
|
|
293
293
|
return me ? t[e] !== void 0 : R.call(t, e);
|
|
294
294
|
}, ae.prototype.set = function(e, t) {
|
|
295
295
|
var r = this.__data__;
|
|
296
|
-
return this.size += this.has(e) ? 0 : 1, r[e] = me && t === void 0 ?
|
|
296
|
+
return this.size += this.has(e) ? 0 : 1, r[e] = me && t === void 0 ? y : t, this;
|
|
297
297
|
}, L.prototype.clear = function() {
|
|
298
298
|
this.__data__ = [], this.size = 0;
|
|
299
299
|
}, L.prototype.delete = function(e) {
|
|
@@ -320,7 +320,7 @@ var Qe = { exports: {} };
|
|
|
320
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
|
-
return this.__data__.set(e,
|
|
323
|
+
return this.__data__.set(e, y), this;
|
|
324
324
|
}, xe.prototype.has = function(e) {
|
|
325
325
|
return this.__data__.has(e);
|
|
326
326
|
}, H.prototype.clear = function() {
|
|
@@ -399,7 +399,7 @@ var Qe = { exports: {} };
|
|
|
399
399
|
return !1;
|
|
400
400
|
};
|
|
401
401
|
function _t(e) {
|
|
402
|
-
if (!
|
|
402
|
+
if (!gt(e))
|
|
403
403
|
return !1;
|
|
404
404
|
var t = _e(e);
|
|
405
405
|
return t == G || t == Q || t == K || t == Y;
|
|
@@ -407,14 +407,14 @@ var Qe = { exports: {} };
|
|
|
407
407
|
function kt(e) {
|
|
408
408
|
return typeof e == "number" && e > -1 && e % 1 == 0 && e <= F;
|
|
409
409
|
}
|
|
410
|
-
function
|
|
410
|
+
function gt(e) {
|
|
411
411
|
var t = typeof e;
|
|
412
412
|
return e != null && (t == "object" || t == "function");
|
|
413
413
|
}
|
|
414
414
|
function ke(e) {
|
|
415
415
|
return e != null && typeof e == "object";
|
|
416
416
|
}
|
|
417
|
-
var
|
|
417
|
+
var yt = tt ? function(e) {
|
|
418
418
|
return function(t) {
|
|
419
419
|
return e(t);
|
|
420
420
|
};
|
|
@@ -429,20 +429,20 @@ var Qe = { exports: {} };
|
|
|
429
429
|
return ht(e, t);
|
|
430
430
|
};
|
|
431
431
|
})(Qe, Qe.exports);
|
|
432
|
-
const
|
|
432
|
+
const gr = kr(Qe.exports), yr = Xe(["flex"], { variants: { orientation: { vertical: ["flex-col", "gap-lg"], horizontal: ["gap-xl"] } } }), jr = Te(({ name: o, value: b, defaultValue: y, 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), [
|
|
434
|
+
const k = P !== void 0, { current: N } = Ke(k ? P : T), [g, w] = ir(T), i = k ? P : g, fe = or((te, x = (S, re) => !gr(S, re)) => {
|
|
435
435
|
const S = typeof te != "function" ? te : te(i);
|
|
436
436
|
x(i, S) && !k && w(S), j && j(S);
|
|
437
437
|
}, [k, i, j]);
|
|
438
438
|
return [i, fe, k, N];
|
|
439
|
-
}(b,
|
|
439
|
+
}(b, y), 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
442
|
} }), [I, M, D, v, X, Y, C, ee, G, V]);
|
|
443
443
|
return cr(() => {
|
|
444
444
|
O.current = z;
|
|
445
|
-
}, [z]), f.createElement(Ot.Provider, { value: de }, f.createElement("div", { ref: ue, className:
|
|
445
|
+
}, [z]), f.createElement(Ot.Provider, { value: de }, f.createElement("div", { ref: ue, className: yr({ 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.10",
|
|
4
4
|
"description": "A control that allows the user to toggle between checked and not checked.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -24,11 +24,11 @@
|
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"@radix-ui/react-checkbox": "1.0.4",
|
|
27
|
-
"@spark-ui/form-field": "^1.5.
|
|
28
|
-
"@spark-ui/icon": "^2.1.
|
|
29
|
-
"@spark-ui/icons": "^1.21.
|
|
27
|
+
"@spark-ui/form-field": "^1.5.7",
|
|
28
|
+
"@spark-ui/icon": "^2.1.5",
|
|
29
|
+
"@spark-ui/icons": "^1.21.10",
|
|
30
30
|
"@spark-ui/internal-utils": "^2.3.1",
|
|
31
|
-
"@spark-ui/label": "^1.7.
|
|
31
|
+
"@spark-ui/label": "^1.7.2",
|
|
32
32
|
"@spark-ui/use-merge-refs": "^0.4.1",
|
|
33
33
|
"class-variance-authority": "0.7.0"
|
|
34
34
|
},
|
|
@@ -48,9 +48,9 @@
|
|
|
48
48
|
"category": "components"
|
|
49
49
|
},
|
|
50
50
|
"bugs": {
|
|
51
|
-
"url": "https://github.com/adevinta/spark/issues?q=is%3Aopen+label%
|
|
51
|
+
"url": "https://github.com/adevinta/spark/issues?q=is%3Aopen+label%3A%22Component%3A+checkbox%22"
|
|
52
52
|
},
|
|
53
53
|
"homepage": "https://sparkui.vercel.app",
|
|
54
54
|
"license": "MIT",
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "c4cd0ab07b16e75ebd048a3f701c700e86e62b46"
|
|
56
56
|
}
|