@spark-ui/checkbox 2.1.13 → 2.2.1

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.2.1](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@2.2.0...@spark-ui/checkbox@2.2.1) (2024-04-08)
+
+**Note:** Version bump only for package @spark-ui/checkbox
+
+# [2.2.0](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@2.1.13...@spark-ui/checkbox@2.2.0) (2024-04-04)
+
+### Features
+
+- **checkbox:** add "reverse" prop to have label placed on the left side of the Checkbox ([c2eb2af](https://github.com/adevinta/spark/commit/c2eb2af338fa06aa7b70ba4ddae397a80872abeb))
+
 ## [2.1.13](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@2.1.12...@spark-ui/checkbox@2.1.13) (2024-03-15)
 
 **Note:** Version bump only for package @spark-ui/checkbox

package/dist/Checkbox.d.ts

@@ -1,3 +1,4 @@
+import { CheckboxGroupContextState } from './CheckboxGroupContext';
 import { CheckboxInputProps } from './CheckboxInput';
-export type CheckboxProps = CheckboxInputProps;
-export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxInputProps & import("react").RefAttributes<HTMLButtonElement>>;
+export type CheckboxProps = CheckboxInputProps & Pick<CheckboxGroupContextState, 'reverse'>;
+export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxInputProps & Pick<CheckboxGroupContextState, "reverse"> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/CheckboxGroup.d.ts

@@ -1,7 +1,7 @@
 import { ComponentPropsWithoutRef } from 'react';
 import { CheckboxGroupStylesProps } from './CheckboxGroup.styles';
 import { CheckboxGroupContextState } from './CheckboxGroupContext';
-export interface CheckboxGroupProps extends Omit<ComponentPropsWithoutRef<'div'>, 'value' | 'defaultValue' | 'onChange'>, CheckboxGroupStylesProps, Pick<CheckboxGroupContextState, 'intent' | 'name' | 'value'> {
+export interface CheckboxGroupProps extends Omit<ComponentPropsWithoutRef<'div'>, 'value' | 'defaultValue' | 'onChange'>, CheckboxGroupStylesProps, Pick<CheckboxGroupContextState, 'intent' | 'name' | 'value' | 'reverse'> {
     /**
      * The initial value of the checkbox group
      */

package/dist/CheckboxGroupContext.d.ts

@@ -32,6 +32,10 @@ export interface CheckboxGroupContextState extends Pick<CheckboxInputStylesProps
      * Callback used to update or notify the value of the checkbox group.
      */
     onCheckedChange?: (checked: boolean, changed: string) => void;
+    /**
+     * When true, the label will be placed on the left side of the Checkbox
+     */
+    reverse?: boolean;
 }
 export declare const CheckboxGroupContext: import("react").Context<Partial<CheckboxGroupContextState>>;
 export declare const useCheckboxGroup: () => Partial<CheckboxGroupContextState>;

package/dist/index.js

@@ -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;
+"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

@@ -1,45 +1,45 @@
-import _, { createContext as rr, useContext as nr, forwardRef as Le, useRef as Je, useState as ar, useCallback as or, useMemo as ir, useEffect as sr } from "react";
+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";
 import { useId as Ct } from "@radix-ui/react-id";
 import { useFormFieldControl as zt } from "@spark-ui/form-field";
 import { useMergeRefs as cr } from "@spark-ui/use-merge-refs";
-import { cva as Qe, cx as ur } from "class-variance-authority";
+import { cva as Xe, cx as ur } from "class-variance-authority";
 import { CheckboxIndicator as lr, Checkbox as dr } from "@radix-ui/react-checkbox";
 import { Icon as fr } from "@spark-ui/icon";
 import { makeVariants as pr } from "@spark-ui/internal-utils";
 import { Label as hr } from "@spark-ui/label";
-const Ot = rr({}), At = _.forwardRef(({ title: o, fill: v = "currentColor", stroke: w = "none", ...g }, m) => _.createElement("svg", { ref: m, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "data-title": "Check", ...o && { "data-title": o }, fill: v, stroke: w, ...g, dangerouslySetInnerHTML: { __html: (o === void 0 ? "" : `<title>${o}</title>`) + '<path d="m8.92,19.08c-.18,0-.36-.03-.53-.1s-.33-.17-.47-.31l-5.49-5.34c-.28-.28-.42-.61-.42-1s.14-.73.42-1c.28-.28.62-.41,1.02-.41s.74.14,1.05.41l4.43,4.3,10.62-10.29c.28-.28.62-.42,1.02-.43.39,0,.73.13,1.02.43.28.28.42.61.42,1s-.14.73-.42,1l-11.65,11.32c-.14.14-.3.24-.47.31-.17.07-.35.1-.53.1Z"/>' } }));
-At.displayName = "Check";
-const Et = _.forwardRef(({ title: o, fill: v = "currentColor", stroke: w = "none", ...g }, m) => _.createElement("svg", { ref: m, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "data-title": "Minus", ...o && { "data-title": o }, fill: v, stroke: w, ...g, dangerouslySetInnerHTML: { __html: (o === void 0 ? "" : `<title>${o}</title>`) + '<path fill-rule="evenodd" d="m2,12c0-.62.45-1.12,1-1.12h18c.55,0,1,.5,1,1.12s-.45,1.12-1,1.12H3c-.55,0-1-.5-1-1.12Z"/>' } }));
-Et.displayName = "Minus";
-const It = Le((o, v) => _.createElement(lr, { ref: v, className: "flex h-full w-full items-center justify-center", ...o }));
-It.displayName = "CheckboxIndicator";
-const br = Qe(["h-sz-24 w-sz-24 shrink-0 items-center justify-center rounded-sm border-md bg-transparent outline-none", "spark-disabled:cursor-not-allowed spark-disabled:opacity-dim-3 spark-disabled:hover:ring-0", "focus-visible:u-ring", "hover:border-main-container hover:ring-2", "u-shadow-border-transition"], { variants: { intent: pr({ main: ["text-on-main", "spark-state-unchecked:border-outline", "spark-state-indeterminate:border-main spark-state-indeterminate:bg-main", "spark-state-checked:border-main spark-state-checked:bg-main"], support: ["text-on-support", "spark-state-unchecked:border-outline", "spark-state-indeterminate:border-support spark-state-indeterminate:bg-support", "spark-state-checked:border-support spark-state-checked:bg-support"], accent: ["text-on-accent", "spark-state-unchecked:border-outline", "spark-state-indeterminate:border-accent spark-state-indeterminate:bg-accent", "spark-state-checked:border-accent spark-state-checked:bg-accent"], basic: ["text-on-basic", "spark-state-unchecked:border-outline", "spark-state-indeterminate:border-basic spark-state-indeterminate:bg-basic", "spark-state-checked:border-basic spark-state-checked:bg-basic"], success: ["text-on-success", "spark-state-unchecked:border-success", "spark-state-indeterminate:border-success spark-state-indeterminate:bg-success", "spark-state-checked:border-success spark-state-checked:bg-success"], alert: ["text-on-alert", "spark-state-unchecked:border-alert", "spark-state-indeterminate:border-alert spark-state-indeterminate:bg-alert", "spark-state-checked:border-alert spark-state-checked:bg-alert"], error: ["text-on-error", "spark-state-unchecked:border-error", "spark-state-indeterminate:border-error spark-state-indeterminate:bg-error", "spark-state-checked:border-error spark-state-checked:bg-error"], info: ["text-on-info", "spark-state-unchecked:border-info", "spark-state-indeterminate:border-info spark-state-indeterminate:bg-info", "spark-state-checked:border-info spark-state-checked:bg-info"], neutral: ["text-on-neutral", "spark-state-unchecked:border-neutral", "spark-state-indeterminate:border-neutral spark-state-indeterminate:bg-neutral", "spark-state-checked:border-neutral spark-state-checked:bg-neutral"] }) }, defaultVariants: { intent: "basic" } }), Nt = Le(({ className: o, icon: v = _.createElement(At, null), indeterminateIcon: w = _.createElement(Et, null), intent: g, checked: m, ...R }, x) => _.createElement(dr, { ref: x, className: br({ intent: g, className: o }), checked: m, ...R }, _.createElement(It, null, _.createElement(fr, { size: "sm" }, m === "indeterminate" ? w : v))));
+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"/>' } }));
+Ot.displayName = "Check";
+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"/>' } }));
+It.displayName = "Minus";
+const At = Te((i, v) => f.createElement(lr, { ref: v, className: "flex h-full w-full items-center justify-center", ...i }));
+At.displayName = "CheckboxIndicator";
+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))));
 Nt.displayName = "CheckboxInput";
