@spark-ui/checkbox 1.1.0 → 1.1.2

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.1.2](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@1.1.1...@spark-ui/checkbox@1.1.2) (2023-03-22)
+
+**Note:** Version bump only for package @spark-ui/checkbox
+
+## [1.1.1](https://github.com/adevinta/spark/compare/@spark-ui/checkbox@1.1.0...@spark-ui/checkbox@1.1.1) (2023-03-21)
+
+**Note:** Version bump only for package @spark-ui/checkbox
+
 # 1.1.0 (2023-03-21)
 
 ### Bug Fixes

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),U=require("react-dom"),j=require("class-variance-authority");function g(){return g=Object.assign?Object.assign.bind():function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},g.apply(this,arguments)}function R(...e){return o=>e.forEach(t=>function(r,u){typeof r=="function"?r(u):r!=null&&(r.current=u)}(t,o))}function P(...e){return n.useCallback(R(...e),e)}function D(...e){const o=e[0];if(e.length===1)return o;const t=()=>{const r=e.map(u=>({useScope:u(),scopeName:u.scopeName}));return function(u){const s=r.reduce((a,{useScope:i,scopeName:c})=>({...a,...i(u)[`__scope${c}`]}),{});return n.useMemo(()=>({[`__scope${o.scopeName}`]:s}),[s])}};return t.scopeName=o.scopeName,t}function S(e,o,{checkForDefaultPrevented:t=!0}={}){return function(r){if(e?.(r),t===!1||!r.defaultPrevented)return o?.(r)}}function x(e){const o=n.useRef(e);return n.useEffect(()=>{o.current=e}),n.useMemo(()=>(...t)=>{var r;return(r=o.current)===null||r===void 0?void 0:r.call(o,...t)},[])}function z({prop:e,defaultProp:o,onChange:t=()=>{}}){const[r,u]=function({defaultProp:c,onChange:l}){const p=n.useState(c),[d]=p,h=n.useRef(d),y=x(l);return n.useEffect(()=>{h.current!==d&&(y(d),h.current=d)},[d,h,y]),p}({defaultProp:o,onChange:t}),s=e!==void 0,a=s?e:r,i=x(t);return[a,n.useCallback(c=>{if(s){const l=typeof c=="function"?c(e):c;l!==e&&i(l)}else u(c)},[s,e,u,i])]}const O=Boolean(globalThis?.document)?n.useLayoutEffect:()=>{},T=e=>{const{present:o,children:t}=e,r=function(a){const[i,c]=n.useState(),l=n.useRef({}),p=n.useRef(a),d=n.useRef("none"),h=a?"mounted":"unmounted",[y,v]=function(f,m){return n.useReducer((b,E)=>{const k=m[b][E];return k??b},f)}(h,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return n.useEffect(()=>{const f=w(l.current);d.current=y==="mounted"?f:"none"},[y]),O(()=>{const f=l.current,m=p.current;if(m!==a){const b=d.current,E=w(f);a?v("MOUNT"):E==="none"||f?.display==="none"?v("UNMOUNT"):v(m&&b!==E?"ANIMATION_OUT":"UNMOUNT"),p.current=a}},[a,v]),O(()=>{if(i){const f=b=>{const E=w(l.current).includes(b.animationName);b.target===i&&E&&U.flushSync(()=>v("ANIMATION_END"))},m=b=>{b.target===i&&(d.current=w(l.current))};return i.addEventListener("animationstart",m),i.addEventListener("animationcancel",f),i.addEventListener("animationend",f),()=>{i.removeEventListener("animationstart",m),i.removeEventListener("animationcancel",f),i.removeEventListener("animationend",f)}}v("ANIMATION_END")},[i,v]),{isPresent:["mounted","unmountSuspended"].includes(y),ref:n.useCallback(f=>{f&&(l.current=getComputedStyle(f)),c(f)},[])}}(o),u=typeof t=="function"?t({present:r.isPresent}):n.Children.only(t),s=P(r.ref,u.ref);return typeof t=="function"||r.isPresent?n.cloneElement(u,{ref:s}):null};function w(e){return e?.animationName||"none"}T.displayName="Presence";const A=n.forwardRef((e,o)=>{const{children:t,...r}=e,u=n.Children.toArray(t),s=u.find($);if(s){const a=s.props.children,i=u.map(c=>c===s?n.Children.count(a)>1?n.Children.only(null):n.isValidElement(a)?a.props.children:null:c);return n.createElement(M,g({},r,{ref:o}),n.isValidElement(a)?n.cloneElement(a,void 0,i):null)}return n.createElement(M,g({},r,{ref:o}),t)});A.displayName="Slot";const M=n.forwardRef((e,o)=>{const{children:t,...r}=e;return n.isValidElement(t)?n.cloneElement(t,{...B(r,t.props),ref:R(o,t.ref)}):n.Children.count(t)>1?n.Children.only(null):null});M.displayName="SlotClone";const q=({children:e})=>n.createElement(n.Fragment,null,e);function $(e){return n.isValidElement(e)&&e.type===q}function B(e,o){const t={...o};for(const r in o){const u=e[r],s=o[r];/^on[A-Z]/.test(r)?u&&s?t[r]=(...a)=>{s(...a),u(...a)}:u&&(t[r]=u):r==="style"?t[r]={...u,...s}:r==="className"&&(t[r]=[u,s].filter(Boolean).join(" "))}return{...e,...t}}const _=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"].reduce((e,o)=>{const t=n.forwardRef((r,u)=>{const{asChild:s,...a}=r,i=s?A:o;return n.useEffect(()=>{window[Symbol.for("radix-ui")]=!0},[]),n.createElement(i,g({},a,{ref:u}))});return t.displayName=`Primitive.${o}`,{...e,[o]:t}},{}),I="Checkbox",[V,Y]=function(e,o=[]){let t=[];const r=()=>{const u=t.map(s=>n.createContext(s));return function(s){const a=s?.[e]||u;return n.useMemo(()=>({[`__scope${e}`]:{...s,[e]:a}}),[s,a])}};return r.scopeName=e,[function(u,s){const a=n.createContext(s),i=t.length;function c(l){const{scope:p,children:d,...h}=l,y=p?.[e][i]||a,v=n.useMemo(()=>h,Object.values(h));return n.createElement(y.Provider,{value:v},d)}return t=[...t,s],c.displayName=u+"Provider",[c,function(l,p){const d=p?.[e][i]||a,h=n.useContext(d);if(h)return h;if(s!==void 0)return s;throw new Error(`\`${l}\` must be used within \`${u}\``)}]},D(r,...o)]}(I),[H,F]=V(I),K=n.forwardRef((e,o)=>{const{__scopeCheckbox:t,name:r,checked:u,defaultChecked:s,required:a,disabled:i,value:c="on",onCheckedChange:l,...p}=e,[d,h]=n.useState(null),y=P(o,k=>h(k)),v=n.useRef(!1),f=!d||Boolean(d.closest("form")),[m=!1,b]=z({prop:u,defaultProp:s,onChange:l}),E=n.useRef(m);return n.useEffect(()=>{const k=d?.form;if(k){const C=()=>b(E.current);return k.addEventListener("reset",C),()=>k.removeEventListener("reset",C)}},[d,b]),n.createElement(H,{scope:t,state:m,disabled:i},n.createElement(_.button,g({type:"button",role:"checkbox","aria-checked":N(m)?"mixed":m,"aria-required":a,"data-state":L(m),"data-disabled":i?"":void 0,disabled:i,value:c},p,{ref:y,onKeyDown:S(e.onKeyDown,k=>{k.key==="Enter"&&k.preventDefault()}),onClick:S(e.onClick,k=>{b(C=>!!N(C)||!C),f&&(v.current=k.isPropagationStopped(),v.current||k.stopPropagation())})})),f&&n.createElement(W,{control:d,bubbles:!v.current,name:r,value:c,checked:m,required:a,disabled:i,style:{transform:"translateX(-100%)"}}))}),W=e=>{const{control:o,checked:t,bubbles:r=!0,...u}=e,s=n.useRef(null),a=function(c){const l=n.useRef({value:c,previous:c});return n.useMemo(()=>(l.current.value!==c&&(l.current.previous=l.current.value,l.current.value=c),l.current.previous),[c])}(t),i=function(c){const[l,p]=n.useState(void 0);return O(()=>{if(c){p({width:c.offsetWidth,height:c.offsetHeight});const d=new ResizeObserver(h=>{if(!Array.isArray(h)||!h.length)return;const y=h[0];let v,f;if("borderBoxSize"in y){const m=y.borderBoxSize,b=Array.isArray(m)?m[0]:m;v=b.inlineSize,f=b.blockSize}else v=c.offsetWidth,f=c.offsetHeight;p({width:v,height:f})});return d.observe(c,{box:"border-box"}),()=>d.unobserve(c)}p(void 0)},[c]),l}(o);return n.useEffect(()=>{const c=s.current,l=window.HTMLInputElement.prototype,p=Object.getOwnPropertyDescriptor(l,"checked").set;if(a!==t&&p){const d=new Event("click",{bubbles:r});c.indeterminate=N(t),p.call(c,!N(t)&&t),c.dispatchEvent(d)}},[a,t,r]),n.createElement("input",g({type:"checkbox","aria-hidden":!0,defaultChecked:!N(t)&&t},u,{tabIndex:-1,ref:s,style:{...e.style,...i,position:"absolute",pointerEvents:"none",opacity:0,margin:0}}))};function N(e){return e==="indeterminate"}function L(e){return N(e)?"indeterminate":e?"checked":"unchecked"}const Z=K,X=n.forwardRef((e,o)=>{const{__scopeCheckbox:t,forceMount:r,...u}=e,s=F("CheckboxIndicator",t);return n.createElement(T,{present:r||N(s.state)||s.state===!0},n.createElement(_.span,g({"data-state":L(s.state),"data-disabled":s.disabled?"":void 0},u,{ref:o,style:{pointerEvents:"none",...e.style}})))}),G=j.cva(["peer h-sz-20 w-sz-20 rounded-sm border-md bg-transparent items-center justify-center","spark-disabled:opacity-dim-3 spark-disabled:cursor-not-allowed spark-disabled:hover:ring-0","focus-visible:outline-none focus-visible:ring-2 focus:ring-outline-high","hover:outline-none hover:ring-2 hover:border-primary-container"],{variants:{intent:{primary:["spark-state-unchecked:border-outline","spark-state-checked:border-primary spark-state-checked:bg-primary"],success:["spark-state-unchecked:border-success","spark-state-checked:border-success spark-state-checked:bg-success"],alert:["spark-state-unchecked:border-alert","spark-state-checked:border-alert spark-state-checked:bg-alert"],error:["spark-state-unchecked:border-error","spark-state-checked:border-error spark-state-checked:bg-error"]}},defaultVariants:{intent:"primary"}}),J=n.forwardRef(({intent:e,...o},t)=>n.createElement(Z,{ref:t,className:G({intent:e}),...o},n.createElement(X,{className:"flex items-center justify-center text-surface"},n.createElement(Q,null)))),Q=e=>n.createElement("svg",{width:14,height:10,fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.645 9.696a1.076 1.076 0 0 1-1.499 0L.288 5.956A1.023 1.023 0 0 1 .31 4.511a1.077 1.077 0 0 1 1.476-.022l3.061 2.998 7.319-7.16a1.075 1.075 0 0 1 1.037-.294c.374.094.666.38.763.747.096.367-.02.756-.301 1.015l-8.02 7.901Z",fill:"currentColor"}));exports.Checkbox=J;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),U=require("react-dom"),j=require("class-variance-authority");function g(){return g=Object.assign?Object.assign.bind():function(e){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},g.apply(this,arguments)}function R(...e){return o=>e.forEach(t=>function(r,u){typeof r=="function"?r(u):r!=null&&(r.current=u)}(t,o))}function P(...e){return n.useCallback(R(...e),e)}function D(...e){const o=e[0];if(e.length===1)return o;const t=()=>{const r=e.map(u=>({useScope:u(),scopeName:u.scopeName}));return function(u){const s=r.reduce((a,{useScope:i,scopeName:c})=>({...a,...i(u)[`__scope${c}`]}),{});return n.useMemo(()=>({[`__scope${o.scopeName}`]:s}),[s])}};return t.scopeName=o.scopeName,t}function S(e,o,{checkForDefaultPrevented:t=!0}={}){return function(r){if(e?.(r),t===!1||!r.defaultPrevented)return o?.(r)}}function x(e){const o=n.useRef(e);return n.useEffect(()=>{o.current=e}),n.useMemo(()=>(...t)=>{var r;return(r=o.current)===null||r===void 0?void 0:r.call(o,...t)},[])}function z({prop:e,defaultProp:o,onChange:t=()=>{}}){const[r,u]=function({defaultProp:c,onChange:l}){const p=n.useState(c),[d]=p,h=n.useRef(d),y=x(l);return n.useEffect(()=>{h.current!==d&&(y(d),h.current=d)},[d,h,y]),p}({defaultProp:o,onChange:t}),s=e!==void 0,a=s?e:r,i=x(t);return[a,n.useCallback(c=>{if(s){const l=typeof c=="function"?c(e):c;l!==e&&i(l)}else u(c)},[s,e,u,i])]}const O=Boolean(globalThis?.document)?n.useLayoutEffect:()=>{},T=e=>{const{present:o,children:t}=e,r=function(a){const[i,c]=n.useState(),l=n.useRef({}),p=n.useRef(a),d=n.useRef("none"),h=a?"mounted":"unmounted",[y,v]=function(f,m){return n.useReducer((b,E)=>{const k=m[b][E];return k??b},f)}(h,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return n.useEffect(()=>{const f=w(l.current);d.current=y==="mounted"?f:"none"},[y]),O(()=>{const f=l.current,m=p.current;if(m!==a){const b=d.current,E=w(f);a?v("MOUNT"):E==="none"||f?.display==="none"?v("UNMOUNT"):v(m&&b!==E?"ANIMATION_OUT":"UNMOUNT"),p.current=a}},[a,v]),O(()=>{if(i){const f=b=>{const E=w(l.current).includes(b.animationName);b.target===i&&E&&U.flushSync(()=>v("ANIMATION_END"))},m=b=>{b.target===i&&(d.current=w(l.current))};return i.addEventListener("animationstart",m),i.addEventListener("animationcancel",f),i.addEventListener("animationend",f),()=>{i.removeEventListener("animationstart",m),i.removeEventListener("animationcancel",f),i.removeEventListener("animationend",f)}}v("ANIMATION_END")},[i,v]),{isPresent:["mounted","unmountSuspended"].includes(y),ref:n.useCallback(f=>{f&&(l.current=getComputedStyle(f)),c(f)},[])}}(o),u=typeof t=="function"?t({present:r.isPresent}):n.Children.only(t),s=P(r.ref,u.ref);return typeof t=="function"||r.isPresent?n.cloneElement(u,{ref:s}):null};function w(e){return e?.animationName||"none"}T.displayName="Presence";const A=n.forwardRef((e,o)=>{const{children:t,...r}=e,u=n.Children.toArray(t),s=u.find($);if(s){const a=s.props.children,i=u.map(c=>c===s?n.Children.count(a)>1?n.Children.only(null):n.isValidElement(a)?a.props.children:null:c);return n.createElement(M,g({},r,{ref:o}),n.isValidElement(a)?n.cloneElement(a,void 0,i):null)}return n.createElement(M,g({},r,{ref:o}),t)});A.displayName="Slot";const M=n.forwardRef((e,o)=>{const{children:t,...r}=e;return n.isValidElement(t)?n.cloneElement(t,{...B(r,t.props),ref:R(o,t.ref)}):n.Children.count(t)>1?n.Children.only(null):null});M.displayName="SlotClone";const q=({children:e})=>n.createElement(n.Fragment,null,e);function $(e){return n.isValidElement(e)&&e.type===q}function B(e,o){const t={...o};for(const r in o){const u=e[r],s=o[r];/^on[A-Z]/.test(r)?u&&s?t[r]=(...a)=>{s(...a),u(...a)}:u&&(t[r]=u):r==="style"?t[r]={...u,...s}:r==="className"&&(t[r]=[u,s].filter(Boolean).join(" "))}return{...e,...t}}const _=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"].reduce((e,o)=>{const t=n.forwardRef((r,u)=>{const{asChild:s,...a}=r,i=s?A:o;return n.useEffect(()=>{window[Symbol.for("radix-ui")]=!0},[]),n.createElement(i,g({},a,{ref:u}))});return t.displayName=`Primitive.${o}`,{...e,[o]:t}},{}),I="Checkbox",[V,Y]=function(e,o=[]){let t=[];const r=()=>{const u=t.map(s=>n.createContext(s));return function(s){const a=s?.[e]||u;return n.useMemo(()=>({[`__scope${e}`]:{...s,[e]:a}}),[s,a])}};return r.scopeName=e,[function(u,s){const a=n.createContext(s),i=t.length;function c(l){const{scope:p,children:d,...h}=l,y=p?.[e][i]||a,v=n.useMemo(()=>h,Object.values(h));return n.createElement(y.Provider,{value:v},d)}return t=[...t,s],c.displayName=u+"Provider",[c,function(l,p){const d=p?.[e][i]||a,h=n.useContext(d);if(h)return h;if(s!==void 0)return s;throw new Error(`\`${l}\` must be used within \`${u}\``)}]},D(r,...o)]}(I),[H,F]=V(I),K=n.forwardRef((e,o)=>{const{__scopeCheckbox:t,name:r,checked:u,defaultChecked:s,required:a,disabled:i,value:c="on",onCheckedChange:l,...p}=e,[d,h]=n.useState(null),y=P(o,k=>h(k)),v=n.useRef(!1),f=!d||Boolean(d.closest("form")),[m=!1,b]=z({prop:u,defaultProp:s,onChange:l}),E=n.useRef(m);return n.useEffect(()=>{const k=d?.form;if(k){const C=()=>b(E.current);return k.addEventListener("reset",C),()=>k.removeEventListener("reset",C)}},[d,b]),n.createElement(H,{scope:t,state:m,disabled:i},n.createElement(_.button,g({type:"button",role:"checkbox","aria-checked":N(m)?"mixed":m,"aria-required":a,"data-state":L(m),"data-disabled":i?"":void 0,disabled:i,value:c},p,{ref:y,onKeyDown:S(e.onKeyDown,k=>{k.key==="Enter"&&k.preventDefault()}),onClick:S(e.onClick,k=>{b(C=>!!N(C)||!C),f&&(v.current=k.isPropagationStopped(),v.current||k.stopPropagation())})})),f&&n.createElement(W,{control:d,bubbles:!v.current,name:r,value:c,checked:m,required:a,disabled:i,style:{transform:"translateX(-100%)"}}))}),W=e=>{const{control:o,checked:t,bubbles:r=!0,...u}=e,s=n.useRef(null),a=function(c){const l=n.useRef({value:c,previous:c});return n.useMemo(()=>(l.current.value!==c&&(l.current.previous=l.current.value,l.current.value=c),l.current.previous),[c])}(t),i=function(c){const[l,p]=n.useState(void 0);return O(()=>{if(c){p({width:c.offsetWidth,height:c.offsetHeight});const d=new ResizeObserver(h=>{if(!Array.isArray(h)||!h.length)return;const y=h[0];let v,f;if("borderBoxSize"in y){const m=y.borderBoxSize,b=Array.isArray(m)?m[0]:m;v=b.inlineSize,f=b.blockSize}else v=c.offsetWidth,f=c.offsetHeight;p({width:v,height:f})});return d.observe(c,{box:"border-box"}),()=>d.unobserve(c)}p(void 0)},[c]),l}(o);return n.useEffect(()=>{const c=s.current,l=window.HTMLInputElement.prototype,p=Object.getOwnPropertyDescriptor(l,"checked").set;if(a!==t&&p){const d=new Event("click",{bubbles:r});c.indeterminate=N(t),p.call(c,!N(t)&&t),c.dispatchEvent(d)}},[a,t,r]),n.createElement("input",g({type:"checkbox","aria-hidden":!0,defaultChecked:!N(t)&&t},u,{tabIndex:-1,ref:s,style:{...e.style,...i,position:"absolute",pointerEvents:"none",opacity:0,margin:0}}))};function N(e){return e==="indeterminate"}function L(e){return N(e)?"indeterminate":e?"checked":"unchecked"}const Z=K,X=n.forwardRef((e,o)=>{const{__scopeCheckbox:t,forceMount:r,...u}=e,s=F("CheckboxIndicator",t);return n.createElement(T,{present:r||N(s.state)||s.state===!0},n.createElement(_.span,g({"data-state":L(s.state),"data-disabled":s.disabled?"":void 0},u,{ref:o,style:{pointerEvents:"none",...e.style}})))}),G=j.cva(["peer h-sz-20 w-sz-20 rounded-sm border-md bg-transparent items-center justify-center","spark-disabled:opacity-dim-3 spark-disabled:cursor-not-allowed spark-disabled:hover:ring-0","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-outline-high","hover:outline-none hover:ring-2 hover:border-primary-container"],{variants:{intent:{primary:["spark-state-unchecked:border-outline","spark-state-checked:border-primary spark-state-checked:bg-primary"],success:["spark-state-unchecked:border-success","spark-state-checked:border-success spark-state-checked:bg-success"],alert:["spark-state-unchecked:border-alert","spark-state-checked:border-alert spark-state-checked:bg-alert"],error:["spark-state-unchecked:border-error","spark-state-checked:border-error spark-state-checked:bg-error"]}},defaultVariants:{intent:"primary"}}),J=n.forwardRef(({intent:e,...o},t)=>n.createElement(Z,{ref:t,className:G({intent:e}),...o},n.createElement(X,{className:"flex items-center justify-center text-surface"},n.createElement(Q,null)))),Q=e=>n.createElement("svg",{width:14,height:10,fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.645 9.696a1.076 1.076 0 0 1-1.499 0L.288 5.956A1.023 1.023 0 0 1 .31 4.511a1.077 1.077 0 0 1 1.476-.022l3.061 2.998 7.319-7.16a1.075 1.075 0 0 1 1.037-.294c.374.094.666.38.763.747.096.367-.02.756-.301 1.015l-8.02 7.901Z",fill:"currentColor"}));exports.Checkbox=J;

