@spark-ui/checkbox 1.13.11 → 1.14.1

package/CHANGELOG.md

@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.14.1](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@1.14.0...@spark-ui/checkbox@1.14.1) (2023-05-24)
+
+### Bug Fixes
+
+- **checkbox:** checked icon not being displayed in safari ([0ea59cf](https://github.com/adevinta/spark/commit/0ea59cffe5a86b11c03611eb5e1c600d9ec78966))
+
+# [1.14.0](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@1.13.11...@spark-ui/checkbox@1.14.0) (2023-05-23)
+
+### Features
+
+- **checkbox:** add checkbox group and integrate form field ([e65df62](https://github.com/adevinta/spark/commit/e65df6283b708611d8ba213d93fe011fe7080291))
+- **checkbox:** improve api and doc ([bc7c0fc](https://github.com/adevinta/spark/commit/bc7c0fcf54334fcedec2279a5c71ebf2aaba4f20))
+- **checkbox:** minor update ([a9e7ca6](https://github.com/adevinta/spark/commit/a9e7ca68bb9c2bfd3d572fdc9dd6516ac3801ce5))
+- **checkbox:** minor updates and tests ([8ffd0c5](https://github.com/adevinta/spark/commit/8ffd0c51e3b2a843d31ad0438149d19fee67f384))
+- **checkbox:** renamed onChange to onCheckedChange ([2460a10](https://github.com/adevinta/spark/commit/2460a1010f1f124986a5088aba5642806db8b4f6))
+- **checkbox:** update typos and rename variables ([da21719](https://github.com/adevinta/spark/commit/da217196615f0df10aeebb9e44c36dc18339613a))
+
 ## [1.13.11](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@1.13.10...@spark-ui/checkbox@1.13.11) (2023-05-22)
 
 **Note:** Version bump only for package @spark-ui/checkbox

package/dist/Checkbox.d.ts

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

package/dist/CheckboxGroup.d.ts

@@ -0,0 +1,14 @@
+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'> {
+    /**
+     * The initial value of the checkbox group
+     */
+    defaultValue?: string[];
+    /**
+     * The callback fired when any children Checkbox is checked or unchecked
+     */
+    onCheckedChange?: (value: string[]) => void;
+}
+export declare const CheckboxGroup: import("react").ForwardRefExoticComponent<CheckboxGroupProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/CheckboxGroup.styles.d.ts

@@ -0,0 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const checkboxGroupStyles: (props?: ({
+    orientation?: "vertical" | "horizontal" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export type CheckboxGroupStylesProps = VariantProps<typeof checkboxGroupStyles>;

package/dist/CheckboxGroupContext.d.ts

@@ -0,0 +1,33 @@
+import { CheckboxInputStylesProps } from './CheckboxInput.styles';
+export interface CheckboxGroupContextState extends Pick<CheckboxInputStylesProps, 'intent'> {
+    /**
+     * The id of the checkbox group.
+     */
+    id: string;
+    /**
+     * The name of the group. Submitted with its owning form as part of a name/value pair.
+     */
+    name?: string;
+    /**
+     * The value of the checkbox group.
+     */
+    value?: string[];
+    /**
+     * A set of ids separated by a space used to describe the input component given by a set of messages.
+     */
+    description?: string;
+    /**
+     * If true, the checkbox group will be invalid.
+     */
+    isInvalid?: boolean;
+    /**
+     * If true, the checkbox group will be required.
+     */
+    isRequired?: boolean;
+    /**
+     * Callback used to update or notify the value of the checkbox group.
+     */
+    onCheckedChange?: (checked: boolean, changed: string) => void;
+}
+export declare const CheckboxGroupContext: import("react").Context<Partial<CheckboxGroupContextState>>;
+export declare const useCheckboxGroup: () => Partial<CheckboxGroupContextState>;

package/dist/CheckboxIndicator.d.ts

@@ -0,0 +1,3 @@
+import { CheckboxIndicatorProps as CheckboxIndicatorPrimitiveProps } from '@radix-ui/react-checkbox';
+export type CheckboxIndicatorProps = CheckboxIndicatorPrimitiveProps;
+export declare const CheckboxIndicator: import("react").ForwardRefExoticComponent<CheckboxIndicatorPrimitiveProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/CheckboxInput.d.ts

@@ -1,23 +1,23 @@
-import { ButtonHTMLAttributes, ReactNode } from 'react';
-import { type InputStylesProps } from './CheckboxInput.styles';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { type CheckboxInputStylesProps } from './CheckboxInput.styles';
 type CheckedStatus = boolean | 'indeterminate';
-interface RadixProps {
+export interface CheckboxInputProps extends CheckboxInputStylesProps, Omit<ComponentPropsWithoutRef<'button'>, 'value' | 'checked' | 'defaultChecked'> {
     /**
-     * The checked icon to use
+     * The checked icon to use.
      */
     icon?: ReactNode;
+    /**
+     * The indeterminate icon to use.
+     */
+    indeterminateIcon?: ReactNode;
     /**
      * The checked state of the checkbox when it is initially rendered. Use when you do not need to control its checked state.
      */
-    defaultChecked?: CheckedStatus;
+    defaultChecked?: boolean;
     /**
      * The controlled checked state of the checkbox. Must be used in conjunction with onCheckedChange.
      */
     checked?: CheckedStatus;
-    /**
-     * Event handler called when the checked state of the checkbox changes.
-     */
-    onCheckedChange?: (checked: boolean, indeterminate?: boolean) => void;
     /**
      * When true, prevents the user from interacting with the checkbox.
      */
@@ -30,10 +30,14 @@ interface RadixProps {
      * The name of the checkbox. Submitted with its owning form as part of a name/value pair.
      */
     name?: string;
+    /**
+     * The value given as data when submitted with a name.
+     */
+    value?: string;
+    /**
+     * Event handler called when the checked state of the checkbox changes.
+     */
+    onCheckedChange?: (checked: boolean) => void;
 }
-export interface InputProps extends RadixProps, // Radix props
-InputStylesProps, // CVA props (variants)
-Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'checked' | 'defaultChecked'> {
-}
-export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const CheckboxInput: import("react").ForwardRefExoticComponent<CheckboxInputProps & import("react").RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/CheckboxInput.styles.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-export declare const inputStyles: (props?: ({
+export declare const checkboxInputStyles: (props?: ({
     intent?: "primary" | "success" | "alert" | "error" | "info" | "neutral" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export type InputStylesProps = VariantProps<typeof inputStyles>;
+export type CheckboxInputStylesProps = VariantProps<typeof checkboxInputStyles>;

package/dist/CheckboxLabel.d.ts

@@ -1,17 +1,12 @@
-import { PropsWithChildren } from 'react';
+import { LabelProps } from '@spark-ui/label';
 import { type LabelStylesProps } from './CheckboxLabel.styles';
-export interface LabelProps extends LabelStylesProps, PropsWithChildren<React.HTMLAttributes<HTMLLabelElement>> {
-    /**
-     * Change the component to the HTML tag or custom component of the only child.
-     */
-    asChild?: boolean;
-    /**
-     * The id of the element the label is associated with.
-     */
-    htmlFor?: string;
+export interface CheckboxLabelProps extends LabelProps, LabelStylesProps {
     /**
      * When true, prevents the user from interacting with the checkbox item.
      */
     disabled?: boolean;
 }
-export declare const Label: ({ className, disabled, ...others }: LabelProps) => JSX.Element;
+export declare const CheckboxLabel: {
+    ({ className, disabled, ...others }: CheckboxLabelProps): JSX.Element;
+    displayName: string;
+};

package/dist/index.d.ts

@@ -1 +1,2 @@
-export { Checkbox } from './Checkbox';
+export * from './Checkbox';
+export * from './CheckboxGroup';

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),v=require("@radix-ui/react-checkbox"),C=require("@spark-ui/use-merge-refs"),y=require("@spark-ui/internal-utils"),d=require("class-variance-authority"),w=require("@radix-ui/react-label");function x(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const o=x(v),l=r.forwardRef(({title:e,fill:a="currentColor",stroke:t="none",...s},i)=>r.createElement("svg",{ref:i,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e&&{"data-title":e},fill:a,stroke:t,...s,dangerouslySetInnerHTML:{__html:(e===void 0?"":`<title>${e}</title>`)+'<path d="M8.91958 20.1667C8.73748 20.1667 8.56045 20.1323 8.38847 20.0635C8.21649 19.9947 8.05969 19.8915 7.91806 19.7539L2.42489 14.4176C2.14163 14.1425 2 13.8083 2 13.4152C2 13.0222 2.14163 12.688 2.42489 12.4129C2.70814 12.1377 3.04704 12.0001 3.44158 12.0001C3.83612 12.0001 4.18513 12.1377 4.48862 12.4129L8.91958 16.7173L19.5417 6.42797C19.825 6.1528 20.1639 6.0103 20.5584 6.00048C20.953 5.99065 21.2919 6.13315 21.5751 6.42797C21.8584 6.70313 22 7.03727 22 7.43036C22 7.82346 21.8584 8.15759 21.5751 8.43276L9.92109 19.7539C9.77946 19.8915 9.62266 19.9947 9.45068 20.0635C9.27871 20.1323 9.10167 20.1667 8.91958 20.1667Z"/>'}}));l.displayName="Check";const u=r.forwardRef(({title:e,fill:a="currentColor",stroke:t="none",...s},i)=>r.createElement("svg",{ref:i,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e&&{"data-title":e},fill:a,stroke:t,...s,dangerouslySetInnerHTML:{__html:(e===void 0?"":`<title>${e}</title>`)+'<path fill-rule="evenodd" clip-rule="evenodd" d="M2 11.9999C2 11.379 2.44772 10.8756 3 10.8756H21C21.5523 10.8756 22 11.379 22 11.9999C22 12.6208 21.5523 13.1242 21 13.1242H3C2.44772 13.1242 2 12.6208 2 11.9999Z"/>'}}));u.displayName="Minus";const N=d.cva(["h-sz-20 w-sz-20 border-md peer my-[var(--sz-1)] shrink-0 items-center justify-center self-baseline rounded-sm bg-transparent","spark-disabled:opacity-dim-3 spark-disabled:cursor-not-allowed spark-disabled:hover:ring-0","focus-visible:ring-outline-high focus-visible:outline-none focus-visible:ring-2","hover:border-primary-container hover:outline-none hover:ring-2","u-shadow-border-transition"],{variants:{intent:y.makeVariants({primary:["spark-state-unchecked:border-outline","spark-state-indeterminate:border-primary spark-state-indeterminate:bg-primary","spark-state-checked:border-primary spark-state-checked:bg-primary"],success:["spark-state-unchecked:border-success","spark-state-indeterminate:border-success spark-state-indeterminate:bg-success","spark-state-checked:border-success spark-state-checked:bg-success"],alert:["spark-state-unchecked:border-alert","spark-state-indeterminate:border-alert spark-state-indeterminate:bg-alert","spark-state-checked:border-alert spark-state-checked:bg-alert"],error:["spark-state-unchecked:border-error","spark-state-indeterminate:border-error spark-state-indeterminate:bg-error","spark-state-checked:border-error spark-state-checked:bg-error"],info:["spark-state-unchecked:border-info","spark-state-indeterminate:border-info spark-state-indeterminate:bg-info","spark-state-checked:border-info spark-state-checked:bg-info"],neutral:["spark-state-unchecked:border-neutral","spark-state-indeterminate:border-neutral spark-state-indeterminate:bg-neutral","spark-state-checked:border-neutral spark-state-checked:bg-neutral"]})},defaultVariants:{intent:"primary"}}),E=r.forwardRef(({intent:e,icon:a,className:t,onCheckedChange:s,...i},k)=>{const[b,m]=r.useState(),p=C.useMergeRefs(k,n=>{m(n?.getAttribute("aria-checked"))}),f=(({icon:n,checked:c})=>{if(n)return n;switch(c){case"true":return r.createElement(l,null);case"mixed":return r.createElement(u,null);default:return null}})({icon:a,checked:b}),h=r.useCallback(n=>{if(typeof s=="function"){const[c,g]=[n!=="indeterminate"&&n,n==="indeterminate"||void 0];s(c,g)}},[]);return r.createElement(o.Root,{ref:p,className:N({intent:e,className:t}),...i,onCheckedChange:h},r.createElement(o.Indicator,{className:"text-surface flex items-center justify-center"},f))}),M=d.cva(["flex","items-center","gap-md","text-body-1"],{variants:{disabled:{true:["text-neutral/dim-2","cursor-not-allowed"],false:["cursor-pointer"]}},defaultVariants:{disabled:!1}}),j=({className:e,disabled:a,...t})=>r.createElement(w.Label,{className:M({className:e,disabled:a}),...t}),L=r.forwardRef(({children:e,className:a,...t},s)=>r.createElement(j,{"data-spark-component":"checkbox",className:a,disabled:t.disabled},r.createElement(E,{ref:s,...t}),e));exports.Checkbox=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),V=require("class-variance-authority");require("react-dom");const yr=require("@spark-ui/use-merge-refs"),Ft=require("@radix-ui/react-checkbox"),gr=require("@spark-ui/icon"),_r=require("@spark-ui/internal-utils"),kr=require("@spark-ui/label");function wr(r){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const i in r)if(i!=="default"){const o=Object.getOwnPropertyDescriptor(r,i);Object.defineProperty(s,i,o.get?o:{enumerable:!0,get:()=>r[i]})}}return s.default=r,Object.freeze(s)}const zt=wr(n),jr=globalThis?.document?n.useLayoutEffect:()=>{},Cr=zt["useId".toString()]||(()=>{});let xr=0;function Ge(r){const[s,i]=zt.useState(Cr());return jr(()=>{r||i(o=>o??String(xr++))},[r]),r||(s?`radix-${s}`:"")}function oe(){return oe=Object.assign?Object.assign.bind():function(r){for(var s=1;s<arguments.length;s++){var i=arguments[s];for(var o in i)Object.prototype.hasOwnProperty.call(i,o)&&(r[o]=i[o])}return r},oe.apply(this,arguments)}function Er(...r){return s=>r.forEach(i=>function(o,l){typeof o=="function"?o(l):o!=null&&(o.current=l)}(i,s))}const Ze=n.forwardRef((r,s)=>{const{children:i,...o}=r,l=n.Children.toArray(i),u=l.find(Nr);if(u){const d=u.props.children,p=l.map(k=>k===u?n.Children.count(d)>1?n.Children.only(null):n.isValidElement(d)?d.props.children:null:k);return n.createElement(He,oe({},o,{ref:s}),n.isValidElement(d)?n.cloneElement(d,void 0,p):null)}return n.createElement(He,oe({},o,{ref:s}),i)});Ze.displayName="Slot";const He=n.forwardRef((r,s)=>{const{children:i,...o}=r;return n.isValidElement(i)?n.cloneElement(i,{...Rr(o,i.props),ref:Er(s,i.ref)}):n.Children.count(i)>1?n.Children.only(null):null});He.displayName="SlotClone";const St=({children:r})=>n.createElement(n.Fragment,null,r);function Nr(r){return n.isValidElement(r)&&r.type===St}function Rr(r,s){const i={...s};for(const o in s){const l=r[o],u=s[o];/^on[A-Z]/.test(o)?l&&u?i[o]=(...d)=>{u(...d),l(...d)}:l&&(i[o]=l):o==="style"?i[o]={...l,...u}:o==="className"&&(i[o]=[l,u].filter(Boolean).join(" "))}return{...r,...i}}const Ir=n.forwardRef((r,s)=>n.createElement(Ze,{ref:s,...r})),Or=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"].reduce((r,s)=>{const i=n.forwardRef((o,l)=>{const{asChild:u,...d}=o,p=u?Ze:s;return n.useEffect(()=>{window[Symbol.for("radix-ui")]=!0},[]),n.createElement(p,oe({},d,{ref:l}))});return i.displayName=`Primitive.${s}`,{...r,[s]:i}},{}),Fr=n.forwardRef((r,s)=>n.createElement(Or.label,oe({},r,{ref:s,onMouseDown:i=>{var o;(o=r.onMouseDown)===null||o===void 0||o.call(r,i),!i.defaultPrevented&&i.detail>1&&i.preventDefault()}}))),We=n.createContext(null),Je=()=>{const r=n.useContext(We);if(!r)throw Error("useFormField must be used within a FormField provider");return r},qt=({id:r,name:s,isInvalid:i,isRequired:o,children:l})=>{const u=Ge(),[d,p]=n.useState([]),k=d.length>0?d.join(" "):void 0,C=n.useCallback(N=>{p(R=>[...R,N])},[]),g=n.useCallback(N=>{p(R=>R.filter(I=>I!==N))},[]),z=n.useMemo(()=>({id:r,labelId:u,name:s,isInvalid:i,isRequired:o,description:k,onMessageIdAdd:C,onMessageIdRemove:g}),[r,u,s,k,i,o,C,g]);return n.createElement(We.Provider,{value:z},l)};qt.displayName="FormFieldProvider";const At=n.forwardRef(({className:r,name:s,isInvalid:i=!1,isRequired:o=!1,asChild:l=!1,...u},d)=>{const p=Ge(),k=l?Ir:"div";return n.createElement(qt,{id:p,name:s,isRequired:o,isInvalid:i},n.createElement(k,{ref:d,"data-spark-component":"form-control",className:V.cx(r,"flex flex-col gap-xl"),...u}))});At.displayName="FormField";const Ke=n.forwardRef(({id:r,className:s,...i},o)=>{const{onMessageIdAdd:l,onMessageIdRemove:u}=Je(),d=Ge(),p=r||d;return n.useEffect(()=>(l(p),()=>{u(p)}),[p,l,u]),n.createElement("span",{ref:o,id:p,className:V.cx(s,"text-caption"),...i})});Ke.displayName="FormField.Message";const Mt=n.forwardRef(({className:r,...s},i)=>{const{isInvalid:o}=Je();return o?n.createElement(Ke,{ref:i,"data-spark-component":"form-error-message","aria-live":"polite",className:V.cx(r,"text-error"),...s}):null});Mt.displayName="FormField.ErrorMessage";const Lt=n.forwardRef(({className:r,...s},i)=>n.createElement(Ke,{ref:i,"data-spark-component":"form-helper-message",className:V.cx(r,"text-neutral"),...s}));Lt.displayName="FormField.HelperMessage";const Qe=n.forwardRef(({className:r,children:s="*",...i},o)=>n.createElement("span",{ref:o,"data-spark-component":"form-required-indicator",role:"presentation","aria-hidden":"true",className:V.cx(r,"text-error"),...i},s));Qe.displayName="FormField.RequiredIndicator";const Pt=n.forwardRef(({htmlFor:r,className:s,children:i,requiredIndicator:o=n.createElement(Qe,null),asChild:l,...u},d)=>{const p=Je(),{labelId:k,isRequired:C}=p,g=l?void 0:r||p.id;return n.createElement(Fr,{ref:d,id:k,"data-spark-component":"form-label",htmlFor:g,className:V.cx(s,"flex items-center gap-sm text-body-1"),asChild:l,...u},n.createElement(St,null,i),C&&o)});Pt.displayName="FormField.Label";const Xe=()=>{const{id:r,name:s,description:i,labelId:o,isRequired:l,isInvalid:u}=n.useContext(We)||{};return{id:r,name:s,description:i,labelId:o,isRequired:l,isInvalid:u}},It=({children:r})=>{const{id:s,name:i,isInvalid:o,labelId:l,isRequired:u,description:d}=Xe();return n.createElement(n.Fragment,null,r({id:s,labelId:l,name:i,isRequired:u,isInvalid:o,description:d}))};It.displayName="FormField.State",Object.assign(At,{Label:Pt,State:It,ErrorMessage:Mt,HelperMessage:Lt,RequiredIndicator:Qe});const Tt=n.createContext({}),$t=n.forwardRef(({title:r,fill:s="currentColor",stroke:i="none",...o},l)=>n.createElement("svg",{ref:l,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r&&{"data-title":r},fill:s,stroke:i,...o,dangerouslySetInnerHTML:{__html:(r===void 0?"":`<title>${r}</title>`)+'<path d="M8.91958 20.1667C8.73748 20.1667 8.56045 20.1323 8.38847 20.0635C8.21649 19.9947 8.05969 19.8915 7.91806 19.7539L2.42489 14.4176C2.14163 14.1425 2 13.8083 2 13.4152C2 13.0222 2.14163 12.688 2.42489 12.4129C2.70814 12.1377 3.04704 12.0001 3.44158 12.0001C3.83612 12.0001 4.18513 12.1377 4.48862 12.4129L8.91958 16.7173L19.5417 6.42797C19.825 6.1528 20.1639 6.0103 20.5584 6.00048C20.953 5.99065 21.2919 6.13315 21.5751 6.42797C21.8584 6.70313 22 7.03727 22 7.43036C22 7.82346 21.8584 8.15759 21.5751 8.43276L9.92109 19.7539C9.77946 19.8915 9.62266 19.9947 9.45068 20.0635C9.27871 20.1323 9.10167 20.1667 8.91958 20.1667Z"/>'}}));$t.displayName="Check";const Vt=n.forwardRef(({title:r,fill:s="currentColor",stroke:i="none",...o},l)=>n.createElement("svg",{ref:l,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r&&{"data-title":r},fill:s,stroke:i,...o,dangerouslySetInnerHTML:{__html:(r===void 0?"":`<title>${r}</title>`)+'<path fill-rule="evenodd" clip-rule="evenodd" d="M2 11.9999C2 11.379 2.44772 10.8756 3 10.8756H21C21.5523 10.8756 22 11.379 22 11.9999C22 12.6208 21.5523 13.1242 21 13.1242H3C2.44772 13.1242 2 12.6208 2 11.9999Z"/>'}}));Vt.displayName="Minus";const Bt=n.forwardRef((r,s)=>n.createElement(Ft.CheckboxIndicator,{ref:s,className:"text-surface flex h-full w-full items-center justify-center",...r}));Bt.displayName="CheckboxIndicator";const zr=V.cva(["h-sz-16 w-sz-16 border-md box-content items-center justify-center rounded-sm bg-transparent outline-none","spark-disabled:opacity-dim-3 spark-disabled:cursor-not-allowed spark-disabled:hover:ring-0","focus-visible:ring-outline-high focus-visible:ring-2","hover:border-primary-container hover:ring-2","u-shadow-border-transition"],{variants:{intent:_r.makeVariants({primary:["spark-state-unchecked:border-outline","spark-state-indeterminate:border-primary spark-state-indeterminate:bg-primary","spark-state-checked:border-primary spark-state-checked:bg-primary"],success:["spark-state-unchecked:border-success","spark-state-indeterminate:border-success spark-state-indeterminate:bg-success","spark-state-checked:border-success spark-state-checked:bg-success"],alert:["spark-state-unchecked:border-alert","spark-state-indeterminate:border-alert spark-state-indeterminate:bg-alert","spark-state-checked:border-alert spark-state-checked:bg-alert"],error:["spark-state-unchecked:border-error","spark-state-indeterminate:border-error spark-state-indeterminate:bg-error","spark-state-checked:border-error spark-state-checked:bg-error"],info:["spark-state-unchecked:border-info","spark-state-indeterminate:border-info spark-state-indeterminate:bg-info","spark-state-checked:border-info spark-state-checked:bg-info"],neutral:["spark-state-unchecked:border-neutral","spark-state-indeterminate:border-neutral spark-state-indeterminate:bg-neutral","spark-state-checked:border-neutral spark-state-checked:bg-neutral"]})},defaultVariants:{intent:"primary"}}),Dt=n.forwardRef(({className:r,icon:s=n.createElement($t,null),indeterminateIcon:i=n.createElement(Vt,null),intent:o,checked:l,...u},d)=>n.createElement(Ft.Checkbox,{ref:d,className:zr({intent:o,className:r}),checked:l,...u},n.createElement(Bt,null,n.createElement(gr.Icon,{size:"sm"},l==="indeterminate"?i:s))));Dt.displayName="CheckboxInput";const Sr=V.cva(["inline-flex","items-center","gap-md","text-body-1"],{variants:{disabled:{true:["text-neutral/dim-2","cursor-not-allowed"],false:["cursor-pointer"]}},defaultVariants:{disabled:!1}}),Ht=({className:r,disabled:s,...i})=>n.createElement(kr.Label,{className:Sr({className:r,disabled:s}),...i});Ht.displayName="CheckboxLabel";const Ut=n.forwardRef(({className:r,intent:s,checked:i,value:o,disabled:l,onCheckedChange:u,children:d,...p},k)=>{const C=Xe(),g=n.useContext(Tt),z=n.useRef(),N=yr.useMergeRefs(k,z),R=C.name??g.name,I=C.isRequired??g.isRequired,W=C.isInvalid??g.isInvalid,B=C.id!==g.id,O=B?C.id:void 0,J=B?C.description:void 0,te=W?"error":s??g.intent,re=g.value&&o?g.value.includes(o):i;return n.createElement(Ht,{"data-spark-component":"checkbox",className:r,disabled:l},n.createElement(Dt,{ref:N,id:O,name:R,value:o,intent:te,checked:re,disabled:l,required:I,"aria-describedby":J,"aria-invalid":W,onCheckedChange:A=>{u&&u(A);const D=z.current;g.onCheckedChange&&D?.value&&g.onCheckedChange(A,D.value)},...p}),d)});Ut.displayName="Checkbox";var ze=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function qr(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var Ue={exports:{}};(function(r,s){var i="__lodash_hash_undefined__",o=1,l=2,u=9007199254740991,d="[object Arguments]",p="[object Array]",k="[object AsyncFunction]",C="[object Boolean]",g="[object Date]",z="[object Error]",N="[object Function]",R="[object GeneratorFunction]",I="[object Map]",W="[object Number]",B="[object Null]",O="[object Object]",J="[object Promise]",te="[object Proxy]",re="[object RegExp]",A="[object Set]",D="[object String]",he="[object Symbol]",me="[object Undefined]",se="[object WeakMap]",Ye="[object ArrayBuffer]",be="[object DataView]",Gt=/^\[object .+?Constructor\]$/,Zt=/^(?:0|[1-9]\d*)$/,b={};b["[object Float32Array]"]=b["[object Float64Array]"]=b["[object Int8Array]"]=b["[object Int16Array]"]=b["[object Int32Array]"]=b["[object Uint8Array]"]=b["[object Uint8ClampedArray]"]=b["[object Uint16Array]"]=b["[object Uint32Array]"]=!0,b[d]=b[p]=b[Ye]=b[C]=b[be]=b[g]=b[z]=b[N]=b[I]=b[W]=b[O]=b[re]=b[A]=b[D]=b[se]=!1;var et=typeof ze=="object"&&ze&&ze.Object===Object&&ze,Wt=typeof self=="object"&&self&&self.Object===Object&&self,M=et||Wt||Function("return this")(),tt=s&&!s.nodeType&&s,rt=tt&&r&&!r.nodeType&&r,nt=rt&&rt.exports===tt,Se=nt&&et.process,at=function(){try{return Se&&Se.binding&&Se.binding("util")}catch{}}(),it=at&&at.isTypedArray;function Jt(e,t){for(var a=-1,c=e==null?0:e.length;++a<c;)if(t(e[a],a,e))return!0;return!1}function Kt(e){var t=-1,a=Array(e.size);return e.forEach(function(c,v){a[++t]=[v,c]}),a}function Qt(e){var t=-1,a=Array(e.size);return e.forEach(function(c){a[++t]=c}),a}var ot,st,ct,Xt=Array.prototype,Yt=Function.prototype,ve=Object.prototype,qe=M["__core-js_shared__"],lt=Yt.toString,S=ve.hasOwnProperty,ut=(ot=/[^.]+$/.exec(qe&&qe.keys&&qe.keys.IE_PROTO||""))?"Symbol(src)_1."+ot:"",dt=ve.toString,er=RegExp("^"+lt.call(S).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),ft=nt?M.Buffer:void 0,ye=M.Symbol,pt=M.Uint8Array,ht=ve.propertyIsEnumerable,tr=Xt.splice,K=ye?ye.toStringTag:void 0,mt=Object.getOwnPropertySymbols,rr=ft?ft.isBuffer:void 0,nr=(st=Object.keys,ct=Object,function(e){return st(ct(e))}),Ae=ne(M,"DataView"),ce=ne(M,"Map"),Me=ne(M,"Promise"),Le=ne(M,"Set"),Pe=ne(M,"WeakMap"),le=ne(Object,"create"),ar=Y(Ae),ir=Y(ce),or=Y(Me),sr=Y(Le),cr=Y(Pe),bt=ye?ye.prototype:void 0,Te=bt?bt.valueOf:void 0;function Q(e){var t=-1,a=e==null?0:e.length;for(this.clear();++t<a;){var c=e[t];this.set(c[0],c[1])}}function L(e){var t=-1,a=e==null?0:e.length;for(this.clear();++t<a;){var c=e[t];this.set(c[0],c[1])}}function X(e){var t=-1,a=e==null?0:e.length;for(this.clear();++t<a;){var c=e[t];this.set(c[0],c[1])}}function ge(e){var t=-1,a=e==null?0:e.length;for(this.__data__=new X;++t<a;)this.add(e[t])}function H(e){var t=this.__data__=new L(e);this.size=t.size}function lr(e,t){var a=we(e),c=!a&&hr(e),v=!a&&!c&&$e(e),f=!a&&!c&&!v&&xt(e),y=a||c||v||f,_=y?function(j,q){for(var P=-1,x=Array(j);++P<j;)x[P]=q(P);return x}(e.length,String):[],F=_.length;for(var w in e)!t&&!S.call(e,w)||y&&(w=="length"||v&&(w=="offset"||w=="parent")||f&&(w=="buffer"||w=="byteLength"||w=="byteOffset")||pr(w,F))||_.push(w);return _}function _e(e,t){for(var a=e.length;a--;)if(kt(e[a][0],t))return a;return-1}function ue(e){return e==null?e===void 0?me:B:K&&K in Object(e)?function(t){var a=S.call(t,K),c=t[K];try{t[K]=void 0;var v=!0}catch{}var f=dt.call(t);return v&&(a?t[K]=c:delete t[K]),f}(e):function(t){return dt.call(t)}(e)}function vt(e){return de(e)&&ue(e)==d}function yt(e,t,a,c,v){return e===t||(e==null||t==null||!de(e)&&!de(t)?e!=e&&t!=t:function(f,y,_,F,w,j){var q=we(f),P=we(y),x=q?p:U(f),T=P?p:U(y),ae=(x=x==d?O:x)==O,je=(T=T==d?O:T)==O,ie=x==T;if(ie&&$e(f)){if(!$e(y))return!1;q=!0,ae=!1}if(ie&&!ae)return j||(j=new H),q||xt(f)?gt(f,y,_,F,w,j):function(m,h,Ce,G,Ve,E,$){switch(Ce){case be:if(m.byteLength!=h.byteLength||m.byteOffset!=h.byteOffset)return!1;m=m.buffer,h=h.buffer;case Ye:return!(m.byteLength!=h.byteLength||!E(new pt(m),new pt(h)));case C:case g:case W:return kt(+m,+h);case z:return m.name==h.name&&m.message==h.message;case re:case D:return m==h+"";case I:var Z=Kt;case A:var pe=G&o;if(Z||(Z=Qt),m.size!=h.size&&!pe)return!1;var xe=$.get(m);if(xe)return xe==h;G|=l,$.set(m,h);var Be=gt(Z(m),Z(h),G,Ve,E,$);return $.delete(m),Be;case he:if(Te)return Te.call(m)==Te.call(h)}return!1}(f,y,x,_,F,w,j);if(!(_&o)){var fe=ae&&S.call(f,"__wrapped__"),Et=je&&S.call(y,"__wrapped__");if(fe||Et){var br=fe?f.value():f,vr=Et?y.value():y;return j||(j=new H),w(br,vr,_,F,j)}}return ie?(j||(j=new H),function(m,h,Ce,G,Ve,E){var $=Ce&o,Z=_t(m),pe=Z.length,xe=_t(h),Be=xe.length;if(pe!=Be&&!$)return!1;for(var Ee=pe;Ee--;){var ee=Z[Ee];if(!($?ee in h:S.call(h,ee)))return!1}var Nt=E.get(m);if(Nt&&E.get(h))return Nt==h;var Ne=!0;E.set(m,h),E.set(h,m);for(var De=$;++Ee<pe;){var Re=m[ee=Z[Ee]],Ie=h[ee];if(G)var Rt=$?G(Ie,Re,ee,h,m,E):G(Re,Ie,ee,m,h,E);if(!(Rt===void 0?Re===Ie||Ve(Re,Ie,Ce,G,E):Rt)){Ne=!1;break}De||(De=ee=="constructor")}if(Ne&&!De){var Oe=m.constructor,Fe=h.constructor;Oe==Fe||!("constructor"in m)||!("constructor"in h)||typeof Oe=="function"&&Oe instanceof Oe&&typeof Fe=="function"&&Fe instanceof Fe||(Ne=!1)}return E.delete(m),E.delete(h),Ne}(f,y,_,F,w,j)):!1}(e,t,a,c,yt,v))}function ur(e){return!(!Ct(e)||function(t){return!!ut&&ut in t}(e))&&(wt(e)?er:Gt).test(Y(e))}function dr(e){if(a=(t=e)&&t.constructor,c=typeof a=="function"&&a.prototype||ve,t!==c)return nr(e);var t,a,c,v=[];for(var f in Object(e))S.call(e,f)&&f!="constructor"&&v.push(f);return v}function gt(e,t,a,c,v,f){var y=a&o,_=e.length,F=t.length;if(_!=F&&!(y&&F>_))return!1;var w=f.get(e);if(w&&f.get(t))return w==t;var j=-1,q=!0,P=a&l?new ge:void 0;for(f.set(e,t),f.set(t,e);++j<_;){var x=e[j],T=t[j];if(c)var ae=y?c(T,x,j,t,e,f):c(x,T,j,e,t,f);if(ae!==void 0){if(ae)continue;q=!1;break}if(P){if(!Jt(t,function(je,ie){if(fe=ie,!P.has(fe)&&(x===je||v(x,je,a,c,f)))return P.push(ie);var fe})){q=!1;break}}else if(x!==T&&!v(x,T,a,c,f)){q=!1;break}}return f.delete(e),f.delete(t),q}function _t(e){return function(t,a,c){var v=a(t);return we(t)?v:function(f,y){for(var _=-1,F=y.length,w=f.length;++_<F;)f[w+_]=y[_];return f}(v,c(t))}(e,mr,fr)}function ke(e,t){var a,c,v=e.__data__;return((c=typeof(a=t))=="string"||c=="number"||c=="symbol"||c=="boolean"?a!=="__proto__":a===null)?v[typeof t=="string"?"string":"hash"]:v.map}function ne(e,t){var a=function(c,v){return c?.[v]}(e,t);return ur(a)?a:void 0}Q.prototype.clear=function(){this.__data__=le?le(null):{},this.size=0},Q.prototype.delete=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},Q.prototype.get=function(e){var t=this.__data__;if(le){var a=t[e];return a===i?void 0:a}return S.call(t,e)?t[e]:void 0},Q.prototype.has=function(e){var t=this.__data__;return le?t[e]!==void 0:S.call(t,e)},Q.prototype.set=function(e,t){var a=this.__data__;return this.size+=this.has(e)?0:1,a[e]=le&&t===void 0?i:t,this},L.prototype.clear=function(){this.__data__=[],this.size=0},L.prototype.delete=function(e){var t=this.__data__,a=_e(t,e);return!(a<0)&&(a==t.length-1?t.pop():tr.call(t,a,1),--this.size,!0)},L.prototype.get=function(e){var t=this.__data__,a=_e(t,e);return a<0?void 0:t[a][1]},L.prototype.has=function(e){return _e(this.__data__,e)>-1},L.prototype.set=function(e,t){var a=this.__data__,c=_e(a,e);return c<0?(++this.size,a.push([e,t])):a[c][1]=t,this},X.prototype.clear=function(){this.size=0,this.__data__={hash:new Q,map:new(ce||L),string:new Q}},X.prototype.delete=function(e){var t=ke(this,e).delete(e);return this.size-=t?1:0,t},X.prototype.get=function(e){return ke(this,e).get(e)},X.prototype.has=function(e){return ke(this,e).has(e)},X.prototype.set=function(e,t){var a=ke(this,e),c=a.size;return a.set(e,t),this.size+=a.size==c?0:1,this},ge.prototype.add=ge.prototype.push=function(e){return this.__data__.set(e,i),this},ge.prototype.has=function(e){return this.__data__.has(e)},H.prototype.clear=function(){this.__data__=new L,this.size=0},H.prototype.delete=function(e){var t=this.__data__,a=t.delete(e);return this.size=t.size,a},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 a=this.__data__;if(a instanceof L){var c=a.__data__;if(!ce||c.length<199)return c.push([e,t]),this.size=++a.size,this;a=this.__data__=new X(c)}return a.set(e,t),this.size=a.size,this};var fr=mt?function(e){return e==null?[]:(e=Object(e),function(t,a){for(var c=-1,v=t==null?0:t.length,f=0,y=[];++c<v;){var _=t[c];a(_,c,t)&&(y[f++]=_)}return y}(mt(e),function(t){return ht.call(e,t)}))}:function(){return[]},U=ue;function pr(e,t){return!!(t=t??u)&&(typeof e=="number"||Zt.test(e))&&e>-1&&e%1==0&&e<t}function Y(e){if(e!=null){try{return lt.call(e)}catch{}try{return e+""}catch{}}return""}function kt(e,t){return e===t||e!=e&&t!=t}(Ae&&U(new Ae(new ArrayBuffer(1)))!=be||ce&&U(new ce)!=I||Me&&U(Me.resolve())!=J||Le&&U(new Le)!=A||Pe&&U(new Pe)!=se)&&(U=function(e){var t=ue(e),a=t==O?e.constructor:void 0,c=a?Y(a):"";if(c)switch(c){case ar:return be;case ir:return I;case or:return J;case sr:return A;case cr:return se}return t});var hr=vt(function(){return arguments}())?vt:function(e){return de(e)&&S.call(e,"callee")&&!ht.call(e,"callee")},we=Array.isArray,$e=rr||function(){return!1};function wt(e){if(!Ct(e))return!1;var t=ue(e);return t==N||t==R||t==k||t==te}function jt(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=u}function Ct(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}function de(e){return e!=null&&typeof e=="object"}var xt=it?function(e){return function(t){return e(t)}}(it):function(e){return de(e)&&jt(e.length)&&!!b[ue(e)]};function mr(e){return(t=e)!=null&&jt(t.length)&&!wt(t)?lr(e):dr(e);var t}r.exports=function(e,t){return yt(e,t)}})(Ue,Ue.exports);const Ar=qr(Ue.exports);function Mr(r,s){const{current:i}=n.useRef(r===void 0?s:r),[o,l]=n.useState(i),u=function(){const p=n.useRef(!1),k=n.useCallback(()=>p.current,[]);return n.useEffect(()=>(p.current=!0,()=>{p.current=!1}),[]),k}();n.useLayoutEffect(()=>{u()&&r!=null&&l(r)},[r,l,u]);const d=n.useCallback((p,k)=>{(r===void 0||k)&&!Ar(p,o)&&l(p)},[r,l,o]);return[o,d,r!==void 0,i]}const Lr=V.cva(["flex","gap-lg"],{variants:{orientation:{vertical:["flex-col"],horizontal:[]}}}),Ot=n.forwardRef(({name:r,value:s,defaultValue:i,className:o,intent:l,orientation:u="vertical",onCheckedChange:d,children:p,...k},C)=>{const[g,z]=Mr(s,i),N=Xe(),R=n.useRef(d),{id:I,labelId:W,description:B,isInvalid:O,isRequired:J}=N,te=r??N.name,re=n.useMemo(()=>({id:I,name:te,value:g,intent:l,isInvalid:O,description:B,isRequired:J,onCheckedChange:(A,D)=>{const he=g||[],me=A?[...he,D]:he.filter(se=>se!==D);z(me),R.current&&R.current(me)}}),[I,te,g,l,O,B,J,z]);return n.useEffect(()=>{R.current=d},[d]),n.createElement(Tt.Provider,{value:re},n.createElement("div",{ref:C,className:Lr({className:o,orientation:u}),role:"group","aria-labelledby":W,"aria-describedby":B,...k},p))});Ot.displayName="CheckboxGroup",exports.Checkbox=Ut,exports.CheckboxGroup=Ot;

package/dist/index.mjs

@@ -1,35 +1,571 @@
-import r, { forwardRef as C, useState as v, useCallback as w } from "react";
-import * as d from "@radix-ui/react-checkbox";
-import { useMergeRefs as y } from "@spark-ui/use-merge-refs";
-import { makeVariants as x } from "@spark-ui/internal-utils";
-import { cva as c } from "class-variance-authority";
-import { Label as N } from "@radix-ui/react-label";
-const l = r.forwardRef(({ title: e, fill: a = "currentColor", stroke: t = "none", ...s }, i) => r.createElement("svg", { ref: i, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...e && { "data-title": e }, fill: a, stroke: t, ...s, dangerouslySetInnerHTML: { __html: (e === void 0 ? "" : `<title>${e}</title>`) + '<path d="M8.91958 20.1667C8.73748 20.1667 8.56045 20.1323 8.38847 20.0635C8.21649 19.9947 8.05969 19.8915 7.91806 19.7539L2.42489 14.4176C2.14163 14.1425 2 13.8083 2 13.4152C2 13.0222 2.14163 12.688 2.42489 12.4129C2.70814 12.1377 3.04704 12.0001 3.44158 12.0001C3.83612 12.0001 4.18513 12.1377 4.48862 12.4129L8.91958 16.7173L19.5417 6.42797C19.825 6.1528 20.1639 6.0103 20.5584 6.00048C20.953 5.99065 21.2919 6.13315 21.5751 6.42797C21.8584 6.70313 22 7.03727 22 7.43036C22 7.82346 21.8584 8.15759 21.5751 8.43276L9.92109 19.7539C9.77946 19.8915 9.62266 19.9947 9.45068 20.0635C9.27871 20.1323 9.10167 20.1667 8.91958 20.1667Z"/>' } }));
-l.displayName = "Check";
-const m = r.forwardRef(({ title: e, fill: a = "currentColor", stroke: t = "none", ...s }, i) => r.createElement("svg", { ref: i, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...e && { "data-title": e }, fill: a, stroke: t, ...s, dangerouslySetInnerHTML: { __html: (e === void 0 ? "" : `<title>${e}</title>`) + '<path fill-rule="evenodd" clip-rule="evenodd" d="M2 11.9999C2 11.379 2.44772 10.8756 3 10.8756H21C21.5523 10.8756 22 11.379 22 11.9999C22 12.6208 21.5523 13.1242 21 13.1242H3C2.44772 13.1242 2 12.6208 2 11.9999Z"/>' } }));
-m.displayName = "Minus";
-const E = c(["h-sz-20 w-sz-20 border-md peer my-[var(--sz-1)] shrink-0 items-center justify-center self-baseline rounded-sm bg-transparent", "spark-disabled:opacity-dim-3 spark-disabled:cursor-not-allowed spark-disabled:hover:ring-0", "focus-visible:ring-outline-high focus-visible:outline-none focus-visible:ring-2", "hover:border-primary-container hover:outline-none hover:ring-2", "u-shadow-border-transition"], { variants: { intent: x({ primary: ["spark-state-unchecked:border-outline", "spark-state-indeterminate:border-primary spark-state-indeterminate:bg-primary", "spark-state-checked:border-primary spark-state-checked:bg-primary"], success: ["spark-state-unchecked:border-success", "spark-state-indeterminate:border-success spark-state-indeterminate:bg-success", "spark-state-checked:border-success spark-state-checked:bg-success"], alert: ["spark-state-unchecked:border-alert", "spark-state-indeterminate:border-alert spark-state-indeterminate:bg-alert", "spark-state-checked:border-alert spark-state-checked:bg-alert"], error: ["spark-state-unchecked:border-error", "spark-state-indeterminate:border-error spark-state-indeterminate:bg-error", "spark-state-checked:border-error spark-state-checked:bg-error"], info: ["spark-state-unchecked:border-info", "spark-state-indeterminate:border-info spark-state-indeterminate:bg-info", "spark-state-checked:border-info spark-state-checked:bg-info"], neutral: ["spark-state-unchecked:border-neutral", "spark-state-indeterminate:border-neutral spark-state-indeterminate:bg-neutral", "spark-state-checked:border-neutral spark-state-checked:bg-neutral"] }) }, defaultVariants: { intent: "primary" } }), L = C(({ intent: e, icon: a, className: t, onCheckedChange: s, ...i }, k) => {
-  const [p, u] = v(), b = y(k, (n) => {
-    u(n?.getAttribute("aria-checked"));
-  }), f = (({ icon: n, checked: o }) => {
-    if (n)
-      return n;
-    switch (o) {
-      case "true":
-        return r.createElement(l, null);
-      case "mixed":
-        return r.createElement(m, null);
-      default:
-        return null;
-    }
-  })({ icon: a, checked: p }), h = w((n) => {
-    if (typeof s == "function") {
-      const [o, g] = [n !== "indeterminate" && n, n === "indeterminate" || void 0];
-      s(o, g);
-    }
-  }, []);
-  return r.createElement(d.Root, { ref: b, className: E({ intent: e, className: t }), ...i, onCheckedChange: h }, r.createElement(d.Indicator, { className: "text-surface flex items-center justify-center" }, f));
-}), M = c(["flex", "items-center", "gap-md", "text-body-1"], { variants: { disabled: { true: ["text-neutral/dim-2", "cursor-not-allowed"], false: ["cursor-pointer"] } }, defaultVariants: { disabled: !1 } }), R = ({ className: e, disabled: a, ...t }) => r.createElement(N, { className: M({ className: e, disabled: a }), ...t }), V = r.forwardRef(({ children: e, className: a, ...t }, s) => r.createElement(R, { "data-spark-component": "checkbox", className: a, disabled: t.disabled }, r.createElement(L, { ref: s, ...t }), e));
+import * as Tt from "react";
+import h, { useLayoutEffect as $t, forwardRef as N, Children as me, isValidElement as qe, createElement as be, cloneElement as Bt, Fragment as Fr, useEffect as Te, createContext as Vt, useContext as Ye, useState as Dt, useCallback as Le, useMemo as Ht, useRef as Pe } from "react";
+import { cx as se, cva as et } from "class-variance-authority";
+import "react-dom";
+import { useMergeRefs as zr } from "@spark-ui/use-merge-refs";
+import { CheckboxIndicator as Or, Checkbox as Ar } from "@radix-ui/react-checkbox";
+import { Icon as Rr } from "@spark-ui/icon";
+import { makeVariants as Mr } from "@spark-ui/internal-utils";
+import { Label as Sr } from "@spark-ui/label";
+const qr = globalThis?.document ? $t : () => {
+}, Lr = Tt["useId".toString()] || (() => {
+});
+let Pr = 0;
+function tt(r) {
+  const [o, i] = Tt.useState(Lr());
+  return qr(() => {
+    r || i((a) => a ?? String(Pr++));
+  }, [r]), r || (o ? `radix-${o}` : "");
+}
+function oe() {
+  return oe = Object.assign ? Object.assign.bind() : function(r) {
+    for (var o = 1; o < arguments.length; o++) {
+      var i = arguments[o];
+      for (var a in i)
+        Object.prototype.hasOwnProperty.call(i, a) && (r[a] = i[a]);
+    }
+    return r;
+  }, oe.apply(this, arguments);
+}
+function Tr(...r) {
+  return (o) => r.forEach((i) => function(a, c) {
+    typeof a == "function" ? a(c) : a != null && (a.current = c);
+  }(i, o));
+}
+const rt = N((r, o) => {
+  const { children: i, ...a } = r, c = me.toArray(i), l = c.find($r);
+  if (l) {
+    const u = l.props.children, f = c.map((k) => k === l ? me.count(u) > 1 ? me.only(null) : qe(u) ? u.props.children : null : k);
+    return be(Qe, oe({}, a, { ref: o }), qe(u) ? Bt(u, void 0, f) : null);
+  }
+  return be(Qe, oe({}, a, { ref: o }), i);
+});
+rt.displayName = "Slot";
+const Qe = N((r, o) => {
+  const { children: i, ...a } = r;
+  return qe(i) ? Bt(i, { ...Br(a, i.props), ref: Tr(o, i.ref) }) : me.count(i) > 1 ? me.only(null) : null;
+});
+Qe.displayName = "SlotClone";
+const Ut = ({ children: r }) => be(Fr, null, r);
+function $r(r) {
+  return qe(r) && r.type === Ut;
+}
+function Br(r, o) {
+  const i = { ...o };
+  for (const a in o) {
+    const c = r[a], l = o[a];
+    /^on[A-Z]/.test(a) ? c && l ? i[a] = (...u) => {
+      l(...u), c(...u);
+    } : c && (i[a] = c) : a === "style" ? i[a] = { ...c, ...l } : a === "className" && (i[a] = [c, l].filter(Boolean).join(" "));
+  }
+  return { ...r, ...i };
+}
+const Vr = N((r, o) => h.createElement(rt, { ref: o, ...r })), Dr = ["a", "button", "div", "form", "h2", "h3", "img", "input", "label", "li", "nav", "ol", "p", "span", "svg", "ul"].reduce((r, o) => {
+  const i = N((a, c) => {
+    const { asChild: l, ...u } = a, f = l ? rt : o;
+    return Te(() => {
+      window[Symbol.for("radix-ui")] = !0;
+    }, []), be(f, oe({}, u, { ref: c }));
+  });
+  return i.displayName = `Primitive.${o}`, { ...r, [o]: i };
+}, {}), Hr = N((r, o) => be(Dr.label, oe({}, r, { ref: o, onMouseDown: (i) => {
+  var a;
+  (a = r.onMouseDown) === null || a === void 0 || a.call(r, i), !i.defaultPrevented && i.detail > 1 && i.preventDefault();
+} }))), nt = Vt(null), at = () => {
+  const r = Ye(nt);
+  if (!r)
+    throw Error("useFormField must be used within a FormField provider");
+  return r;
+}, Gt = ({ id: r, name: o, isInvalid: i, isRequired: a, children: c }) => {
+  const l = tt(), [u, f] = Dt([]), k = u.length > 0 ? u.join(" ") : void 0, C = Le((I) => {
+    f((F) => [...F, I]);
+  }, []), g = Le((I) => {
+    f((F) => F.filter((z) => z !== I));
+  }, []), R = Ht(() => ({ id: r, labelId: l, name: o, isInvalid: i, isRequired: a, description: k, onMessageIdAdd: C, onMessageIdRemove: g }), [r, l, o, k, i, a, C, g]);
+  return h.createElement(nt.Provider, { value: R }, c);
+};
+Gt.displayName = "FormFieldProvider";
+const Zt = N(({ className: r, name: o, isInvalid: i = !1, isRequired: a = !1, asChild: c = !1, ...l }, u) => {
+  const f = tt(), k = c ? Vr : "div";
+  return h.createElement(Gt, { id: f, name: o, isRequired: a, isInvalid: i }, h.createElement(k, { ref: u, "data-spark-component": "form-control", className: se(r, "flex flex-col gap-xl"), ...l }));
+});
+Zt.displayName = "FormField";
+const it = N(({ id: r, className: o, ...i }, a) => {
+  const { onMessageIdAdd: c, onMessageIdRemove: l } = at(), u = tt(), f = r || u;
+  return Te(() => (c(f), () => {
+    l(f);
+  }), [f, c, l]), h.createElement("span", { ref: a, id: f, className: se(o, "text-caption"), ...i });
+});
+it.displayName = "FormField.Message";
+const Wt = N(({ className: r, ...o }, i) => {
+  const { isInvalid: a } = at();
+  return a ? h.createElement(it, { ref: i, "data-spark-component": "form-error-message", "aria-live": "polite", className: se(r, "text-error"), ...o }) : null;
+});
+Wt.displayName = "FormField.ErrorMessage";
+const Jt = N(({ className: r, ...o }, i) => h.createElement(it, { ref: i, "data-spark-component": "form-helper-message", className: se(r, "text-neutral"), ...o }));
+Jt.displayName = "FormField.HelperMessage";
+const ot = N(({ className: r, children: o = "*", ...i }, a) => h.createElement("span", { ref: a, "data-spark-component": "form-required-indicator", role: "presentation", "aria-hidden": "true", className: se(r, "text-error"), ...i }, o));
+ot.displayName = "FormField.RequiredIndicator";
+const Kt = N(({ htmlFor: r, className: o, children: i, requiredIndicator: a = h.createElement(ot, null), asChild: c, ...l }, u) => {
+  const f = at(), { labelId: k, isRequired: C } = f, g = c ? void 0 : r || f.id;
+  return h.createElement(Hr, { ref: u, id: k, "data-spark-component": "form-label", htmlFor: g, className: se(o, "flex items-center gap-sm text-body-1"), asChild: c, ...l }, h.createElement(Ut, null, i), C && a);
+});
+Kt.displayName = "FormField.Label";
+const st = () => {
+  const { id: r, name: o, description: i, labelId: a, isRequired: c, isInvalid: l } = Ye(nt) || {};
+  return { id: r, name: o, description: i, labelId: a, isRequired: c, isInvalid: l };
+}, Pt = ({ children: r }) => {
+  const { id: o, name: i, isInvalid: a, labelId: c, isRequired: l, description: u } = st();
+  return h.createElement(h.Fragment, null, r({ id: o, labelId: c, name: i, isRequired: l, isInvalid: a, description: u }));
+};
+Pt.displayName = "FormField.State", Object.assign(Zt, { Label: Kt, State: Pt, ErrorMessage: Wt, HelperMessage: Jt, RequiredIndicator: ot });
+const Qt = Vt({}), Xt = h.forwardRef(({ title: r, fill: o = "currentColor", stroke: i = "none", ...a }, c) => h.createElement("svg", { ref: c, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...r && { "data-title": r }, fill: o, stroke: i, ...a, dangerouslySetInnerHTML: { __html: (r === void 0 ? "" : `<title>${r}</title>`) + '<path d="M8.91958 20.1667C8.73748 20.1667 8.56045 20.1323 8.38847 20.0635C8.21649 19.9947 8.05969 19.8915 7.91806 19.7539L2.42489 14.4176C2.14163 14.1425 2 13.8083 2 13.4152C2 13.0222 2.14163 12.688 2.42489 12.4129C2.70814 12.1377 3.04704 12.0001 3.44158 12.0001C3.83612 12.0001 4.18513 12.1377 4.48862 12.4129L8.91958 16.7173L19.5417 6.42797C19.825 6.1528 20.1639 6.0103 20.5584 6.00048C20.953 5.99065 21.2919 6.13315 21.5751 6.42797C21.8584 6.70313 22 7.03727 22 7.43036C22 7.82346 21.8584 8.15759 21.5751 8.43276L9.92109 19.7539C9.77946 19.8915 9.62266 19.9947 9.45068 20.0635C9.27871 20.1323 9.10167 20.1667 8.91958 20.1667Z"/>' } }));
+Xt.displayName = "Check";
+const Yt = h.forwardRef(({ title: r, fill: o = "currentColor", stroke: i = "none", ...a }, c) => h.createElement("svg", { ref: c, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...r && { "data-title": r }, fill: o, stroke: i, ...a, dangerouslySetInnerHTML: { __html: (r === void 0 ? "" : `<title>${r}</title>`) + '<path fill-rule="evenodd" clip-rule="evenodd" d="M2 11.9999C2 11.379 2.44772 10.8756 3 10.8756H21C21.5523 10.8756 22 11.379 22 11.9999C22 12.6208 21.5523 13.1242 21 13.1242H3C2.44772 13.1242 2 12.6208 2 11.9999Z"/>' } }));
+Yt.displayName = "Minus";
+const er = N((r, o) => h.createElement(Or, { ref: o, className: "text-surface flex h-full w-full items-center justify-center", ...r }));
+er.displayName = "CheckboxIndicator";
+const Ur = et(["h-sz-16 w-sz-16 border-md box-content items-center justify-center rounded-sm bg-transparent outline-none", "spark-disabled:opacity-dim-3 spark-disabled:cursor-not-allowed spark-disabled:hover:ring-0", "focus-visible:ring-outline-high focus-visible:ring-2", "hover:border-primary-container hover:ring-2", "u-shadow-border-transition"], { variants: { intent: Mr({ primary: ["spark-state-unchecked:border-outline", "spark-state-indeterminate:border-primary spark-state-indeterminate:bg-primary", "spark-state-checked:border-primary spark-state-checked:bg-primary"], success: ["spark-state-unchecked:border-success", "spark-state-indeterminate:border-success spark-state-indeterminate:bg-success", "spark-state-checked:border-success spark-state-checked:bg-success"], alert: ["spark-state-unchecked:border-alert", "spark-state-indeterminate:border-alert spark-state-indeterminate:bg-alert", "spark-state-checked:border-alert spark-state-checked:bg-alert"], error: ["spark-state-unchecked:border-error", "spark-state-indeterminate:border-error spark-state-indeterminate:bg-error", "spark-state-checked:border-error spark-state-checked:bg-error"], info: ["spark-state-unchecked:border-info", "spark-state-indeterminate:border-info spark-state-indeterminate:bg-info", "spark-state-checked:border-info spark-state-checked:bg-info"], neutral: ["spark-state-unchecked:border-neutral", "spark-state-indeterminate:border-neutral spark-state-indeterminate:bg-neutral", "spark-state-checked:border-neutral spark-state-checked:bg-neutral"] }) }, defaultVariants: { intent: "primary" } }), tr = N(({ className: r, icon: o = h.createElement(Xt, null), indeterminateIcon: i = h.createElement(Yt, null), intent: a, checked: c, ...l }, u) => h.createElement(Ar, { ref: u, className: Ur({ intent: a, className: r }), checked: c, ...l }, h.createElement(er, null, h.createElement(Rr, { size: "sm" }, c === "indeterminate" ? i : o))));
+tr.displayName = "CheckboxInput";
+const Gr = et(["inline-flex", "items-center", "gap-md", "text-body-1"], { variants: { disabled: { true: ["text-neutral/dim-2", "cursor-not-allowed"], false: ["cursor-pointer"] } }, defaultVariants: { disabled: !1 } }), rr = ({ className: r, disabled: o, ...i }) => h.createElement(Sr, { className: Gr({ className: r, disabled: o }), ...i });
+rr.displayName = "CheckboxLabel";
+const Zr = N(({ className: r, intent: o, checked: i, value: a, disabled: c, onCheckedChange: l, children: u, ...f }, k) => {
+  const C = st(), g = Ye(Qt), R = Pe(), I = zr(k, R), F = C.name ?? g.name, z = C.isRequired ?? g.isRequired, W = C.isInvalid ?? g.isInvalid, V = C.id !== g.id, O = V ? C.id : void 0, J = V ? C.description : void 0, te = W ? "error" : o ?? g.intent, re = g.value && a ? g.value.includes(a) : i;
+  return h.createElement(rr, { "data-spark-component": "checkbox", className: r, disabled: c }, h.createElement(tr, { ref: I, id: O, name: F, value: a, intent: te, checked: re, disabled: c, required: z, "aria-describedby": J, "aria-invalid": W, onCheckedChange: (q) => {
+    l && l(q);
+    const D = R.current;
+    g.onCheckedChange && D?.value && g.onCheckedChange(q, D.value);
+  }, ...f }), u);
+});
+Zr.displayName = "Checkbox";
+var Se = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function Wr(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
+}
+var Xe = { exports: {} };
+(function(r, o) {
+  var i = "__lodash_hash_undefined__", a = 1, c = 2, l = 9007199254740991, u = "[object Arguments]", f = "[object Array]", k = "[object AsyncFunction]", C = "[object Boolean]", g = "[object Date]", R = "[object Error]", I = "[object Function]", F = "[object GeneratorFunction]", z = "[object Map]", W = "[object Number]", V = "[object Null]", O = "[object Object]", J = "[object Promise]", te = "[object Proxy]", re = "[object RegExp]", q = "[object Set]", D = "[object String]", ve = "[object Symbol]", ye = "[object Undefined]", ce = "[object WeakMap]", ct = "[object ArrayBuffer]", ge = "[object DataView]", nr = /^\[object .+?Constructor\]$/, ar = /^(?:0|[1-9]\d*)$/, b = {};
+  b["[object Float32Array]"] = b["[object Float64Array]"] = b["[object Int8Array]"] = b["[object Int16Array]"] = b["[object Int32Array]"] = b["[object Uint8Array]"] = b["[object Uint8ClampedArray]"] = b["[object Uint16Array]"] = b["[object Uint32Array]"] = !0, b[u] = b[f] = b[ct] = b[C] = b[ge] = b[g] = b[R] = b[I] = b[z] = b[W] = b[O] = b[re] = b[q] = b[D] = b[ce] = !1;
+  var lt = typeof Se == "object" && Se && Se.Object === Object && Se, ir = typeof self == "object" && self && self.Object === Object && self, L = lt || ir || Function("return this")(), ut = o && !o.nodeType && o, dt = ut && r && !r.nodeType && r, ft = dt && dt.exports === ut, $e = ft && lt.process, pt = function() {
+    try {
+      return $e && $e.binding && $e.binding("util");
+    } catch {
+    }
+  }(), ht = pt && pt.isTypedArray;
+  function or(e, t) {
+    for (var n = -1, s = e == null ? 0 : e.length; ++n < s; )
+      if (t(e[n], n, e))
+        return !0;
+    return !1;
+  }
+  function sr(e) {
+    var t = -1, n = Array(e.size);
+    return e.forEach(function(s, v) {
+      n[++t] = [v, s];
+    }), n;
+  }
+  function cr(e) {
+    var t = -1, n = Array(e.size);
+    return e.forEach(function(s) {
+      n[++t] = s;
+    }), n;
+  }
+  var mt, bt, vt, lr = Array.prototype, ur = Function.prototype, _e = Object.prototype, Be = L["__core-js_shared__"], yt = ur.toString, M = _e.hasOwnProperty, gt = (mt = /[^.]+$/.exec(Be && Be.keys && Be.keys.IE_PROTO || "")) ? "Symbol(src)_1." + mt : "", _t = _e.toString, dr = RegExp("^" + yt.call(M).replace(/[\\^$.*+?()[\]{}|]/g, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"), kt = ft ? L.Buffer : void 0, ke = L.Symbol, jt = L.Uint8Array, wt = _e.propertyIsEnumerable, fr = lr.splice, K = ke ? ke.toStringTag : void 0, Ct = Object.getOwnPropertySymbols, pr = kt ? kt.isBuffer : void 0, hr = (bt = Object.keys, vt = Object, function(e) {
+    return bt(vt(e));
+  }), Ve = ne(L, "DataView"), le = ne(L, "Map"), De = ne(L, "Promise"), He = ne(L, "Set"), Ue = ne(L, "WeakMap"), ue = ne(Object, "create"), mr = Y(Ve), br = Y(le), vr = Y(De), yr = Y(He), gr = Y(Ue), xt = ke ? ke.prototype : void 0, Ge = xt ? xt.valueOf : void 0;
+  function Q(e) {
+    var t = -1, n = e == null ? 0 : e.length;
+    for (this.clear(); ++t < n; ) {
+      var s = e[t];
+      this.set(s[0], s[1]);
+    }
+  }
+  function P(e) {
+    var t = -1, n = e == null ? 0 : e.length;
+    for (this.clear(); ++t < n; ) {
+      var s = e[t];
+      this.set(s[0], s[1]);
+    }
+  }
+  function X(e) {
+    var t = -1, n = e == null ? 0 : e.length;
+    for (this.clear(); ++t < n; ) {
+      var s = e[t];
+      this.set(s[0], s[1]);
+    }
+  }
+  function je(e) {
+    var t = -1, n = e == null ? 0 : e.length;
+    for (this.__data__ = new X(); ++t < n; )
+      this.add(e[t]);
+  }
+  function H(e) {
+    var t = this.__data__ = new P(e);
+    this.size = t.size;
+  }
+  function _r(e, t) {
+    var n = xe(e), s = !n && xr(e), v = !n && !s && Ze(e), d = !n && !s && !v && Mt(e), y = n || s || v || d, _ = y ? function(w, S) {
+      for (var T = -1, x = Array(w); ++T < w; )
+        x[T] = S(T);
+      return x;
+    }(e.length, String) : [], A = _.length;
+    for (var j in e)
+      !t && !M.call(e, j) || y && (j == "length" || v && (j == "offset" || j == "parent") || d && (j == "buffer" || j == "byteLength" || j == "byteOffset") || Cr(j, A)) || _.push(j);
+    return _;
+  }
+  function we(e, t) {
+    for (var n = e.length; n--; )
+      if (zt(e[n][0], t))
+        return n;
+    return -1;
+  }
+  function de(e) {
+    return e == null ? e === void 0 ? ye : V : K && K in Object(e) ? function(t) {
+      var n = M.call(t, K), s = t[K];
+      try {
+        t[K] = void 0;
+        var v = !0;
+      } catch {
+      }
+      var d = _t.call(t);
+      return v && (n ? t[K] = s : delete t[K]), d;
+    }(e) : function(t) {
+      return _t.call(t);
+    }(e);
+  }
+  function Nt(e) {
+    return fe(e) && de(e) == u;
+  }
+  function Et(e, t, n, s, v) {
+    return e === t || (e == null || t == null || !fe(e) && !fe(t) ? e != e && t != t : function(d, y, _, A, j, w) {
+      var S = xe(d), T = xe(y), x = S ? f : U(d), $ = T ? f : U(y), ae = (x = x == u ? O : x) == O, Ne = ($ = $ == u ? O : $) == O, ie = x == $;
+      if (ie && Ze(d)) {
+        if (!Ze(y))
+          return !1;
+        S = !0, ae = !1;
+      }
+      if (ie && !ae)
+        return w || (w = new H()), S || Mt(d) ? It(d, y, _, A, j, w) : function(m, p, Ee, G, We, E, B) {
+          switch (Ee) {
+            case ge:
+              if (m.byteLength != p.byteLength || m.byteOffset != p.byteOffset)
+                return !1;
+              m = m.buffer, p = p.buffer;
+            case ct:
+              return !(m.byteLength != p.byteLength || !E(new jt(m), new jt(p)));
+            case C:
+            case g:
+            case W:
+              return zt(+m, +p);
+            case R:
+              return m.name == p.name && m.message == p.message;
+            case re:
+            case D:
+              return m == p + "";
+            case z:
+              var Z = sr;
+            case q:
+              var he = G & a;
+              if (Z || (Z = cr), m.size != p.size && !he)
+                return !1;
+              var Ie = B.get(m);
+              if (Ie)
+                return Ie == p;
+              G |= c, B.set(m, p);
+              var Je = It(Z(m), Z(p), G, We, E, B);
+              return B.delete(m), Je;
+            case ve:
+              if (Ge)
+                return Ge.call(m) == Ge.call(p);
+          }
+          return !1;
+        }(d, y, x, _, A, j, w);
+      if (!(_ & a)) {
+        var pe = ae && M.call(d, "__wrapped__"), St = Ne && M.call(y, "__wrapped__");
+        if (pe || St) {
+          var Er = pe ? d.value() : d, Ir = St ? y.value() : y;
+          return w || (w = new H()), j(Er, Ir, _, A, w);
+        }
+      }
+      return ie ? (w || (w = new H()), function(m, p, Ee, G, We, E) {
+        var B = Ee & a, Z = Ft(m), he = Z.length, Ie = Ft(p), Je = Ie.length;
+        if (he != Je && !B)
+          return !1;
+        for (var Fe = he; Fe--; ) {
+          var ee = Z[Fe];
+          if (!(B ? ee in p : M.call(p, ee)))
+            return !1;
+        }
+        var qt = E.get(m);
+        if (qt && E.get(p))
+          return qt == p;
+        var ze = !0;
+        E.set(m, p), E.set(p, m);
+        for (var Ke = B; ++Fe < he; ) {
+          var Oe = m[ee = Z[Fe]], Ae = p[ee];
+          if (G)
+            var Lt = B ? G(Ae, Oe, ee, p, m, E) : G(Oe, Ae, ee, m, p, E);
+          if (!(Lt === void 0 ? Oe === Ae || We(Oe, Ae, Ee, G, E) : Lt)) {
+            ze = !1;
+            break;
+          }
+          Ke || (Ke = ee == "constructor");
+        }
+        if (ze && !Ke) {
+          var Re = m.constructor, Me = p.constructor;
+          Re == Me || !("constructor" in m) || !("constructor" in p) || typeof Re == "function" && Re instanceof Re && typeof Me == "function" && Me instanceof Me || (ze = !1);
+        }
+        return E.delete(m), E.delete(p), ze;
+      }(d, y, _, A, j, w)) : !1;
+    }(e, t, n, s, Et, v));
+  }
+  function kr(e) {
+    return !(!Rt(e) || function(t) {
+      return !!gt && gt in t;
+    }(e)) && (Ot(e) ? dr : nr).test(Y(e));
+  }
+  function jr(e) {
+    if (n = (t = e) && t.constructor, s = typeof n == "function" && n.prototype || _e, t !== s)
+      return hr(e);
+    var t, n, s, v = [];
+    for (var d in Object(e))
+      M.call(e, d) && d != "constructor" && v.push(d);
+    return v;
+  }
+  function It(e, t, n, s, v, d) {
+    var y = n & a, _ = e.length, A = t.length;
+    if (_ != A && !(y && A > _))
+      return !1;
+    var j = d.get(e);
+    if (j && d.get(t))
+      return j == t;
+    var w = -1, S = !0, T = n & c ? new je() : void 0;
+    for (d.set(e, t), d.set(t, e); ++w < _; ) {
+      var x = e[w], $ = t[w];
+      if (s)
+        var ae = y ? s($, x, w, t, e, d) : s(x, $, w, e, t, d);
+      if (ae !== void 0) {
+        if (ae)
+          continue;
+        S = !1;
+        break;
+      }
+      if (T) {
+        if (!or(t, function(Ne, ie) {
+          if (pe = ie, !T.has(pe) && (x === Ne || v(x, Ne, n, s, d)))
+            return T.push(ie);
+          var pe;
+        })) {
+          S = !1;
+          break;
+        }
+      } else if (x !== $ && !v(x, $, n, s, d)) {
+        S = !1;
+        break;
+      }
+    }
+    return d.delete(e), d.delete(t), S;
+  }
+  function Ft(e) {
+    return function(t, n, s) {
+      var v = n(t);
+      return xe(t) ? v : function(d, y) {
+        for (var _ = -1, A = y.length, j = d.length; ++_ < A; )
+          d[j + _] = y[_];
+        return d;
+      }(v, s(t));
+    }(e, Nr, wr);
+  }
+  function Ce(e, t) {
+    var n, s, v = e.__data__;
+    return ((s = typeof (n = t)) == "string" || s == "number" || s == "symbol" || s == "boolean" ? n !== "__proto__" : n === null) ? v[typeof t == "string" ? "string" : "hash"] : v.map;
+  }
+  function ne(e, t) {
+    var n = function(s, v) {
+      return s?.[v];
+    }(e, t);
+    return kr(n) ? n : void 0;
+  }
+  Q.prototype.clear = function() {
+    this.__data__ = ue ? ue(null) : {}, this.size = 0;
+  }, Q.prototype.delete = function(e) {
+    var t = this.has(e) && delete this.__data__[e];
+    return this.size -= t ? 1 : 0, t;
+  }, Q.prototype.get = function(e) {
+    var t = this.__data__;
+    if (ue) {
+      var n = t[e];
+      return n === i ? void 0 : n;
+    }
+    return M.call(t, e) ? t[e] : void 0;
+  }, Q.prototype.has = function(e) {
+    var t = this.__data__;
+    return ue ? t[e] !== void 0 : M.call(t, e);
+  }, Q.prototype.set = function(e, t) {
+    var n = this.__data__;
+    return this.size += this.has(e) ? 0 : 1, n[e] = ue && t === void 0 ? i : t, this;
+  }, P.prototype.clear = function() {
+    this.__data__ = [], this.size = 0;
+  }, P.prototype.delete = function(e) {
+    var t = this.__data__, n = we(t, e);
+    return !(n < 0) && (n == t.length - 1 ? t.pop() : fr.call(t, n, 1), --this.size, !0);
+  }, P.prototype.get = function(e) {
+    var t = this.__data__, n = we(t, e);
+    return n < 0 ? void 0 : t[n][1];
+  }, P.prototype.has = function(e) {
+    return we(this.__data__, e) > -1;
+  }, P.prototype.set = function(e, t) {
+    var n = this.__data__, s = we(n, e);
+    return s < 0 ? (++this.size, n.push([e, t])) : n[s][1] = t, this;
+  }, X.prototype.clear = function() {
+    this.size = 0, this.__data__ = { hash: new Q(), map: new (le || P)(), string: new Q() };
+  }, X.prototype.delete = function(e) {
+    var t = Ce(this, e).delete(e);
+    return this.size -= t ? 1 : 0, t;
+  }, X.prototype.get = function(e) {
+    return Ce(this, e).get(e);
+  }, X.prototype.has = function(e) {
+    return Ce(this, e).has(e);
+  }, X.prototype.set = function(e, t) {
+    var n = Ce(this, e), s = n.size;
+    return n.set(e, t), this.size += n.size == s ? 0 : 1, this;
+  }, je.prototype.add = je.prototype.push = function(e) {
+    return this.__data__.set(e, i), this;
+  }, je.prototype.has = function(e) {
+    return this.__data__.has(e);
+  }, H.prototype.clear = function() {
+    this.__data__ = new P(), this.size = 0;
+  }, H.prototype.delete = function(e) {
+    var t = this.__data__, n = t.delete(e);
+    return this.size = t.size, n;
+  }, 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 n = this.__data__;
+    if (n instanceof P) {
+      var s = n.__data__;
+      if (!le || s.length < 199)
+        return s.push([e, t]), this.size = ++n.size, this;
+      n = this.__data__ = new X(s);
+    }
+    return n.set(e, t), this.size = n.size, this;
+  };
+  var wr = Ct ? function(e) {
+    return e == null ? [] : (e = Object(e), function(t, n) {
+      for (var s = -1, v = t == null ? 0 : t.length, d = 0, y = []; ++s < v; ) {
+        var _ = t[s];
+        n(_, s, t) && (y[d++] = _);
+      }
+      return y;
+    }(Ct(e), function(t) {
+      return wt.call(e, t);
+    }));
+  } : function() {
+    return [];
+  }, U = de;
+  function Cr(e, t) {
+    return !!(t = t ?? l) && (typeof e == "number" || ar.test(e)) && e > -1 && e % 1 == 0 && e < t;
+  }
+  function Y(e) {
+    if (e != null) {
+      try {
+        return yt.call(e);
+      } catch {
+      }
+      try {
+        return e + "";
+      } catch {
+      }
+    }
+    return "";
+  }
+  function zt(e, t) {
+    return e === t || e != e && t != t;
+  }
+  (Ve && U(new Ve(new ArrayBuffer(1))) != ge || le && U(new le()) != z || De && U(De.resolve()) != J || He && U(new He()) != q || Ue && U(new Ue()) != ce) && (U = function(e) {
+    var t = de(e), n = t == O ? e.constructor : void 0, s = n ? Y(n) : "";
+    if (s)
+      switch (s) {
+        case mr:
+          return ge;
+        case br:
+          return z;
+        case vr:
+          return J;
+        case yr:
+          return q;
+        case gr:
+          return ce;
+      }
+    return t;
+  });
+  var xr = Nt(function() {
+    return arguments;
+  }()) ? Nt : function(e) {
+    return fe(e) && M.call(e, "callee") && !wt.call(e, "callee");
+  }, xe = Array.isArray, Ze = pr || function() {
+    return !1;
+  };
+  function Ot(e) {
+    if (!Rt(e))
+      return !1;
+    var t = de(e);
+    return t == I || t == F || t == k || t == te;
+  }
+  function At(e) {
+    return typeof e == "number" && e > -1 && e % 1 == 0 && e <= l;
+  }
+  function Rt(e) {
+    var t = typeof e;
+    return e != null && (t == "object" || t == "function");
+  }
+  function fe(e) {
+    return e != null && typeof e == "object";
+  }
+  var Mt = ht ? function(e) {
+    return function(t) {
+      return e(t);
+    };
+  }(ht) : function(e) {
+    return fe(e) && At(e.length) && !!b[de(e)];
+  };
+  function Nr(e) {
+    return (t = e) != null && At(t.length) && !Ot(t) ? _r(e) : jr(e);
+    var t;
+  }
+  r.exports = function(e, t) {
+    return Et(e, t);
+  };
+})(Xe, Xe.exports);
+const Jr = Wr(Xe.exports);
+function Kr(r, o) {
+  const { current: i } = Pe(r === void 0 ? o : r), [a, c] = Dt(i), l = function() {
+    const f = Pe(!1), k = Le(() => f.current, []);
+    return Te(() => (f.current = !0, () => {
+      f.current = !1;
+    }), []), k;
+  }();
+  $t(() => {
+    l() && r != null && c(r);
+  }, [r, c, l]);
+  const u = Le((f, k) => {
+    (r === void 0 || k) && !Jr(f, a) && c(f);
+  }, [r, c, a]);
+  return [a, u, r !== void 0, i];
+}
+const Qr = et(["flex", "gap-lg"], { variants: { orientation: { vertical: ["flex-col"], horizontal: [] } } }), Xr = N(({ name: r, value: o, defaultValue: i, className: a, intent: c, orientation: l = "vertical", onCheckedChange: u, children: f, ...k }, C) => {
+  const [g, R] = Kr(o, i), I = st(), F = Pe(u), { id: z, labelId: W, description: V, isInvalid: O, isRequired: J } = I, te = r ?? I.name, re = Ht(() => ({ id: z, name: te, value: g, intent: c, isInvalid: O, description: V, isRequired: J, onCheckedChange: (q, D) => {
+    const ve = g || [], ye = q ? [...ve, D] : ve.filter((ce) => ce !== D);
+    R(ye), F.current && F.current(ye);
+  } }), [z, te, g, c, O, V, J, R]);
+  return Te(() => {
+    F.current = u;
+  }, [u]), h.createElement(Qt.Provider, { value: re }, h.createElement("div", { ref: C, className: Qr({ className: a, orientation: l }), role: "group", "aria-labelledby": W, "aria-describedby": V, ...k }, f));
+});
+Xr.displayName = "CheckboxGroup";
 export {
-  V as Checkbox
+  Zr as Checkbox,
+  Xr as CheckboxGroup
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/checkbox",
-  "version": "1.13.11",
+  "version": "1.14.1",
   "description": "A control that allows the user to toggle between checked and not checked.",
   "publishConfig": {
     "access": "public"
@@ -13,9 +13,10 @@
   },
   "dependencies": {
     "@radix-ui/react-checkbox": "1.0.3",
-    "@radix-ui/react-label": "2.0.1",
+    "@spark-ui/icon": "^1.7.2",
     "@spark-ui/icons": "^1.11.0",
     "@spark-ui/internal-utils": "^1.6.0",
+    "@spark-ui/label": "^1.2.0",
     "@spark-ui/use-merge-refs": "^0.3.3",
     "class-variance-authority": "0.5.2"
   },
@@ -34,5 +35,5 @@
   },
   "homepage": "https://sparkui.vercel.app",
   "license": "MIT",
-  "gitHead": "8adc6600491da246574c20a992638d0a682d26a3"
+  "gitHead": "80b1ed13e4c0818e63f038d59a53341e746278bb"
 }