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