-const vr = Qe("grow", { variants: { disabled: { true: ["text-neutral/dim-2", "cursor-not-allowed"], false: ["cursor-pointer"] } }, defaultVariants: { disabled: !1 } }), St = ({ disabled: o, ...v }) => _.createElement(hr, { className: vr({ disabled: o }), ...v });
+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 });
 St.displayName = "CheckboxLabel";
-const mr = Le(({ id: o, className: v, intent: w, checked: g, value: m, disabled: R, onCheckedChange: x, children: M, ...de }, ae) => {
-  const F = Ct(o), q = Ct(), B = zt(), A = nr(Ot), E = Je(), oe = cr(ae, E), K = m ? A.value?.includes(m) : g, { id: C, name: Q, isInvalid: ie, isRequired: X, description: U, intent: I } = (({ fieldState: h, groupState: b, checkboxIntent: j }) => {
-    const V = h.name ?? b.name, D = h.isRequired ?? b.isRequired, fe = h.state ?? b.state, G = h.isInvalid ?? b.isInvalid, i = h.id !== b.id;
-    return { name: V, isRequired: D, isInvalid: G, id: i ? h.id : void 0, description: i ? h.description : void 0, intent: fe ?? j ?? b.intent };
-  })({ fieldState: B, groupState: A, checkboxIntent: w });
-  return _.createElement("div", { "data-spark-component": "checkbox", className: ur("relative flex items-start gap-md text-body-1", v) }, _.createElement(Nt, { ref: oe, id: C || F, name: Q, value: m, intent: I, checked: K, disabled: R, required: X, "aria-describedby": U, "aria-invalid": ie, onCheckedChange: (h) => {
-    x?.(h);
-    const b = E.current?.value;
-    b && A.onCheckedChange && A.onCheckedChange(h, b);
-  }, "aria-labelledby": M ? q : B.labelId, ...de }), M && _.createElement(St, { disabled: R, htmlFor: C || F, id: q }, M));
+const mr = Te(({ id: i, className: v, intent: g, checked: k, value: m, disabled: F, reverse: z = !1, onCheckedChange: U, children: K, ...oe }, ie) => {
+  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 }) => {
+    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: 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) => {
+    U?.(p);
+    const x = D.current?.value;
+    x && y.onCheckedChange && y.onCheckedChange(p, x);
+  }, "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);
+  return f.createElement("div", { "data-spark-component": "checkbox", className: ur("relative flex items-start gap-md text-body-1", v) }, w);
 });
 mr.displayName = "Checkbox";
