@spark-ui/checkbox 2.1.13 → 2.2.1
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/Checkbox.d.ts +3 -2
- package/dist/CheckboxGroup.d.ts +1 -1
- package/dist/CheckboxGroupContext.d.ts +4 -0
- package/dist/index.js +1 -1
- package/dist/index.mjs +204 -204
- package/dist/public/docgen.json +42 -0
- package/package.json +4 -4
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.2.1](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@2.2.0...@spark-ui/checkbox@2.2.1) (2024-04-08)
|
7
|
+
|
8
|
+
**Note:** Version bump only for package @spark-ui/checkbox
|
9
|
+
|
10
|
+
# [2.2.0](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@2.1.13...@spark-ui/checkbox@2.2.0) (2024-04-04)
|
11
|
+
|
12
|
+
### Features
|
13
|
+
|
14
|
+
- **checkbox:** add "reverse" prop to have label placed on the left side of the Checkbox ([c2eb2af](https://github.com/adevinta/spark/commit/c2eb2af338fa06aa7b70ba4ddae397a80872abeb))
|
15
|
+
|
6
16
|
## [2.1.13](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@2.1.12...@spark-ui/checkbox@2.1.13) (2024-03-15)
|
7
17
|
|
8
18
|
**Note:** Version bump only for package @spark-ui/checkbox
|
package/dist/Checkbox.d.ts
CHANGED
@@ -1,3 +1,4 @@
|
|
1
|
+
import { CheckboxGroupContextState } from './CheckboxGroupContext';
|
1
2
|
import { CheckboxInputProps } from './CheckboxInput';
|
2
|
-
export type CheckboxProps = CheckboxInputProps
|
3
|
-
export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxInputProps & import("react").RefAttributes<HTMLButtonElement>>;
|
3
|
+
export type CheckboxProps = CheckboxInputProps & Pick<CheckboxGroupContextState, 'reverse'>;
|
4
|
+
export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxInputProps & Pick<CheckboxGroupContextState, "reverse"> & import("react").RefAttributes<HTMLButtonElement>>;
|
package/dist/CheckboxGroup.d.ts
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
import { ComponentPropsWithoutRef } from 'react';
|
2
2
|
import { CheckboxGroupStylesProps } from './CheckboxGroup.styles';
|
3
3
|
import { CheckboxGroupContextState } from './CheckboxGroupContext';
|
4
|
-
export interface CheckboxGroupProps extends Omit<ComponentPropsWithoutRef<'div'>, 'value' | 'defaultValue' | 'onChange'>, CheckboxGroupStylesProps, Pick<CheckboxGroupContextState, 'intent' | 'name' | 'value'> {
|
4
|
+
export interface CheckboxGroupProps extends Omit<ComponentPropsWithoutRef<'div'>, 'value' | 'defaultValue' | 'onChange'>, CheckboxGroupStylesProps, Pick<CheckboxGroupContextState, 'intent' | 'name' | 'value' | 'reverse'> {
|
5
5
|
/**
|
6
6
|
* The initial value of the checkbox group
|
7
7
|
*/
|
@@ -32,6 +32,10 @@ export interface CheckboxGroupContextState extends Pick<CheckboxInputStylesProps
|
|
32
32
|
* Callback used to update or notify the value of the checkbox group.
|
33
33
|
*/
|
34
34
|
onCheckedChange?: (checked: boolean, changed: string) => void;
|
35
|
+
/**
|
36
|
+
* When true, the label will be placed on the left side of the Checkbox
|
37
|
+
*/
|
38
|
+
reverse?: boolean;
|
35
39
|
}
|
36
40
|
export declare const CheckboxGroupContext: import("react").Context<Partial<CheckboxGroupContextState>>;
|
37
41
|
export declare const useCheckboxGroup: () => Partial<CheckboxGroupContextState>;
|
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",...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;
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),jt=require("@radix-ui/react-id"),Ct=require("@spark-ui/form-field"),nr=require("@spark-ui/use-merge-refs"),Te=require("class-variance-authority"),zt=require("@radix-ui/react-checkbox"),ar=require("@spark-ui/icon"),ir=require("@spark-ui/internal-utils"),or=require("@spark-ui/label"),Ot=i.createContext({}),Et=i.forwardRef(({title:s,fill:v="currentColor",stroke:g="none",...k},_)=>i.createElement("svg",{ref:_,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","data-title":"Check",...s&&{"data-title":s},fill:v,stroke:g,...k,dangerouslySetInnerHTML:{__html:(s===void 0?"":`<title>${s}</title>`)+'<path d="m8.92,19.08c-.18,0-.36-.03-.53-.1s-.33-.17-.47-.31l-5.49-5.34c-.28-.28-.42-.61-.42-1s.14-.73.42-1c.28-.28.62-.41,1.02-.41s.74.14,1.05.41l4.43,4.3,10.62-10.29c.28-.28.62-.42,1.02-.43.39,0,.73.13,1.02.43.28.28.42.61.42,1s-.14.73-.42,1l-11.65,11.32c-.14.14-.3.24-.47.31-.17.07-.35.1-.53.1Z"/>'}}));Et.displayName="Check";const It=i.forwardRef(({title:s,fill:v="currentColor",stroke:g="none",...k},_)=>i.createElement("svg",{ref:_,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","data-title":"Minus",...s&&{"data-title":s},fill:v,stroke:g,...k,dangerouslySetInnerHTML:{__html:(s===void 0?"":`<title>${s}</title>`)+'<path fill-rule="evenodd" d="m2,12c0-.62.45-1.12,1-1.12h18c.55,0,1,.5,1,1.12s-.45,1.12-1,1.12H3c-.55,0-1-.5-1-1.12Z"/>'}}));It.displayName="Minus";const At=i.forwardRef((s,v)=>i.createElement(zt.CheckboxIndicator,{ref:v,className:"flex h-full w-full items-center justify-center",...s}));At.displayName="CheckboxIndicator";const sr=Te.cva(["h-sz-24 w-sz-24 shrink-0 items-center justify-center rounded-sm border-md bg-transparent outline-none","spark-disabled:cursor-not-allowed spark-disabled:opacity-dim-3 spark-disabled:hover:ring-0","focus-visible:u-ring","hover:border-main-container hover:ring-2","u-shadow-border-transition"],{variants:{intent:ir.makeVariants({main:["text-on-main","spark-state-unchecked:border-outline","spark-state-indeterminate:border-main spark-state-indeterminate:bg-main","spark-state-checked:border-main spark-state-checked:bg-main"],support:["text-on-support","spark-state-unchecked:border-outline","spark-state-indeterminate:border-support spark-state-indeterminate:bg-support","spark-state-checked:border-support spark-state-checked:bg-support"],accent:["text-on-accent","spark-state-unchecked:border-outline","spark-state-indeterminate:border-accent spark-state-indeterminate:bg-accent","spark-state-checked:border-accent spark-state-checked:bg-accent"],basic:["text-on-basic","spark-state-unchecked:border-outline","spark-state-indeterminate:border-basic spark-state-indeterminate:bg-basic","spark-state-checked:border-basic spark-state-checked:bg-basic"],success:["text-on-success","spark-state-unchecked:border-success","spark-state-indeterminate:border-success spark-state-indeterminate:bg-success","spark-state-checked:border-success spark-state-checked:bg-success"],alert:["text-on-alert","spark-state-unchecked:border-alert","spark-state-indeterminate:border-alert spark-state-indeterminate:bg-alert","spark-state-checked:border-alert spark-state-checked:bg-alert"],error:["text-on-error","spark-state-unchecked:border-error","spark-state-indeterminate:border-error spark-state-indeterminate:bg-error","spark-state-checked:border-error spark-state-checked:bg-error"],info:["text-on-info","spark-state-unchecked:border-info","spark-state-indeterminate:border-info spark-state-indeterminate:bg-info","spark-state-checked:border-info spark-state-checked:bg-info"],neutral:["text-on-neutral","spark-state-unchecked:border-neutral","spark-state-indeterminate:border-neutral spark-state-indeterminate:bg-neutral","spark-state-checked:border-neutral spark-state-checked:bg-neutral"]})},defaultVariants:{intent:"basic"}}),St=i.forwardRef(({className:s,icon:v=i.createElement(Et,null),indeterminateIcon:g=i.createElement(It,null),intent:k,checked:_,...q},z)=>i.createElement(zt.Checkbox,{ref:z,className:sr({intent:k,className:s}),checked:_,...q},i.createElement(At,null,i.createElement(ar.Icon,{size:"sm"},_==="indeterminate"?g:v))));St.displayName="CheckboxInput";const cr=Te.cva("grow",{variants:{disabled:{true:["text-neutral/dim-2","cursor-not-allowed"],false:["cursor-pointer"]}},defaultVariants:{disabled:!1}}),Nt=({disabled:s,...v})=>i.createElement(or.Label,{className:cr({disabled:s}),...v});Nt.displayName="CheckboxLabel";const Rt=i.forwardRef(({id:s,className:v,intent:g,checked:k,value:_,disabled:q,reverse:z=!1,onCheckedChange:U,children:K,...ie},oe)=>{const F=jt.useId(s),V=jt.useId(),Q=Ct.useFormFieldControl(),m=i.useContext(Ot),D=i.useRef(),pe=nr.useMergeRefs(oe,D),O=_?m.value?.includes(_):k,{id:G,name:se,isInvalid:X,isRequired:M,description:ce,intent:P}=(({fieldState:p,groupState:x,checkboxIntent:he})=>{const o=p.name??x.name,ue=p.isRequired??x.isRequired,Y=p.state??x.state,C=p.isInvalid??x.isInvalid,I=p.id!==x.id;return{name:o,isRequired:ue,isInvalid:C,id:I?p.id:void 0,description:I?p.description:void 0,intent:Y??he??x.intent}})({fieldState:Q,groupState:m,checkboxIntent:g}),S=K&&i.createElement(Nt,{disabled:q,htmlFor:G||F,id:V},K),w=i.createElement(St,{ref:pe,id:G||F,name:se,value:_,intent:P,checked:O,disabled:q,required:M,"aria-describedby":ce,"aria-invalid":X,onCheckedChange:p=>{U?.(p);const x=D.current?.value;x&&m.onCheckedChange&&m.onCheckedChange(p,x)},"aria-labelledby":K?V:Q.labelId,...ie}),j=m.reverse||z?i.createElement(i.Fragment,null,S,w):i.createElement(i.Fragment,null,w,S);return i.createElement("div",{"data-spark-component":"checkbox",className:Te.cx("relative flex items-start gap-md text-body-1",v)},j)});Rt.displayName="Checkbox";var Pe=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function ur(s){return s&&s.__esModule&&Object.prototype.hasOwnProperty.call(s,"default")?s.default:s}var Ke={exports:{}};(function(s,v){var g="__lodash_hash_undefined__",k=1,_=2,q=9007199254740991,z="[object Arguments]",U="[object Array]",K="[object AsyncFunction]",ie="[object Boolean]",oe="[object Date]",F="[object Error]",V="[object Function]",Q="[object GeneratorFunction]",m="[object Map]",D="[object Number]",pe="[object Null]",O="[object Object]",G="[object Promise]",se="[object Proxy]",X="[object RegExp]",M="[object Set]",ce="[object String]",P="[object Symbol]",S="[object Undefined]",w="[object WeakMap]",j="[object ArrayBuffer]",p="[object DataView]",x=/^\[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[z]=o[U]=o[j]=o[ie]=o[p]=o[oe]=o[F]=o[V]=o[m]=o[D]=o[O]=o[X]=o[M]=o[ce]=o[w]=!1;var ue=typeof Pe=="object"&&Pe&&Pe.Object===Object&&Pe,Y=typeof self=="object"&&self&&self.Object===Object&&self,C=ue||Y||Function("return this")(),I=v&&!v.nodeType&&v,ge=I&&s&&!s.nodeType&&s,Qe=ge&&ge.exports===I,Le=Qe&&ue.process,Xe=function(){try{return Le&&Le.binding&&Le.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,we=Object.prototype,$e=C["__core-js_shared__"],nt=Tt.toString,N=we.hasOwnProperty,at=(et=/[^.]+$/.exec($e&&$e.keys&&$e.keys.IE_PROTO||""))?"Symbol(src)_1."+et:"",it=we.toString,Lt=RegExp("^"+nt.call(N).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),ot=Qe?C.Buffer:void 0,je=C.Symbol,st=C.Uint8Array,ct=we.propertyIsEnumerable,$t=Pt.splice,ee=je?je.toStringTag:void 0,ut=Object.getOwnPropertySymbols,Bt=ot?ot.isBuffer:void 0,Ut=(tt=Object.keys,rt=Object,function(e){return tt(rt(e))}),Be=le(C,"DataView"),be=le(C,"Map"),Ue=le(C,"Promise"),Ve=le(C,"Set"),De=le(C,"WeakMap"),ve=le(Object,"create"),Vt=ne(Be),Dt=ne(be),Gt=ne(Ue),Ht=ne(Ve),Wt=ne(De),lt=je?je.prototype:void 0,Ge=lt?lt.valueOf:void 0;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 T(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function 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 xe(e){var t=-1,r=e==null?0:e.length;for(this.__data__=new re;++t<r;)this.add(e[t])}function H(e){var t=this.__data__=new T(e);this.size=t.size}function Zt(e,t){var r=Oe(e),n=!r&&Yt(e),l=!r&&!n&&He(e),a=!r&&!n&&!l&&kt(e),d=r||n||l||a,f=d?function(b,R){for(var L=-1,y=Array(b);++L<b;)y[L]=R(L);return y}(e.length,String):[],A=f.length;for(var h in e)!t&&!N.call(e,h)||d&&(h=="length"||l&&(h=="offset"||h=="parent")||a&&(h=="buffer"||h=="byteLength"||h=="byteOffset")||Xt(h,A))||f.push(h);return f}function Ce(e,t){for(var r=e.length;r--;)if(bt(e[r][0],t))return r;return-1}function _e(e){return e==null?e===void 0?S:pe:ee&&ee in Object(e)?function(t){var r=N.call(t,ee),n=t[ee];try{t[ee]=void 0;var l=!0}catch{}var a=it.call(t);return l&&(r?t[ee]=n:delete t[ee]),a}(e):function(t){return it.call(t)}(e)}function dt(e){return ye(e)&&_e(e)==z}function ft(e,t,r,n,l){return e===t||(e==null||t==null||!ye(e)&&!ye(t)?e!=e&&t!=t:function(a,d,f,A,h,b){var R=Oe(a),L=Oe(d),y=R?U:W(a),$=L?U:W(d),de=(y=y==z?O:y)==O,Ee=($=$==z?O:$)==O,fe=y==$;if(fe&&He(a)){if(!He(d))return!1;R=!0,de=!1}if(fe&&!de)return b||(b=new H),R||kt(a)?pt(a,d,f,A,h,b):function(u,c,Ie,Z,We,E,B){switch(Ie){case p:if(u.byteLength!=c.byteLength||u.byteOffset!=c.byteOffset)return!1;u=u.buffer,c=c.buffer;case j:return!(u.byteLength!=c.byteLength||!E(new st(u),new st(c)));case ie:case oe:case D:return bt(+u,+c);case F:return u.name==c.name&&u.message==c.message;case X:case ce:return u==c+"";case m:var J=Ft;case M:var me=Z&k;if(J||(J=Mt),u.size!=c.size&&!me)return!1;var Ae=B.get(u);if(Ae)return Ae==c;Z|=_,B.set(u,c);var Ze=pt(J(u),J(c),Z,We,E,B);return B.delete(u),Ze;case P:if(Ge)return Ge.call(u)==Ge.call(c)}return!1}(a,d,y,f,A,h,b);if(!(f&k)){var ke=de&&N.call(a,"__wrapped__"),mt=Ee&&N.call(d,"__wrapped__");if(ke||mt){var tr=ke?a.value():a,rr=mt?d.value():d;return b||(b=new H),h(tr,rr,f,A,b)}}return fe?(b||(b=new H),function(u,c,Ie,Z,We,E){var B=Ie&k,J=ht(u),me=J.length,Ae=ht(c),Ze=Ae.length;if(me!=Ze&&!B)return!1;for(var Se=me;Se--;){var ae=J[Se];if(!(B?ae in c:N.call(c,ae)))return!1}var gt=E.get(u);if(gt&&E.get(c))return gt==c;var Ne=!0;E.set(u,c),E.set(c,u);for(var Je=B;++Se<me;){var Re=u[ae=J[Se]],qe=c[ae];if(Z)var wt=B?Z(qe,Re,ae,c,u,E):Z(Re,qe,ae,u,c,E);if(!(wt===void 0?Re===qe||We(Re,qe,Ie,Z,E):wt)){Ne=!1;break}Je||(Je=ae=="constructor")}if(Ne&&!Je){var Fe=u.constructor,Me=c.constructor;Fe==Me||!("constructor"in u)||!("constructor"in c)||typeof Fe=="function"&&Fe instanceof Fe&&typeof Me=="function"&&Me instanceof Me||(Ne=!1)}return E.delete(u),E.delete(c),Ne}(a,d,f,A,h,b)):!1}(e,t,r,n,ft,l))}function Jt(e){return!(!yt(e)||function(t){return!!at&&at in t}(e))&&(vt(e)?Lt:x).test(ne(e))}function Kt(e){if(r=(t=e)&&t.constructor,n=typeof r=="function"&&r.prototype||we,t!==n)return Ut(e);var t,r,n,l=[];for(var a in Object(e))N.call(e,a)&&a!="constructor"&&l.push(a);return l}function pt(e,t,r,n,l,a){var d=r&k,f=e.length,A=t.length;if(f!=A&&!(d&&A>f))return!1;var h=a.get(e);if(h&&a.get(t))return h==t;var b=-1,R=!0,L=r&_?new xe:void 0;for(a.set(e,t),a.set(t,e);++b<f;){var y=e[b],$=t[b];if(n)var de=d?n($,y,b,t,e,a):n(y,$,b,e,t,a);if(de!==void 0){if(de)continue;R=!1;break}if(L){if(!qt(t,function(Ee,fe){if(ke=fe,!L.has(ke)&&(y===Ee||l(y,Ee,r,n,a)))return L.push(fe);var ke})){R=!1;break}}else if(y!==$&&!l(y,$,r,n,a)){R=!1;break}}return a.delete(e),a.delete(t),R}function ht(e){return function(t,r,n){var l=r(t);return Oe(t)?l:function(a,d){for(var f=-1,A=d.length,h=a.length;++f<A;)a[h+f]=d[f];return a}(l,n(t))}(e,er,Qt)}function ze(e,t){var r,n,l=e.__data__;return((n=typeof(r=t))=="string"||n=="number"||n=="symbol"||n=="boolean"?r!=="__proto__":r===null)?l[typeof t=="string"?"string":"hash"]:l.map}function le(e,t){var r=function(n,l){return n?.[l]}(e,t);return Jt(r)?r:void 0}te.prototype.clear=function(){this.__data__=ve?ve(null):{},this.size=0},te.prototype.delete=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},te.prototype.get=function(e){var t=this.__data__;if(ve){var r=t[e];return r===g?void 0:r}return N.call(t,e)?t[e]:void 0},te.prototype.has=function(e){var t=this.__data__;return ve?t[e]!==void 0:N.call(t,e)},te.prototype.set=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=ve&&t===void 0?g:t,this},T.prototype.clear=function(){this.__data__=[],this.size=0},T.prototype.delete=function(e){var t=this.__data__,r=Ce(t,e);return!(r<0)&&(r==t.length-1?t.pop():$t.call(t,r,1),--this.size,!0)},T.prototype.get=function(e){var t=this.__data__,r=Ce(t,e);return r<0?void 0:t[r][1]},T.prototype.has=function(e){return Ce(this.__data__,e)>-1},T.prototype.set=function(e,t){var r=this.__data__,n=Ce(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this},re.prototype.clear=function(){this.size=0,this.__data__={hash:new te,map:new(be||T),string:new te}},re.prototype.delete=function(e){var t=ze(this,e).delete(e);return this.size-=t?1:0,t},re.prototype.get=function(e){return ze(this,e).get(e)},re.prototype.has=function(e){return ze(this,e).has(e)},re.prototype.set=function(e,t){var r=ze(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this},xe.prototype.add=xe.prototype.push=function(e){return this.__data__.set(e,g),this},xe.prototype.has=function(e){return this.__data__.has(e)},H.prototype.clear=function(){this.__data__=new T,this.size=0},H.prototype.delete=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r},H.prototype.get=function(e){return this.__data__.get(e)},H.prototype.has=function(e){return this.__data__.has(e)},H.prototype.set=function(e,t){var r=this.__data__;if(r instanceof T){var n=r.__data__;if(!be||n.length<199)return n.push([e,t]),this.size=++r.size,this;r=this.__data__=new re(n)}return r.set(e,t),this.size=r.size,this};var Qt=ut?function(e){return e==null?[]:(e=Object(e),function(t,r){for(var n=-1,l=t==null?0:t.length,a=0,d=[];++n<l;){var f=t[n];r(f,n,t)&&(d[a++]=f)}return d}(ut(e),function(t){return ct.call(e,t)}))}:function(){return[]},W=_e;function Xt(e,t){return!!(t=t??q)&&(typeof e=="number"||he.test(e))&&e>-1&&e%1==0&&e<t}function ne(e){if(e!=null){try{return nt.call(e)}catch{}try{return e+""}catch{}}return""}function bt(e,t){return e===t||e!=e&&t!=t}(Be&&W(new Be(new ArrayBuffer(1)))!=p||be&&W(new be)!=m||Ue&&W(Ue.resolve())!=G||Ve&&W(new Ve)!=M||De&&W(new De)!=w)&&(W=function(e){var t=_e(e),r=t==O?e.constructor:void 0,n=r?ne(r):"";if(n)switch(n){case Vt:return p;case Dt:return m;case Gt:return G;case Ht:return M;case Wt:return w}return t});var Yt=dt(function(){return arguments}())?dt:function(e){return ye(e)&&N.call(e,"callee")&&!ct.call(e,"callee")},Oe=Array.isArray,He=Bt||function(){return!1};function vt(e){if(!yt(e))return!1;var t=_e(e);return t==V||t==Q||t==K||t==se}function _t(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=q}function yt(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}function ye(e){return e!=null&&typeof e=="object"}var kt=Ye?function(e){return function(t){return e(t)}}(Ye):function(e){return ye(e)&&_t(e.length)&&!!o[_e(e)]};function er(e){return(t=e)!=null&&_t(t.length)&&!vt(t)?Zt(e):Kt(e);var t}s.exports=function(e,t){return ft(e,t)}})(Ke,Ke.exports);const lr=ur(Ke.exports),dr=Te.cva(["flex"],{variants:{orientation:{vertical:["flex-col","gap-lg"],horizontal:["gap-xl"]}}}),xt=i.forwardRef(({name:s,value:v,defaultValue:g,className:k,intent:_,orientation:q="vertical",onCheckedChange:z,reverse:U=!1,children:K,...ie},oe)=>{const[F,V]=function(P,S,w){const j=P!==void 0,{current:p}=i.useRef(j?P:S),[x,he]=i.useState(S),o=j?P:x,ue=i.useCallback((Y,C=(I,ge)=>!lr(I,ge))=>{const I=typeof Y!="function"?Y:Y(o);C(o,I)&&!j&&he(I),w&&w(I)},[j,o,w]);return[o,ue,j,p]}(v,g),Q=Ct.useFormFieldControl(),m=i.useRef(z),{id:D,labelId:pe,description:O,state:G,isInvalid:se,isRequired:X}=Q,M=s??Q.name,ce=i.useMemo(()=>({id:D,name:M,value:F,intent:_,state:G,isInvalid:se,description:O,isRequired:X,reverse:U,onCheckedChange:(P,S)=>{const w=F||[],j=P?[...w,S]:w.filter(p=>p!==S);V(j),m.current&&m.current(j)}}),[D,M,F,_,G,se,O,X,V,U]);return i.useEffect(()=>{m.current=z},[z]),i.createElement(Ot.Provider,{value:ce},i.createElement("div",{ref:oe,className:dr({className:k,orientation:q}),role:"group","aria-labelledby":pe,"aria-describedby":O,...ie},K))});xt.displayName="CheckboxGroup",exports.Checkbox=Rt,exports.CheckboxGroup=xt;
|
package/dist/index.mjs
CHANGED
@@ -1,45 +1,45 @@
|
|
1
|
-
import
|
1
|
+
import f, { createContext as rr, useContext as nr, forwardRef as Te, useRef as Ke, 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";
|
5
|
-
import { cva as
|
5
|
+
import { cva as Xe, cx as ur } from "class-variance-authority";
|
6
6
|
import { CheckboxIndicator as lr, Checkbox as dr } from "@radix-ui/react-checkbox";
|
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
|
11
|
-
|
12
|
-
const
|
13
|
-
|
14
|
-
const
|
15
|
-
|
16
|
-
const br =
|
10
|
+
const Et = rr({}), Ot = f.forwardRef(({ title: i, fill: v = "currentColor", stroke: g = "none", ...k }, m) => f.createElement("svg", { ref: m, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "data-title": "Check", ...i && { "data-title": i }, fill: v, stroke: g, ...k, 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"/>' } }));
|
11
|
+
Ot.displayName = "Check";
|
12
|
+
const It = f.forwardRef(({ title: i, fill: v = "currentColor", stroke: g = "none", ...k }, m) => f.createElement("svg", { ref: m, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "data-title": "Minus", ...i && { "data-title": i }, fill: v, stroke: g, ...k, 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"/>' } }));
|
13
|
+
It.displayName = "Minus";
|
14
|
+
const At = Te((i, v) => f.createElement(lr, { ref: v, className: "flex h-full w-full items-center justify-center", ...i }));
|
15
|
+
At.displayName = "CheckboxIndicator";
|
16
|
+
const br = Xe(["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 = Te(({ className: i, icon: v = f.createElement(Ot, null), indeterminateIcon: g = f.createElement(It, null), intent: k, checked: m, ...F }, z) => f.createElement(dr, { ref: z, className: br({ intent: k, className: i }), checked: m, ...F }, f.createElement(At, null, f.createElement(fr, { size: "sm" }, m === "indeterminate" ? g : v))));
|
17
17
|
Nt.displayName = "CheckboxInput";
|
18
|
-
const vr =
|
18
|
+
const vr = Xe("grow", { variants: { disabled: { true: ["text-neutral/dim-2", "cursor-not-allowed"], false: ["cursor-pointer"] } }, defaultVariants: { disabled: !1 } }), St = ({ disabled: i, ...v }) => f.createElement(hr, { className: vr({ disabled: i }), ...v });
|
19
19
|
St.displayName = "CheckboxLabel";
|
20
|
-
const mr =
|
21
|
-
const
|
22
|
-
const
|
23
|
-
return { name:
|
24
|
-
})({ fieldState:
|
25
|
-
|
26
|
-
x?.
|
27
|
-
|
28
|
-
|
29
|
-
|
20
|
+
const mr = Te(({ id: i, className: v, intent: g, checked: k, value: m, disabled: F, reverse: z = !1, onCheckedChange: U, children: K, ...oe }, ie) => {
|
21
|
+
const M = Ct(i), V = Ct(), Q = zt(), y = nr(Et), D = Ke(), pe = cr(ie, D), E = m ? y.value?.includes(m) : k, { id: G, name: se, isInvalid: X, isRequired: P, description: ce, intent: L } = (({ fieldState: p, groupState: x, checkboxIntent: he }) => {
|
22
|
+
const o = p.name ?? x.name, ue = p.isRequired ?? x.isRequired, Y = p.state ?? x.state, C = p.isInvalid ?? x.isInvalid, I = p.id !== x.id;
|
23
|
+
return { name: o, isRequired: ue, isInvalid: C, id: I ? p.id : void 0, description: I ? p.description : void 0, intent: Y ?? he ?? x.intent };
|
24
|
+
})({ fieldState: Q, groupState: y, checkboxIntent: g }), N = K && f.createElement(St, { disabled: F, htmlFor: G || M, id: V }, K), j = f.createElement(Nt, { ref: pe, id: G || M, name: se, value: m, intent: L, checked: E, disabled: F, required: P, "aria-describedby": ce, "aria-invalid": X, onCheckedChange: (p) => {
|
25
|
+
U?.(p);
|
26
|
+
const x = D.current?.value;
|
27
|
+
x && y.onCheckedChange && y.onCheckedChange(p, x);
|
28
|
+
}, "aria-labelledby": K ? V : Q.labelId, ...oe }), w = y.reverse || z ? f.createElement(f.Fragment, null, N, j) : f.createElement(f.Fragment, null, j, N);
|
29
|
+
return f.createElement("div", { "data-spark-component": "checkbox", className: ur("relative flex items-start gap-md text-body-1", v) }, w);
|
30
30
|
});
|
31
31
|
mr.displayName = "Checkbox";
|
32
|
-
var
|
33
|
-
function _r(
|
34
|
-
return
|
32
|
+
var Le = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
|
33
|
+
function _r(i) {
|
34
|
+
return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
|
35
35
|
}
|
36
|
-
var
|
37
|
-
(function(
|
38
|
-
var
|
39
|
-
|
40
|
-
var
|
36
|
+
var Qe = { exports: {} };
|
37
|
+
(function(i, v) {
|
38
|
+
var g = "__lodash_hash_undefined__", k = 1, m = 2, F = 9007199254740991, z = "[object Arguments]", U = "[object Array]", K = "[object AsyncFunction]", oe = "[object Boolean]", ie = "[object Date]", M = "[object Error]", V = "[object Function]", Q = "[object GeneratorFunction]", y = "[object Map]", D = "[object Number]", pe = "[object Null]", E = "[object Object]", G = "[object Promise]", se = "[object Proxy]", X = "[object RegExp]", P = "[object Set]", ce = "[object String]", L = "[object Symbol]", N = "[object Undefined]", j = "[object WeakMap]", w = "[object ArrayBuffer]", p = "[object DataView]", x = /^\[object .+?Constructor\]$/, he = /^(?:0|[1-9]\d*)$/, o = {};
|
39
|
+
o["[object Float32Array]"] = o["[object Float64Array]"] = o["[object Int8Array]"] = o["[object Int16Array]"] = o["[object Int32Array]"] = o["[object Uint8Array]"] = o["[object Uint8ClampedArray]"] = o["[object Uint16Array]"] = o["[object Uint32Array]"] = !0, o[z] = o[U] = o[w] = o[oe] = o[p] = o[ie] = o[M] = o[V] = o[y] = o[D] = o[E] = o[X] = o[P] = o[ce] = o[j] = !1;
|
40
|
+
var ue = typeof Le == "object" && Le && Le.Object === Object && Le, Y = typeof self == "object" && self && self.Object === Object && self, C = ue || Y || Function("return this")(), I = v && !v.nodeType && v, ge = I && i && !i.nodeType && i, Ye = ge && ge.exports === I, $e = Ye && ue.process, et = function() {
|
41
41
|
try {
|
42
|
-
return
|
42
|
+
return $e && $e.binding && $e.binding("util");
|
43
43
|
} catch {
|
44
44
|
}
|
45
45
|
}(), tt = et && et.isTypedArray;
|
@@ -49,283 +49,283 @@ var Ke = { exports: {} };
|
|
49
49
|
return !0;
|
50
50
|
return !1;
|
51
51
|
}
|
52
|
-
function
|
52
|
+
function Ft(e) {
|
53
53
|
var t = -1, r = Array(e.size);
|
54
54
|
return e.forEach(function(n, u) {
|
55
55
|
r[++t] = [u, n];
|
56
56
|
}), r;
|
57
57
|
}
|
58
|
-
function
|
58
|
+
function Mt(e) {
|
59
59
|
var t = -1, r = Array(e.size);
|
60
60
|
return e.forEach(function(n) {
|
61
61
|
r[++t] = n;
|
62
62
|
}), r;
|
63
63
|
}
|
64
|
-
var rt, nt, at,
|
64
|
+
var rt, nt, at, Pt = Array.prototype, Lt = Function.prototype, je = Object.prototype, qe = C["__core-js_shared__"], ot = Lt.toString, S = je.hasOwnProperty, it = (rt = /[^.]+$/.exec(qe && qe.keys && qe.keys.IE_PROTO || "")) ? "Symbol(src)_1." + rt : "", st = je.toString, Tt = RegExp("^" + ot.call(S).replace(/[\\^$.*+?()[\]{}|]/g, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"), ct = Ye ? C.Buffer : void 0, we = C.Symbol, ut = C.Uint8Array, lt = je.propertyIsEnumerable, $t = Pt.splice, ee = we ? we.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
|
-
}),
|
67
|
-
function
|
66
|
+
}), Be = le(C, "DataView"), be = le(C, "Map"), Ue = le(C, "Promise"), Ve = le(C, "Set"), De = le(C, "WeakMap"), ve = le(Object, "create"), Ut = ne(Be), Vt = ne(be), Dt = ne(Ue), Gt = ne(Ve), Ht = ne(De), ft = we ? we.prototype : void 0, Ge = ft ? ft.valueOf : void 0;
|
67
|
+
function te(e) {
|
68
68
|
var t = -1, r = e == null ? 0 : e.length;
|
69
69
|
for (this.clear(); ++t < r; ) {
|
70
70
|
var n = e[t];
|
71
71
|
this.set(n[0], n[1]);
|
72
72
|
}
|
73
73
|
}
|
74
|
-
function
|
74
|
+
function T(e) {
|
75
75
|
var t = -1, r = e == null ? 0 : e.length;
|
76
76
|
for (this.clear(); ++t < r; ) {
|
77
77
|
var n = e[t];
|
78
78
|
this.set(n[0], n[1]);
|
79
79
|
}
|
80
80
|
}
|
81
|
-
function
|
81
|
+
function re(e) {
|
82
82
|
var t = -1, r = e == null ? 0 : e.length;
|
83
83
|
for (this.clear(); ++t < r; ) {
|
84
84
|
var n = e[t];
|
85
85
|
this.set(n[0], n[1]);
|
86
86
|
}
|
87
87
|
}
|
88
|
-
function
|
88
|
+
function xe(e) {
|
89
89
|
var t = -1, r = e == null ? 0 : e.length;
|
90
|
-
for (this.__data__ = new
|
90
|
+
for (this.__data__ = new re(); ++t < r; )
|
91
91
|
this.add(e[t]);
|
92
92
|
}
|
93
93
|
function H(e) {
|
94
|
-
var t = this.__data__ = new
|
94
|
+
var t = this.__data__ = new T(e);
|
95
95
|
this.size = t.size;
|
96
96
|
}
|
97
97
|
function Wt(e, t) {
|
98
|
-
var r =
|
99
|
-
for (var
|
100
|
-
|
101
|
-
return
|
102
|
-
}(e.length, String) : [],
|
103
|
-
for (var
|
104
|
-
!t && !
|
98
|
+
var r = Ee(e), n = !r && Xt(e), u = !r && !n && He(e), a = !r && !n && !u && gt(e), l = r || n || u || a, d = l ? function(b, R) {
|
99
|
+
for (var $ = -1, _ = Array(b); ++$ < b; )
|
100
|
+
_[$] = R($);
|
101
|
+
return _;
|
102
|
+
}(e.length, String) : [], A = d.length;
|
103
|
+
for (var h in e)
|
104
|
+
!t && !S.call(e, h) || l && (h == "length" || u && (h == "offset" || h == "parent") || a && (h == "buffer" || h == "byteLength" || h == "byteOffset") || Qt(h, A)) || d.push(h);
|
105
105
|
return d;
|
106
106
|
}
|
107
|
-
function
|
107
|
+
function Ce(e, t) {
|
108
108
|
for (var r = e.length; r--; )
|
109
109
|
if (mt(e[r][0], t))
|
110
110
|
return r;
|
111
111
|
return -1;
|
112
112
|
}
|
113
|
-
function
|
114
|
-
return e == null ? e === void 0 ?
|
115
|
-
var r =
|
113
|
+
function me(e) {
|
114
|
+
return e == null ? e === void 0 ? N : pe : ee && ee in Object(e) ? function(t) {
|
115
|
+
var r = S.call(t, ee), n = t[ee];
|
116
116
|
try {
|
117
|
-
t[
|
117
|
+
t[ee] = void 0;
|
118
118
|
var u = !0;
|
119
119
|
} catch {
|
120
120
|
}
|
121
121
|
var a = st.call(t);
|
122
|
-
return u && (r ? t[
|
122
|
+
return u && (r ? t[ee] = n : delete t[ee]), a;
|
123
123
|
}(e) : function(t) {
|
124
124
|
return st.call(t);
|
125
125
|
}(e);
|
126
126
|
}
|
127
127
|
function pt(e) {
|
128
|
-
return
|
128
|
+
return _e(e) && me(e) == z;
|
129
129
|
}
|
130
130
|
function ht(e, t, r, n, u) {
|
131
|
-
return e === t || (e == null || t == null || !
|
132
|
-
var
|
133
|
-
if (
|
134
|
-
if (!
|
131
|
+
return e === t || (e == null || t == null || !_e(e) && !_e(t) ? e != e && t != t : function(a, l, d, A, h, b) {
|
132
|
+
var R = Ee(a), $ = Ee(l), _ = R ? U : W(a), q = $ ? U : W(l), de = (_ = _ == z ? E : _) == E, Oe = (q = q == z ? E : q) == E, fe = _ == q;
|
133
|
+
if (fe && He(a)) {
|
134
|
+
if (!He(l))
|
135
135
|
return !1;
|
136
|
-
|
136
|
+
R = !0, de = !1;
|
137
137
|
}
|
138
|
-
if (
|
139
|
-
return
|
140
|
-
switch (
|
141
|
-
case
|
138
|
+
if (fe && !de)
|
139
|
+
return b || (b = new H()), R || gt(a) ? bt(a, l, d, A, h, b) : function(c, s, Ie, Z, We, O, B) {
|
140
|
+
switch (Ie) {
|
141
|
+
case p:
|
142
142
|
if (c.byteLength != s.byteLength || c.byteOffset != s.byteOffset)
|
143
143
|
return !1;
|
144
144
|
c = c.buffer, s = s.buffer;
|
145
|
-
case
|
146
|
-
return !(c.byteLength != s.byteLength || !
|
147
|
-
case ae:
|
148
|
-
case F:
|
145
|
+
case w:
|
146
|
+
return !(c.byteLength != s.byteLength || !O(new ut(c), new ut(s)));
|
149
147
|
case oe:
|
148
|
+
case ie:
|
149
|
+
case D:
|
150
150
|
return mt(+c, +s);
|
151
|
-
case
|
151
|
+
case M:
|
152
152
|
return c.name == s.name && c.message == s.message;
|
153
153
|
case X:
|
154
|
-
case
|
154
|
+
case ce:
|
155
155
|
return c == s + "";
|
156
|
-
case
|
157
|
-
var J =
|
158
|
-
case
|
159
|
-
var
|
160
|
-
if (J || (J =
|
156
|
+
case y:
|
157
|
+
var J = Ft;
|
158
|
+
case P:
|
159
|
+
var ye = Z & k;
|
160
|
+
if (J || (J = Mt), c.size != s.size && !ye)
|
161
161
|
return !1;
|
162
|
-
var Ae =
|
162
|
+
var Ae = B.get(c);
|
163
163
|
if (Ae)
|
164
164
|
return Ae == s;
|
165
|
-
Z |= m,
|
166
|
-
var
|
167
|
-
return
|
168
|
-
case
|
169
|
-
if (
|
170
|
-
return
|
165
|
+
Z |= m, B.set(c, s);
|
166
|
+
var Ze = bt(J(c), J(s), Z, We, O, B);
|
167
|
+
return B.delete(c), Ze;
|
168
|
+
case L:
|
169
|
+
if (Ge)
|
170
|
+
return Ge.call(c) == Ge.call(s);
|
171
171
|
}
|
172
172
|
return !1;
|
173
|
-
}(a, l,
|
174
|
-
if (!(d &
|
175
|
-
var
|
176
|
-
if (
|
177
|
-
var er =
|
178
|
-
return
|
173
|
+
}(a, l, _, d, A, h, b);
|
174
|
+
if (!(d & k)) {
|
175
|
+
var ke = de && S.call(a, "__wrapped__"), jt = Oe && S.call(l, "__wrapped__");
|
176
|
+
if (ke || jt) {
|
177
|
+
var er = ke ? a.value() : a, tr = jt ? l.value() : l;
|
178
|
+
return b || (b = new H()), h(er, tr, d, A, b);
|
179
179
|
}
|
180
180
|
}
|
181
|
-
return
|
182
|
-
var
|
183
|
-
if (
|
181
|
+
return fe ? (b || (b = new H()), function(c, s, Ie, Z, We, O) {
|
182
|
+
var B = Ie & k, J = vt(c), ye = J.length, Ae = vt(s), Ze = Ae.length;
|
183
|
+
if (ye != Ze && !B)
|
184
184
|
return !1;
|
185
|
-
for (var
|
186
|
-
var
|
187
|
-
if (!(
|
185
|
+
for (var Ne = ye; Ne--; ) {
|
186
|
+
var ae = J[Ne];
|
187
|
+
if (!(B ? ae in s : S.call(s, ae)))
|
188
188
|
return !1;
|
189
189
|
}
|
190
|
-
var wt =
|
191
|
-
if (wt &&
|
190
|
+
var wt = O.get(c);
|
191
|
+
if (wt && O.get(s))
|
192
192
|
return wt == s;
|
193
|
-
var
|
194
|
-
|
195
|
-
for (var
|
196
|
-
var
|
193
|
+
var Se = !0;
|
194
|
+
O.set(c, s), O.set(s, c);
|
195
|
+
for (var Je = B; ++Ne < ye; ) {
|
196
|
+
var Re = c[ae = J[Ne]], Fe = s[ae];
|
197
197
|
if (Z)
|
198
|
-
var xt =
|
199
|
-
if (!(xt === void 0 ?
|
200
|
-
|
198
|
+
var xt = B ? Z(Fe, Re, ae, s, c, O) : Z(Re, Fe, ae, c, s, O);
|
199
|
+
if (!(xt === void 0 ? Re === Fe || We(Re, Fe, Ie, Z, O) : xt)) {
|
200
|
+
Se = !1;
|
201
201
|
break;
|
202
202
|
}
|
203
|
-
|
203
|
+
Je || (Je = ae == "constructor");
|
204
204
|
}
|
205
|
-
if (
|
206
|
-
var
|
207
|
-
|
205
|
+
if (Se && !Je) {
|
206
|
+
var Me = c.constructor, Pe = s.constructor;
|
207
|
+
Me == Pe || !("constructor" in c) || !("constructor" in s) || typeof Me == "function" && Me instanceof Me && typeof Pe == "function" && Pe instanceof Pe || (Se = !1);
|
208
208
|
}
|
209
|
-
return
|
210
|
-
}(a, l, d,
|
209
|
+
return O.delete(c), O.delete(s), Se;
|
210
|
+
}(a, l, d, A, h, b)) : !1;
|
211
211
|
}(e, t, r, n, ht, u));
|
212
212
|
}
|
213
213
|
function Zt(e) {
|
214
214
|
return !(!yt(e) || function(t) {
|
215
215
|
return !!it && it in t;
|
216
|
-
}(e)) && (_t(e) ? Tt :
|
216
|
+
}(e)) && (_t(e) ? Tt : x).test(ne(e));
|
217
217
|
}
|
218
218
|
function Jt(e) {
|
219
|
-
if (r = (t = e) && t.constructor, n = typeof r == "function" && r.prototype ||
|
219
|
+
if (r = (t = e) && t.constructor, n = typeof r == "function" && r.prototype || je, t !== n)
|
220
220
|
return Bt(e);
|
221
221
|
var t, r, n, u = [];
|
222
222
|
for (var a in Object(e))
|
223
|
-
|
223
|
+
S.call(e, a) && a != "constructor" && u.push(a);
|
224
224
|
return u;
|
225
225
|
}
|
226
226
|
function bt(e, t, r, n, u, a) {
|
227
|
-
var l = r &
|
228
|
-
if (d !=
|
227
|
+
var l = r & k, d = e.length, A = t.length;
|
228
|
+
if (d != A && !(l && A > d))
|
229
229
|
return !1;
|
230
|
-
var
|
231
|
-
if (
|
232
|
-
return
|
233
|
-
var
|
234
|
-
for (a.set(e, t), a.set(t, e); ++
|
235
|
-
var
|
230
|
+
var h = a.get(e);
|
231
|
+
if (h && a.get(t))
|
232
|
+
return h == t;
|
233
|
+
var b = -1, R = !0, $ = r & m ? new xe() : void 0;
|
234
|
+
for (a.set(e, t), a.set(t, e); ++b < d; ) {
|
235
|
+
var _ = e[b], q = t[b];
|
236
236
|
if (n)
|
237
|
-
var
|
238
|
-
if (
|
239
|
-
if (
|
237
|
+
var de = l ? n(q, _, b, t, e, a) : n(_, q, b, e, t, a);
|
238
|
+
if (de !== void 0) {
|
239
|
+
if (de)
|
240
240
|
continue;
|
241
|
-
|
241
|
+
R = !1;
|
242
242
|
break;
|
243
243
|
}
|
244
|
-
if (
|
245
|
-
if (!Rt(t, function(
|
246
|
-
if (
|
247
|
-
return
|
248
|
-
var
|
244
|
+
if ($) {
|
245
|
+
if (!Rt(t, function(Oe, fe) {
|
246
|
+
if (ke = fe, !$.has(ke) && (_ === Oe || u(_, Oe, r, n, a)))
|
247
|
+
return $.push(fe);
|
248
|
+
var ke;
|
249
249
|
})) {
|
250
|
-
|
250
|
+
R = !1;
|
251
251
|
break;
|
252
252
|
}
|
253
|
-
} else if (
|
254
|
-
|
253
|
+
} else if (_ !== q && !u(_, q, r, n, a)) {
|
254
|
+
R = !1;
|
255
255
|
break;
|
256
256
|
}
|
257
257
|
}
|
258
|
-
return a.delete(e), a.delete(t),
|
258
|
+
return a.delete(e), a.delete(t), R;
|
259
259
|
}
|
260
260
|
function vt(e) {
|
261
261
|
return function(t, r, n) {
|
262
262
|
var u = r(t);
|
263
|
-
return
|
264
|
-
for (var d = -1,
|
265
|
-
a[
|
263
|
+
return Ee(t) ? u : function(a, l) {
|
264
|
+
for (var d = -1, A = l.length, h = a.length; ++d < A; )
|
265
|
+
a[h + d] = l[d];
|
266
266
|
return a;
|
267
267
|
}(u, n(t));
|
268
268
|
}(e, Yt, Kt);
|
269
269
|
}
|
270
|
-
function
|
270
|
+
function ze(e, t) {
|
271
271
|
var r, n, u = e.__data__;
|
272
272
|
return ((n = typeof (r = t)) == "string" || n == "number" || n == "symbol" || n == "boolean" ? r !== "__proto__" : r === null) ? u[typeof t == "string" ? "string" : "hash"] : u.map;
|
273
273
|
}
|
274
|
-
function
|
274
|
+
function le(e, t) {
|
275
275
|
var r = function(n, u) {
|
276
276
|
return n?.[u];
|
277
277
|
}(e, t);
|
278
278
|
return Zt(r) ? r : void 0;
|
279
279
|
}
|
280
|
-
|
281
|
-
this.__data__ =
|
282
|
-
},
|
280
|
+
te.prototype.clear = function() {
|
281
|
+
this.__data__ = ve ? ve(null) : {}, this.size = 0;
|
282
|
+
}, te.prototype.delete = function(e) {
|
283
283
|
var t = this.has(e) && delete this.__data__[e];
|
284
284
|
return this.size -= t ? 1 : 0, t;
|
285
|
-
},
|
285
|
+
}, te.prototype.get = function(e) {
|
286
286
|
var t = this.__data__;
|
287
|
-
if (
|
287
|
+
if (ve) {
|
288
288
|
var r = t[e];
|
289
|
-
return r ===
|
289
|
+
return r === g ? void 0 : r;
|
290
290
|
}
|
291
|
-
return
|
292
|
-
},
|
291
|
+
return S.call(t, e) ? t[e] : void 0;
|
292
|
+
}, te.prototype.has = function(e) {
|
293
293
|
var t = this.__data__;
|
294
|
-
return
|
295
|
-
},
|
294
|
+
return ve ? t[e] !== void 0 : S.call(t, e);
|
295
|
+
}, te.prototype.set = function(e, t) {
|
296
296
|
var r = this.__data__;
|
297
|
-
return this.size += this.has(e) ? 0 : 1, r[e] =
|
298
|
-
},
|
297
|
+
return this.size += this.has(e) ? 0 : 1, r[e] = ve && t === void 0 ? g : t, this;
|
298
|
+
}, T.prototype.clear = function() {
|
299
299
|
this.__data__ = [], this.size = 0;
|
300
|
-
},
|
301
|
-
var t = this.__data__, r =
|
300
|
+
}, T.prototype.delete = function(e) {
|
301
|
+
var t = this.__data__, r = Ce(t, e);
|
302
302
|
return !(r < 0) && (r == t.length - 1 ? t.pop() : $t.call(t, r, 1), --this.size, !0);
|
303
|
-
},
|
304
|
-
var t = this.__data__, r =
|
303
|
+
}, T.prototype.get = function(e) {
|
304
|
+
var t = this.__data__, r = Ce(t, e);
|
305
305
|
return r < 0 ? void 0 : t[r][1];
|
306
|
-
},
|
307
|
-
return
|
308
|
-
},
|
309
|
-
var r = this.__data__, n =
|
306
|
+
}, T.prototype.has = function(e) {
|
307
|
+
return Ce(this.__data__, e) > -1;
|
308
|
+
}, T.prototype.set = function(e, t) {
|
309
|
+
var r = this.__data__, n = Ce(r, e);
|
310
310
|
return n < 0 ? (++this.size, r.push([e, t])) : r[n][1] = t, this;
|
311
|
-
},
|
312
|
-
this.size = 0, this.__data__ = { hash: new
|
313
|
-
},
|
314
|
-
var t =
|
311
|
+
}, re.prototype.clear = function() {
|
312
|
+
this.size = 0, this.__data__ = { hash: new te(), map: new (be || T)(), string: new te() };
|
313
|
+
}, re.prototype.delete = function(e) {
|
314
|
+
var t = ze(this, e).delete(e);
|
315
315
|
return this.size -= t ? 1 : 0, t;
|
316
|
-
},
|
317
|
-
return
|
318
|
-
},
|
319
|
-
return
|
320
|
-
},
|
321
|
-
var r =
|
316
|
+
}, re.prototype.get = function(e) {
|
317
|
+
return ze(this, e).get(e);
|
318
|
+
}, re.prototype.has = function(e) {
|
319
|
+
return ze(this, e).has(e);
|
320
|
+
}, re.prototype.set = function(e, t) {
|
321
|
+
var r = ze(this, e), n = r.size;
|
322
322
|
return r.set(e, t), this.size += r.size == n ? 0 : 1, this;
|
323
|
-
},
|
324
|
-
return this.__data__.set(e,
|
325
|
-
},
|
323
|
+
}, xe.prototype.add = xe.prototype.push = function(e) {
|
324
|
+
return this.__data__.set(e, g), this;
|
325
|
+
}, xe.prototype.has = function(e) {
|
326
326
|
return this.__data__.has(e);
|
327
327
|
}, H.prototype.clear = function() {
|
328
|
-
this.__data__ = new
|
328
|
+
this.__data__ = new T(), this.size = 0;
|
329
329
|
}, H.prototype.delete = function(e) {
|
330
330
|
var t = this.__data__, r = t.delete(e);
|
331
331
|
return this.size = t.size, r;
|
@@ -335,11 +335,11 @@ var Ke = { exports: {} };
|
|
335
335
|
return this.__data__.has(e);
|
336
336
|
}, H.prototype.set = function(e, t) {
|
337
337
|
var r = this.__data__;
|
338
|
-
if (r instanceof
|
338
|
+
if (r instanceof T) {
|
339
339
|
var n = r.__data__;
|
340
|
-
if (!
|
340
|
+
if (!be || n.length < 199)
|
341
341
|
return n.push([e, t]), this.size = ++r.size, this;
|
342
|
-
r = this.__data__ = new
|
342
|
+
r = this.__data__ = new re(n);
|
343
343
|
}
|
344
344
|
return r.set(e, t), this.size = r.size, this;
|
345
345
|
};
|
@@ -355,11 +355,11 @@ var Ke = { exports: {} };
|
|
355
355
|
}));
|
356
356
|
} : function() {
|
357
357
|
return [];
|
358
|
-
}, W =
|
358
|
+
}, W = me;
|
359
359
|
function Qt(e, t) {
|
360
|
-
return !!(t = t ??
|
360
|
+
return !!(t = t ?? F) && (typeof e == "number" || he.test(e)) && e > -1 && e % 1 == 0 && e < t;
|
361
361
|
}
|
362
|
-
function
|
362
|
+
function ne(e) {
|
363
363
|
if (e != null) {
|
364
364
|
try {
|
365
365
|
return ot.call(e);
|
@@ -375,18 +375,18 @@ var Ke = { exports: {} };
|
|
375
375
|
function mt(e, t) {
|
376
376
|
return e === t || e != e && t != t;
|
377
377
|
}
|
378
|
-
(
|
379
|
-
var t =
|
378
|
+
(Be && W(new Be(new ArrayBuffer(1))) != p || be && W(new be()) != y || Ue && W(Ue.resolve()) != G || Ve && W(new Ve()) != P || De && W(new De()) != j) && (W = function(e) {
|
379
|
+
var t = me(e), r = t == E ? e.constructor : void 0, n = r ? ne(r) : "";
|
380
380
|
if (n)
|
381
381
|
switch (n) {
|
382
382
|
case Ut:
|
383
|
-
return
|
383
|
+
return p;
|
384
384
|
case Vt:
|
385
|
-
return
|
385
|
+
return y;
|
386
386
|
case Dt:
|
387
|
-
return
|
387
|
+
return G;
|
388
388
|
case Gt:
|
389
|
-
return
|
389
|
+
return P;
|
390
390
|
case Ht:
|
391
391
|
return j;
|
392
392
|
}
|
@@ -395,24 +395,24 @@ var Ke = { exports: {} };
|
|
395
395
|
var Xt = pt(function() {
|
396
396
|
return arguments;
|
397
397
|
}()) ? pt : function(e) {
|
398
|
-
return
|
399
|
-
},
|
398
|
+
return _e(e) && S.call(e, "callee") && !lt.call(e, "callee");
|
399
|
+
}, Ee = Array.isArray, He = qt || function() {
|
400
400
|
return !1;
|
401
401
|
};
|
402
402
|
function _t(e) {
|
403
403
|
if (!yt(e))
|
404
404
|
return !1;
|
405
|
-
var t =
|
406
|
-
return t ==
|
405
|
+
var t = me(e);
|
406
|
+
return t == V || t == Q || t == K || t == se;
|
407
407
|
}
|
408
408
|
function kt(e) {
|
409
|
-
return typeof e == "number" && e > -1 && e % 1 == 0 && e <=
|
409
|
+
return typeof e == "number" && e > -1 && e % 1 == 0 && e <= F;
|
410
410
|
}
|
411
411
|
function yt(e) {
|
412
412
|
var t = typeof e;
|
413
413
|
return e != null && (t == "object" || t == "function");
|
414
414
|
}
|
415
|
-
function
|
415
|
+
function _e(e) {
|
416
416
|
return e != null && typeof e == "object";
|
417
417
|
}
|
418
418
|
var gt = tt ? function(e) {
|
@@ -420,30 +420,30 @@ var Ke = { exports: {} };
|
|
420
420
|
return e(t);
|
421
421
|
};
|
422
422
|
}(tt) : function(e) {
|
423
|
-
return
|
423
|
+
return _e(e) && kt(e.length) && !!o[me(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
|
+
i.exports = function(e, t) {
|
430
430
|
return ht(e, t);
|
431
431
|
};
|
432
|
-
})(
|
433
|
-
const kr = _r(
|
434
|
-
const [
|
435
|
-
const
|
436
|
-
const
|
437
|
-
|
438
|
-
}, [
|
439
|
-
return [
|
440
|
-
}(v,
|
441
|
-
const
|
442
|
-
|
443
|
-
} }), [
|
432
|
+
})(Qe, Qe.exports);
|
433
|
+
const kr = _r(Qe.exports), yr = Xe(["flex"], { variants: { orientation: { vertical: ["flex-col", "gap-lg"], horizontal: ["gap-xl"] } } }), gr = Te(({ name: i, value: v, defaultValue: g, className: k, intent: m, orientation: F = "vertical", onCheckedChange: z, reverse: U = !1, children: K, ...oe }, ie) => {
|
434
|
+
const [M, V] = function(L, N, j) {
|
435
|
+
const w = L !== void 0, { current: p } = Ke(w ? L : N), [x, he] = ar(N), o = w ? L : x, ue = or((Y, C = (I, ge) => !kr(I, ge)) => {
|
436
|
+
const I = typeof Y != "function" ? Y : Y(o);
|
437
|
+
C(o, I) && !w && he(I), j && j(I);
|
438
|
+
}, [w, o, j]);
|
439
|
+
return [o, ue, w, p];
|
440
|
+
}(v, g), Q = zt(), y = Ke(z), { id: D, labelId: pe, description: E, state: G, isInvalid: se, isRequired: X } = Q, P = i ?? Q.name, ce = ir(() => ({ id: D, name: P, value: M, intent: m, state: G, isInvalid: se, description: E, isRequired: X, reverse: U, onCheckedChange: (L, N) => {
|
441
|
+
const j = M || [], w = L ? [...j, N] : j.filter((p) => p !== N);
|
442
|
+
V(w), y.current && y.current(w);
|
443
|
+
} }), [D, P, M, m, G, se, E, X, V, U]);
|
444
444
|
return sr(() => {
|
445
|
-
|
446
|
-
}, [
|
445
|
+
y.current = z;
|
446
|
+
}, [z]), f.createElement(Et.Provider, { value: ce }, f.createElement("div", { ref: ie, className: yr({ className: k, orientation: F }), role: "group", "aria-labelledby": pe, "aria-describedby": E, ...oe }, K));
|
447
447
|
});
|
448
448
|
gr.displayName = "CheckboxGroup";
|
449
449
|
export {
|
package/dist/public/docgen.json
CHANGED
@@ -215,6 +215,27 @@
|
|
215
215
|
}
|
216
216
|
]
|
217
217
|
}
|
218
|
+
},
|
219
|
+
"reverse": {
|
220
|
+
"defaultValue": {
|
221
|
+
"value": false
|
222
|
+
},
|
223
|
+
"description": "When true, the label will be placed on the left side of the Checkbox",
|
224
|
+
"name": "reverse",
|
225
|
+
"parent": {
|
226
|
+
"fileName": "checkbox/src/CheckboxGroupContext.tsx",
|
227
|
+
"name": "CheckboxGroupContextState"
|
228
|
+
},
|
229
|
+
"declarations": [
|
230
|
+
{
|
231
|
+
"fileName": "checkbox/src/CheckboxGroupContext.tsx",
|
232
|
+
"name": "CheckboxGroupContextState"
|
233
|
+
}
|
234
|
+
],
|
235
|
+
"required": false,
|
236
|
+
"type": {
|
237
|
+
"name": "boolean"
|
238
|
+
}
|
218
239
|
}
|
219
240
|
}
|
220
241
|
},
|
@@ -283,6 +304,27 @@
|
|
283
304
|
]
|
284
305
|
}
|
285
306
|
},
|
307
|
+
"reverse": {
|
308
|
+
"defaultValue": {
|
309
|
+
"value": false
|
310
|
+
},
|
311
|
+
"description": "When true, the label will be placed on the left side of the Checkbox",
|
312
|
+
"name": "reverse",
|
313
|
+
"parent": {
|
314
|
+
"fileName": "checkbox/src/CheckboxGroupContext.tsx",
|
315
|
+
"name": "CheckboxGroupContextState"
|
316
|
+
},
|
317
|
+
"declarations": [
|
318
|
+
{
|
319
|
+
"fileName": "checkbox/src/CheckboxGroupContext.tsx",
|
320
|
+
"name": "CheckboxGroupContextState"
|
321
|
+
}
|
322
|
+
],
|
323
|
+
"required": false,
|
324
|
+
"type": {
|
325
|
+
"name": "boolean"
|
326
|
+
}
|
327
|
+
},
|
286
328
|
"intent": {
|
287
329
|
"defaultValue": null,
|
288
330
|
"description": "Color scheme of the checkbox.",
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@spark-ui/checkbox",
|
3
|
-
"version": "2.1
|
3
|
+
"version": "2.2.1",
|
4
4
|
"description": "A control that allows the user to toggle between checked and not checked.",
|
5
5
|
"publishConfig": {
|
6
6
|
"access": "public"
|
@@ -25,11 +25,11 @@
|
|
25
25
|
"dependencies": {
|
26
26
|
"@radix-ui/react-checkbox": "1.0.4",
|
27
27
|
"@radix-ui/react-id": "1.0.1",
|
28
|
-
"@spark-ui/form-field": "^1.
|
28
|
+
"@spark-ui/form-field": "^1.5.0",
|
29
29
|
"@spark-ui/icon": "^2.1.2",
|
30
30
|
"@spark-ui/icons": "^1.21.6",
|
31
31
|
"@spark-ui/internal-utils": "^2.3.0",
|
32
|
-
"@spark-ui/label": "^1.
|
32
|
+
"@spark-ui/label": "^1.7.0",
|
33
33
|
"@spark-ui/use-merge-refs": "^0.4.0",
|
34
34
|
"class-variance-authority": "0.7.0"
|
35
35
|
},
|
@@ -53,5 +53,5 @@
|
|
53
53
|
},
|
54
54
|
"homepage": "https://sparkui.vercel.app",
|
55
55
|
"license": "MIT",
|
56
|
-
"gitHead": "
|
56
|
+
"gitHead": "16b0ecda1ac3c9100cc2fa71579b82423b1d5ac9"
|
57
57
|
}
|