@spark-ui/checkbox 7.3.6 → 8.0.0
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 +14 -0
- package/dist/Checkbox.d.ts +8 -2
- package/dist/CheckboxGroup.d.ts +6 -2
- package/dist/CheckboxIndicator.d.ts +8 -2
- package/dist/CheckboxInput.d.ts +6 -2
- package/dist/index.js +1 -1
- package/dist/index.mjs +171 -171
- package/dist/public/docgen.json +91 -0
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
@@ -3,6 +3,20 @@
|
|
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
|
+
# [8.0.0](https://github.com/adevinta/spark/compare/v7.3.7...v8.0.0) (2025-01-13)
|
7
|
+
|
8
|
+
### Code Refactoring
|
9
|
+
|
10
|
+
- fixing remaining TS errors ([918544c](https://github.com/adevinta/spark/commit/918544c278a370ec82384842cc8f60b59982eb9f))
|
11
|
+
|
12
|
+
### BREAKING CHANGES
|
13
|
+
|
14
|
+
- forwardRef has been removed from all packages
|
15
|
+
|
16
|
+
## [7.3.7](https://github.com/adevinta/spark/compare/v7.3.6...v7.3.7) (2025-01-08)
|
17
|
+
|
18
|
+
**Note:** Version bump only for package @spark-ui/checkbox
|
19
|
+
|
6
20
|
## [7.3.6](https://github.com/adevinta/spark/compare/v7.3.5...v7.3.6) (2025-01-08)
|
7
21
|
|
8
22
|
### Bug Fixes
|
package/dist/Checkbox.d.ts
CHANGED
@@ -1,4 +1,10 @@
|
|
1
|
+
import { Ref } from 'react';
|
1
2
|
import { CheckboxGroupContextState } from './CheckboxGroupContext';
|
2
3
|
import { CheckboxInputProps } from './CheckboxInput';
|
3
|
-
export type CheckboxProps = CheckboxInputProps & Pick<CheckboxGroupContextState, 'reverse'
|
4
|
-
|
4
|
+
export type CheckboxProps = CheckboxInputProps & Pick<CheckboxGroupContextState, 'reverse'> & {
|
5
|
+
ref?: Ref<HTMLButtonElement>;
|
6
|
+
};
|
7
|
+
export declare const Checkbox: {
|
8
|
+
({ id: idProp, className, intent: intentProp, checked: checkedProp, value, disabled, reverse, onCheckedChange, children, ref: forwardedRef, ...others }: CheckboxProps): import("react").JSX.Element;
|
9
|
+
displayName: string;
|
10
|
+
};
|
package/dist/CheckboxGroup.d.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import { ComponentPropsWithoutRef } from 'react';
|
1
|
+
import { ComponentPropsWithoutRef, Ref } from 'react';
|
2
2
|
import { CheckboxGroupStylesProps } from './CheckboxGroup.styles';
|
3
3
|
import { CheckboxGroupContextState } from './CheckboxGroupContext';
|
4
4
|
export interface CheckboxGroupProps extends Omit<ComponentPropsWithoutRef<'div'>, 'value' | 'defaultValue' | 'onChange'>, CheckboxGroupStylesProps, Pick<CheckboxGroupContextState, 'intent' | 'name' | 'value' | 'reverse'> {
|
@@ -10,5 +10,9 @@ export interface CheckboxGroupProps extends Omit<ComponentPropsWithoutRef<'div'>
|
|
10
10
|
* The callback fired when any children Checkbox is checked or unchecked
|
11
11
|
*/
|
12
12
|
onCheckedChange?: (value: string[]) => void;
|
13
|
+
ref?: Ref<HTMLDivElement>;
|
13
14
|
}
|
14
|
-
export declare const CheckboxGroup:
|
15
|
+
export declare const CheckboxGroup: {
|
16
|
+
({ name: nameProp, value: valueProp, defaultValue, className, intent, orientation, onCheckedChange: onCheckedChangeProp, reverse, children, ref, ...others }: CheckboxGroupProps): import("react").JSX.Element;
|
17
|
+
displayName: string;
|
18
|
+
};
|
@@ -1,3 +1,9 @@
|
|
1
1
|
import { CheckboxIndicatorProps as CheckboxIndicatorPrimitiveProps } from '@radix-ui/react-checkbox';
|
2
|
-
|
3
|
-
export
|
2
|
+
import { Ref } from 'react';
|
3
|
+
export type CheckboxIndicatorProps = CheckboxIndicatorPrimitiveProps & {
|
4
|
+
ref?: Ref<HTMLSpanElement>;
|
5
|
+
};
|
6
|
+
export declare const CheckboxIndicator: {
|
7
|
+
(props: CheckboxIndicatorProps): import("react").JSX.Element;
|
8
|
+
displayName: string;
|
9
|
+
};
|
package/dist/CheckboxInput.d.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
1
|
+
import { ComponentPropsWithoutRef, ReactNode, Ref } from 'react';
|
2
2
|
import { type CheckboxInputStylesProps } from './CheckboxInput.styles';
|
3
3
|
type CheckedStatus = boolean | 'indeterminate';
|
4
4
|
export interface CheckboxInputProps extends CheckboxInputStylesProps, Omit<ComponentPropsWithoutRef<'button'>, 'onChange' | 'value' | 'checked' | 'defaultChecked'> {
|
@@ -38,6 +38,10 @@ export interface CheckboxInputProps extends CheckboxInputStylesProps, Omit<Compo
|
|
38
38
|
* Event handler called when the checked state of the checkbox changes.
|
39
39
|
*/
|
40
40
|
onCheckedChange?: (checked: boolean) => void;
|
41
|
+
ref?: Ref<HTMLButtonElement>;
|
41
42
|
}
|
42
|
-
export declare const CheckboxInput:
|
43
|
+
export declare const CheckboxInput: {
|
44
|
+
({ className, icon, indeterminateIcon, intent, checked, ref, ...others }: CheckboxInputProps): import("react").JSX.Element;
|
45
|
+
displayName: string;
|
46
|
+
};
|
43
47
|
export {};
|
package/dist/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),mt=require("@spark-ui/form-field"),Kt=require("@spark-ui/use-merge-refs"),Te=require("class-variance-authority"),jt=require("@radix-ui/react-checkbox"),Qt=require("@spark-ui/icon"),Xt=require("@spark-ui/internal-utils"),Yt=require("@spark-ui/label"),wt=o.createContext({}),xt=o.forwardRef(({title:s,fill:g="currentColor",stroke:j="none",...w},v)=>o.createElement("svg",{ref:v,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","data-title":"Check",...s&&{"data-title":s},fill:g,stroke:j,...w,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"/>'}}));xt.displayName="Check";const Ct=o.forwardRef(({title:s,fill:g="currentColor",stroke:j="none",...w},v)=>o.createElement("svg",{ref:v,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","data-title":"Minus",...s&&{"data-title":s},fill:g,stroke:j,...w,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"/>'}}));Ct.displayName="Minus";const zt=o.forwardRef((s,g)=>o.createElement(jt.CheckboxIndicator,{ref:g,className:"flex size-full items-center justify-center",...s}));zt.displayName="CheckboxIndicator";const er=Te.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:Xt.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"}}),Ot=o.forwardRef(({className:s,icon:g=o.createElement(xt,null),indeterminateIcon:j=o.createElement(Ct,null),intent:w,checked:v,...I},E)=>o.createElement(jt.Checkbox,{ref:E,className:er({intent:w,className:s}),checked:v,...I},o.createElement(zt,null,o.createElement(Qt.Icon,{size:"sm"},v==="indeterminate"?j:g))));Ot.displayName="CheckboxInput";const tr=Te.cva("grow",{variants:{disabled:{true:["text-neutral/dim-2","cursor-not-allowed"],false:["cursor-pointer"]}},defaultVariants:{disabled:!1}}),It=({disabled:s,...g})=>o.createElement(Yt.Label,{className:tr({disabled:s}),...g});It.displayName="CheckboxLabel";const kt=":checkbox",Et=o.forwardRef(({id:s,className:g,intent:j,checked:w,value:v,disabled:I,reverse:E=!1,onCheckedChange:X,children:B,...ie},U)=>{const V=`${kt}-${o.useId()}`,x=s||V,D=`${kt}-${o.useId()}`,R=mt.useFormFieldControl(),k=o.useContext(wt),Y=o.useRef(null),ee=Kt.useMergeRefs(U,Y),G=v?k.value?.includes(v):w,{id:H,name:q,isInvalid:se,description:he,intent:i,isRequired:C}=(({fieldState:y,groupState:_,checkboxIntent:ue})=>{const W=y.name??_.name,pe=y.isRequired??_.isRequired,M=y.state??_.state,be=y.isInvalid??_.isInvalid,ve=y.id!==_.id;return{name:W,isRequired:pe,isInvalid:be,id:ve?y.id:void 0,description:ve?y.description:void 0,intent:M??ue??_.intent}})({fieldState:R,groupState:k,checkboxIntent:j}),A=o.useMemo(()=>k?!!C&&!k.value?.length:C,[k,C]),f=B&&o.createElement(It,{disabled:I,htmlFor:H||x,id:D},B),F=o.createElement(Ot,{ref:ee,id:H||x,name:q,value:v,intent:i,checked:G,disabled:I,required:A,"aria-describedby":he,"aria-invalid":se,onCheckedChange:y=>{X?.(y);const _=Y.current?.value;_&&k.onCheckedChange&&k.onCheckedChange(y,_)},"aria-labelledby":B?D:R.labelId,...ie}),ce=k.reverse||E?o.createElement(o.Fragment,null,f,F):o.createElement(o.Fragment,null,F,f);return o.createElement("div",{"data-spark-component":"checkbox",className:Te.cx("relative flex items-start gap-md text-body-1",g)},ce)});Et.displayName="Checkbox";var Pe=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function rr(s){return s&&s.__esModule&&Object.prototype.hasOwnProperty.call(s,"default")?s.default:s}var Ke={exports:{}};(function(s,g){var j="__lodash_hash_undefined__",w=9007199254740991,v="[object Arguments]",I="[object Array]",E="[object Boolean]",X="[object Date]",B="[object Error]",ie="[object Function]",U="[object Map]",V="[object Number]",x="[object Object]",D="[object Promise]",R="[object RegExp]",k="[object Set]",Y="[object String]",ee="[object Symbol]",G="[object WeakMap]",H="[object ArrayBuffer]",q="[object DataView]",se=/^\[object .+?Constructor\]$/,he=/^(?:0|[1-9]\d*)$/,i={};i["[object Float32Array]"]=i["[object Float64Array]"]=i["[object Int8Array]"]=i["[object Int16Array]"]=i["[object Int32Array]"]=i["[object Uint8Array]"]=i["[object Uint8ClampedArray]"]=i["[object Uint16Array]"]=i["[object Uint32Array]"]=!0,i[v]=i[I]=i[H]=i[E]=i[q]=i[X]=i[B]=i[ie]=i[U]=i[V]=i[x]=i[R]=i[k]=i[Y]=i[G]=!1;var C=typeof Pe=="object"&&Pe&&Pe.Object===Object&&Pe,A=typeof self=="object"&&self&&self.Object===Object&&self,f=C||A||Function("return this")(),F=g&&!g.nodeType&&g,ce=F&&s&&!s.nodeType&&s,y=ce&&ce.exports===F,_=y&&C.process,ue=function(){try{return _&&_.binding&&_.binding("util")}catch{}}(),W=ue&&ue.isTypedArray;function pe(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 M(e){var t=-1,r=Array(e.size);return e.forEach(function(n,l){r[++t]=[l,n]}),r}function be(e){var t=-1,r=Array(e.size);return e.forEach(function(n){r[++t]=n}),r}var ve,Qe,Xe,At=Array.prototype,St=Function.prototype,we=Object.prototype,Le=f["__core-js_shared__"],Ye=St.toString,S=we.hasOwnProperty,et=(ve=/[^.]+$/.exec(Le&&Le.keys&&Le.keys.IE_PROTO||""))?"Symbol(src)_1."+ve:"",tt=we.toString,Nt=RegExp("^"+Ye.call(S).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),rt=y?f.Buffer:void 0,xe=f.Symbol,nt=f.Uint8Array,at=we.propertyIsEnumerable,Rt=At.splice,te=xe?xe.toStringTag:void 0,ot=Object.getOwnPropertySymbols,qt=rt?rt.isBuffer:void 0,Ft=(Qe=Object.keys,Xe=Object,function(e){return Qe(Xe(e))}),Be=le(f,"DataView"),_e=le(f,"Map"),Ue=le(f,"Promise"),Ve=le(f,"Set"),De=le(f,"WeakMap"),ge=le(Object,"create"),Mt=ae(Be),$t=ae(_e),Pt=ae(Ue),Tt=ae(Ve),Lt=ae(De),it=xe?xe.prototype:void 0,Ge=it?it.valueOf:void 0;function re(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 $(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 ne(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 Ce(e){var t=-1,r=e==null?0:e.length;for(this.__data__=new ne;++t<r;)this.add(e[t])}function Z(e){var t=this.__data__=new $(e);this.size=t.size}function Bt(e,t){var r=Ie(e),n=!r&&Ht(e),l=!r&&!n&&He(e),a=!r&&!n&&!l&&bt(e),d=r||n||l||a,h=d?function(b,N){for(var P=-1,m=Array(b);++P<b;)m[P]=N(P);return m}(e.length,String):[],O=h.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")||Gt(p,O))||h.push(p);return h}function ze(e,t){for(var r=e.length;r--;)if(dt(e[r][0],t))return r;return-1}function ke(e){return e==null?e===void 0?"[object Undefined]":"[object Null]":te&&te in Object(e)?function(t){var r=S.call(t,te),n=t[te];try{t[te]=void 0;var l=!0}catch{}var a=tt.call(t);return l&&(r?t[te]=n:delete t[te]),a}(e):function(t){return tt.call(t)}(e)}function st(e){return ye(e)&&ke(e)==v}function ct(e,t,r,n,l){return e===t||(e==null||t==null||!ye(e)&&!ye(t)?e!=e&&t!=t:function(a,d,h,O,p,b){var N=Ie(a),P=Ie(d),m=N?I:J(a),T=P?I:J(d),de=(m=m==v?x:m)==x,Ee=(T=T==v?x:T)==x,fe=m==T;if(fe&&He(a)){if(!He(d))return!1;N=!0,de=!1}if(fe&&!de)return b||(b=new Z),N||bt(a)?ut(a,d,h,O,p,b):function(u,c,Ae,K,We,z,L){switch(Ae){case q:if(u.byteLength!=c.byteLength||u.byteOffset!=c.byteOffset)return!1;u=u.buffer,c=c.buffer;case H:return!(u.byteLength!=c.byteLength||!z(new nt(u),new nt(c)));case E:case X:case V:return dt(+u,+c);case B:return u.name==c.name&&u.message==c.message;case R:case Y:return u==c+"";case U:var Q=M;case k:var je=1&K;if(Q||(Q=be),u.size!=c.size&&!je)return!1;var Se=L.get(u);if(Se)return Se==c;K|=2,L.set(u,c);var Ze=ut(Q(u),Q(c),K,We,z,L);return L.delete(u),Ze;case ee:if(Ge)return Ge.call(u)==Ge.call(c)}return!1}(a,d,m,h,O,p,b);if(!(1&h)){var me=de&&S.call(a,"__wrapped__"),vt=Ee&&S.call(d,"__wrapped__");if(me||vt){var Zt=me?a.value():a,Jt=vt?d.value():d;return b||(b=new Z),p(Zt,Jt,h,O,b)}}return fe?(b||(b=new Z),function(u,c,Ae,K,We,z){var L=1&Ae,Q=lt(u),je=Q.length,Se=lt(c),Ze=Se.length;if(je!=Ze&&!L)return!1;for(var Ne=je;Ne--;){var oe=Q[Ne];if(!(L?oe in c:S.call(c,oe)))return!1}var _t=z.get(u);if(_t&&z.get(c))return _t==c;var Re=!0;z.set(u,c),z.set(c,u);for(var Je=L;++Ne<je;){var qe=u[oe=Q[Ne]],Fe=c[oe];if(K)var gt=L?K(Fe,qe,oe,c,u,z):K(qe,Fe,oe,u,c,z);if(!(gt===void 0?qe===Fe||We(qe,Fe,Ae,K,z):gt)){Re=!1;break}Je||(Je=oe=="constructor")}if(Re&&!Je){var Me=u.constructor,$e=c.constructor;Me==$e||!("constructor"in u)||!("constructor"in c)||typeof Me=="function"&&Me instanceof Me&&typeof $e=="function"&&$e instanceof $e||(Re=!1)}return z.delete(u),z.delete(c),Re}(a,d,h,O,p,b)):!1}(e,t,r,n,ct,l))}function Ut(e){return!(!pt(e)||function(t){return!!et&&et in t}(e))&&(ft(e)?Nt:se).test(ae(e))}function Vt(e){if(r=(t=e)&&t.constructor,n=typeof r=="function"&&r.prototype||we,t!==n)return Ft(e);var t,r,n,l=[];for(var a in Object(e))S.call(e,a)&&a!="constructor"&&l.push(a);return l}function ut(e,t,r,n,l,a){var d=1&r,h=e.length,O=t.length;if(h!=O&&!(d&&O>h))return!1;var p=a.get(e);if(p&&a.get(t))return p==t;var b=-1,N=!0,P=2&r?new Ce:void 0;for(a.set(e,t),a.set(t,e);++b<h;){var m=e[b],T=t[b];if(n)var de=d?n(T,m,b,t,e,a):n(m,T,b,e,t,a);if(de!==void 0){if(de)continue;N=!1;break}if(P){if(!pe(t,function(Ee,fe){if(me=fe,!P.has(me)&&(m===Ee||l(m,Ee,r,n,a)))return P.push(fe);var me})){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 lt(e){return function(t,r,n){var l=r(t);return Ie(t)?l:function(a,d){for(var h=-1,O=d.length,p=a.length;++h<O;)a[p+h]=d[h];return a}(l,n(t))}(e,Wt,Dt)}function Oe(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 le(e,t){var r=function(n,l){return n?.[l]}(e,t);return Ut(r)?r:void 0}re.prototype.clear=function(){this.__data__=ge?ge(null):{},this.size=0},re.prototype.delete=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},re.prototype.get=function(e){var t=this.__data__;if(ge){var r=t[e];return r===j?void 0:r}return S.call(t,e)?t[e]:void 0},re.prototype.has=function(e){var t=this.__data__;return ge?t[e]!==void 0:S.call(t,e)},re.prototype.set=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=ge&&t===void 0?j:t,this},$.prototype.clear=function(){this.__data__=[],this.size=0},$.prototype.delete=function(e){var t=this.__data__,r=ze(t,e);return!(r<0)&&(r==t.length-1?t.pop():Rt.call(t,r,1),--this.size,!0)},$.prototype.get=function(e){var t=this.__data__,r=ze(t,e);return r<0?void 0:t[r][1]},$.prototype.has=function(e){return ze(this.__data__,e)>-1},$.prototype.set=function(e,t){var r=this.__data__,n=ze(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this},ne.prototype.clear=function(){this.size=0,this.__data__={hash:new re,map:new(_e||$),string:new re}},ne.prototype.delete=function(e){var t=Oe(this,e).delete(e);return this.size-=t?1:0,t},ne.prototype.get=function(e){return Oe(this,e).get(e)},ne.prototype.has=function(e){return Oe(this,e).has(e)},ne.prototype.set=function(e,t){var r=Oe(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this},Ce.prototype.add=Ce.prototype.push=function(e){return this.__data__.set(e,j),this},Ce.prototype.has=function(e){return this.__data__.has(e)},Z.prototype.clear=function(){this.__data__=new $,this.size=0},Z.prototype.delete=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r},Z.prototype.get=function(e){return this.__data__.get(e)},Z.prototype.has=function(e){return this.__data__.has(e)},Z.prototype.set=function(e,t){var r=this.__data__;if(r instanceof $){var n=r.__data__;if(!_e||n.length<199)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new ne(n)}return r.set(e,t),this.size=r.size,this};var Dt=ot?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 h=t[n];r(h,n,t)&&(d[a++]=h)}return d}(ot(e),function(t){return at.call(e,t)}))}:function(){return[]},J=ke;function Gt(e,t){return!!(t=t??w)&&(typeof e=="number"||he.test(e))&&e>-1&&e%1==0&&e<t}function ae(e){if(e!=null){try{return Ye.call(e)}catch{}try{return e+""}catch{}}return""}function dt(e,t){return e===t||e!=e&&t!=t}(Be&&J(new Be(new ArrayBuffer(1)))!=q||_e&&J(new _e)!=U||Ue&&J(Ue.resolve())!=D||Ve&&J(new Ve)!=k||De&&J(new De)!=G)&&(J=function(e){var t=ke(e),r=t==x?e.constructor:void 0,n=r?ae(r):"";if(n)switch(n){case Mt:return q;case $t:return U;case Pt:return D;case Tt:return k;case Lt:return G}return t});var Ht=st(function(){return arguments}())?st:function(e){return ye(e)&&S.call(e,"callee")&&!at.call(e,"callee")},Ie=Array.isArray,He=qt||function(){return!1};function ft(e){if(!pt(e))return!1;var t=ke(e);return t==ie||t=="[object GeneratorFunction]"||t=="[object AsyncFunction]"||t=="[object Proxy]"}function ht(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=w}function pt(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}function ye(e){return e!=null&&typeof e=="object"}var bt=W?function(e){return function(t){return e(t)}}(W):function(e){return ye(e)&&ht(e.length)&&!!i[ke(e)]};function Wt(e){return(t=e)!=null&&ht(t.length)&&!ft(t)?Bt(e):Vt(e);var t}s.exports=function(e,t){return ct(e,t)}})(Ke,Ke.exports);const nr=rr(Ke.exports),ar=Te.cva(["flex"],{variants:{orientation:{vertical:["flex-col","gap-lg"],horizontal:["gap-xl"]}}}),yt=o.forwardRef(({name:s,value:g,defaultValue:j,className:w,intent:v,orientation:I="vertical",onCheckedChange:E,reverse:X=!1,children:B,...ie},U)=>{const[V,x]=function(i,C,A){const f=i!==void 0,{current:F}=o.useRef(f?i:C),[ce,y]=o.useState(C),_=f?i:ce,ue=o.useCallback((W,pe=(M,be)=>!nr(M,be))=>{const M=typeof W!="function"?W:W(_);pe(_,M)&&!f&&y(M),A&&A(M)},[f,_,A]);return[_,ue,f,F]}(g,j),D=mt.useFormFieldControl(),R=o.useRef(E),{id:k,labelId:Y,description:ee,state:G,isInvalid:H,isRequired:q}=D,se=s??D.name,he=o.useMemo(()=>({id:k,name:se,value:V,intent:v,state:G,isInvalid:H,description:ee,isRequired:q,reverse:X,onCheckedChange:(i,C)=>{const A=V||[],f=i?[...A,C]:A.filter(F=>F!==C);x(f),R.current&&R.current(f)}}),[k,se,V,v,G,H,ee,q,x,X]);return o.useEffect(()=>{R.current=E},[E]),o.createElement(wt.Provider,{value:he},o.createElement("div",{ref:U,className:ar({className:w,orientation:I}),role:"group","aria-labelledby":Y,"aria-describedby":ee,...ie},B))});yt.displayName="CheckboxGroup",exports.Checkbox=Et,exports.CheckboxGroup=yt;
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),mt=require("@spark-ui/form-field"),Kt=require("@spark-ui/use-merge-refs"),Te=require("class-variance-authority"),jt=require("@radix-ui/react-checkbox"),Qt=require("@spark-ui/icon"),Xt=require("@spark-ui/internal-utils"),Yt=require("@spark-ui/label"),wt=s.createContext({}),xt=({title:i,fill:k="currentColor",stroke:j="none",ref:w,...v})=>s.createElement("svg",{ref:w,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","data-title":"Check",...i&&{"data-title":i},fill:k,stroke:j,...v,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"/>'}});xt.displayName="Check";const Ct=({title:i,fill:k="currentColor",stroke:j="none",ref:w,...v})=>s.createElement("svg",{ref:w,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","data-title":"Minus",...i&&{"data-title":i},fill:k,stroke:j,...v,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"/>'}});Ct.displayName="Minus";const zt=i=>s.createElement(jt.CheckboxIndicator,{className:"flex size-full items-center justify-center",...i});zt.displayName="CheckboxIndicator";const er=Te.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:Xt.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"}}),Ot=({className:i,icon:k=s.createElement(xt,null),indeterminateIcon:j=s.createElement(Ct,null),intent:w,checked:v,ref:I,...E})=>s.createElement(jt.Checkbox,{ref:I,className:er({intent:w,className:i}),checked:v,...E},s.createElement(zt,null,s.createElement(Qt.Icon,{size:"sm"},v==="indeterminate"?j:k)));Ot.displayName="CheckboxInput";const tr=Te.cva("grow",{variants:{disabled:{true:["text-neutral/dim-2","cursor-not-allowed"],false:["cursor-pointer"]}},defaultVariants:{disabled:!1}}),It=({disabled:i,...k})=>s.createElement(Yt.Label,{className:tr({disabled:i}),...k});It.displayName="CheckboxLabel";const kt=":checkbox",Et=({id:i,className:k,intent:j,checked:w,value:v,disabled:I,reverse:E=!1,onCheckedChange:X,children:B,ref:ie,...U})=>{const V=`${kt}-${s.useId()}`,x=i||V,D=`${kt}-${s.useId()}`,q=mt.useFormFieldControl(),g=s.useContext(wt),Y=s.useRef(null),ee=Kt.useMergeRefs(ie,Y),G=v?g.value?.includes(v):w,{id:H,name:F,isInvalid:se,description:he,intent:o,isRequired:C}=(({fieldState:y,groupState:_,checkboxIntent:ue})=>{const W=y.name??_.name,pe=y.isRequired??_.isRequired,R=y.state??_.state,be=y.isInvalid??_.isInvalid,ve=y.id!==_.id;return{name:W,isRequired:pe,isInvalid:be,id:ve?y.id:void 0,description:ve?y.description:void 0,intent:R??ue??_.intent}})({fieldState:q,groupState:g,checkboxIntent:j}),A=s.useMemo(()=>g?!!C&&!g.value?.length:C,[g,C]),f=B&&s.createElement(It,{disabled:I,htmlFor:H||x,id:D},B),M=s.createElement(Ot,{ref:ee,id:H||x,name:F,value:v,intent:o,checked:G,disabled:I,required:A,"aria-describedby":he,"aria-invalid":se,onCheckedChange:y=>{X?.(y);const _=Y.current?.value;_&&g.onCheckedChange&&g.onCheckedChange(y,_)},"aria-labelledby":B?D:q.labelId,...U}),ce=g.reverse||E?s.createElement(s.Fragment,null,f,M):s.createElement(s.Fragment,null,M,f);return s.createElement("div",{"data-spark-component":"checkbox",className:Te.cx("relative flex items-start gap-md text-body-1",k)},ce)};Et.displayName="Checkbox";var Pe=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function rr(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}var Ke={exports:{}};(function(i,k){var j="__lodash_hash_undefined__",w=9007199254740991,v="[object Arguments]",I="[object Array]",E="[object Boolean]",X="[object Date]",B="[object Error]",ie="[object Function]",U="[object Map]",V="[object Number]",x="[object Object]",D="[object Promise]",q="[object RegExp]",g="[object Set]",Y="[object String]",ee="[object Symbol]",G="[object WeakMap]",H="[object ArrayBuffer]",F="[object DataView]",se=/^\[object .+?Constructor\]$/,he=/^(?: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[v]=o[I]=o[H]=o[E]=o[F]=o[X]=o[B]=o[ie]=o[U]=o[V]=o[x]=o[q]=o[g]=o[Y]=o[G]=!1;var C=typeof Pe=="object"&&Pe&&Pe.Object===Object&&Pe,A=typeof self=="object"&&self&&self.Object===Object&&self,f=C||A||Function("return this")(),M=k&&!k.nodeType&&k,ce=M&&i&&!i.nodeType&&i,y=ce&&ce.exports===M,_=y&&C.process,ue=function(){try{return _&&_.binding&&_.binding("util")}catch{}}(),W=ue&&ue.isTypedArray;function pe(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 R(e){var t=-1,r=Array(e.size);return e.forEach(function(n,l){r[++t]=[l,n]}),r}function be(e){var t=-1,r=Array(e.size);return e.forEach(function(n){r[++t]=n}),r}var ve,Qe,Xe,At=Array.prototype,St=Function.prototype,we=Object.prototype,Le=f["__core-js_shared__"],Ye=St.toString,S=we.hasOwnProperty,et=(ve=/[^.]+$/.exec(Le&&Le.keys&&Le.keys.IE_PROTO||""))?"Symbol(src)_1."+ve:"",tt=we.toString,Nt=RegExp("^"+Ye.call(S).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),rt=y?f.Buffer:void 0,xe=f.Symbol,nt=f.Uint8Array,at=we.propertyIsEnumerable,qt=At.splice,te=xe?xe.toStringTag:void 0,ot=Object.getOwnPropertySymbols,Ft=rt?rt.isBuffer:void 0,Mt=(Qe=Object.keys,Xe=Object,function(e){return Qe(Xe(e))}),Be=le(f,"DataView"),_e=le(f,"Map"),Ue=le(f,"Promise"),Ve=le(f,"Set"),De=le(f,"WeakMap"),ge=le(Object,"create"),Rt=ae(Be),$t=ae(_e),Pt=ae(Ue),Tt=ae(Ve),Lt=ae(De),it=xe?xe.prototype:void 0,Ge=it?it.valueOf:void 0;function re(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 $(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 ne(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 Ce(e){var t=-1,r=e==null?0:e.length;for(this.__data__=new ne;++t<r;)this.add(e[t])}function Z(e){var t=this.__data__=new $(e);this.size=t.size}function Bt(e,t){var r=Ie(e),n=!r&&Ht(e),l=!r&&!n&&He(e),a=!r&&!n&&!l&&bt(e),d=r||n||l||a,h=d?function(b,N){for(var P=-1,m=Array(b);++P<b;)m[P]=N(P);return m}(e.length,String):[],O=h.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")||Gt(p,O))||h.push(p);return h}function ze(e,t){for(var r=e.length;r--;)if(dt(e[r][0],t))return r;return-1}function ke(e){return e==null?e===void 0?"[object Undefined]":"[object Null]":te&&te in Object(e)?function(t){var r=S.call(t,te),n=t[te];try{t[te]=void 0;var l=!0}catch{}var a=tt.call(t);return l&&(r?t[te]=n:delete t[te]),a}(e):function(t){return tt.call(t)}(e)}function st(e){return ye(e)&&ke(e)==v}function ct(e,t,r,n,l){return e===t||(e==null||t==null||!ye(e)&&!ye(t)?e!=e&&t!=t:function(a,d,h,O,p,b){var N=Ie(a),P=Ie(d),m=N?I:J(a),T=P?I:J(d),de=(m=m==v?x:m)==x,Ee=(T=T==v?x:T)==x,fe=m==T;if(fe&&He(a)){if(!He(d))return!1;N=!0,de=!1}if(fe&&!de)return b||(b=new Z),N||bt(a)?ut(a,d,h,O,p,b):function(u,c,Ae,K,We,z,L){switch(Ae){case F:if(u.byteLength!=c.byteLength||u.byteOffset!=c.byteOffset)return!1;u=u.buffer,c=c.buffer;case H:return!(u.byteLength!=c.byteLength||!z(new nt(u),new nt(c)));case E:case X:case V:return dt(+u,+c);case B:return u.name==c.name&&u.message==c.message;case q:case Y:return u==c+"";case U:var Q=R;case g:var je=1&K;if(Q||(Q=be),u.size!=c.size&&!je)return!1;var Se=L.get(u);if(Se)return Se==c;K|=2,L.set(u,c);var Ze=ut(Q(u),Q(c),K,We,z,L);return L.delete(u),Ze;case ee:if(Ge)return Ge.call(u)==Ge.call(c)}return!1}(a,d,m,h,O,p,b);if(!(1&h)){var me=de&&S.call(a,"__wrapped__"),vt=Ee&&S.call(d,"__wrapped__");if(me||vt){var Zt=me?a.value():a,Jt=vt?d.value():d;return b||(b=new Z),p(Zt,Jt,h,O,b)}}return fe?(b||(b=new Z),function(u,c,Ae,K,We,z){var L=1&Ae,Q=lt(u),je=Q.length,Se=lt(c),Ze=Se.length;if(je!=Ze&&!L)return!1;for(var Ne=je;Ne--;){var oe=Q[Ne];if(!(L?oe in c:S.call(c,oe)))return!1}var _t=z.get(u);if(_t&&z.get(c))return _t==c;var qe=!0;z.set(u,c),z.set(c,u);for(var Je=L;++Ne<je;){var Fe=u[oe=Q[Ne]],Me=c[oe];if(K)var gt=L?K(Me,Fe,oe,c,u,z):K(Fe,Me,oe,u,c,z);if(!(gt===void 0?Fe===Me||We(Fe,Me,Ae,K,z):gt)){qe=!1;break}Je||(Je=oe=="constructor")}if(qe&&!Je){var Re=u.constructor,$e=c.constructor;Re==$e||!("constructor"in u)||!("constructor"in c)||typeof Re=="function"&&Re instanceof Re&&typeof $e=="function"&&$e instanceof $e||(qe=!1)}return z.delete(u),z.delete(c),qe}(a,d,h,O,p,b)):!1}(e,t,r,n,ct,l))}function Ut(e){return!(!pt(e)||function(t){return!!et&&et in t}(e))&&(ft(e)?Nt:se).test(ae(e))}function Vt(e){if(r=(t=e)&&t.constructor,n=typeof r=="function"&&r.prototype||we,t!==n)return Mt(e);var t,r,n,l=[];for(var a in Object(e))S.call(e,a)&&a!="constructor"&&l.push(a);return l}function ut(e,t,r,n,l,a){var d=1&r,h=e.length,O=t.length;if(h!=O&&!(d&&O>h))return!1;var p=a.get(e);if(p&&a.get(t))return p==t;var b=-1,N=!0,P=2&r?new Ce:void 0;for(a.set(e,t),a.set(t,e);++b<h;){var m=e[b],T=t[b];if(n)var de=d?n(T,m,b,t,e,a):n(m,T,b,e,t,a);if(de!==void 0){if(de)continue;N=!1;break}if(P){if(!pe(t,function(Ee,fe){if(me=fe,!P.has(me)&&(m===Ee||l(m,Ee,r,n,a)))return P.push(fe);var me})){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 lt(e){return function(t,r,n){var l=r(t);return Ie(t)?l:function(a,d){for(var h=-1,O=d.length,p=a.length;++h<O;)a[p+h]=d[h];return a}(l,n(t))}(e,Wt,Dt)}function Oe(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 le(e,t){var r=function(n,l){return n?.[l]}(e,t);return Ut(r)?r:void 0}re.prototype.clear=function(){this.__data__=ge?ge(null):{},this.size=0},re.prototype.delete=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},re.prototype.get=function(e){var t=this.__data__;if(ge){var r=t[e];return r===j?void 0:r}return S.call(t,e)?t[e]:void 0},re.prototype.has=function(e){var t=this.__data__;return ge?t[e]!==void 0:S.call(t,e)},re.prototype.set=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=ge&&t===void 0?j:t,this},$.prototype.clear=function(){this.__data__=[],this.size=0},$.prototype.delete=function(e){var t=this.__data__,r=ze(t,e);return!(r<0)&&(r==t.length-1?t.pop():qt.call(t,r,1),--this.size,!0)},$.prototype.get=function(e){var t=this.__data__,r=ze(t,e);return r<0?void 0:t[r][1]},$.prototype.has=function(e){return ze(this.__data__,e)>-1},$.prototype.set=function(e,t){var r=this.__data__,n=ze(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this},ne.prototype.clear=function(){this.size=0,this.__data__={hash:new re,map:new(_e||$),string:new re}},ne.prototype.delete=function(e){var t=Oe(this,e).delete(e);return this.size-=t?1:0,t},ne.prototype.get=function(e){return Oe(this,e).get(e)},ne.prototype.has=function(e){return Oe(this,e).has(e)},ne.prototype.set=function(e,t){var r=Oe(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this},Ce.prototype.add=Ce.prototype.push=function(e){return this.__data__.set(e,j),this},Ce.prototype.has=function(e){return this.__data__.has(e)},Z.prototype.clear=function(){this.__data__=new $,this.size=0},Z.prototype.delete=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r},Z.prototype.get=function(e){return this.__data__.get(e)},Z.prototype.has=function(e){return this.__data__.has(e)},Z.prototype.set=function(e,t){var r=this.__data__;if(r instanceof $){var n=r.__data__;if(!_e||n.length<199)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new ne(n)}return r.set(e,t),this.size=r.size,this};var Dt=ot?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 h=t[n];r(h,n,t)&&(d[a++]=h)}return d}(ot(e),function(t){return at.call(e,t)}))}:function(){return[]},J=ke;function Gt(e,t){return!!(t=t??w)&&(typeof e=="number"||he.test(e))&&e>-1&&e%1==0&&e<t}function ae(e){if(e!=null){try{return Ye.call(e)}catch{}try{return e+""}catch{}}return""}function dt(e,t){return e===t||e!=e&&t!=t}(Be&&J(new Be(new ArrayBuffer(1)))!=F||_e&&J(new _e)!=U||Ue&&J(Ue.resolve())!=D||Ve&&J(new Ve)!=g||De&&J(new De)!=G)&&(J=function(e){var t=ke(e),r=t==x?e.constructor:void 0,n=r?ae(r):"";if(n)switch(n){case Rt:return F;case $t:return U;case Pt:return D;case Tt:return g;case Lt:return G}return t});var Ht=st(function(){return arguments}())?st:function(e){return ye(e)&&S.call(e,"callee")&&!at.call(e,"callee")},Ie=Array.isArray,He=Ft||function(){return!1};function ft(e){if(!pt(e))return!1;var t=ke(e);return t==ie||t=="[object GeneratorFunction]"||t=="[object AsyncFunction]"||t=="[object Proxy]"}function ht(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=w}function pt(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}function ye(e){return e!=null&&typeof e=="object"}var bt=W?function(e){return function(t){return e(t)}}(W):function(e){return ye(e)&&ht(e.length)&&!!o[ke(e)]};function Wt(e){return(t=e)!=null&&ht(t.length)&&!ft(t)?Bt(e):Vt(e);var t}i.exports=function(e,t){return ct(e,t)}})(Ke,Ke.exports);const nr=rr(Ke.exports),ar=Te.cva(["flex"],{variants:{orientation:{vertical:["flex-col","gap-lg"],horizontal:["gap-xl"]}}}),yt=({name:i,value:k,defaultValue:j,className:w,intent:v,orientation:I="vertical",onCheckedChange:E,reverse:X=!1,children:B,ref:ie,...U})=>{const[V,x]=function(o,C,A){const f=o!==void 0,{current:M}=s.useRef(f?o:C),[ce,y]=s.useState(C),_=f?o:ce,ue=s.useCallback((W,pe=(R,be)=>!nr(R,be))=>{const R=typeof W!="function"?W:W(_);pe(_,R)&&!f&&y(R),A&&A(R)},[f,_,A]);return[_,ue,f,M]}(k,j),D=mt.useFormFieldControl(),q=s.useRef(E),{id:g,labelId:Y,description:ee,state:G,isInvalid:H,isRequired:F}=D,se=i??D.name,he=s.useMemo(()=>({id:g,name:se,value:V,intent:v,state:G,isInvalid:H,description:ee,isRequired:F,reverse:X,onCheckedChange:(o,C)=>{const A=V||[],f=o?[...A,C]:A.filter(M=>M!==C);x(f),q.current&&q.current(f)}}),[g,se,V,v,G,H,ee,F,x,X]);return s.useEffect(()=>{q.current=E},[E]),s.createElement(wt.Provider,{value:he},s.createElement("div",{ref:ie,className:ar({className:w,orientation:I}),role:"group","aria-labelledby":Y,"aria-describedby":ee,...U},B))};yt.displayName="CheckboxGroup",exports.Checkbox=Et,exports.CheckboxGroup=yt;
|
package/dist/index.mjs
CHANGED
@@ -1,44 +1,44 @@
|
|
1
|
-
import
|
1
|
+
import m, { createContext as Kt, useContext as Qt, useId as kt, useRef as Je, useMemo as jt, useState as Xt, useCallback as Yt, useEffect as er } from "react";
|
2
2
|
import { useFormFieldControl as xt } from "@spark-ui/form-field";
|
3
|
-
import { useMergeRefs as
|
4
|
-
import { cva as
|
5
|
-
import { CheckboxIndicator as
|
6
|
-
import { Icon as
|
7
|
-
import { makeVariants as
|
8
|
-
import { Label as
|
9
|
-
const
|
10
|
-
|
11
|
-
const
|
12
|
-
|
13
|
-
const It =
|
3
|
+
import { useMergeRefs as tr } from "@spark-ui/use-merge-refs";
|
4
|
+
import { cva as Qe, cx as rr } from "class-variance-authority";
|
5
|
+
import { CheckboxIndicator as nr, Checkbox as ar } from "@radix-ui/react-checkbox";
|
6
|
+
import { Icon as or } from "@spark-ui/icon";
|
7
|
+
import { makeVariants as ir } from "@spark-ui/internal-utils";
|
8
|
+
import { Label as sr } from "@spark-ui/label";
|
9
|
+
const wt = Kt({}), Ct = ({ title: i, fill: g = "currentColor", stroke: j = "none", ref: x, ...b }) => m.createElement("svg", { ref: x, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "data-title": "Check", ...i && { "data-title": i }, fill: g, stroke: j, ...b, dangerouslySetInnerHTML: { __html: (i === void 0 ? "" : `<title>${i}</title>`) + '<path d="m8.92,19.08c-.18,0-.36-.03-.53-.1s-.33-.17-.47-.31l-5.49-5.34c-.28-.28-.42-.61-.42-1s.14-.73.42-1c.28-.28.62-.41,1.02-.41s.74.14,1.05.41l4.43,4.3,10.62-10.29c.28-.28.62-.42,1.02-.43.39,0,.73.13,1.02.43.28.28.42.61.42,1s-.14.73-.42,1l-11.65,11.32c-.14.14-.3.24-.47.31-.17.07-.35.1-.53.1Z"/>' } });
|
10
|
+
Ct.displayName = "Check";
|
11
|
+
const zt = ({ title: i, fill: g = "currentColor", stroke: j = "none", ref: x, ...b }) => m.createElement("svg", { ref: x, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "data-title": "Minus", ...i && { "data-title": i }, fill: g, stroke: j, ...b, dangerouslySetInnerHTML: { __html: (i === void 0 ? "" : `<title>${i}</title>`) + '<path fill-rule="evenodd" d="m2,12c0-.62.45-1.12,1-1.12h18c.55,0,1,.5,1,1.12s-.45,1.12-1,1.12H3c-.55,0-1-.5-1-1.12Z"/>' } });
|
12
|
+
zt.displayName = "Minus";
|
13
|
+
const It = (i) => m.createElement(nr, { className: "flex size-full items-center justify-center", ...i });
|
14
14
|
It.displayName = "CheckboxIndicator";
|
15
|
-
const
|
15
|
+
const cr = Qe(["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({ 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" } }), Ot = ({ className: i, icon: g = m.createElement(Ct, null), indeterminateIcon: j = m.createElement(zt, null), intent: x, checked: b, ref: O, ...A }) => m.createElement(ar, { ref: O, className: cr({ intent: x, className: i }), checked: b, ...A }, m.createElement(It, null, m.createElement(or, { size: "sm" }, b === "indeterminate" ? j : g)));
|
16
16
|
Ot.displayName = "CheckboxInput";
|
17
|
-
const
|
17
|
+
const ur = Qe("grow", { variants: { disabled: { true: ["text-neutral/dim-2", "cursor-not-allowed"], false: ["cursor-pointer"] } }, defaultVariants: { disabled: !1 } }), At = ({ disabled: i, ...g }) => m.createElement(sr, { className: ur({ disabled: i }), ...g });
|
18
18
|
At.displayName = "CheckboxLabel";
|
19
|
-
const
|
20
|
-
const V = `${
|
21
|
-
const W =
|
22
|
-
return { name: W, isRequired: he, isInvalid: be, id: ve ?
|
23
|
-
})({ fieldState:
|
24
|
-
X?.(
|
25
|
-
const
|
26
|
-
|
27
|
-
}, "aria-labelledby": B ? D :
|
28
|
-
return
|
29
|
-
}
|
30
|
-
|
19
|
+
const yt = ":checkbox", lr = ({ id: i, className: g, intent: j, checked: x, value: b, disabled: O, reverse: A = !1, onCheckedChange: X, children: B, ref: ie, ...U }) => {
|
20
|
+
const V = `${yt}-${kt()}`, w = i || V, D = `${yt}-${kt()}`, $ = xt(), _ = Qt(wt), Y = Je(null), ee = tr(ie, Y), G = b ? _.value?.includes(b) : x, { id: H, name: F, isInvalid: se, description: pe, intent: o, isRequired: C } = (({ fieldState: k, groupState: v, checkboxIntent: ue }) => {
|
21
|
+
const W = k.name ?? v.name, he = k.isRequired ?? v.isRequired, R = k.state ?? v.state, be = k.isInvalid ?? v.isInvalid, ve = k.id !== v.id;
|
22
|
+
return { name: W, isRequired: he, isInvalid: be, id: ve ? k.id : void 0, description: ve ? k.description : void 0, intent: R ?? ue ?? v.intent };
|
23
|
+
})({ fieldState: $, groupState: _, checkboxIntent: j }), E = jt(() => _ ? !!C && !_.value?.length : C, [_, C]), d = B && m.createElement(At, { disabled: O, htmlFor: H || w, id: D }, B), M = m.createElement(Ot, { ref: ee, id: H || w, name: F, value: b, intent: o, checked: G, disabled: O, required: E, "aria-describedby": pe, "aria-invalid": se, onCheckedChange: (k) => {
|
24
|
+
X?.(k);
|
25
|
+
const v = Y.current?.value;
|
26
|
+
v && _.onCheckedChange && _.onCheckedChange(k, v);
|
27
|
+
}, "aria-labelledby": B ? D : $.labelId, ...U }), ce = _.reverse || A ? m.createElement(m.Fragment, null, d, M) : m.createElement(m.Fragment, null, M, d);
|
28
|
+
return m.createElement("div", { "data-spark-component": "checkbox", className: rr("relative flex items-start gap-md text-body-1", g) }, ce);
|
29
|
+
};
|
30
|
+
lr.displayName = "Checkbox";
|
31
31
|
var Pe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
|
32
|
-
function
|
32
|
+
function dr(i) {
|
33
33
|
return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
|
34
34
|
}
|
35
|
-
var
|
36
|
-
(function(i,
|
37
|
-
var j = "__lodash_hash_undefined__",
|
38
|
-
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[
|
39
|
-
var C = typeof Pe == "object" && Pe && Pe.Object === Object && Pe,
|
35
|
+
var Ke = { exports: {} };
|
36
|
+
(function(i, g) {
|
37
|
+
var j = "__lodash_hash_undefined__", x = 9007199254740991, b = "[object Arguments]", O = "[object Array]", A = "[object Boolean]", X = "[object Date]", B = "[object Error]", ie = "[object Function]", U = "[object Map]", V = "[object Number]", w = "[object Object]", D = "[object Promise]", $ = "[object RegExp]", _ = "[object Set]", Y = "[object String]", ee = "[object Symbol]", G = "[object WeakMap]", H = "[object ArrayBuffer]", F = "[object DataView]", se = /^\[object .+?Constructor\]$/, pe = /^(?:0|[1-9]\d*)$/, o = {};
|
38
|
+
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[b] = o[O] = o[H] = o[A] = o[F] = o[X] = o[B] = o[ie] = o[U] = o[V] = o[w] = o[$] = o[_] = o[Y] = o[G] = !1;
|
39
|
+
var C = typeof Pe == "object" && Pe && Pe.Object === Object && Pe, E = typeof self == "object" && self && self.Object === Object && self, d = C || E || Function("return this")(), M = g && !g.nodeType && g, ce = M && i && !i.nodeType && i, k = ce && ce.exports === M, v = k && C.process, ue = function() {
|
40
40
|
try {
|
41
|
-
return
|
41
|
+
return v && v.binding && v.binding("util");
|
42
42
|
} catch {
|
43
43
|
}
|
44
44
|
}(), W = ue && ue.isTypedArray;
|
@@ -48,7 +48,7 @@ var Qe = { exports: {} };
|
|
48
48
|
return !0;
|
49
49
|
return !1;
|
50
50
|
}
|
51
|
-
function
|
51
|
+
function R(e) {
|
52
52
|
var t = -1, r = Array(e.size);
|
53
53
|
return e.forEach(function(n, u) {
|
54
54
|
r[++t] = [u, n];
|
@@ -60,9 +60,9 @@ var Qe = { exports: {} };
|
|
60
60
|
r[++t] = n;
|
61
61
|
}), r;
|
62
62
|
}
|
63
|
-
var ve,
|
64
|
-
return Ye(
|
65
|
-
}),
|
63
|
+
var ve, Xe, Ye, Et = Array.prototype, Nt = Function.prototype, xe = Object.prototype, Te = d["__core-js_shared__"], et = Nt.toString, N = xe.hasOwnProperty, tt = (ve = /[^.]+$/.exec(Te && Te.keys && Te.keys.IE_PROTO || "")) ? "Symbol(src)_1." + ve : "", rt = xe.toString, St = RegExp("^" + et.call(N).replace(/[\\^$.*+?()[\]{}|]/g, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"), nt = k ? d.Buffer : void 0, we = d.Symbol, at = d.Uint8Array, ot = xe.propertyIsEnumerable, $t = Et.splice, te = we ? we.toStringTag : void 0, it = Object.getOwnPropertySymbols, Ft = nt ? nt.isBuffer : void 0, Mt = (Xe = Object.keys, Ye = Object, function(e) {
|
64
|
+
return Xe(Ye(e));
|
65
|
+
}), qe = le(d, "DataView"), me = le(d, "Map"), Be = le(d, "Promise"), Ue = le(d, "Set"), Ve = le(d, "WeakMap"), _e = le(Object, "create"), Rt = ae(qe), Lt = ae(me), Pt = ae(Be), Tt = ae(Ue), qt = ae(Ve), st = we ? we.prototype : void 0, De = st ? st.valueOf : void 0;
|
66
66
|
function re(e) {
|
67
67
|
var t = -1, r = e == null ? 0 : e.length;
|
68
68
|
for (this.clear(); ++t < r; ) {
|
@@ -93,19 +93,19 @@ var Qe = { exports: {} };
|
|
93
93
|
var t = this.__data__ = new L(e);
|
94
94
|
this.size = t.size;
|
95
95
|
}
|
96
|
-
function
|
97
|
-
var r =
|
98
|
-
for (var P = -1,
|
99
|
-
|
100
|
-
return
|
101
|
-
}(e.length, String) : [],
|
102
|
-
for (var
|
103
|
-
!t && !N.call(e,
|
96
|
+
function Bt(e, t) {
|
97
|
+
var r = Oe(e), n = !r && Ht(e), u = !r && !n && Ge(e), a = !r && !n && !u && vt(e), l = r || n || u || a, f = l ? function(h, S) {
|
98
|
+
for (var P = -1, y = Array(h); ++P < h; )
|
99
|
+
y[P] = S(P);
|
100
|
+
return y;
|
101
|
+
}(e.length, String) : [], I = f.length;
|
102
|
+
for (var p in e)
|
103
|
+
!t && !N.call(e, p) || l && (p == "length" || u && (p == "offset" || p == "parent") || a && (p == "buffer" || p == "byteLength" || p == "byteOffset") || Gt(p, I)) || f.push(p);
|
104
104
|
return f;
|
105
105
|
}
|
106
106
|
function ze(e, t) {
|
107
107
|
for (var r = e.length; r--; )
|
108
|
-
if (
|
108
|
+
if (ft(e[r][0], t))
|
109
109
|
return r;
|
110
110
|
return -1;
|
111
111
|
}
|
@@ -117,44 +117,44 @@ var Qe = { exports: {} };
|
|
117
117
|
var u = !0;
|
118
118
|
} catch {
|
119
119
|
}
|
120
|
-
var a =
|
120
|
+
var a = rt.call(t);
|
121
121
|
return u && (r ? t[te] = n : delete t[te]), a;
|
122
122
|
}(e) : function(t) {
|
123
|
-
return
|
123
|
+
return rt.call(t);
|
124
124
|
}(e);
|
125
125
|
}
|
126
|
-
function
|
127
|
-
return
|
126
|
+
function ct(e) {
|
127
|
+
return ke(e) && ge(e) == b;
|
128
128
|
}
|
129
|
-
function
|
130
|
-
return e === t || (e == null || t == null || !
|
131
|
-
var S =
|
132
|
-
if (fe &&
|
133
|
-
if (!
|
129
|
+
function ut(e, t, r, n, u) {
|
130
|
+
return e === t || (e == null || t == null || !ke(e) && !ke(t) ? e != e && t != t : function(a, l, f, I, p, h) {
|
131
|
+
var S = Oe(a), P = Oe(l), y = S ? O : J(a), T = P ? O : J(l), de = (y = y == b ? w : y) == w, Ae = (T = T == b ? w : T) == w, fe = y == T;
|
132
|
+
if (fe && Ge(a)) {
|
133
|
+
if (!Ge(l))
|
134
134
|
return !1;
|
135
135
|
S = !0, de = !1;
|
136
136
|
}
|
137
137
|
if (fe && !de)
|
138
|
-
return
|
139
|
-
switch (
|
140
|
-
case
|
138
|
+
return h || (h = new Z()), S || vt(a) ? lt(a, l, f, I, p, h) : function(c, s, Ee, K, He, z, q) {
|
139
|
+
switch (Ee) {
|
140
|
+
case F:
|
141
141
|
if (c.byteLength != s.byteLength || c.byteOffset != s.byteOffset)
|
142
142
|
return !1;
|
143
143
|
c = c.buffer, s = s.buffer;
|
144
144
|
case H:
|
145
|
-
return !(c.byteLength != s.byteLength || !z(new
|
146
|
-
case
|
145
|
+
return !(c.byteLength != s.byteLength || !z(new at(c), new at(s)));
|
146
|
+
case A:
|
147
147
|
case X:
|
148
148
|
case V:
|
149
|
-
return
|
149
|
+
return ft(+c, +s);
|
150
150
|
case B:
|
151
151
|
return c.name == s.name && c.message == s.message;
|
152
|
-
case
|
152
|
+
case $:
|
153
153
|
case Y:
|
154
154
|
return c == s + "";
|
155
155
|
case U:
|
156
|
-
var Q =
|
157
|
-
case
|
156
|
+
var Q = R;
|
157
|
+
case _:
|
158
158
|
var je = 1 & K;
|
159
159
|
if (Q || (Q = be), c.size != s.size && !je)
|
160
160
|
return !1;
|
@@ -162,78 +162,78 @@ var Qe = { exports: {} };
|
|
162
162
|
if (Ne)
|
163
163
|
return Ne == s;
|
164
164
|
K |= 2, q.set(c, s);
|
165
|
-
var
|
166
|
-
return q.delete(c),
|
165
|
+
var We = lt(Q(c), Q(s), K, He, z, q);
|
166
|
+
return q.delete(c), We;
|
167
167
|
case ee:
|
168
|
-
if (
|
169
|
-
return
|
168
|
+
if (De)
|
169
|
+
return De.call(c) == De.call(s);
|
170
170
|
}
|
171
171
|
return !1;
|
172
|
-
}(a, l,
|
172
|
+
}(a, l, y, f, I, p, h);
|
173
173
|
if (!(1 & f)) {
|
174
|
-
var
|
175
|
-
if (
|
176
|
-
var
|
177
|
-
return
|
174
|
+
var ye = de && N.call(a, "__wrapped__"), mt = Ae && N.call(l, "__wrapped__");
|
175
|
+
if (ye || mt) {
|
176
|
+
var Zt = ye ? a.value() : a, Jt = mt ? l.value() : l;
|
177
|
+
return h || (h = new Z()), p(Zt, Jt, f, I, h);
|
178
178
|
}
|
179
179
|
}
|
180
|
-
return fe ? (
|
181
|
-
var q = 1 &
|
182
|
-
if (je !=
|
180
|
+
return fe ? (h || (h = new Z()), function(c, s, Ee, K, He, z) {
|
181
|
+
var q = 1 & Ee, Q = dt(c), je = Q.length, Ne = dt(s), We = Ne.length;
|
182
|
+
if (je != We && !q)
|
183
183
|
return !1;
|
184
184
|
for (var Se = je; Se--; ) {
|
185
185
|
var oe = Q[Se];
|
186
186
|
if (!(q ? oe in s : N.call(s, oe)))
|
187
187
|
return !1;
|
188
188
|
}
|
189
|
-
var
|
190
|
-
if (
|
191
|
-
return
|
192
|
-
var
|
189
|
+
var _t = z.get(c);
|
190
|
+
if (_t && z.get(s))
|
191
|
+
return _t == s;
|
192
|
+
var $e = !0;
|
193
193
|
z.set(c, s), z.set(s, c);
|
194
|
-
for (var
|
195
|
-
var
|
194
|
+
for (var Ze = q; ++Se < je; ) {
|
195
|
+
var Fe = c[oe = Q[Se]], Me = s[oe];
|
196
196
|
if (K)
|
197
|
-
var
|
198
|
-
if (!(
|
199
|
-
|
197
|
+
var gt = q ? K(Me, Fe, oe, s, c, z) : K(Fe, Me, oe, c, s, z);
|
198
|
+
if (!(gt === void 0 ? Fe === Me || He(Fe, Me, Ee, K, z) : gt)) {
|
199
|
+
$e = !1;
|
200
200
|
break;
|
201
201
|
}
|
202
|
-
|
202
|
+
Ze || (Ze = oe == "constructor");
|
203
203
|
}
|
204
|
-
if (
|
205
|
-
var
|
206
|
-
|
204
|
+
if ($e && !Ze) {
|
205
|
+
var Re = c.constructor, Le = s.constructor;
|
206
|
+
Re == Le || !("constructor" in c) || !("constructor" in s) || typeof Re == "function" && Re instanceof Re && typeof Le == "function" && Le instanceof Le || ($e = !1);
|
207
207
|
}
|
208
|
-
return z.delete(c), z.delete(s),
|
209
|
-
}(a, l, f,
|
210
|
-
}(e, t, r, n,
|
208
|
+
return z.delete(c), z.delete(s), $e;
|
209
|
+
}(a, l, f, I, p, h)) : !1;
|
210
|
+
}(e, t, r, n, ut, u));
|
211
211
|
}
|
212
|
-
function
|
213
|
-
return !(!
|
214
|
-
return !!
|
215
|
-
}(e)) && (
|
212
|
+
function Ut(e) {
|
213
|
+
return !(!bt(e) || function(t) {
|
214
|
+
return !!tt && tt in t;
|
215
|
+
}(e)) && (pt(e) ? St : se).test(ae(e));
|
216
216
|
}
|
217
|
-
function
|
218
|
-
if (r = (t = e) && t.constructor, n = typeof r == "function" && r.prototype ||
|
217
|
+
function Vt(e) {
|
218
|
+
if (r = (t = e) && t.constructor, n = typeof r == "function" && r.prototype || xe, t !== n)
|
219
219
|
return Mt(e);
|
220
220
|
var t, r, n, u = [];
|
221
221
|
for (var a in Object(e))
|
222
222
|
N.call(e, a) && a != "constructor" && u.push(a);
|
223
223
|
return u;
|
224
224
|
}
|
225
|
-
function
|
226
|
-
var l = 1 & r, f = e.length,
|
227
|
-
if (f !=
|
225
|
+
function lt(e, t, r, n, u, a) {
|
226
|
+
var l = 1 & r, f = e.length, I = t.length;
|
227
|
+
if (f != I && !(l && I > f))
|
228
228
|
return !1;
|
229
|
-
var
|
230
|
-
if (
|
231
|
-
return
|
232
|
-
var
|
233
|
-
for (a.set(e, t), a.set(t, e); ++
|
234
|
-
var
|
229
|
+
var p = a.get(e);
|
230
|
+
if (p && a.get(t))
|
231
|
+
return p == t;
|
232
|
+
var h = -1, S = !0, P = 2 & r ? new Ce() : void 0;
|
233
|
+
for (a.set(e, t), a.set(t, e); ++h < f; ) {
|
234
|
+
var y = e[h], T = t[h];
|
235
235
|
if (n)
|
236
|
-
var de = l ? n(T,
|
236
|
+
var de = l ? n(T, y, h, t, e, a) : n(y, T, h, e, t, a);
|
237
237
|
if (de !== void 0) {
|
238
238
|
if (de)
|
239
239
|
continue;
|
@@ -241,32 +241,32 @@ var Qe = { exports: {} };
|
|
241
241
|
break;
|
242
242
|
}
|
243
243
|
if (P) {
|
244
|
-
if (!he(t, function(
|
245
|
-
if (
|
244
|
+
if (!he(t, function(Ae, fe) {
|
245
|
+
if (ye = fe, !P.has(ye) && (y === Ae || u(y, Ae, r, n, a)))
|
246
246
|
return P.push(fe);
|
247
|
-
var
|
247
|
+
var ye;
|
248
248
|
})) {
|
249
249
|
S = !1;
|
250
250
|
break;
|
251
251
|
}
|
252
|
-
} else if (
|
252
|
+
} else if (y !== T && !u(y, T, r, n, a)) {
|
253
253
|
S = !1;
|
254
254
|
break;
|
255
255
|
}
|
256
256
|
}
|
257
257
|
return a.delete(e), a.delete(t), S;
|
258
258
|
}
|
259
|
-
function
|
259
|
+
function dt(e) {
|
260
260
|
return function(t, r, n) {
|
261
261
|
var u = r(t);
|
262
|
-
return
|
263
|
-
for (var f = -1,
|
264
|
-
a[
|
262
|
+
return Oe(t) ? u : function(a, l) {
|
263
|
+
for (var f = -1, I = l.length, p = a.length; ++f < I; )
|
264
|
+
a[p + f] = l[f];
|
265
265
|
return a;
|
266
266
|
}(u, n(t));
|
267
|
-
}(e,
|
267
|
+
}(e, Wt, Dt);
|
268
268
|
}
|
269
|
-
function
|
269
|
+
function Ie(e, t) {
|
270
270
|
var r, n, u = e.__data__;
|
271
271
|
return ((n = typeof (r = t)) == "string" || n == "number" || n == "symbol" || n == "boolean" ? r !== "__proto__" : r === null) ? u[typeof t == "string" ? "string" : "hash"] : u.map;
|
272
272
|
}
|
@@ -274,7 +274,7 @@ var Qe = { exports: {} };
|
|
274
274
|
var r = function(n, u) {
|
275
275
|
return n?.[u];
|
276
276
|
}(e, t);
|
277
|
-
return
|
277
|
+
return Ut(r) ? r : void 0;
|
278
278
|
}
|
279
279
|
re.prototype.clear = function() {
|
280
280
|
this.__data__ = _e ? _e(null) : {}, this.size = 0;
|
@@ -310,14 +310,14 @@ var Qe = { exports: {} };
|
|
310
310
|
}, ne.prototype.clear = function() {
|
311
311
|
this.size = 0, this.__data__ = { hash: new re(), map: new (me || L)(), string: new re() };
|
312
312
|
}, ne.prototype.delete = function(e) {
|
313
|
-
var t =
|
313
|
+
var t = Ie(this, e).delete(e);
|
314
314
|
return this.size -= t ? 1 : 0, t;
|
315
315
|
}, ne.prototype.get = function(e) {
|
316
|
-
return
|
316
|
+
return Ie(this, e).get(e);
|
317
317
|
}, ne.prototype.has = function(e) {
|
318
|
-
return
|
318
|
+
return Ie(this, e).has(e);
|
319
319
|
}, ne.prototype.set = function(e, t) {
|
320
|
-
var r =
|
320
|
+
var r = Ie(this, e), n = r.size;
|
321
321
|
return r.set(e, t), this.size += r.size == n ? 0 : 1, this;
|
322
322
|
}, Ce.prototype.add = Ce.prototype.push = function(e) {
|
323
323
|
return this.__data__.set(e, j), this;
|
@@ -342,26 +342,26 @@ var Qe = { exports: {} };
|
|
342
342
|
}
|
343
343
|
return r.set(e, t), this.size = r.size, this;
|
344
344
|
};
|
345
|
-
var
|
345
|
+
var Dt = it ? function(e) {
|
346
346
|
return e == null ? [] : (e = Object(e), function(t, r) {
|
347
347
|
for (var n = -1, u = t == null ? 0 : t.length, a = 0, l = []; ++n < u; ) {
|
348
348
|
var f = t[n];
|
349
349
|
r(f, n, t) && (l[a++] = f);
|
350
350
|
}
|
351
351
|
return l;
|
352
|
-
}(
|
353
|
-
return
|
352
|
+
}(it(e), function(t) {
|
353
|
+
return ot.call(e, t);
|
354
354
|
}));
|
355
355
|
} : function() {
|
356
356
|
return [];
|
357
357
|
}, J = ge;
|
358
|
-
function
|
359
|
-
return !!(t = t ??
|
358
|
+
function Gt(e, t) {
|
359
|
+
return !!(t = t ?? x) && (typeof e == "number" || pe.test(e)) && e > -1 && e % 1 == 0 && e < t;
|
360
360
|
}
|
361
361
|
function ae(e) {
|
362
362
|
if (e != null) {
|
363
363
|
try {
|
364
|
-
return
|
364
|
+
return et.call(e);
|
365
365
|
} catch {
|
366
366
|
}
|
367
367
|
try {
|
@@ -371,81 +371,81 @@ var Qe = { exports: {} };
|
|
371
371
|
}
|
372
372
|
return "";
|
373
373
|
}
|
374
|
-
function
|
374
|
+
function ft(e, t) {
|
375
375
|
return e === t || e != e && t != t;
|
376
376
|
}
|
377
|
-
(
|
378
|
-
var t = ge(e), r = t ==
|
377
|
+
(qe && J(new qe(new ArrayBuffer(1))) != F || me && J(new me()) != U || Be && J(Be.resolve()) != D || Ue && J(new Ue()) != _ || Ve && J(new Ve()) != G) && (J = function(e) {
|
378
|
+
var t = ge(e), r = t == w ? e.constructor : void 0, n = r ? ae(r) : "";
|
379
379
|
if (n)
|
380
380
|
switch (n) {
|
381
|
+
case Rt:
|
382
|
+
return F;
|
381
383
|
case Lt:
|
382
|
-
return $;
|
383
|
-
case Pt:
|
384
384
|
return U;
|
385
|
-
case
|
385
|
+
case Pt:
|
386
386
|
return D;
|
387
|
+
case Tt:
|
388
|
+
return _;
|
387
389
|
case qt:
|
388
|
-
return g;
|
389
|
-
case Bt:
|
390
390
|
return G;
|
391
391
|
}
|
392
392
|
return t;
|
393
393
|
});
|
394
|
-
var
|
394
|
+
var Ht = ct(function() {
|
395
395
|
return arguments;
|
396
|
-
}()) ?
|
397
|
-
return
|
398
|
-
},
|
396
|
+
}()) ? ct : function(e) {
|
397
|
+
return ke(e) && N.call(e, "callee") && !ot.call(e, "callee");
|
398
|
+
}, Oe = Array.isArray, Ge = Ft || function() {
|
399
399
|
return !1;
|
400
400
|
};
|
401
|
-
function
|
402
|
-
if (!
|
401
|
+
function pt(e) {
|
402
|
+
if (!bt(e))
|
403
403
|
return !1;
|
404
404
|
var t = ge(e);
|
405
405
|
return t == ie || t == "[object GeneratorFunction]" || t == "[object AsyncFunction]" || t == "[object Proxy]";
|
406
406
|
}
|
407
|
-
function
|
408
|
-
return typeof e == "number" && e > -1 && e % 1 == 0 && e <=
|
407
|
+
function ht(e) {
|
408
|
+
return typeof e == "number" && e > -1 && e % 1 == 0 && e <= x;
|
409
409
|
}
|
410
|
-
function
|
410
|
+
function bt(e) {
|
411
411
|
var t = typeof e;
|
412
412
|
return e != null && (t == "object" || t == "function");
|
413
413
|
}
|
414
|
-
function
|
414
|
+
function ke(e) {
|
415
415
|
return e != null && typeof e == "object";
|
416
416
|
}
|
417
|
-
var
|
417
|
+
var vt = W ? function(e) {
|
418
418
|
return function(t) {
|
419
419
|
return e(t);
|
420
420
|
};
|
421
421
|
}(W) : function(e) {
|
422
|
-
return
|
422
|
+
return ke(e) && ht(e.length) && !!o[ge(e)];
|
423
423
|
};
|
424
|
-
function
|
425
|
-
return (t = e) != null &&
|
424
|
+
function Wt(e) {
|
425
|
+
return (t = e) != null && ht(t.length) && !pt(t) ? Bt(e) : Vt(e);
|
426
426
|
var t;
|
427
427
|
}
|
428
428
|
i.exports = function(e, t) {
|
429
|
-
return
|
429
|
+
return ut(e, t);
|
430
430
|
};
|
431
|
-
})(
|
432
|
-
const
|
433
|
-
const [V,
|
434
|
-
const d = o !== void 0, { current:
|
435
|
-
const
|
436
|
-
he(
|
437
|
-
}, [d,
|
438
|
-
return [
|
439
|
-
}(
|
440
|
-
const
|
441
|
-
|
442
|
-
} }), [
|
443
|
-
return
|
444
|
-
|
445
|
-
}, [
|
446
|
-
}
|
447
|
-
|
431
|
+
})(Ke, Ke.exports);
|
432
|
+
const fr = dr(Ke.exports), pr = Qe(["flex"], { variants: { orientation: { vertical: ["flex-col", "gap-lg"], horizontal: ["gap-xl"] } } }), hr = ({ name: i, value: g, defaultValue: j, className: x, intent: b, orientation: O = "vertical", onCheckedChange: A, reverse: X = !1, children: B, ref: ie, ...U }) => {
|
433
|
+
const [V, w] = function(o, C, E) {
|
434
|
+
const d = o !== void 0, { current: M } = Je(d ? o : C), [ce, k] = Xt(C), v = d ? o : ce, ue = Yt((W, he = (R, be) => !fr(R, be)) => {
|
435
|
+
const R = typeof W != "function" ? W : W(v);
|
436
|
+
he(v, R) && !d && k(R), E && E(R);
|
437
|
+
}, [d, v, E]);
|
438
|
+
return [v, ue, d, M];
|
439
|
+
}(g, j), D = xt(), $ = Je(A), { id: _, labelId: Y, description: ee, state: G, isInvalid: H, isRequired: F } = D, se = i ?? D.name, pe = jt(() => ({ id: _, name: se, value: V, intent: b, state: G, isInvalid: H, description: ee, isRequired: F, reverse: X, onCheckedChange: (o, C) => {
|
440
|
+
const E = V || [], d = o ? [...E, C] : E.filter((M) => M !== C);
|
441
|
+
w(d), $.current && $.current(d);
|
442
|
+
} }), [_, se, V, b, G, H, ee, F, w, X]);
|
443
|
+
return er(() => {
|
444
|
+
$.current = A;
|
445
|
+
}, [A]), m.createElement(wt.Provider, { value: pe }, m.createElement("div", { ref: ie, className: pr({ className: x, orientation: O }), role: "group", "aria-labelledby": Y, "aria-describedby": ee, ...U }, B));
|
446
|
+
};
|
447
|
+
hr.displayName = "CheckboxGroup";
|
448
448
|
export {
|
449
|
-
|
450
|
-
|
449
|
+
lr as Checkbox,
|
450
|
+
hr as CheckboxGroup
|
451
451
|
};
|
package/dist/public/docgen.json
CHANGED
@@ -176,6 +176,29 @@
|
|
176
176
|
"name": "(checked: boolean) => void"
|
177
177
|
}
|
178
178
|
},
|
179
|
+
"ref": {
|
180
|
+
"defaultValue": null,
|
181
|
+
"description": "",
|
182
|
+
"name": "ref",
|
183
|
+
"parent": {
|
184
|
+
"fileName": "checkbox/src/CheckboxInput.tsx",
|
185
|
+
"name": "CheckboxInputProps"
|
186
|
+
},
|
187
|
+
"declarations": [
|
188
|
+
{
|
189
|
+
"fileName": "checkbox/src/CheckboxInput.tsx",
|
190
|
+
"name": "CheckboxInputProps"
|
191
|
+
},
|
192
|
+
{
|
193
|
+
"fileName": "checkbox/src/Checkbox.tsx",
|
194
|
+
"name": "TypeLiteral"
|
195
|
+
}
|
196
|
+
],
|
197
|
+
"required": false,
|
198
|
+
"type": {
|
199
|
+
"name": "Ref<HTMLButtonElement>"
|
200
|
+
}
|
201
|
+
},
|
179
202
|
"intent": {
|
180
203
|
"defaultValue": null,
|
181
204
|
"description": "Color scheme of the checkbox.",
|
@@ -283,6 +306,25 @@
|
|
283
306
|
"name": "(value: string[]) => void"
|
284
307
|
}
|
285
308
|
},
|
309
|
+
"ref": {
|
310
|
+
"defaultValue": null,
|
311
|
+
"description": "",
|
312
|
+
"name": "ref",
|
313
|
+
"parent": {
|
314
|
+
"fileName": "checkbox/src/CheckboxGroup.tsx",
|
315
|
+
"name": "CheckboxGroupProps"
|
316
|
+
},
|
317
|
+
"declarations": [
|
318
|
+
{
|
319
|
+
"fileName": "checkbox/src/CheckboxGroup.tsx",
|
320
|
+
"name": "CheckboxGroupProps"
|
321
|
+
}
|
322
|
+
],
|
323
|
+
"required": false,
|
324
|
+
"type": {
|
325
|
+
"name": "Ref<HTMLDivElement>"
|
326
|
+
}
|
327
|
+
},
|
286
328
|
"orientation": {
|
287
329
|
"defaultValue": {
|
288
330
|
"value": "vertical"
|
@@ -451,6 +493,21 @@
|
|
451
493
|
"type": {
|
452
494
|
"name": "boolean"
|
453
495
|
}
|
496
|
+
},
|
497
|
+
"ref": {
|
498
|
+
"defaultValue": null,
|
499
|
+
"description": "",
|
500
|
+
"name": "ref",
|
501
|
+
"declarations": [
|
502
|
+
{
|
503
|
+
"fileName": "checkbox/src/CheckboxIndicator.tsx",
|
504
|
+
"name": "TypeLiteral"
|
505
|
+
}
|
506
|
+
],
|
507
|
+
"required": false,
|
508
|
+
"type": {
|
509
|
+
"name": "Ref<HTMLSpanElement>"
|
510
|
+
}
|
454
511
|
}
|
455
512
|
}
|
456
513
|
},
|
@@ -635,6 +692,25 @@
|
|
635
692
|
"name": "(checked: boolean) => void"
|
636
693
|
}
|
637
694
|
},
|
695
|
+
"ref": {
|
696
|
+
"defaultValue": null,
|
697
|
+
"description": "",
|
698
|
+
"name": "ref",
|
699
|
+
"parent": {
|
700
|
+
"fileName": "checkbox/src/CheckboxInput.tsx",
|
701
|
+
"name": "CheckboxInputProps"
|
702
|
+
},
|
703
|
+
"declarations": [
|
704
|
+
{
|
705
|
+
"fileName": "checkbox/src/CheckboxInput.tsx",
|
706
|
+
"name": "CheckboxInputProps"
|
707
|
+
}
|
708
|
+
],
|
709
|
+
"required": false,
|
710
|
+
"type": {
|
711
|
+
"name": "Ref<HTMLButtonElement>"
|
712
|
+
}
|
713
|
+
},
|
638
714
|
"intent": {
|
639
715
|
"defaultValue": null,
|
640
716
|
"description": "Color scheme of the checkbox.",
|
@@ -716,6 +792,21 @@
|
|
716
792
|
"type": {
|
717
793
|
"name": "boolean"
|
718
794
|
}
|
795
|
+
},
|
796
|
+
"ref": {
|
797
|
+
"defaultValue": null,
|
798
|
+
"description": "",
|
799
|
+
"name": "ref",
|
800
|
+
"declarations": [
|
801
|
+
{
|
802
|
+
"fileName": "components/label/dist/Label.d.ts",
|
803
|
+
"name": "TypeLiteral"
|
804
|
+
}
|
805
|
+
],
|
806
|
+
"required": false,
|
807
|
+
"type": {
|
808
|
+
"name": "Ref<HTMLLabelElement>"
|
809
|
+
}
|
719
810
|
}
|
720
811
|
}
|
721
812
|
}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@spark-ui/checkbox",
|
3
|
-
"version": "
|
3
|
+
"version": "8.0.0",
|
4
4
|
"description": "A control that allows the user to toggle between checked and not checked.",
|
5
5
|
"publishConfig": {
|
6
6
|
"access": "public"
|
@@ -24,12 +24,12 @@
|
|
24
24
|
},
|
25
25
|
"dependencies": {
|
26
26
|
"@radix-ui/react-checkbox": "1.0.4",
|
27
|
-
"@spark-ui/form-field": "^
|
28
|
-
"@spark-ui/icon": "^
|
29
|
-
"@spark-ui/icons": "^
|
30
|
-
"@spark-ui/internal-utils": "^
|
31
|
-
"@spark-ui/label": "^
|
32
|
-
"@spark-ui/use-merge-refs": "^
|
27
|
+
"@spark-ui/form-field": "^8.0.0",
|
28
|
+
"@spark-ui/icon": "^8.0.0",
|
29
|
+
"@spark-ui/icons": "^8.0.0",
|
30
|
+
"@spark-ui/internal-utils": "^8.0.0",
|
31
|
+
"@spark-ui/label": "^8.0.0",
|
32
|
+
"@spark-ui/use-merge-refs": "^8.0.0",
|
33
33
|
"class-variance-authority": "0.7.0"
|
34
34
|
},
|
35
35
|
"peerDependencies": {
|
@@ -53,5 +53,5 @@
|
|
53
53
|
},
|
54
54
|
"homepage": "https://sparkui.vercel.app",
|
55
55
|
"license": "MIT",
|
56
|
-
"gitHead": "
|
56
|
+
"gitHead": "309903aa55f44ebd43d2a1fe43691f110a5036ea"
|
57
57
|
}
|