-var Fe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function _r(o) {
-  return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
+var Le = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function _r(i) {
+  return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
 }
-var Ke = { exports: {} };
-(function(o, v) {
-  var w = "__lodash_hash_undefined__", g = 1, m = 2, R = 9007199254740991, x = "[object Arguments]", M = "[object Array]", de = "[object AsyncFunction]", ae = "[object Boolean]", F = "[object Date]", q = "[object Error]", B = "[object Function]", A = "[object GeneratorFunction]", E = "[object Map]", oe = "[object Number]", K = "[object Null]", C = "[object Object]", Q = "[object Promise]", ie = "[object Proxy]", X = "[object RegExp]", U = "[object Set]", I = "[object String]", h = "[object Symbol]", b = "[object Undefined]", j = "[object WeakMap]", V = "[object ArrayBuffer]", D = "[object DataView]", fe = /^\[object .+?Constructor\]$/, G = /^(?:0|[1-9]\d*)$/, i = {};
-  i["[object Float32Array]"] = i["[object Float64Array]"] = i["[object Int8Array]"] = i["[object Int16Array]"] = i["[object Int32Array]"] = i["[object Uint8Array]"] = i["[object Uint8ClampedArray]"] = i["[object Uint16Array]"] = i["[object Uint32Array]"] = !0, i[x] = i[M] = i[V] = i[ae] = i[D] = i[F] = i[q] = i[B] = i[E] = i[oe] = i[C] = i[X] = i[U] = i[I] = i[j] = !1;
-  var se = typeof Fe == "object" && Fe && Fe.Object === Object && Fe, Pe = typeof self == "object" && self && self.Object === Object && self, k = se || Pe || Function("return this")(), ke = v && !v.nodeType && v, Xe = ke && o && !o.nodeType && o, Ye = Xe && Xe.exports === ke, Te = Ye && se.process, et = function() {
+var Qe = { exports: {} };
+(function(i, v) {
+  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 = {};
+  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;
+  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() {
     try {
-      return Te && Te.binding && Te.binding("util");
+      return $e && $e.binding && $e.binding("util");
     } catch {
     }
   }(), tt = et && et.isTypedArray;
@@ -49,283 +49,283 @@ var Ke = { exports: {} };
         return !0;
     return !1;
   }
-  function Mt(e) {
+  function Ft(e) {
     var t = -1, r = Array(e.size);
     return e.forEach(function(n, u) {
       r[++t] = [u, n];
     }), r;
   }
-  function Ft(e) {
+  function Mt(e) {
     var t = -1, r = Array(e.size);
     return e.forEach(function(n) {
       r[++t] = n;
     }), r;
   }
-  var rt, nt, at, Lt = Array.prototype, Pt = Function.prototype, ye = Object.prototype, $e = k["__core-js_shared__"], ot = Pt.toString, N = ye.hasOwnProperty, it = (rt = /[^.]+$/.exec($e && $e.keys && $e.keys.IE_PROTO || "")) ? "Symbol(src)_1." + rt : "", st = ye.toString, Tt = RegExp("^" + ot.call(N).replace(/[\\^$.*+?()[\]{}|]/g, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"), ct = Ye ? k.Buffer : void 0, ge = k.Symbol, ut = k.Uint8Array, lt = ye.propertyIsEnumerable, $t = Lt.splice, Y = ge ? ge.toStringTag : void 0, dt = Object.getOwnPropertySymbols, qt = ct ? ct.isBuffer : void 0, Bt = (nt = Object.keys, at = Object, function(e) {
+  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) {
     return nt(at(e));
-  }), qe = ce(k, "DataView"), pe = ce(k, "Map"), Be = ce(k, "Promise"), Ue = ce(k, "Set"), Ve = ce(k, "WeakMap"), he = ce(Object, "create"), Ut = re(qe), Vt = re(pe), Dt = re(Be), Gt = re(Ue), Ht = re(Ve), ft = ge ? ge.prototype : void 0, De = ft ? ft.valueOf : void 0;
-  function ee(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"), 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;
+  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 L(e) {
+  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 te(e) {
+  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 je(e) {
+  function xe(e) {
     var t = -1, r = e == null ? 0 : e.length;
-    for (this.__data__ = new te(); ++t < r; )
+    for (this.__data__ = new re(); ++t < r; )
       this.add(e[t]);
   }
   function H(e) {
-    var t = this.__data__ = new L(e);
+    var t = this.__data__ = new T(e);
     this.size = t.size;
   }
   function Wt(e, t) {
-    var r = Ce(e), n = !r && Xt(e), u = !r && !n && Ge(e), a = !r && !n && !u && gt(e), l = r || n || u || a, d = l ? function(p, S) {
-      for (var P = -1, y = Array(p); ++P < p; )
-        y[P] = S(P);
-      return y;
-    }(e.length, String) : [], O = d.length;
-    for (var f in e)
-      !t && !N.call(e, f) || l && (f == "length" || u && (f == "offset" || f == "parent") || a && (f == "buffer" || f == "byteLength" || f == "byteOffset") || Qt(f, O)) || d.push(f);
+    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) {
+      for (var $ = -1, _ = Array(b); ++$ < b; )
+        _[$] = R($);
+      return _;
+    }(e.length, String) : [], A = d.length;
+    for (var h in e)
+      !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);
     return d;
   }
-  function we(e, t) {
+  function Ce(e, t) {
     for (var r = e.length; r--; )
       if (mt(e[r][0], t))
         return r;
     return -1;
   }
-  function be(e) {
-    return e == null ? e === void 0 ? b : K : Y && Y in Object(e) ? function(t) {
-      var r = N.call(t, Y), n = t[Y];
+  function me(e) {
+    return e == null ? e === void 0 ? N : pe : ee && ee in Object(e) ? function(t) {
+      var r = S.call(t, ee), n = t[ee];
       try {
-        t[Y] = void 0;
+        t[ee] = void 0;
         var u = !0;
       } catch {
       }
       var a = st.call(t);
-      return u && (r ? t[Y] = n : delete t[Y]), a;
+      return u && (r ? t[ee] = n : delete t[ee]), a;
     }(e) : function(t) {
       return st.call(t);
     }(e);
   }
   function pt(e) {
-    return ve(e) && be(e) == x;
+    return _e(e) && me(e) == z;
   }
   function ht(e, t, r, n, u) {
-    return e === t || (e == null || t == null || !ve(e) && !ve(t) ? e != e && t != t : function(a, l, d, O, f, p) {
-      var S = Ce(a), P = Ce(l), y = S ? M : W(a), T = P ? M : W(l), ue = (y = y == x ? C : y) == C, ze = (T = T == x ? C : T) == C, le = y == T;
-      if (le && Ge(a)) {
-        if (!Ge(l))
+    return e === t || (e == null || t == null || !_e(e) && !_e(t) ? e != e && t != t : function(a, l, d, A, h, b) {
+      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;
+      if (fe && He(a)) {
+        if (!He(l))
           return !1;
-        S = !0, ue = !1;
+        R = !0, de = !1;
       }
-      if (le && !ue)
-        return p || (p = new H()), S || gt(a) ? bt(a, l, d, O, f, p) : function(c, s, Oe, Z, He, z, $) {
-          switch (Oe) {
-            case D:
+      if (fe && !de)
+        return b || (b = new H()), R || gt(a) ? bt(a, l, d, A, h, b) : function(c, s, Ie, Z, We, O, B) {
+          switch (Ie) {
+            case p:
               if (c.byteLength != s.byteLength || c.byteOffset != s.byteOffset)
                 return !1;
               c = c.buffer, s = s.buffer;
-            case V:
-              return !(c.byteLength != s.byteLength || !z(new ut(c), new ut(s)));
-            case ae:
-            case F:
+            case w:
+              return !(c.byteLength != s.byteLength || !O(new ut(c), new ut(s)));
             case oe:
+            case ie:
+            case D:
               return mt(+c, +s);
-            case q:
+            case M:
               return c.name == s.name && c.message == s.message;
             case X:
-            case I:
+            case ce:
               return c == s + "";
-            case E:
-              var J = Mt;
-            case U:
-              var _e = Z & g;
-              if (J || (J = Ft), c.size != s.size && !_e)
+            case y:
+              var J = Ft;
+            case P:
+              var ye = Z & k;
+              if (J || (J = Mt), c.size != s.size && !ye)
                 return !1;
-              var Ae = $.get(c);
+              var Ae = B.get(c);
               if (Ae)
                 return Ae == s;
-              Z |= m, $.set(c, s);
-              var We = bt(J(c), J(s), Z, He, z, $);
-              return $.delete(c), We;
-            case h:
-              if (De)
-                return De.call(c) == De.call(s);
+              Z |= m, B.set(c, s);
+              var Ze = bt(J(c), J(s), Z, We, O, B);
+              return B.delete(c), Ze;
+            case L:
+              if (Ge)
+                return Ge.call(c) == Ge.call(s);
           }
           return !1;
-        }(a, l, y, d, O, f, p);
-      if (!(d & g)) {
-        var me = ue && N.call(a, "__wrapped__"), jt = ze && N.call(l, "__wrapped__");
-        if (me || jt) {
-          var er = me ? a.value() : a, tr = jt ? l.value() : l;
-          return p || (p = new H()), f(er, tr, d, O, p);
+        }(a, l, _, d, A, h, b);
+      if (!(d & k)) {
+        var ke = de && S.call(a, "__wrapped__"), jt = Oe && S.call(l, "__wrapped__");
+        if (ke || jt) {
+          var er = ke ? a.value() : a, tr = jt ? l.value() : l;
+          return b || (b = new H()), h(er, tr, d, A, b);
         }
       }
-      return le ? (p || (p = new H()), function(c, s, Oe, Z, He, z) {
-        var $ = Oe & g, J = vt(c), _e = J.length, Ae = vt(s), We = Ae.length;
-        if (_e != We && !$)
+      return fe ? (b || (b = new H()), function(c, s, Ie, Z, We, O) {
+        var B = Ie & k, J = vt(c), ye = J.length, Ae = vt(s), Ze = Ae.length;
+        if (ye != Ze && !B)
           return !1;
-        for (var Ee = _e; Ee--; ) {
-          var ne = J[Ee];
-          if (!($ ? ne in s : N.call(s, ne)))
+        for (var Ne = ye; Ne--; ) {
+          var ae = J[Ne];
+          if (!(B ? ae in s : S.call(s, ae)))
             return !1;
         }
-        var wt = z.get(c);
-        if (wt && z.get(s))
+        var wt = O.get(c);
+        if (wt && O.get(s))
           return wt == s;
-        var Ie = !0;
-        z.set(c, s), z.set(s, c);
-        for (var Ze = $; ++Ee < _e; ) {
-          var Ne = c[ne = J[Ee]], Se = s[ne];
+        var Se = !0;
+        O.set(c, s), O.set(s, c);
+        for (var Je = B; ++Ne < ye; ) {
+          var Re = c[ae = J[Ne]], Fe = s[ae];
           if (Z)
-            var xt = $ ? Z(Se, Ne, ne, s, c, z) : Z(Ne, Se, ne, c, s, z);
-          if (!(xt === void 0 ? Ne === Se || He(Ne, Se, Oe, Z, z) : xt)) {
-            Ie = !1;
+            var xt = B ? Z(Fe, Re, ae, s, c, O) : Z(Re, Fe, ae, c, s, O);
+          if (!(xt === void 0 ? Re === Fe || We(Re, Fe, Ie, Z, O) : xt)) {
+            Se = !1;
             break;
           }
-          Ze || (Ze = ne == "constructor");
+          Je || (Je = ae == "constructor");
         }
-        if (Ie && !Ze) {
-          var Re = c.constructor, Me = s.constructor;
-          Re == Me || !("constructor" in c) || !("constructor" in s) || typeof Re == "function" && Re instanceof Re && typeof Me == "function" && Me instanceof Me || (Ie = !1);
+        if (Se && !Je) {
+          var Me = c.constructor, Pe = s.constructor;
+          Me == Pe || !("constructor" in c) || !("constructor" in s) || typeof Me == "function" && Me instanceof Me && typeof Pe == "function" && Pe instanceof Pe || (Se = !1);
         }
-        return z.delete(c), z.delete(s), Ie;
-      }(a, l, d, O, f, p)) : !1;
+        return O.delete(c), O.delete(s), Se;
+      }(a, l, d, A, h, b)) : !1;
     }(e, t, r, n, ht, u));
   }
   function Zt(e) {
     return !(!yt(e) || function(t) {
       return !!it && it in t;
-    }(e)) && (_t(e) ? Tt : fe).test(re(e));
+    }(e)) && (_t(e) ? Tt : x).test(ne(e));
   }
   function Jt(e) {
-    if (r = (t = e) && t.constructor, n = typeof r == "function" && r.prototype || ye, t !== n)
+    if (r = (t = e) && t.constructor, n = typeof r == "function" && r.prototype || je, t !== n)
       return Bt(e);
     var t, r, n, u = [];
     for (var a in Object(e))
-      N.call(e, a) && a != "constructor" && u.push(a);
+      S.call(e, a) && a != "constructor" && u.push(a);
     return u;
   }
   function bt(e, t, r, n, u, a) {
-    var l = r & g, d = e.length, O = t.length;
-    if (d != O && !(l && O > d))
+    var l = r & k, d = e.length, A = t.length;
+    if (d != A && !(l && A > d))
       return !1;
-    var f = a.get(e);
-    if (f && a.get(t))
-      return f == t;
-    var p = -1, S = !0, P = r & m ? new je() : void 0;
-    for (a.set(e, t), a.set(t, e); ++p < d; ) {
-      var y = e[p], T = t[p];
+    var h = a.get(e);
+    if (h && a.get(t))
+      return h == t;
+    var b = -1, R = !0, $ = r & m ? new xe() : void 0;
+    for (a.set(e, t), a.set(t, e); ++b < d; ) {
+      var _ = e[b], q = t[b];
       if (n)
-        var ue = l ? n(T, y, p, t, e, a) : n(y, T, p, e, t, a);
-      if (ue !== void 0) {
-        if (ue)
+        var de = l ? n(q, _, b, t, e, a) : n(_, q, b, e, t, a);
+      if (de !== void 0) {
+        if (de)
           continue;
-        S = !1;
+        R = !1;
         break;
       }
-      if (P) {
-        if (!Rt(t, function(ze, le) {
-          if (me = le, !P.has(me) && (y === ze || u(y, ze, r, n, a)))
-            return P.push(le);
-          var me;
+      if ($) {
+        if (!Rt(t, function(Oe, fe) {
+          if (ke = fe, !$.has(ke) && (_ === Oe || u(_, Oe, r, n, a)))
+            return $.push(fe);
+          var ke;
         })) {
-          S = !1;
+          R = !1;
           break;
         }
-      } else if (y !== T && !u(y, T, r, n, a)) {
-        S = !1;
+      } else if (_ !== q && !u(_, q, r, n, a)) {
+        R = !1;
         break;
       }
     }
-    return a.delete(e), a.delete(t), S;
+    return a.delete(e), a.delete(t), R;
   }
   function vt(e) {
     return function(t, r, n) {
       var u = r(t);
-      return Ce(t) ? u : function(a, l) {
-        for (var d = -1, O = l.length, f = a.length; ++d < O; )
-          a[f + d] = l[d];
+      return Ee(t) ? u : function(a, l) {
+        for (var d = -1, A = l.length, h = a.length; ++d < A; )
+          a[h + d] = l[d];
         return a;
       }(u, n(t));
     }(e, Yt, Kt);
   }
-  function xe(e, t) {
+  function ze(e, t) {
     var r, n, u = e.__data__;
     return ((n = typeof (r = t)) == "string" || n == "number" || n == "symbol" || n == "boolean" ? r !== "__proto__" : r === null) ? u[typeof t == "string" ? "string" : "hash"] : u.map;
   }
-  function ce(e, t) {
+  function le(e, t) {
     var r = function(n, u) {
       return n?.[u];
     }(e, t);
     return Zt(r) ? r : void 0;
   }
-  ee.prototype.clear = function() {
-    this.__data__ = he ? he(null) : {}, this.size = 0;
-  }, ee.prototype.delete = function(e) {
+  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;
-  }, ee.prototype.get = function(e) {
+  }, te.prototype.get = function(e) {
     var t = this.__data__;
-    if (he) {
+    if (ve) {
       var r = t[e];
-      return r === w ? void 0 : r;
+      return r === g ? void 0 : r;
     }
-    return N.call(t, e) ? t[e] : void 0;
-  }, ee.prototype.has = function(e) {
+    return S.call(t, e) ? t[e] : void 0;
+  }, te.prototype.has = function(e) {
     var t = this.__data__;
-    return he ? t[e] !== void 0 : N.call(t, e);
-  }, ee.prototype.set = function(e, t) {
+    return ve ? t[e] !== void 0 : S.call(t, e);
+  }, te.prototype.set = function(e, t) {
     var r = this.__data__;
-    return this.size += this.has(e) ? 0 : 1, r[e] = he && t === void 0 ? w : t, this;
-  }, L.prototype.clear = function() {
+    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;
-  }, L.prototype.delete = function(e) {
-    var t = this.__data__, r = we(t, e);
+  }, 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);
-  }, L.prototype.get = function(e) {
-    var t = this.__data__, r = we(t, e);
+  }, T.prototype.get = function(e) {
+    var t = this.__data__, r = Ce(t, e);
     return r < 0 ? void 0 : t[r][1];
-  }, L.prototype.has = function(e) {
-    return we(this.__data__, e) > -1;
-  }, L.prototype.set = function(e, t) {
-    var r = this.__data__, n = we(r, e);
+  }, 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;
-  }, te.prototype.clear = function() {
-    this.size = 0, this.__data__ = { hash: new ee(), map: new (pe || L)(), string: new ee() };
-  }, te.prototype.delete = function(e) {
-    var t = xe(this, e).delete(e);
+  }, 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;
-  }, 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;
+  }, 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;
-  }, je.prototype.add = je.prototype.push = function(e) {
-    return this.__data__.set(e, w), this;
-  }, je.prototype.has = function(e) {
+  }, 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 L(), this.size = 0;
+    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;
@@ -335,11 +335,11 @@ var Ke = { exports: {} };
     return this.__data__.has(e);
   }, H.prototype.set = function(e, t) {
     var r = this.__data__;
-    if (r instanceof L) {
+    if (r instanceof T) {
       var n = r.__data__;
-      if (!pe || n.length < 199)
+      if (!be || n.length < 199)
         return n.push([e, t]), this.size = ++r.size, this;
-      r = this.__data__ = new te(n);
+      r = this.__data__ = new re(n);
     }
     return r.set(e, t), this.size = r.size, this;
   };
@@ -355,11 +355,11 @@ var Ke = { exports: {} };
     }));
   } : function() {
     return [];
-  }, W = be;
+  }, W = me;
   function Qt(e, t) {
-    return !!(t = t ?? R) && (typeof e == "number" || G.test(e)) && e > -1 && e % 1 == 0 && e < t;
+    return !!(t = t ?? F) && (typeof e == "number" || he.test(e)) && e > -1 && e % 1 == 0 && e < t;
   }
-  function re(e) {
+  function ne(e) {
     if (e != null) {
       try {
         return ot.call(e);
@@ -375,18 +375,18 @@ var Ke = { exports: {} };
   function mt(e, t) {
     return e === t || e != e && t != t;
   }
-  (qe && W(new qe(new ArrayBuffer(1))) != D || pe && W(new pe()) != E || Be && W(Be.resolve()) != Q || Ue && W(new Ue()) != U || Ve && W(new Ve()) != j) && (W = function(e) {
-    var t = be(e), r = t == C ? e.constructor : void 0, n = r ? re(r) : "";
+  (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) {
+    var t = me(e), r = t == E ? e.constructor : void 0, n = r ? ne(r) : "";
     if (n)
       switch (n) {
         case Ut:
-          return D;
+          return p;
         case Vt:
-          return E;
+          return y;
         case Dt:
-          return Q;
+          return G;
         case Gt:
-          return U;
+          return P;
         case Ht:
           return j;
       }
@@ -395,24 +395,24 @@ var Ke = { exports: {} };
   var Xt = pt(function() {
     return arguments;
   }()) ? pt : function(e) {
-    return ve(e) && N.call(e, "callee") && !lt.call(e, "callee");
-  }, Ce = Array.isArray, Ge = qt || function() {
+    return _e(e) && S.call(e, "callee") && !lt.call(e, "callee");
+  }, Ee = Array.isArray, He = qt || function() {
     return !1;
   };
   function _t(e) {
     if (!yt(e))
       return !1;
-    var t = be(e);
-    return t == B || t == A || t == de || t == ie;
+    var t = me(e);
+    return t == V || t == Q || t == K || t == se;
   }
   function kt(e) {
-    return typeof e == "number" && e > -1 && e % 1 == 0 && e <= R;
+    return typeof e == "number" && e > -1 && e % 1 == 0 && e <= F;
   }
   function yt(e) {
     var t = typeof e;
     return e != null && (t == "object" || t == "function");
   }
-  function ve(e) {
+  function _e(e) {
     return e != null && typeof e == "object";
   }
   var gt = tt ? function(e) {
@@ -420,30 +420,30 @@ var Ke = { exports: {} };
       return e(t);
     };
   }(tt) : function(e) {
-    return ve(e) && kt(e.length) && !!i[be(e)];
+    return _e(e) && kt(e.length) && !!o[me(e)];
   };
   function Yt(e) {
     return (t = e) != null && kt(t.length) && !_t(t) ? Wt(e) : Jt(e);
     var t;
   }
-  o.exports = function(e, t) {
+  i.exports = function(e, t) {
     return ht(e, t);
   };
-})(Ke, Ke.exports);
-const kr = _r(Ke.exports), yr = Qe(["flex"], { variants: { orientation: { vertical: ["flex-col", "gap-lg"], horizontal: ["gap-xl"] } } }), gr = Le(({ name: o, value: v, defaultValue: w, className: g, intent: m, orientation: R = "vertical", onCheckedChange: x, children: M, ...de }, ae) => {
-  const [F, q] = function(I, h, b) {
-    const j = I !== void 0, { current: V } = Je(j ? I : h), [D, fe] = ar(h), G = j ? I : D, i = or((se, Pe = (k, ke) => !kr(k, ke)) => {
-      const k = typeof se != "function" ? se : se(G);
-      Pe(G, k) && !j && fe(k), b && b(k);
-    }, [j, G, b]);
-    return [G, i, j, V];
-  }(v, w), B = zt(), A = Je(x), { id: E, labelId: oe, description: K, state: C, isInvalid: Q, isRequired: ie } = B, X = o ?? B.name, U = ir(() => ({ id: E, name: X, value: F, intent: m, state: C, isInvalid: Q, description: K, isRequired: ie, onCheckedChange: (I, h) => {
-    const b = F || [], j = I ? [...b, h] : b.filter((V) => V !== h);
-    q(j), A.current && A.current(j);
-  } }), [E, X, F, m, C, Q, K, ie, q]);
+})(Qe, Qe.exports);
+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) => {
+  const [M, V] = function(L, N, j) {
+    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)) => {
+      const I = typeof Y != "function" ? Y : Y(o);
+      C(o, I) && !w && he(I), j && j(I);
+    }, [w, o, j]);
+    return [o, ue, w, p];
+  }(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) => {
+    const j = M || [], w = L ? [...j, N] : j.filter((p) => p !== N);
+    V(w), y.current && y.current(w);
+  } }), [D, P, M, m, G, se, E, X, V, U]);
   return sr(() => {
-    A.current = x;
-  }, [x]), _.createElement(Ot.Provider, { value: U }, _.createElement("div", { ref: ae, className: yr({ className: g, orientation: R }), role: "group", "aria-labelledby": oe, "aria-describedby": K, ...de }, M));
+    y.current = z;
+  }, [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));
 });
 gr.displayName = "CheckboxGroup";
 export {

package/dist/public/docgen.json

@@ -215,6 +215,27 @@
             }
           ]
         }
+      },
+      "reverse": {
+        "defaultValue": {
+          "value": false
+        },
+        "description": "When true, the label will be placed on the left side of the Checkbox",
+        "name": "reverse",
+        "parent": {
+          "fileName": "checkbox/src/CheckboxGroupContext.tsx",
+          "name": "CheckboxGroupContextState"
+        },
+        "declarations": [
+          {
+            "fileName": "checkbox/src/CheckboxGroupContext.tsx",
+            "name": "CheckboxGroupContextState"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
       }
     }
   },
@@ -283,6 +304,27 @@
           ]
         }
       },
+      "reverse": {
+        "defaultValue": {
+          "value": false
+        },
+        "description": "When true, the label will be placed on the left side of the Checkbox",
+        "name": "reverse",
+        "parent": {
+          "fileName": "checkbox/src/CheckboxGroupContext.tsx",
+          "name": "CheckboxGroupContextState"
+        },
+        "declarations": [
+          {
+            "fileName": "checkbox/src/CheckboxGroupContext.tsx",
+            "name": "CheckboxGroupContextState"
+          }
+        ],
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
       "intent": {
         "defaultValue": null,
         "description": "Color scheme of the checkbox.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/checkbox",
-  "version": "2.1.13",
+  "version": "2.2.1",
   "description": "A control that allows the user to toggle between checked and not checked.",
   "publishConfig": {
     "access": "public"
@@ -25,11 +25,11 @@
   "dependencies": {
     "@radix-ui/react-checkbox": "1.0.4",
     "@radix-ui/react-id": "1.0.1",
-    "@spark-ui/form-field": "^1.4.1",
+    "@spark-ui/form-field": "^1.5.0",
     "@spark-ui/icon": "^2.1.2",
     "@spark-ui/icons": "^1.21.6",
     "@spark-ui/internal-utils": "^2.3.0",
-    "@spark-ui/label": "^1.6.0",
+    "@spark-ui/label": "^1.7.0",
     "@spark-ui/use-merge-refs": "^0.4.0",
     "class-variance-authority": "0.7.0"
   },
@@ -53,5 +53,5 @@
   },
   "homepage": "https://sparkui.vercel.app",
   "license": "MIT",
-  "gitHead": "017b58f0d658252f4548068dd2ec6f962c9202fd"
+  "gitHead": "16b0ecda1ac3c9100cc2fa71579b82423b1d5ac9"
 }