package/dist/index.mjs

@@ -220,7 +220,7 @@ function W(e) {
 const ue = ae, le = T((e, r) => {
   const { __scopeCheckbox: t, forceMount: n, ...c } = e, o = ce("CheckboxIndicator", t);
   return y(q, { present: n || w(o.state) || o.state === !0 }, y(F.span, E({ "data-state": W(o.state), "data-disabled": o.disabled ? "" : void 0 }, c, { ref: r, style: { pointerEvents: "none", ...e.style } })));
-}), de = Q(["peer h-sz-20 w-sz-20 rounded-sm border-md bg-transparent items-center justify-center", "spark-disabled:opacity-dim-3 spark-disabled:cursor-not-allowed spark-disabled:hover:ring-0", "focus-visible:outline-none focus-visible:ring-2 focus:ring-outline-high", "hover:outline-none hover:ring-2 hover:border-primary-container"], { variants: { intent: { primary: ["spark-state-unchecked:border-outline", "spark-state-checked:border-primary spark-state-checked:bg-primary"], success: ["spark-state-unchecked:border-success", "spark-state-checked:border-success spark-state-checked:bg-success"], alert: ["spark-state-unchecked:border-alert", "spark-state-checked:border-alert spark-state-checked:bg-alert"], error: ["spark-state-unchecked:border-error", "spark-state-checked:border-error spark-state-checked:bg-error"] } }, defaultVariants: { intent: "primary" } }), be = C.forwardRef(({ intent: e, ...r }, t) => C.createElement(ue, { ref: t, className: de({ intent: e }), ...r }, C.createElement(le, { className: "flex items-center justify-center text-surface" }, C.createElement(fe, null)))), fe = (e) => C.createElement("svg", { width: 14, height: 10, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, C.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.645 9.696a1.076 1.076 0 0 1-1.499 0L.288 5.956A1.023 1.023 0 0 1 .31 4.511a1.077 1.077 0 0 1 1.476-.022l3.061 2.998 7.319-7.16a1.075 1.075 0 0 1 1.037-.294c.374.094.666.38.763.747.096.367-.02.756-.301 1.015l-8.02 7.901Z", fill: "currentColor" }));
+}), de = Q(["peer h-sz-20 w-sz-20 rounded-sm border-md bg-transparent items-center justify-center", "spark-disabled:opacity-dim-3 spark-disabled:cursor-not-allowed spark-disabled:hover:ring-0", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-outline-high", "hover:outline-none hover:ring-2 hover:border-primary-container"], { variants: { intent: { primary: ["spark-state-unchecked:border-outline", "spark-state-checked:border-primary spark-state-checked:bg-primary"], success: ["spark-state-unchecked:border-success", "spark-state-checked:border-success spark-state-checked:bg-success"], alert: ["spark-state-unchecked:border-alert", "spark-state-checked:border-alert spark-state-checked:bg-alert"], error: ["spark-state-unchecked:border-error", "spark-state-checked:border-error spark-state-checked:bg-error"] } }, defaultVariants: { intent: "primary" } }), be = C.forwardRef(({ intent: e, ...r }, t) => C.createElement(ue, { ref: t, className: de({ intent: e }), ...r }, C.createElement(le, { className: "flex items-center justify-center text-surface" }, C.createElement(fe, null)))), fe = (e) => C.createElement("svg", { width: 14, height: 10, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, C.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.645 9.696a1.076 1.076 0 0 1-1.499 0L.288 5.956A1.023 1.023 0 0 1 .31 4.511a1.077 1.077 0 0 1 1.476-.022l3.061 2.998 7.319-7.16a1.075 1.075 0 0 1 1.037-.294c.374.094.666.38.763.747.096.367-.02.756-.301 1.015l-8.02 7.901Z", fill: "currentColor" }));
 export {
   be as Checkbox
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/checkbox",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "A control that allows the user to toggle between checked and not checked.",
   "publishConfig": {
     "access": "public"
@@ -15,5 +15,5 @@
     "@radix-ui/react-checkbox": "1.0.3",
     "class-variance-authority": "0.4.0"
   },
-  "gitHead": "d78bcd4a3eeff74b426fc624a085b7ba35095a08"
+  "gitHead": "8d5929fd944837fe356de0a553b2db7577fa83d2"
 }