@sps-woodland/buttons 8.11.0 → 8.11.2

package/lib/button/Button.css.d.ts

@@ -8,7 +8,7 @@ interface ButtonVariantDefinitions extends VariantDefinitions {
 }
 export declare const button: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<ButtonVariantDefinitions>;
 export declare const buttonElement: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<ButtonVariantDefinitions>;
-export declare const linkButton: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<Pick<ButtonVariantDefinitions, "spinning">>;
+export declare const linkButton: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<Pick<ButtonVariantDefinitions, "kind" | "spinning">>;
 export declare const buttonIcon: string;
 export declare const buttonSpinner: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<Pick<ButtonVariantDefinitions, "spinning">>;
 export {};

package/lib/index.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("react"),R=require("@sps-woodland/core"),Te=require("@react-aria/focus"),y=require("@spscommerce/utils");function Ce(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const c=Ce(k),Be=typeof document<"u"?k.useLayoutEffect:()=>{};function U(e){const t=k.useRef(null);return Be(()=>{t.current=e},[e]),k.useCallback((...r)=>{const o=t.current;return o==null?void 0:o(...r)},[])}let de=new Map;function _e(e,t){if(e===t)return e;let r=de.get(e);if(r)return r(t),t;let o=de.get(t);return o?(o(e),e):t}function Pe(...e){return(...t)=>{for(let r of e)typeof r=="function"&&r(...t)}}const I=e=>{var t;return(t=e==null?void 0:e.ownerDocument)!==null&&t!==void 0?t:document},oe=e=>e&&"window"in e&&e.window===e?e:I(e).defaultView||window;function $e(e){var t,r,o="";if(typeof e=="string"||typeof e=="number")o+=e;else if(typeof e=="object")if(Array.isArray(e)){var i=e.length;for(t=0;t<i;t++)e[t]&&(r=$e(e[t]))&&(o&&(o+=" "),o+=r)}else for(r in e)e[r]&&(o&&(o+=" "),o+=r);return o}function Ie(){for(var e,t,r=0,o="",i=arguments.length;r<i;r++)(e=arguments[r])&&(t=$e(e))&&(o&&(o+=" "),o+=t);return o}function G(...e){let t={...e[0]};for(let r=1;r<e.length;r++){let o=e[r];for(let i in o){let d=t[i],u=o[i];typeof d=="function"&&typeof u=="function"&&i[0]==="o"&&i[1]==="n"&&i.charCodeAt(2)>=65&&i.charCodeAt(2)<=90?t[i]=Pe(d,u):(i==="className"||i==="UNSAFE_className")&&typeof d=="string"&&typeof u=="string"?t[i]=Ie(d,u):i==="id"&&d&&u?t.id=_e(d,u):t[i]=u!==void 0?u:d}}return t}const Ke=new Set(["id"]),Ae=new Set(["aria-label","aria-labelledby","aria-describedby","aria-details"]),Le=new Set(["href","hrefLang","target","rel","download","ping","referrerPolicy"]),Me=/^(data-.*)$/;function Fe(e,t={}){let{labelable:r,isLink:o,propNames:i}=t,d={};for(const u in e)Object.prototype.hasOwnProperty.call(e,u)&&(Ke.has(u)||r&&Ae.has(u)||o&&Le.has(u)||i!=null&&i.has(u)||Me.test(u))&&(d[u]=e[u]);return d}function H(e){if(Ue())e.focus({preventScroll:!0});else{let t=Re(e);e.focus(),He(t)}}let W=null;function Ue(){if(W==null){W=!1;try{document.createElement("div").focus({get preventScroll(){return W=!0,!0}})}catch{}}return W}function Re(e){let t=e.parentNode,r=[],o=document.scrollingElement||document.documentElement;for(;t instanceof HTMLElement&&t!==o;)(t.offsetHeight<t.scrollHeight||t.offsetWidth<t.scrollWidth)&&r.push({element:t,scrollTop:t.scrollTop,scrollLeft:t.scrollLeft}),t=t.parentNode;return o instanceof HTMLElement&&r.push({element:o,scrollTop:o.scrollTop,scrollLeft:o.scrollLeft}),r}function He(e){for(let{element:t,scrollTop:r,scrollLeft:o}of e)t.scrollTop=r,t.scrollLeft=o}function Q(e){var t;return typeof window>"u"||window.navigator==null?!1:((t=window.navigator.userAgentData)===null||t===void 0?void 0:t.brands.some(r=>e.test(r.brand)))||e.test(window.navigator.userAgent)}function le(e){var t;return typeof window<"u"&&window.navigator!=null?e.test(((t=window.navigator.userAgentData)===null||t===void 0?void 0:t.platform)||window.navigator.platform):!1}function X(){return le(/^Mac/i)}function Ge(){return le(/^iPhone/i)}function we(){return le(/^iPad/i)||X()&&navigator.maxTouchPoints>1}function Se(){return Ge()||we()}function Ve(){return Q(/AppleWebKit/i)&&!We()}function We(){return Q(/Chrome/i)}function xe(){return Q(/Android/i)}function je(){return Q(/Firefox/i)}function V(e,t,r=!0){var o,i;let{metaKey:d,ctrlKey:u,altKey:p,shiftKey:b}=t;je()&&(!((i=window.event)===null||i===void 0||(o=i.type)===null||o===void 0)&&o.startsWith("key"))&&e.target==="_blank"&&(X()?d=!0:u=!0);let E=Ve()&&X()&&!we()?new KeyboardEvent("keydown",{keyIdentifier:"Enter",metaKey:d,ctrlKey:u,altKey:p,shiftKey:b}):new MouseEvent("click",{metaKey:d,ctrlKey:u,altKey:p,shiftKey:b,bubbles:!0,cancelable:!0});V.isOpening=r,H(e),e.dispatchEvent(E),V.isOpening=!1}V.isOpening=!1;let M=new Map,se=new Set;function pe(){if(typeof window>"u")return;function e(o){return"propertyName"in o}let t=o=>{if(!e(o)||!o.target)return;let i=M.get(o.target);i||(i=new Set,M.set(o.target,i),o.target.addEventListener("transitioncancel",r,{once:!0})),i.add(o.propertyName)},r=o=>{if(!e(o)||!o.target)return;let i=M.get(o.target);if(i&&(i.delete(o.propertyName),i.size===0&&(o.target.removeEventListener("transitioncancel",r),M.delete(o.target)),M.size===0)){for(let d of se)d();se.clear()}};document.body.addEventListener("transitionrun",t),document.body.addEventListener("transitionend",r)}typeof document<"u"&&(document.readyState!=="loading"?pe():document.addEventListener("DOMContentLoaded",pe));function Ye(e){requestAnimationFrame(()=>{M.size===0?e():se.add(e)})}function qe(){let e=k.useRef(new Map),t=k.useCallback((i,d,u,p)=>{let b=p!=null&&p.once?(...E)=>{e.current.delete(u),u(...E)}:u;e.current.set(u,{type:d,eventTarget:i,fn:b,options:p}),i.addEventListener(d,u,p)},[]),r=k.useCallback((i,d,u,p)=>{var b;let E=((b=e.current.get(u))===null||b===void 0?void 0:b.fn)||u;i.removeEventListener(d,E,p),e.current.delete(u)},[]),o=k.useCallback(()=>{e.current.forEach((i,d)=>{r(i.eventTarget,i.type,d,i.options)})},[r]);return k.useEffect(()=>o,[o]),{addGlobalListener:t,removeGlobalListener:r,removeAllGlobalListeners:o}}function ze(e,t){Be(()=>{if(e&&e.ref&&t)return e.ref.current=t.current,()=>{e.ref&&(e.ref.current=null)}})}function fe(e){return e.mozInputSource===0&&e.isTrusted?!0:xe()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function Xe(e){return!xe()&&e.width===0&&e.height===0||e.width===1&&e.height===1&&e.pressure===0&&e.detail===0&&e.pointerType==="mouse"}let F="default",ie="",z=new WeakMap;function me(e){if(Se()){if(F==="default"){const t=I(e);ie=t.documentElement.style.webkitUserSelect,t.documentElement.style.webkitUserSelect="none"}F="disabled"}else(e instanceof HTMLElement||e instanceof SVGElement)&&(z.set(e,e.style.userSelect),e.style.userSelect="none")}function j(e){if(Se()){if(F!=="disabled")return;F="restoring",setTimeout(()=>{Ye(()=>{if(F==="restoring"){const t=I(e);t.documentElement.style.webkitUserSelect==="none"&&(t.documentElement.style.webkitUserSelect=ie||""),ie="",F="default"}})},300)}else if((e instanceof HTMLElement||e instanceof SVGElement)&&e&&z.has(e)){let t=z.get(e);e.style.userSelect==="none"&&(e.style.userSelect=t),e.getAttribute("style")===""&&e.removeAttribute("style"),z.delete(e)}}const Ne=k.createContext({register:()=>{}});Ne.displayName="PressResponderContext";function Je(e,t){return t.get?t.get.call(e):t.value}function Oe(e,t,r){if(!t.has(e))throw new TypeError("attempted to "+r+" private field on non-instance");return t.get(e)}function Qe(e,t){var r=Oe(e,t,"get");return Je(e,r)}function Ze(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}function et(e,t,r){Ze(e,t),t.set(e,r)}function tt(e,t,r){if(t.set)t.set.call(e,r);else{if(!t.writable)throw new TypeError("attempted to set read only private field");t.value=r}}function be(e,t,r){var o=Oe(e,t,"set");return tt(e,o,r),r}function nt(e){let t=k.useContext(Ne);if(t){let{register:r,...o}=t;e=G(o,e),r()}return ze(t,e.ref),e}var Y=new WeakMap;class q{continuePropagation(){be(this,Y,!1)}get shouldStopPropagation(){return Qe(this,Y)}constructor(t,r,o){et(this,Y,{writable:!0,value:void 0}),be(this,Y,!0),this.type=t,this.pointerType=r,this.target=o.currentTarget,this.shiftKey=o.shiftKey,this.metaKey=o.metaKey,this.ctrlKey=o.ctrlKey,this.altKey=o.altKey}}const ge=Symbol("linkClicked");function rt(e){let{onPress:t,onPressChange:r,onPressStart:o,onPressEnd:i,onPressUp:d,isDisabled:u,isPressed:p,preventFocusOnPress:b,shouldCancelOnPointerExit:E,allowTextSelectionOnPress:g,ref:C,...x}=nt(e),[m,S]=k.useState(!1),B=k.useRef({isPressed:!1,ignoreEmulatedMouseEvents:!1,ignoreClickAfterPress:!1,didFirePressStart:!1,isTriggeringEvent:!1,activePointerId:null,target:null,isOverTarget:!1,pointerType:null}),{addGlobalListener:$,removeAllGlobalListeners:N}=qe(),w=U((n,f)=>{let P=B.current;if(u||P.didFirePressStart)return!1;let l=!0;if(P.isTriggeringEvent=!0,o){let v=new q("pressstart",f,n);o(v),l=v.shouldStopPropagation}return r&&r(!0),P.isTriggeringEvent=!1,P.didFirePressStart=!0,S(!0),l}),T=U((n,f,P=!0)=>{let l=B.current;if(!l.didFirePressStart)return!1;l.ignoreClickAfterPress=!0,l.didFirePressStart=!1,l.isTriggeringEvent=!0;let v=!0;if(i){let s=new q("pressend",f,n);i(s),v=s.shouldStopPropagation}if(r&&r(!1),S(!1),t&&P&&!u){let s=new q("press",f,n);t(s),v&&(v=s.shouldStopPropagation)}return l.isTriggeringEvent=!1,v}),D=U((n,f)=>{let P=B.current;if(u)return!1;if(d){P.isTriggeringEvent=!0;let l=new q("pressup",f,n);return d(l),P.isTriggeringEvent=!1,l.shouldStopPropagation}return!0}),O=U(n=>{let f=B.current;f.isPressed&&f.target&&(f.isOverTarget&&f.pointerType!=null&&T(_(f.target,n),f.pointerType,!1),f.isPressed=!1,f.isOverTarget=!1,f.activePointerId=null,f.pointerType=null,N(),g||j(f.target))}),K=U(n=>{E&&O(n)}),ee=k.useMemo(()=>{let n=B.current,f={onKeyDown(l){if(te(l.nativeEvent,l.currentTarget)&&l.currentTarget.contains(l.target)){var v;ye(l.target,l.key)&&l.preventDefault();let s=!0;if(!n.isPressed&&!l.repeat){n.target=l.currentTarget,n.isPressed=!0,s=w(l,"keyboard");let a=l.currentTarget,h=A=>{te(A,a)&&!A.repeat&&a.contains(A.target)&&n.target&&D(_(n.target,A),"keyboard")};$(I(l.currentTarget),"keyup",Pe(h,P),!0)}s&&l.stopPropagation(),l.metaKey&&X()&&((v=n.metaKeyEvents)===null||v===void 0||v.set(l.key,l.nativeEvent))}else l.key==="Meta"&&(n.metaKeyEvents=new Map)},onClick(l){if(!(l&&!l.currentTarget.contains(l.target))&&l&&l.button===0&&!n.isTriggeringEvent&&!V.isOpening){let v=!0;if(u&&l.preventDefault(),!n.ignoreClickAfterPress&&!n.ignoreEmulatedMouseEvents&&!n.isPressed&&(n.pointerType==="virtual"||fe(l.nativeEvent))){!u&&!b&&H(l.currentTarget);let s=w(l,"virtual"),a=D(l,"virtual"),h=T(l,"virtual");v=s&&a&&h}n.ignoreEmulatedMouseEvents=!1,n.ignoreClickAfterPress=!1,v&&l.stopPropagation()}}},P=l=>{var v;if(n.isPressed&&n.target&&te(l,n.target)){var s;ye(l.target,l.key)&&l.preventDefault();let h=l.target;T(_(n.target,l),"keyboard",n.target.contains(h)),N(),l.key!=="Enter"&&ue(n.target)&&n.target.contains(h)&&!l[ge]&&(l[ge]=!0,V(n.target,l,!1)),n.isPressed=!1,(s=n.metaKeyEvents)===null||s===void 0||s.delete(l.key)}else if(l.key==="Meta"&&(!((v=n.metaKeyEvents)===null||v===void 0)&&v.size)){var a;let h=n.metaKeyEvents;n.metaKeyEvents=void 0;for(let A of h.values())(a=n.target)===null||a===void 0||a.dispatchEvent(new KeyboardEvent("keyup",A))}};if(typeof PointerEvent<"u"){f.onPointerDown=a=>{if(a.button!==0||!a.currentTarget.contains(a.target))return;if(Xe(a.nativeEvent)){n.pointerType="virtual";return}ne(a.currentTarget)&&a.preventDefault(),n.pointerType=a.pointerType;let h=!0;n.isPressed||(n.isPressed=!0,n.isOverTarget=!0,n.activePointerId=a.pointerId,n.target=a.currentTarget,!u&&!b&&H(a.currentTarget),g||me(n.target),h=w(a,n.pointerType),$(I(a.currentTarget),"pointermove",l,!1),$(I(a.currentTarget),"pointerup",v,!1),$(I(a.currentTarget),"pointercancel",s,!1)),h&&a.stopPropagation()},f.onMouseDown=a=>{a.currentTarget.contains(a.target)&&a.button===0&&(ne(a.currentTarget)&&a.preventDefault(),a.stopPropagation())},f.onPointerUp=a=>{!a.currentTarget.contains(a.target)||n.pointerType==="virtual"||a.button===0&&L(a,a.currentTarget)&&D(a,n.pointerType||a.pointerType)};let l=a=>{a.pointerId===n.activePointerId&&(n.target&&L(a,n.target)?!n.isOverTarget&&n.pointerType!=null&&(n.isOverTarget=!0,w(_(n.target,a),n.pointerType)):n.target&&n.isOverTarget&&n.pointerType!=null&&(n.isOverTarget=!1,T(_(n.target,a),n.pointerType,!1),K(a)))},v=a=>{a.pointerId===n.activePointerId&&n.isPressed&&a.button===0&&n.target&&(L(a,n.target)&&n.pointerType!=null?T(_(n.target,a),n.pointerType):n.isOverTarget&&n.pointerType!=null&&T(_(n.target,a),n.pointerType,!1),n.isPressed=!1,n.isOverTarget=!1,n.activePointerId=null,n.pointerType=null,N(),g||j(n.target))},s=a=>{O(a)};f.onDragStart=a=>{a.currentTarget.contains(a.target)&&O(a)}}else{f.onMouseDown=s=>{if(s.button!==0||!s.currentTarget.contains(s.target))return;if(ne(s.currentTarget)&&s.preventDefault(),n.ignoreEmulatedMouseEvents){s.stopPropagation();return}n.isPressed=!0,n.isOverTarget=!0,n.target=s.currentTarget,n.pointerType=fe(s.nativeEvent)?"virtual":"mouse",!u&&!b&&H(s.currentTarget),w(s,n.pointerType)&&s.stopPropagation(),$(I(s.currentTarget),"mouseup",l,!1)},f.onMouseEnter=s=>{if(!s.currentTarget.contains(s.target))return;let a=!0;n.isPressed&&!n.ignoreEmulatedMouseEvents&&n.pointerType!=null&&(n.isOverTarget=!0,a=w(s,n.pointerType)),a&&s.stopPropagation()},f.onMouseLeave=s=>{if(!s.currentTarget.contains(s.target))return;let a=!0;n.isPressed&&!n.ignoreEmulatedMouseEvents&&n.pointerType!=null&&(n.isOverTarget=!1,a=T(s,n.pointerType,!1),K(s)),a&&s.stopPropagation()},f.onMouseUp=s=>{s.currentTarget.contains(s.target)&&!n.ignoreEmulatedMouseEvents&&s.button===0&&D(s,n.pointerType||"mouse")};let l=s=>{if(s.button===0){if(n.isPressed=!1,N(),n.ignoreEmulatedMouseEvents){n.ignoreEmulatedMouseEvents=!1;return}n.target&&L(s,n.target)&&n.pointerType!=null?T(_(n.target,s),n.pointerType):n.target&&n.isOverTarget&&n.pointerType!=null&&T(_(n.target,s),n.pointerType,!1),n.isOverTarget=!1}};f.onTouchStart=s=>{if(!s.currentTarget.contains(s.target))return;let a=ot(s.nativeEvent);if(!a)return;n.activePointerId=a.identifier,n.ignoreEmulatedMouseEvents=!0,n.isOverTarget=!0,n.isPressed=!0,n.target=s.currentTarget,n.pointerType="touch",!u&&!b&&H(s.currentTarget),g||me(n.target),w(s,n.pointerType)&&s.stopPropagation(),$(oe(s.currentTarget),"scroll",v,!0)},f.onTouchMove=s=>{if(!s.currentTarget.contains(s.target))return;if(!n.isPressed){s.stopPropagation();return}let a=ve(s.nativeEvent,n.activePointerId),h=!0;a&&L(a,s.currentTarget)?!n.isOverTarget&&n.pointerType!=null&&(n.isOverTarget=!0,h=w(s,n.pointerType)):n.isOverTarget&&n.pointerType!=null&&(n.isOverTarget=!1,h=T(s,n.pointerType,!1),K(s)),h&&s.stopPropagation()},f.onTouchEnd=s=>{if(!s.currentTarget.contains(s.target))return;if(!n.isPressed){s.stopPropagation();return}let a=ve(s.nativeEvent,n.activePointerId),h=!0;a&&L(a,s.currentTarget)&&n.pointerType!=null?(D(s,n.pointerType),h=T(s,n.pointerType)):n.isOverTarget&&n.pointerType!=null&&(h=T(s,n.pointerType,!1)),h&&s.stopPropagation(),n.isPressed=!1,n.activePointerId=null,n.isOverTarget=!1,n.ignoreEmulatedMouseEvents=!0,n.target&&!g&&j(n.target),N()},f.onTouchCancel=s=>{s.currentTarget.contains(s.target)&&(s.stopPropagation(),n.isPressed&&O(s))};let v=s=>{n.isPressed&&s.target.contains(n.target)&&O({currentTarget:n.target,shiftKey:!1,ctrlKey:!1,metaKey:!1,altKey:!1})};f.onDragStart=s=>{s.currentTarget.contains(s.target)&&O(s)}}return f},[$,u,b,N,g,O,K,T,w,D]);return k.useEffect(()=>()=>{var n;g||j((n=B.current.target)!==null&&n!==void 0?n:void 0)},[g]),{isPressed:p||m,pressProps:G(x,ee)}}function ue(e){return e.tagName==="A"&&e.hasAttribute("href")}function te(e,t){const{key:r,code:o}=e,i=t,d=i.getAttribute("role");return(r==="Enter"||r===" "||r==="Spacebar"||o==="Space")&&!(i instanceof oe(i).HTMLInputElement&&!De(i,r)||i instanceof oe(i).HTMLTextAreaElement||i.isContentEditable)&&!((d==="link"||!d&&ue(i))&&r!=="Enter")}function ot(e){const{targetTouches:t}=e;return t.length>0?t[0]:null}function ve(e,t){const r=e.changedTouches;for(let o=0;o<r.length;o++){const i=r[o];if(i.identifier===t)return i}return null}function _(e,t){return{currentTarget:e,shiftKey:t.shiftKey,ctrlKey:t.ctrlKey,metaKey:t.metaKey,altKey:t.altKey}}function st(e){let t=0,r=0;return e.width!==void 0?t=e.width/2:e.radiusX!==void 0&&(t=e.radiusX),e.height!==void 0?r=e.height/2:e.radiusY!==void 0&&(r=e.radiusY),{top:e.clientY-r,right:e.clientX+t,bottom:e.clientY+r,left:e.clientX-t}}function it(e,t){return!(e.left>t.right||t.left>e.right||e.top>t.bottom||t.top>e.bottom)}function L(e,t){let r=t.getBoundingClientRect(),o=st(e);return it(r,o)}function ne(e){return!(e instanceof HTMLElement)||!e.hasAttribute("draggable")}function ye(e,t){return e instanceof HTMLInputElement?!De(e,t):e instanceof HTMLButtonElement?e.type!=="submit"&&e.type!=="reset":!ue(e)}const at=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);function De(e,t){return e.type==="checkbox"||e.type==="radio"?t===" ":at.has(e.type)}let J=!1,re=0;function ae(){J=!0,setTimeout(()=>{J=!1},50)}function he(e){e.pointerType==="touch"&&ae()}function lt(){if(!(typeof document>"u"))return typeof PointerEvent<"u"?document.addEventListener("pointerup",he):document.addEventListener("touchend",ae),re++,()=>{re--,!(re>0)&&(typeof PointerEvent<"u"?document.removeEventListener("pointerup",he):document.removeEventListener("touchend",ae))}}function ut(e){let{onHoverStart:t,onHoverChange:r,onHoverEnd:o,isDisabled:i}=e,[d,u]=k.useState(!1),p=k.useRef({isHovered:!1,ignoreEmulatedMouseEvents:!1,pointerType:"",target:null}).current;k.useEffect(lt,[]);let{hoverProps:b,triggerHoverEnd:E}=k.useMemo(()=>{let g=(m,S)=>{if(p.pointerType=S,i||S==="touch"||p.isHovered||!m.currentTarget.contains(m.target))return;p.isHovered=!0;let B=m.currentTarget;p.target=B,t&&t({type:"hoverstart",target:B,pointerType:S}),r&&r(!0),u(!0)},C=(m,S)=>{if(p.pointerType="",p.target=null,S==="touch"||!p.isHovered)return;p.isHovered=!1;let B=m.currentTarget;o&&o({type:"hoverend",target:B,pointerType:S}),r&&r(!1),u(!1)},x={};return typeof PointerEvent<"u"?(x.onPointerEnter=m=>{J&&m.pointerType==="mouse"||g(m,m.pointerType)},x.onPointerLeave=m=>{!i&&m.currentTarget.contains(m.target)&&C(m,m.pointerType)}):(x.onTouchStart=()=>{p.ignoreEmulatedMouseEvents=!0},x.onMouseEnter=m=>{!p.ignoreEmulatedMouseEvents&&!J&&g(m,"mouse"),p.ignoreEmulatedMouseEvents=!1},x.onMouseLeave=m=>{!i&&m.currentTarget.contains(m.target)&&C(m,"mouse")}),{hoverProps:x,triggerHoverEnd:C}},[t,r,o,i,p]);return k.useEffect(()=>{i&&E({currentTarget:p.target},p.pointerType)},[i]),{hoverProps:b,isHovered:d}}function ct(e,t){let{elementType:r="button",isDisabled:o,onPress:i,onPressStart:d,onPressEnd:u,onPressUp:p,onPressChange:b,preventFocusOnPress:E,allowFocusWhenDisabled:g,onClick:C,href:x,target:m,rel:S,type:B="button"}=e,$;r==="button"?$={type:B,disabled:o}:$={role:"button",tabIndex:o?void 0:0,href:r==="a"&&o?void 0:x,target:r==="a"?m:void 0,type:r==="input"?B:void 0,disabled:r==="input"?o:void 0,"aria-disabled":!o||r==="input"?void 0:o,rel:r==="a"?S:void 0};let{pressProps:N,isPressed:w}=rt({onPressStart:d,onPressEnd:u,onPressChange:b,onPress:i,onPressUp:p,isDisabled:o,preventFocusOnPress:E,ref:t}),{focusableProps:T}=Te.useFocusable(e,t);g&&(T.tabIndex=o?-1:T.tabIndex);let D=G(T,N,Fe(e,{labelable:!0}));return{isPressed:w,buttonProps:G($,D,{"aria-haspopup":e["aria-haspopup"],"aria-expanded":e["aria-expanded"],"aria-controls":e["aria-controls"],"aria-pressed":e["aria-pressed"],onClick:O=>{C&&(C(O),console.warn("onClick is deprecated, please use onPress"))}})}}function dt(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function ke(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,o)}return r}function Ee(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?ke(Object(r),!0).forEach(function(o){dt(e,o,r[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ke(Object(r)).forEach(function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(r,o))})}return e}var pt=(e,t,r)=>{for(var o of Object.keys(e)){var i;if(e[o]!==((i=t[o])!==null&&i!==void 0?i:r[o]))return!1}return!0},Z=e=>t=>{var r=e.defaultClassName,o=Ee(Ee({},e.defaultVariants),t);for(var i in o){var d,u=(d=o[i])!==null&&d!==void 0?d:e.defaultVariants[i];if(u!=null){var p=u;typeof p=="boolean"&&(p=p===!0?"true":"false");var b=e.variantClassNames[i][p];b&&(r+=" "+b)}}for(var[E,g]of e.compoundVariants)pt(E,o,e.defaultVariants)&&(r+=" "+g);return r},ft=Z({defaultClassName:"_125pcxy0",variantClassNames:{disabled:{true:"_125pcxy1",false:"_125pcxy2"},kind:{default:"_125pcxy3",link:"_125pcxy4",confirm:"_125pcxy5",delete:"_125pcxy6",key:"_125pcxy7",icon:"_125pcxy8"},spinning:{true:"_125pcxy9",false:"_125pcxya"}},defaultVariants:{disabled:!1,kind:"default",spinning:!1},compoundVariants:[[{kind:"icon",spinning:!0},"_125pcxyb"],[{kind:"default",spinning:!0},"_125pcxyc"],[{kind:"confirm",spinning:!0},"_125pcxyd"],[{kind:"delete",spinning:!0},"_125pcxye"],[{kind:"key",spinning:!0},"_125pcxyf"],[{disabled:!0,spinning:!1},"_125pcxyg"]]}),mt=Z({defaultClassName:"_125pcxyh",variantClassNames:{disabled:{true:"_125pcxyi",false:"_125pcxyj"},kind:{icon:"_125pcxyk",default:"_125pcxyl",delete:"_125pcxym",key:"_125pcxyn",confirm:"_125pcxyo",link:"_125pcxyp"},spinning:{true:"_125pcxyq",false:"_125pcxyr"}},defaultVariants:{disabled:!1,kind:"default",spinning:!1},compoundVariants:[]}),bt="_125pcxyv",gt=Z({defaultClassName:"_125pcxyw",variantClassNames:{spinning:{true:"_125pcxyx",false:"_125pcxyy"}},defaultVariants:{spinning:!1},compoundVariants:[]}),vt=Z({defaultClassName:"_125pcxys",variantClassNames:{spinning:{true:"_125pcxyt",false:"_125pcxyu"}},defaultVariants:{spinning:!1},compoundVariants:[]});function yt({as:e,onClick:t,onPress:r,children:o,className:i,isDisabled:d,disabled:u,href:p,icon:b,kind:E="default",spinning:g,spinningTitle:C,title:x,...m},S){const B=e??(p?"a":"button"),$={onPress:r??t,isDisabled:u??d??g,...m},{"data-testid":N}=m,w=S||c.useRef(null),{buttonProps:T}=ct($,w),{hoverProps:D}=ut({isDisabled:$.isDisabled}),{type:O,...K}=T,ee={...G(K,D),ref:w,title:x,className:p?vt({spinning:g}):mt({disabled:d||u,kind:E,spinning:g}),...p?{href:p}:{type:O}},{t:n}=c.useContext(R.I18nContext),f=b&&c.createElement(R.Icon,{className:bt,icon:b,"aria-hidden":"true","data-testid":`${N}__${b}-icon`});let P;E==="default"||E==="icon"||E==="link"?P="dark":P="light";const l=g&&c.createElement(R.Spinner,{color:P,className:gt({spinning:g}),title:C||n("design-system:button.spinningTitle"),"data-testid":`${N}__spinner`});return c.createElement(Te.FocusRing,null,c.createElement("div",{className:R.cl(ft({disabled:d||u,kind:E,spinning:g}),i)},c.createElement(B,{...ee},f,o?c.createElement("span",null,o):"",l)))}const ce=c.forwardRef(yt);R.Metadata.set(ce,{name:"Button",props:{disabled:"boolean",href:"string",icon:"IconName",kind:{type:'"default" | "link" | "icon" | "confirm" | "delete" | "key"',default:'"default"'},spinning:"boolean",spinningTitle:"string",type:{type:'"button" | "submit"',default:'"button"'}},panellable:!0});const ht={components:[ce],description:()=>c.createElement(c.Fragment,null,c.createElement("div",{className:"sps-body-14"},"Buttons are used to initiate events or actions. The labels and/or icons describe what the button will do."),c.createElement("br",null),c.createElement("h5",null,"Variants"),c.createElement("div",{className:"sps-body-14"},c.createElement("span",{className:"sps-text-semibold"},"Default: "),"For tertiary actions or actions of lower importance on a page."),c.createElement("div",{className:"sps-body-14"},c.createElement("span",{className:"sps-text-semibold"},"Key: "),"For primary or important actions on a page."),c.createElement("div",{className:"sps-body-14"},c.createElement("span",{className:"sps-text-semibold"},"Confirm: "),"For the main call to action on a page. There should only be one Confirm button per screen."),c.createElement("div",{className:"sps-body-14"},c.createElement("span",{className:"sps-text-semibold"},"Delete: "),"For deleting information or another destructive action. These should always be paired with a Delete Confirmation Modal."),c.createElement("div",{className:"sps-body-14"},c.createElement("span",{className:"sps-text-semibold"},"Disabled: "),"For actions that are not permitted in a particular state. These can be accompanied by a Tooltip on hover describing why it’s disabled."),c.createElement("div",{className:"sps-body-14"},c.createElement("span",{className:"sps-text-semibold"},"With an Icon: "),"For further illustrating the action. Example: Pencil icon in an Edit button. There can also be Icon Buttons without text.")),examples:{basic:{label:"Basic Buttons",description:({NavigateTo:e})=>c.createElement(c.Fragment,null,c.createElement("p",null,"The most common type of button that can be used in most cases. Example: Basic Buttons in a ",c.createElement(e,{to:"modals"},"Modal"),".")),examples:{withoutIcons:{description:"Without Icons",react:y.code`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react"),R=require("@sps-woodland/core"),Te=require("@react-aria/focus"),y=require("@spscommerce/utils");function Ce(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const u=Ce(E),Be=typeof document<"u"?E.useLayoutEffect:()=>{};function U(e){const t=E.useRef(null);return Be(()=>{t.current=e},[e]),E.useCallback((...r)=>{const o=t.current;return o==null?void 0:o(...r)},[])}let de=new Map;function _e(e,t){if(e===t)return e;let r=de.get(e);if(r)return r(t),t;let o=de.get(t);return o?(o(e),e):t}function Pe(...e){return(...t)=>{for(let r of e)typeof r=="function"&&r(...t)}}const I=e=>{var t;return(t=e==null?void 0:e.ownerDocument)!==null&&t!==void 0?t:document},oe=e=>e&&"window"in e&&e.window===e?e:I(e).defaultView||window;function $e(e){var t,r,o="";if(typeof e=="string"||typeof e=="number")o+=e;else if(typeof e=="object")if(Array.isArray(e)){var i=e.length;for(t=0;t<i;t++)e[t]&&(r=$e(e[t]))&&(o&&(o+=" "),o+=r)}else for(r in e)e[r]&&(o&&(o+=" "),o+=r);return o}function Ie(){for(var e,t,r=0,o="",i=arguments.length;r<i;r++)(e=arguments[r])&&(t=$e(e))&&(o&&(o+=" "),o+=t);return o}function G(...e){let t={...e[0]};for(let r=1;r<e.length;r++){let o=e[r];for(let i in o){let d=t[i],c=o[i];typeof d=="function"&&typeof c=="function"&&i[0]==="o"&&i[1]==="n"&&i.charCodeAt(2)>=65&&i.charCodeAt(2)<=90?t[i]=Pe(d,c):(i==="className"||i==="UNSAFE_className")&&typeof d=="string"&&typeof c=="string"?t[i]=Ie(d,c):i==="id"&&d&&c?t.id=_e(d,c):t[i]=c!==void 0?c:d}}return t}const Ke=new Set(["id"]),Ae=new Set(["aria-label","aria-labelledby","aria-describedby","aria-details"]),Le=new Set(["href","hrefLang","target","rel","download","ping","referrerPolicy"]),Me=/^(data-.*)$/;function Fe(e,t={}){let{labelable:r,isLink:o,propNames:i}=t,d={};for(const c in e)Object.prototype.hasOwnProperty.call(e,c)&&(Ke.has(c)||r&&Ae.has(c)||o&&Le.has(c)||i!=null&&i.has(c)||Me.test(c))&&(d[c]=e[c]);return d}function H(e){if(Ue())e.focus({preventScroll:!0});else{let t=Re(e);e.focus(),He(t)}}let W=null;function Ue(){if(W==null){W=!1;try{document.createElement("div").focus({get preventScroll(){return W=!0,!0}})}catch{}}return W}function Re(e){let t=e.parentNode,r=[],o=document.scrollingElement||document.documentElement;for(;t instanceof HTMLElement&&t!==o;)(t.offsetHeight<t.scrollHeight||t.offsetWidth<t.scrollWidth)&&r.push({element:t,scrollTop:t.scrollTop,scrollLeft:t.scrollLeft}),t=t.parentNode;return o instanceof HTMLElement&&r.push({element:o,scrollTop:o.scrollTop,scrollLeft:o.scrollLeft}),r}function He(e){for(let{element:t,scrollTop:r,scrollLeft:o}of e)t.scrollTop=r,t.scrollLeft=o}function Q(e){var t;return typeof window>"u"||window.navigator==null?!1:((t=window.navigator.userAgentData)===null||t===void 0?void 0:t.brands.some(r=>e.test(r.brand)))||e.test(window.navigator.userAgent)}function le(e){var t;return typeof window<"u"&&window.navigator!=null?e.test(((t=window.navigator.userAgentData)===null||t===void 0?void 0:t.platform)||window.navigator.platform):!1}function X(){return le(/^Mac/i)}function Ge(){return le(/^iPhone/i)}function we(){return le(/^iPad/i)||X()&&navigator.maxTouchPoints>1}function xe(){return Ge()||we()}function Ve(){return Q(/AppleWebKit/i)&&!We()}function We(){return Q(/Chrome/i)}function Se(){return Q(/Android/i)}function je(){return Q(/Firefox/i)}function V(e,t,r=!0){var o,i;let{metaKey:d,ctrlKey:c,altKey:p,shiftKey:b}=t;je()&&(!((i=window.event)===null||i===void 0||(o=i.type)===null||o===void 0)&&o.startsWith("key"))&&e.target==="_blank"&&(X()?d=!0:c=!0);let h=Ve()&&X()&&!we()?new KeyboardEvent("keydown",{keyIdentifier:"Enter",metaKey:d,ctrlKey:c,altKey:p,shiftKey:b}):new MouseEvent("click",{metaKey:d,ctrlKey:c,altKey:p,shiftKey:b,bubbles:!0,cancelable:!0});V.isOpening=r,H(e),e.dispatchEvent(h),V.isOpening=!1}V.isOpening=!1;let M=new Map,se=new Set;function pe(){if(typeof window>"u")return;function e(o){return"propertyName"in o}let t=o=>{if(!e(o)||!o.target)return;let i=M.get(o.target);i||(i=new Set,M.set(o.target,i),o.target.addEventListener("transitioncancel",r,{once:!0})),i.add(o.propertyName)},r=o=>{if(!e(o)||!o.target)return;let i=M.get(o.target);if(i&&(i.delete(o.propertyName),i.size===0&&(o.target.removeEventListener("transitioncancel",r),M.delete(o.target)),M.size===0)){for(let d of se)d();se.clear()}};document.body.addEventListener("transitionrun",t),document.body.addEventListener("transitionend",r)}typeof document<"u"&&(document.readyState!=="loading"?pe():document.addEventListener("DOMContentLoaded",pe));function Ye(e){requestAnimationFrame(()=>{M.size===0?e():se.add(e)})}function qe(){let e=E.useRef(new Map),t=E.useCallback((i,d,c,p)=>{let b=p!=null&&p.once?(...h)=>{e.current.delete(c),c(...h)}:c;e.current.set(c,{type:d,eventTarget:i,fn:b,options:p}),i.addEventListener(d,c,p)},[]),r=E.useCallback((i,d,c,p)=>{var b;let h=((b=e.current.get(c))===null||b===void 0?void 0:b.fn)||c;i.removeEventListener(d,h,p),e.current.delete(c)},[]),o=E.useCallback(()=>{e.current.forEach((i,d)=>{r(i.eventTarget,i.type,d,i.options)})},[r]);return E.useEffect(()=>o,[o]),{addGlobalListener:t,removeGlobalListener:r,removeAllGlobalListeners:o}}function ze(e,t){Be(()=>{if(e&&e.ref&&t)return e.ref.current=t.current,()=>{e.ref&&(e.ref.current=null)}})}function fe(e){return e.mozInputSource===0&&e.isTrusted?!0:Se()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function Xe(e){return!Se()&&e.width===0&&e.height===0||e.width===1&&e.height===1&&e.pressure===0&&e.detail===0&&e.pointerType==="mouse"}let F="default",ie="",z=new WeakMap;function me(e){if(xe()){if(F==="default"){const t=I(e);ie=t.documentElement.style.webkitUserSelect,t.documentElement.style.webkitUserSelect="none"}F="disabled"}else(e instanceof HTMLElement||e instanceof SVGElement)&&(z.set(e,e.style.userSelect),e.style.userSelect="none")}function j(e){if(xe()){if(F!=="disabled")return;F="restoring",setTimeout(()=>{Ye(()=>{if(F==="restoring"){const t=I(e);t.documentElement.style.webkitUserSelect==="none"&&(t.documentElement.style.webkitUserSelect=ie||""),ie="",F="default"}})},300)}else if((e instanceof HTMLElement||e instanceof SVGElement)&&e&&z.has(e)){let t=z.get(e);e.style.userSelect==="none"&&(e.style.userSelect=t),e.getAttribute("style")===""&&e.removeAttribute("style"),z.delete(e)}}const Ne=E.createContext({register:()=>{}});Ne.displayName="PressResponderContext";function Je(e,t){return t.get?t.get.call(e):t.value}function Oe(e,t,r){if(!t.has(e))throw new TypeError("attempted to "+r+" private field on non-instance");return t.get(e)}function Qe(e,t){var r=Oe(e,t,"get");return Je(e,r)}function Ze(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}function et(e,t,r){Ze(e,t),t.set(e,r)}function tt(e,t,r){if(t.set)t.set.call(e,r);else{if(!t.writable)throw new TypeError("attempted to set read only private field");t.value=r}}function be(e,t,r){var o=Oe(e,t,"set");return tt(e,o,r),r}function nt(e){let t=E.useContext(Ne);if(t){let{register:r,...o}=t;e=G(o,e),r()}return ze(t,e.ref),e}var Y=new WeakMap;class q{continuePropagation(){be(this,Y,!1)}get shouldStopPropagation(){return Qe(this,Y)}constructor(t,r,o){et(this,Y,{writable:!0,value:void 0}),be(this,Y,!0),this.type=t,this.pointerType=r,this.target=o.currentTarget,this.shiftKey=o.shiftKey,this.metaKey=o.metaKey,this.ctrlKey=o.ctrlKey,this.altKey=o.altKey}}const ge=Symbol("linkClicked");function rt(e){let{onPress:t,onPressChange:r,onPressStart:o,onPressEnd:i,onPressUp:d,isDisabled:c,isPressed:p,preventFocusOnPress:b,shouldCancelOnPointerExit:h,allowTextSelectionOnPress:g,ref:C,...S}=nt(e),[m,x]=E.useState(!1),B=E.useRef({isPressed:!1,ignoreEmulatedMouseEvents:!1,ignoreClickAfterPress:!1,didFirePressStart:!1,isTriggeringEvent:!1,activePointerId:null,target:null,isOverTarget:!1,pointerType:null}),{addGlobalListener:$,removeAllGlobalListeners:N}=qe(),w=U((n,f)=>{let P=B.current;if(c||P.didFirePressStart)return!1;let l=!0;if(P.isTriggeringEvent=!0,o){let v=new q("pressstart",f,n);o(v),l=v.shouldStopPropagation}return r&&r(!0),P.isTriggeringEvent=!1,P.didFirePressStart=!0,x(!0),l}),T=U((n,f,P=!0)=>{let l=B.current;if(!l.didFirePressStart)return!1;l.ignoreClickAfterPress=!0,l.didFirePressStart=!1,l.isTriggeringEvent=!0;let v=!0;if(i){let s=new q("pressend",f,n);i(s),v=s.shouldStopPropagation}if(r&&r(!1),x(!1),t&&P&&!c){let s=new q("press",f,n);t(s),v&&(v=s.shouldStopPropagation)}return l.isTriggeringEvent=!1,v}),D=U((n,f)=>{let P=B.current;if(c)return!1;if(d){P.isTriggeringEvent=!0;let l=new q("pressup",f,n);return d(l),P.isTriggeringEvent=!1,l.shouldStopPropagation}return!0}),O=U(n=>{let f=B.current;f.isPressed&&f.target&&(f.isOverTarget&&f.pointerType!=null&&T(_(f.target,n),f.pointerType,!1),f.isPressed=!1,f.isOverTarget=!1,f.activePointerId=null,f.pointerType=null,N(),g||j(f.target))}),K=U(n=>{h&&O(n)}),ee=E.useMemo(()=>{let n=B.current,f={onKeyDown(l){if(te(l.nativeEvent,l.currentTarget)&&l.currentTarget.contains(l.target)){var v;ye(l.target,l.key)&&l.preventDefault();let s=!0;if(!n.isPressed&&!l.repeat){n.target=l.currentTarget,n.isPressed=!0,s=w(l,"keyboard");let a=l.currentTarget,k=A=>{te(A,a)&&!A.repeat&&a.contains(A.target)&&n.target&&D(_(n.target,A),"keyboard")};$(I(l.currentTarget),"keyup",Pe(k,P),!0)}s&&l.stopPropagation(),l.metaKey&&X()&&((v=n.metaKeyEvents)===null||v===void 0||v.set(l.key,l.nativeEvent))}else l.key==="Meta"&&(n.metaKeyEvents=new Map)},onClick(l){if(!(l&&!l.currentTarget.contains(l.target))&&l&&l.button===0&&!n.isTriggeringEvent&&!V.isOpening){let v=!0;if(c&&l.preventDefault(),!n.ignoreClickAfterPress&&!n.ignoreEmulatedMouseEvents&&!n.isPressed&&(n.pointerType==="virtual"||fe(l.nativeEvent))){!c&&!b&&H(l.currentTarget);let s=w(l,"virtual"),a=D(l,"virtual"),k=T(l,"virtual");v=s&&a&&k}n.ignoreEmulatedMouseEvents=!1,n.ignoreClickAfterPress=!1,v&&l.stopPropagation()}}},P=l=>{var v;if(n.isPressed&&n.target&&te(l,n.target)){var s;ye(l.target,l.key)&&l.preventDefault();let k=l.target;T(_(n.target,l),"keyboard",n.target.contains(k)),N(),l.key!=="Enter"&&ce(n.target)&&n.target.contains(k)&&!l[ge]&&(l[ge]=!0,V(n.target,l,!1)),n.isPressed=!1,(s=n.metaKeyEvents)===null||s===void 0||s.delete(l.key)}else if(l.key==="Meta"&&(!((v=n.metaKeyEvents)===null||v===void 0)&&v.size)){var a;let k=n.metaKeyEvents;n.metaKeyEvents=void 0;for(let A of k.values())(a=n.target)===null||a===void 0||a.dispatchEvent(new KeyboardEvent("keyup",A))}};if(typeof PointerEvent<"u"){f.onPointerDown=a=>{if(a.button!==0||!a.currentTarget.contains(a.target))return;if(Xe(a.nativeEvent)){n.pointerType="virtual";return}ne(a.currentTarget)&&a.preventDefault(),n.pointerType=a.pointerType;let k=!0;n.isPressed||(n.isPressed=!0,n.isOverTarget=!0,n.activePointerId=a.pointerId,n.target=a.currentTarget,!c&&!b&&H(a.currentTarget),g||me(n.target),k=w(a,n.pointerType),$(I(a.currentTarget),"pointermove",l,!1),$(I(a.currentTarget),"pointerup",v,!1),$(I(a.currentTarget),"pointercancel",s,!1)),k&&a.stopPropagation()},f.onMouseDown=a=>{a.currentTarget.contains(a.target)&&a.button===0&&(ne(a.currentTarget)&&a.preventDefault(),a.stopPropagation())},f.onPointerUp=a=>{!a.currentTarget.contains(a.target)||n.pointerType==="virtual"||a.button===0&&L(a,a.currentTarget)&&D(a,n.pointerType||a.pointerType)};let l=a=>{a.pointerId===n.activePointerId&&(n.target&&L(a,n.target)?!n.isOverTarget&&n.pointerType!=null&&(n.isOverTarget=!0,w(_(n.target,a),n.pointerType)):n.target&&n.isOverTarget&&n.pointerType!=null&&(n.isOverTarget=!1,T(_(n.target,a),n.pointerType,!1),K(a)))},v=a=>{a.pointerId===n.activePointerId&&n.isPressed&&a.button===0&&n.target&&(L(a,n.target)&&n.pointerType!=null?T(_(n.target,a),n.pointerType):n.isOverTarget&&n.pointerType!=null&&T(_(n.target,a),n.pointerType,!1),n.isPressed=!1,n.isOverTarget=!1,n.activePointerId=null,n.pointerType=null,N(),g||j(n.target))},s=a=>{O(a)};f.onDragStart=a=>{a.currentTarget.contains(a.target)&&O(a)}}else{f.onMouseDown=s=>{if(s.button!==0||!s.currentTarget.contains(s.target))return;if(ne(s.currentTarget)&&s.preventDefault(),n.ignoreEmulatedMouseEvents){s.stopPropagation();return}n.isPressed=!0,n.isOverTarget=!0,n.target=s.currentTarget,n.pointerType=fe(s.nativeEvent)?"virtual":"mouse",!c&&!b&&H(s.currentTarget),w(s,n.pointerType)&&s.stopPropagation(),$(I(s.currentTarget),"mouseup",l,!1)},f.onMouseEnter=s=>{if(!s.currentTarget.contains(s.target))return;let a=!0;n.isPressed&&!n.ignoreEmulatedMouseEvents&&n.pointerType!=null&&(n.isOverTarget=!0,a=w(s,n.pointerType)),a&&s.stopPropagation()},f.onMouseLeave=s=>{if(!s.currentTarget.contains(s.target))return;let a=!0;n.isPressed&&!n.ignoreEmulatedMouseEvents&&n.pointerType!=null&&(n.isOverTarget=!1,a=T(s,n.pointerType,!1),K(s)),a&&s.stopPropagation()},f.onMouseUp=s=>{s.currentTarget.contains(s.target)&&!n.ignoreEmulatedMouseEvents&&s.button===0&&D(s,n.pointerType||"mouse")};let l=s=>{if(s.button===0){if(n.isPressed=!1,N(),n.ignoreEmulatedMouseEvents){n.ignoreEmulatedMouseEvents=!1;return}n.target&&L(s,n.target)&&n.pointerType!=null?T(_(n.target,s),n.pointerType):n.target&&n.isOverTarget&&n.pointerType!=null&&T(_(n.target,s),n.pointerType,!1),n.isOverTarget=!1}};f.onTouchStart=s=>{if(!s.currentTarget.contains(s.target))return;let a=ot(s.nativeEvent);if(!a)return;n.activePointerId=a.identifier,n.ignoreEmulatedMouseEvents=!0,n.isOverTarget=!0,n.isPressed=!0,n.target=s.currentTarget,n.pointerType="touch",!c&&!b&&H(s.currentTarget),g||me(n.target),w(s,n.pointerType)&&s.stopPropagation(),$(oe(s.currentTarget),"scroll",v,!0)},f.onTouchMove=s=>{if(!s.currentTarget.contains(s.target))return;if(!n.isPressed){s.stopPropagation();return}let a=ve(s.nativeEvent,n.activePointerId),k=!0;a&&L(a,s.currentTarget)?!n.isOverTarget&&n.pointerType!=null&&(n.isOverTarget=!0,k=w(s,n.pointerType)):n.isOverTarget&&n.pointerType!=null&&(n.isOverTarget=!1,k=T(s,n.pointerType,!1),K(s)),k&&s.stopPropagation()},f.onTouchEnd=s=>{if(!s.currentTarget.contains(s.target))return;if(!n.isPressed){s.stopPropagation();return}let a=ve(s.nativeEvent,n.activePointerId),k=!0;a&&L(a,s.currentTarget)&&n.pointerType!=null?(D(s,n.pointerType),k=T(s,n.pointerType)):n.isOverTarget&&n.pointerType!=null&&(k=T(s,n.pointerType,!1)),k&&s.stopPropagation(),n.isPressed=!1,n.activePointerId=null,n.isOverTarget=!1,n.ignoreEmulatedMouseEvents=!0,n.target&&!g&&j(n.target),N()},f.onTouchCancel=s=>{s.currentTarget.contains(s.target)&&(s.stopPropagation(),n.isPressed&&O(s))};let v=s=>{n.isPressed&&s.target.contains(n.target)&&O({currentTarget:n.target,shiftKey:!1,ctrlKey:!1,metaKey:!1,altKey:!1})};f.onDragStart=s=>{s.currentTarget.contains(s.target)&&O(s)}}return f},[$,c,b,N,g,O,K,T,w,D]);return E.useEffect(()=>()=>{var n;g||j((n=B.current.target)!==null&&n!==void 0?n:void 0)},[g]),{isPressed:p||m,pressProps:G(S,ee)}}function ce(e){return e.tagName==="A"&&e.hasAttribute("href")}function te(e,t){const{key:r,code:o}=e,i=t,d=i.getAttribute("role");return(r==="Enter"||r===" "||r==="Spacebar"||o==="Space")&&!(i instanceof oe(i).HTMLInputElement&&!De(i,r)||i instanceof oe(i).HTMLTextAreaElement||i.isContentEditable)&&!((d==="link"||!d&&ce(i))&&r!=="Enter")}function ot(e){const{targetTouches:t}=e;return t.length>0?t[0]:null}function ve(e,t){const r=e.changedTouches;for(let o=0;o<r.length;o++){const i=r[o];if(i.identifier===t)return i}return null}function _(e,t){return{currentTarget:e,shiftKey:t.shiftKey,ctrlKey:t.ctrlKey,metaKey:t.metaKey,altKey:t.altKey}}function st(e){let t=0,r=0;return e.width!==void 0?t=e.width/2:e.radiusX!==void 0&&(t=e.radiusX),e.height!==void 0?r=e.height/2:e.radiusY!==void 0&&(r=e.radiusY),{top:e.clientY-r,right:e.clientX+t,bottom:e.clientY+r,left:e.clientX-t}}function it(e,t){return!(e.left>t.right||t.left>e.right||e.top>t.bottom||t.top>e.bottom)}function L(e,t){let r=t.getBoundingClientRect(),o=st(e);return it(r,o)}function ne(e){return!(e instanceof HTMLElement)||!e.hasAttribute("draggable")}function ye(e,t){return e instanceof HTMLInputElement?!De(e,t):e instanceof HTMLButtonElement?e.type!=="submit"&&e.type!=="reset":!ce(e)}const at=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);function De(e,t){return e.type==="checkbox"||e.type==="radio"?t===" ":at.has(e.type)}let J=!1,re=0;function ae(){J=!0,setTimeout(()=>{J=!1},50)}function he(e){e.pointerType==="touch"&&ae()}function lt(){if(!(typeof document>"u"))return typeof PointerEvent<"u"?document.addEventListener("pointerup",he):document.addEventListener("touchend",ae),re++,()=>{re--,!(re>0)&&(typeof PointerEvent<"u"?document.removeEventListener("pointerup",he):document.removeEventListener("touchend",ae))}}function ct(e){let{onHoverStart:t,onHoverChange:r,onHoverEnd:o,isDisabled:i}=e,[d,c]=E.useState(!1),p=E.useRef({isHovered:!1,ignoreEmulatedMouseEvents:!1,pointerType:"",target:null}).current;E.useEffect(lt,[]);let{hoverProps:b,triggerHoverEnd:h}=E.useMemo(()=>{let g=(m,x)=>{if(p.pointerType=x,i||x==="touch"||p.isHovered||!m.currentTarget.contains(m.target))return;p.isHovered=!0;let B=m.currentTarget;p.target=B,t&&t({type:"hoverstart",target:B,pointerType:x}),r&&r(!0),c(!0)},C=(m,x)=>{if(p.pointerType="",p.target=null,x==="touch"||!p.isHovered)return;p.isHovered=!1;let B=m.currentTarget;o&&o({type:"hoverend",target:B,pointerType:x}),r&&r(!1),c(!1)},S={};return typeof PointerEvent<"u"?(S.onPointerEnter=m=>{J&&m.pointerType==="mouse"||g(m,m.pointerType)},S.onPointerLeave=m=>{!i&&m.currentTarget.contains(m.target)&&C(m,m.pointerType)}):(S.onTouchStart=()=>{p.ignoreEmulatedMouseEvents=!0},S.onMouseEnter=m=>{!p.ignoreEmulatedMouseEvents&&!J&&g(m,"mouse"),p.ignoreEmulatedMouseEvents=!1},S.onMouseLeave=m=>{!i&&m.currentTarget.contains(m.target)&&C(m,"mouse")}),{hoverProps:S,triggerHoverEnd:C}},[t,r,o,i,p]);return E.useEffect(()=>{i&&h({currentTarget:p.target},p.pointerType)},[i]),{hoverProps:b,isHovered:d}}function ut(e,t){let{elementType:r="button",isDisabled:o,onPress:i,onPressStart:d,onPressEnd:c,onPressUp:p,onPressChange:b,preventFocusOnPress:h,allowFocusWhenDisabled:g,onClick:C,href:S,target:m,rel:x,type:B="button"}=e,$;r==="button"?$={type:B,disabled:o}:$={role:"button",tabIndex:o?void 0:0,href:r==="a"&&o?void 0:S,target:r==="a"?m:void 0,type:r==="input"?B:void 0,disabled:r==="input"?o:void 0,"aria-disabled":!o||r==="input"?void 0:o,rel:r==="a"?x:void 0};let{pressProps:N,isPressed:w}=rt({onPressStart:d,onPressEnd:c,onPressChange:b,onPress:i,onPressUp:p,isDisabled:o,preventFocusOnPress:h,ref:t}),{focusableProps:T}=Te.useFocusable(e,t);g&&(T.tabIndex=o?-1:T.tabIndex);let D=G(T,N,Fe(e,{labelable:!0}));return{isPressed:w,buttonProps:G($,D,{"aria-haspopup":e["aria-haspopup"],"aria-expanded":e["aria-expanded"],"aria-controls":e["aria-controls"],"aria-pressed":e["aria-pressed"],onClick:O=>{C&&(C(O),console.warn("onClick is deprecated, please use onPress"))}})}}function dt(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function ke(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,o)}return r}function Ee(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?ke(Object(r),!0).forEach(function(o){dt(e,o,r[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ke(Object(r)).forEach(function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(r,o))})}return e}var pt=(e,t,r)=>{for(var o of Object.keys(e)){var i;if(e[o]!==((i=t[o])!==null&&i!==void 0?i:r[o]))return!1}return!0},Z=e=>t=>{var r=e.defaultClassName,o=Ee(Ee({},e.defaultVariants),t);for(var i in o){var d,c=(d=o[i])!==null&&d!==void 0?d:e.defaultVariants[i];if(c!=null){var p=c;typeof p=="boolean"&&(p=p===!0?"true":"false");var b=e.variantClassNames[i][p];b&&(r+=" "+b)}}for(var[h,g]of e.compoundVariants)pt(h,o,e.defaultVariants)&&(r+=" "+g);return r},ft=Z({defaultClassName:"_125pcxy0",variantClassNames:{disabled:{true:"_125pcxy1",false:"_125pcxy2"},kind:{default:"_125pcxy3",link:"_125pcxy4",confirm:"_125pcxy5",delete:"_125pcxy6",key:"_125pcxy7",icon:"_125pcxy8"},spinning:{true:"_125pcxy9",false:"_125pcxya"}},defaultVariants:{disabled:!1,kind:"default",spinning:!1},compoundVariants:[[{kind:"icon",spinning:!0},"_125pcxyb"],[{kind:"default",spinning:!0},"_125pcxyc"],[{kind:"confirm",spinning:!0},"_125pcxyd"],[{kind:"delete",spinning:!0},"_125pcxye"],[{kind:"key",spinning:!0},"_125pcxyf"],[{disabled:!0,spinning:!1},"_125pcxyg"]]}),mt=Z({defaultClassName:"_125pcxyh",variantClassNames:{disabled:{true:"_125pcxyi",false:"_125pcxyj"},kind:{icon:"_125pcxyk",default:"_125pcxyl",delete:"_125pcxym",key:"_125pcxyn",confirm:"_125pcxyo",link:"_125pcxyp"},spinning:{true:"_125pcxyq",false:"_125pcxyr"}},defaultVariants:{disabled:!1,kind:"default",spinning:!1},compoundVariants:[]}),bt="_125pcxy11",gt=Z({defaultClassName:"_125pcxy12",variantClassNames:{spinning:{true:"_125pcxy13",false:"_125pcxy14"}},defaultVariants:{spinning:!1},compoundVariants:[]}),vt=Z({defaultClassName:"_125pcxys",variantClassNames:{spinning:{true:"_125pcxyt",false:"_125pcxyu"},kind:{icon:"_125pcxyv",default:"_125pcxyw",delete:"_125pcxyx",key:"_125pcxyy",confirm:"_125pcxyz",link:"_125pcxy10"}},defaultVariants:{spinning:!1},compoundVariants:[]});function yt({as:e,onClick:t,onPress:r,children:o,className:i,isDisabled:d,disabled:c,href:p,icon:b,kind:h="default",spinning:g,spinningTitle:C,title:S,...m},x){const B=e??(p?"a":"button"),$={onPress:r??t,isDisabled:c??d??g,...m},{"data-testid":N}=m,w=x||u.useRef(null),{buttonProps:T}=ut($,w),{hoverProps:D}=ct({isDisabled:$.isDisabled}),{type:O,...K}=T,ee={...G(K,D),ref:w,title:S,className:p?vt({spinning:g,kind:h}):mt({disabled:d||c,kind:h,spinning:g}),...p?{href:p}:{type:O},...m},{t:n}=u.useContext(R.I18nContext),f=b&&u.createElement(R.Icon,{className:bt,icon:b,"aria-hidden":"true","data-testid":`${N}__${b}-icon`});let P;h==="default"||h==="icon"||h==="link"?P="dark":P="light";const l=g&&u.createElement(R.Spinner,{color:P,className:gt({spinning:g}),title:C||n("design-system:button.spinningTitle"),"data-testid":`${N}__spinner`});return u.createElement(Te.FocusRing,null,u.createElement("div",{className:R.cl(ft({disabled:d||c,kind:h,spinning:g}),i)},u.createElement(B,{...ee},f,o?u.createElement("span",null,o):"",l)))}const ue=u.forwardRef(yt);R.Metadata.set(ue,{name:"Button",props:{disabled:"boolean",href:"string",icon:"IconName",kind:{type:'"default" | "link" | "icon" | "confirm" | "delete" | "key"',default:'"default"'},spinning:"boolean",spinningTitle:"string",type:{type:'"button" | "submit"',default:'"button"'}},panellable:!0});const ht={components:[ue],description:()=>u.createElement(u.Fragment,null,u.createElement("div",{className:"sps-body-14"},"Buttons are used to initiate events or actions. The labels and/or icons describe what the button will do."),u.createElement("br",null),u.createElement("h5",null,"Variants"),u.createElement("div",{className:"sps-body-14"},u.createElement("span",{className:"sps-text-semibold"},"Default: "),"For tertiary actions or actions of lower importance on a page."),u.createElement("div",{className:"sps-body-14"},u.createElement("span",{className:"sps-text-semibold"},"Key: "),"For primary or important actions on a page."),u.createElement("div",{className:"sps-body-14"},u.createElement("span",{className:"sps-text-semibold"},"Confirm: "),"For the main call to action on a page. There should only be one Confirm button per screen."),u.createElement("div",{className:"sps-body-14"},u.createElement("span",{className:"sps-text-semibold"},"Delete: "),"For deleting information or another destructive action. These should always be paired with a Delete Confirmation Modal."),u.createElement("div",{className:"sps-body-14"},u.createElement("span",{className:"sps-text-semibold"},"Disabled: "),"For actions that are not permitted in a particular state. These can be accompanied by a Tooltip on hover describing why it’s disabled."),u.createElement("div",{className:"sps-body-14"},u.createElement("span",{className:"sps-text-semibold"},"With an Icon: "),"For further illustrating the action. Example: Pencil icon in an Edit button. There can also be Icon Buttons without text.")),examples:{basic:{label:"Basic Buttons",description:({NavigateTo:e})=>u.createElement(u.Fragment,null,u.createElement("p",null,"The most common type of button that can be used in most cases. Example: Basic Buttons in a ",u.createElement(e,{to:"modals"},"Modal"),".")),examples:{withoutIcons:{description:"Without Icons",react:y.code`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -223,7 +223,7 @@
                 </>
               )
             }
-          `}}},iconButtons:{label:"Icon Buttons",description:({NavigateTo:e,Link:t})=>c.createElement(c.Fragment,null,c.createElement("p",null,"Use these for quick actions that can clearly be articulated by the use of an icon. Example: A Print button in the"," ",c.createElement(e,{to:"list-action-bar"},"List Action Bar"),". Do not use an icon that doesn't have a universally understood meaning; instead use a Basic Button or a Basic Button with an icon. ",c.createElement(t,{to:"/style-and-layout/icons/"},"View All Icons"))),examples:{standard:{description:"Standard Icon Buttons",react:y.code`
+          `}}},iconButtons:{label:"Icon Buttons",description:({NavigateTo:e,Link:t})=>u.createElement(u.Fragment,null,u.createElement("p",null,"Use these for quick actions that can clearly be articulated by the use of an icon. Example: A Print button in the"," ",u.createElement(e,{to:"list-action-bar"},"List Action Bar"),". Do not use an icon that doesn't have a universally understood meaning; instead use a Basic Button or a Basic Button with an icon. ",u.createElement(t,{to:"/style-and-layout/icons/"},"View All Icons"))),examples:{standard:{description:"Standard Icon Buttons",react:y.code`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -242,7 +242,7 @@
                 </>
               )
             }
-          `},dropdown:{description:({NavigateTo:e})=>c.createElement(c.Fragment,null,c.createElement("h5",null,"Dropdown Icon Buttons"),c.createElement("p",null,"Use these when there are several options available for action. Example: Dropdown Icon Button in a ",c.createElement(e,{to:"content-rows"},"Content Row"),".")),react:y.code`
+          `},dropdown:{description:({NavigateTo:e})=>u.createElement(u.Fragment,null,u.createElement("h5",null,"Dropdown Icon Buttons"),u.createElement("p",null,"Use these when there are several options available for action. Example: Dropdown Icon Button in a ",u.createElement(e,{to:"content-rows"},"Content Row"),".")),react:y.code`
             import { SpsDropdown } from "@spscommerce/ds-react";
 
             function Component() {
@@ -266,7 +266,7 @@
                 </>
               )
             }
-          `}}},textButtons:{label:"Text Buttons",description:({NavigateTo:e})=>c.createElement("p",null,"Use for less important actions, or ones that aren't taken as frequently. They should not appear inline with other copy. Example: Advanced Search button in the"," ",c.createElement(e,{to:"list-toolbar"},"List Toolbar")),examples:{withoutIcons:{description:"Without Icons",react:y.code`
+          `}}},textButtons:{label:"Text Buttons",description:({NavigateTo:e})=>u.createElement("p",null,"Use for less important actions, or ones that aren't taken as frequently. They should not appear inline with other copy. Example: Advanced Search button in the"," ",u.createElement(e,{to:"list-toolbar"},"List Toolbar")),examples:{withoutIcons:{description:"Without Icons",react:y.code`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -302,7 +302,7 @@
                 </>
               )
             }
-          `}}},submitButtons:{label:"Submit Buttons",description:({NavigateTo:e})=>c.createElement("p",null,"Use to submit a form. There can be a number of visual variations, for example a"," ",c.createElement(e,{to:"modals"},"Modal")," uses Basic Button (Key) as its Submit Button."),examples:{basic:{react:y.code`
+          `}}},submitButtons:{label:"Submit Buttons",description:({NavigateTo:e})=>u.createElement("p",null,"Use to submit a form. There can be a number of visual variations, for example a"," ",u.createElement(e,{to:"modals"},"Modal")," uses Basic Button (Key) as its Submit Button."),examples:{basic:{react:y.code`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -333,7 +333,7 @@
                 </>
               )
             }
-          `}}},buttonGroups:{label:"Button Groups",description:({NavigateTo:e})=>c.createElement("p",null,"Use button groups when there are a number of actions that can be taken in a view. When there are multiple button types in a group, they are separated using dividers. Example: Button groups in ",c.createElement(e,{to:"List Action Bar"},"List Action Bar"),"."),examples:{basic:{description:"Basic Button Groups",react:y.code`
+          `}}},buttonGroups:{label:"Button Groups",description:({NavigateTo:e})=>u.createElement("p",null,"Use button groups when there are a number of actions that can be taken in a view. When there are multiple button types in a group, they are separated using dividers. Example: Button groups in ",u.createElement(e,{to:"List Action Bar"},"List Action Bar"),"."),examples:{basic:{description:"Basic Button Groups",react:y.code`
             import { Button } from "@sps-woodland/buttons";
             import { sprinkles } from "@sps-woodland/tokens";
 
@@ -423,4 +423,4 @@
                 </>
               )
             }
-          `}}}}},kt={Buttons:ht};exports.Button=ce;exports.MANIFEST=kt;
+          `}}}}},kt={Buttons:ht};exports.Button=ue;exports.MANIFEST=kt;

package/lib/index.es.js

@@ -16,14 +16,14 @@ function F(e) {
     return o == null ? void 0 : o(...r);
   }, []);
 }
-let de = /* @__PURE__ */ new Map();
+let pe = /* @__PURE__ */ new Map();
 function Ge(e, t) {
   if (e === t)
     return e;
-  let r = de.get(e);
+  let r = pe.get(e);
   if (r)
     return r(t), t;
-  let o = de.get(t);
+  let o = pe.get(t);
   return o ? (o(e), e) : t;
 }
 function we(...e) {
@@ -62,11 +62,11 @@ function H(...e) {
   for (let r = 1; r < e.length; r++) {
     let o = e[r];
     for (let i in o) {
-      let d = t[i], u = o[i];
-      typeof d == "function" && typeof u == "function" && // This is a lot faster than a regex.
+      let p = t[i], u = o[i];
+      typeof p == "function" && typeof u == "function" && // This is a lot faster than a regex.
       i[0] === "o" && i[1] === "n" && i.charCodeAt(2) >= /* 'A' */
       65 && i.charCodeAt(2) <= /* 'Z' */
-      90 ? t[i] = we(d, u) : (i === "className" || i === "UNSAFE_className") && typeof d == "string" && typeof u == "string" ? t[i] = Ve(d, u) : i === "id" && d && u ? t.id = Ge(d, u) : t[i] = u !== void 0 ? u : d;
+      90 ? t[i] = we(p, u) : (i === "className" || i === "UNSAFE_className") && typeof p == "string" && typeof u == "string" ? t[i] = Ve(p, u) : i === "id" && p && u ? t.id = Ge(p, u) : t[i] = u !== void 0 ? u : p;
     }
   }
   return t;
@@ -88,10 +88,10 @@ const We = /* @__PURE__ */ new Set([
   "referrerPolicy"
 ]), ze = /^(data-.*)$/;
 function Xe(e, t = {}) {
-  let { labelable: r, isLink: o, propNames: i } = t, d = {};
+  let { labelable: r, isLink: o, propNames: i } = t, p = {};
   for (const u in e)
-    Object.prototype.hasOwnProperty.call(e, u) && (We.has(u) || r && je.has(u) || o && Ye.has(u) || i != null && i.has(u) || ze.test(u)) && (d[u] = e[u]);
-  return d;
+    Object.prototype.hasOwnProperty.call(e, u) && (We.has(u) || r && je.has(u) || o && Ye.has(u) || i != null && i.has(u) || ze.test(u)) && (p[u] = e[u]);
+  return p;
 }
 function U(e) {
   if (qe())
@@ -171,27 +171,27 @@ function nt() {
 }
 function R(e, t, r = !0) {
   var o, i;
-  let { metaKey: d, ctrlKey: u, altKey: p, shiftKey: b } = t;
-  nt() && (!((i = window.event) === null || i === void 0 || (o = i.type) === null || o === void 0) && o.startsWith("key")) && e.target === "_blank" && (q() ? d = !0 : u = !0);
-  let k = et() && q() && !Se() ? new KeyboardEvent("keydown", {
+  let { metaKey: p, ctrlKey: u, altKey: d, shiftKey: b } = t;
+  nt() && (!((i = window.event) === null || i === void 0 || (o = i.type) === null || o === void 0) && o.startsWith("key")) && e.target === "_blank" && (q() ? p = !0 : u = !0);
+  let h = et() && q() && !Se() ? new KeyboardEvent("keydown", {
     keyIdentifier: "Enter",
-    metaKey: d,
+    metaKey: p,
     ctrlKey: u,
-    altKey: p,
+    altKey: d,
     shiftKey: b
   }) : new MouseEvent("click", {
-    metaKey: d,
+    metaKey: p,
     ctrlKey: u,
-    altKey: p,
+    altKey: d,
     shiftKey: b,
     bubbles: !0,
     cancelable: !0
   });
-  R.isOpening = r, U(e), e.dispatchEvent(k), R.isOpening = !1;
+  R.isOpening = r, U(e), e.dispatchEvent(h), R.isOpening = !1;
 }
 R.isOpening = !1;
 let L = /* @__PURE__ */ new Map(), ie = /* @__PURE__ */ new Set();
-function pe() {
+function de() {
   if (typeof window > "u")
     return;
   function e(o) {
@@ -209,37 +209,37 @@ function pe() {
       return;
     let i = L.get(o.target);
     if (i && (i.delete(o.propertyName), i.size === 0 && (o.target.removeEventListener("transitioncancel", r), L.delete(o.target)), L.size === 0)) {
-      for (let d of ie)
-        d();
+      for (let p of ie)
+        p();
       ie.clear();
     }
   };
   document.body.addEventListener("transitionrun", t), document.body.addEventListener("transitionend", r);
 }
-typeof document < "u" && (document.readyState !== "loading" ? pe() : document.addEventListener("DOMContentLoaded", pe));
+typeof document < "u" && (document.readyState !== "loading" ? de() : document.addEventListener("DOMContentLoaded", de));
 function rt(e) {
   requestAnimationFrame(() => {
     L.size === 0 ? e() : ie.add(e);
   });
 }
 function ot() {
-  let e = Q(/* @__PURE__ */ new Map()), t = Y((i, d, u, p) => {
-    let b = p != null && p.once ? (...k) => {
-      e.current.delete(u), u(...k);
+  let e = Q(/* @__PURE__ */ new Map()), t = Y((i, p, u, d) => {
+    let b = d != null && d.once ? (...h) => {
+      e.current.delete(u), u(...h);
     } : u;
     e.current.set(u, {
-      type: d,
+      type: p,
       eventTarget: i,
       fn: b,
-      options: p
-    }), i.addEventListener(d, u, p);
-  }, []), r = Y((i, d, u, p) => {
+      options: d
+    }), i.addEventListener(p, u, d);
+  }, []), r = Y((i, p, u, d) => {
     var b;
-    let k = ((b = e.current.get(u)) === null || b === void 0 ? void 0 : b.fn) || u;
-    i.removeEventListener(d, k, p), e.current.delete(u);
+    let h = ((b = e.current.get(u)) === null || b === void 0 ? void 0 : b.fn) || u;
+    i.removeEventListener(p, h, d), e.current.delete(u);
   }, []), o = Y(() => {
-    e.current.forEach((i, d) => {
-      r(i.eventTarget, i.type, d, i.options);
+    e.current.forEach((i, p) => {
+      r(i.eventTarget, i.type, p, i.options);
     });
   }, [
     r
@@ -318,7 +318,7 @@ function ut(e, t) {
 function ct(e, t, r) {
   ut(e, t), t.set(e, r);
 }
-function dt(e, t, r) {
+function pt(e, t, r) {
   if (t.set)
     t.set.call(e, r);
   else {
@@ -329,9 +329,9 @@ function dt(e, t, r) {
 }
 function be(e, t, r) {
   var o = Ce(e, t, "set");
-  return dt(e, o, r), r;
+  return pt(e, o, r), r;
 }
-function pt(e) {
+function dt(e) {
   let t = Ke(De);
   if (t) {
     let { register: r, ...o } = t;
@@ -361,16 +361,16 @@ function ft(e) {
     onPressChange: r,
     onPressStart: o,
     onPressEnd: i,
-    onPressUp: d,
+    onPressUp: p,
     isDisabled: u,
-    isPressed: p,
+    isPressed: d,
     preventFocusOnPress: b,
-    shouldCancelOnPointerExit: k,
+    shouldCancelOnPointerExit: h,
     allowTextSelectionOnPress: g,
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     ref: D,
     ...x
-  } = pt(e), [m, w] = Be(!1), T = Q({
+  } = dt(e), [m, w] = Be(!1), T = Q({
     isPressed: !1,
     ignoreEmulatedMouseEvents: !1,
     ignoreClickAfterPress: !1,
@@ -409,17 +409,17 @@ function ft(e) {
     let B = T.current;
     if (u)
       return !1;
-    if (d) {
+    if (p) {
       B.isTriggeringEvent = !0;
       let l = new j("pressup", f, n);
-      return d(l), B.isTriggeringEvent = !1, l.shouldStopPropagation;
+      return p(l), B.isTriggeringEvent = !1, l.shouldStopPropagation;
     }
     return !0;
   }), N = F((n) => {
     let f = T.current;
     f.isPressed && f.target && (f.isOverTarget && f.pointerType != null && E(C(f.target, n), f.pointerType, !1), f.isPressed = !1, f.isOverTarget = !1, f.activePointerId = null, f.pointerType = null, S(), g || V(f.target));
   }), I = F((n) => {
-    k && N(n);
+    h && N(n);
   }), te = $e(() => {
     let n = T.current, f = {
       onKeyDown(l) {
@@ -429,10 +429,10 @@ function ft(e) {
           let s = !0;
           if (!n.isPressed && !l.repeat) {
             n.target = l.currentTarget, n.isPressed = !0, s = P(l, "keyboard");
-            let a = l.currentTarget, h = (K) => {
+            let a = l.currentTarget, k = (K) => {
               ne(K, a) && !K.repeat && a.contains(K.target) && n.target && O(C(n.target, K), "keyboard");
             };
-            $(_(l.currentTarget), "keyup", we(h, B), !0);
+            $(_(l.currentTarget), "keyup", we(k, B), !0);
           }
           s && l.stopPropagation(), l.metaKey && q() && ((v = n.metaKeyEvents) === null || v === void 0 || v.set(l.key, l.nativeEvent));
         } else
@@ -443,8 +443,8 @@ function ft(e) {
           let v = !0;
           if (u && l.preventDefault(), !n.ignoreClickAfterPress && !n.ignoreEmulatedMouseEvents && !n.isPressed && (n.pointerType === "virtual" || fe(l.nativeEvent))) {
             !u && !b && U(l.currentTarget);
-            let s = P(l, "virtual"), a = O(l, "virtual"), h = E(l, "virtual");
-            v = s && a && h;
+            let s = P(l, "virtual"), a = O(l, "virtual"), k = E(l, "virtual");
+            v = s && a && k;
           }
           n.ignoreEmulatedMouseEvents = !1, n.ignoreClickAfterPress = !1, v && l.stopPropagation();
         }
@@ -454,13 +454,13 @@ function ft(e) {
       if (n.isPressed && n.target && ne(l, n.target)) {
         var s;
         ye(l.target, l.key) && l.preventDefault();
-        let h = l.target;
-        E(C(n.target, l), "keyboard", n.target.contains(h)), S(), l.key !== "Enter" && ce(n.target) && n.target.contains(h) && !l[ge] && (l[ge] = !0, R(n.target, l, !1)), n.isPressed = !1, (s = n.metaKeyEvents) === null || s === void 0 || s.delete(l.key);
+        let k = l.target;
+        E(C(n.target, l), "keyboard", n.target.contains(k)), S(), l.key !== "Enter" && ce(n.target) && n.target.contains(k) && !l[ge] && (l[ge] = !0, R(n.target, l, !1)), n.isPressed = !1, (s = n.metaKeyEvents) === null || s === void 0 || s.delete(l.key);
       } else if (l.key === "Meta" && (!((v = n.metaKeyEvents) === null || v === void 0) && v.size)) {
         var a;
-        let h = n.metaKeyEvents;
+        let k = n.metaKeyEvents;
         n.metaKeyEvents = void 0;
-        for (let K of h.values())
+        for (let K of k.values())
           (a = n.target) === null || a === void 0 || a.dispatchEvent(new KeyboardEvent("keyup", K));
       }
     };
@@ -473,8 +473,8 @@ function ft(e) {
           return;
         }
         re(a.currentTarget) && a.preventDefault(), n.pointerType = a.pointerType;
-        let h = !0;
-        n.isPressed || (n.isPressed = !0, n.isOverTarget = !0, n.activePointerId = a.pointerId, n.target = a.currentTarget, !u && !b && U(a.currentTarget), g || me(n.target), h = P(a, n.pointerType), $(_(a.currentTarget), "pointermove", l, !1), $(_(a.currentTarget), "pointerup", v, !1), $(_(a.currentTarget), "pointercancel", s, !1)), h && a.stopPropagation();
+        let k = !0;
+        n.isPressed || (n.isPressed = !0, n.isOverTarget = !0, n.activePointerId = a.pointerId, n.target = a.currentTarget, !u && !b && U(a.currentTarget), g || me(n.target), k = P(a, n.pointerType), $(_(a.currentTarget), "pointermove", l, !1), $(_(a.currentTarget), "pointerup", v, !1), $(_(a.currentTarget), "pointercancel", s, !1)), k && a.stopPropagation();
       }, f.onMouseDown = (a) => {
         a.currentTarget.contains(a.target) && a.button === 0 && (re(a.currentTarget) && a.preventDefault(), a.stopPropagation());
       }, f.onPointerUp = (a) => {
@@ -535,8 +535,8 @@ function ft(e) {
           s.stopPropagation();
           return;
         }
-        let a = ve(s.nativeEvent, n.activePointerId), h = !0;
-        a && A(a, s.currentTarget) ? !n.isOverTarget && n.pointerType != null && (n.isOverTarget = !0, h = P(s, n.pointerType)) : n.isOverTarget && n.pointerType != null && (n.isOverTarget = !1, h = E(s, n.pointerType, !1), I(s)), h && s.stopPropagation();
+        let a = ve(s.nativeEvent, n.activePointerId), k = !0;
+        a && A(a, s.currentTarget) ? !n.isOverTarget && n.pointerType != null && (n.isOverTarget = !0, k = P(s, n.pointerType)) : n.isOverTarget && n.pointerType != null && (n.isOverTarget = !1, k = E(s, n.pointerType, !1), I(s)), k && s.stopPropagation();
       }, f.onTouchEnd = (s) => {
         if (!s.currentTarget.contains(s.target))
           return;
@@ -544,8 +544,8 @@ function ft(e) {
           s.stopPropagation();
           return;
         }
-        let a = ve(s.nativeEvent, n.activePointerId), h = !0;
-        a && A(a, s.currentTarget) && n.pointerType != null ? (O(s, n.pointerType), h = E(s, n.pointerType)) : n.isOverTarget && n.pointerType != null && (h = E(s, n.pointerType, !1)), h && s.stopPropagation(), n.isPressed = !1, n.activePointerId = null, n.isOverTarget = !1, n.ignoreEmulatedMouseEvents = !0, n.target && !g && V(n.target), S();
+        let a = ve(s.nativeEvent, n.activePointerId), k = !0;
+        a && A(a, s.currentTarget) && n.pointerType != null ? (O(s, n.pointerType), k = E(s, n.pointerType)) : n.isOverTarget && n.pointerType != null && (k = E(s, n.pointerType, !1)), k && s.stopPropagation(), n.isPressed = !1, n.activePointerId = null, n.isOverTarget = !1, n.ignoreEmulatedMouseEvents = !0, n.target && !g && V(n.target), S();
       }, f.onTouchCancel = (s) => {
         s.currentTarget.contains(s.target) && (s.stopPropagation(), n.isPressed && N(s));
       };
@@ -581,7 +581,7 @@ function ft(e) {
   }, [
     g
   ]), {
-    isPressed: p || m,
+    isPressed: d || m,
     pressProps: H(x, te)
   };
 }
@@ -589,9 +589,9 @@ function ce(e) {
   return e.tagName === "A" && e.hasAttribute("href");
 }
 function ne(e, t) {
-  const { key: r, code: o } = e, i = t, d = i.getAttribute("role");
+  const { key: r, code: o } = e, i = t, p = i.getAttribute("role");
   return (r === "Enter" || r === " " || r === "Spacebar" || o === "Space") && !(i instanceof se(i).HTMLInputElement && !_e(i, r) || i instanceof se(i).HTMLTextAreaElement || i.isContentEditable) && // Links should only trigger with Enter key
-  !((d === "link" || !d && ce(i)) && r !== "Enter");
+  !((p === "link" || !p && ce(i)) && r !== "Enter");
 }
 function mt(e) {
   const { targetTouches: t } = e;
@@ -667,28 +667,28 @@ function yt() {
     };
 }
 function ht(e) {
-  let { onHoverStart: t, onHoverChange: r, onHoverEnd: o, isDisabled: i } = e, [d, u] = Be(!1), p = Q({
+  let { onHoverStart: t, onHoverChange: r, onHoverEnd: o, isDisabled: i } = e, [p, u] = Be(!1), d = Q({
     isHovered: !1,
     ignoreEmulatedMouseEvents: !1,
     pointerType: "",
     target: null
   }).current;
   X(yt, []);
-  let { hoverProps: b, triggerHoverEnd: k } = $e(() => {
+  let { hoverProps: b, triggerHoverEnd: h } = $e(() => {
     let g = (m, w) => {
-      if (p.pointerType = w, i || w === "touch" || p.isHovered || !m.currentTarget.contains(m.target))
+      if (d.pointerType = w, i || w === "touch" || d.isHovered || !m.currentTarget.contains(m.target))
         return;
-      p.isHovered = !0;
+      d.isHovered = !0;
       let T = m.currentTarget;
-      p.target = T, t && t({
+      d.target = T, t && t({
         type: "hoverstart",
         target: T,
         pointerType: w
       }), r && r(!0), u(!0);
     }, D = (m, w) => {
-      if (p.pointerType = "", p.target = null, w === "touch" || !p.isHovered)
+      if (d.pointerType = "", d.target = null, w === "touch" || !d.isHovered)
         return;
-      p.isHovered = !1;
+      d.isHovered = !1;
       let T = m.currentTarget;
       o && o({
         type: "hoverend",
@@ -701,9 +701,9 @@ function ht(e) {
     }, x.onPointerLeave = (m) => {
       !i && m.currentTarget.contains(m.target) && D(m, m.pointerType);
     }) : (x.onTouchStart = () => {
-      p.ignoreEmulatedMouseEvents = !0;
+      d.ignoreEmulatedMouseEvents = !0;
     }, x.onMouseEnter = (m) => {
-      !p.ignoreEmulatedMouseEvents && !J && g(m, "mouse"), p.ignoreEmulatedMouseEvents = !1;
+      !d.ignoreEmulatedMouseEvents && !J && g(m, "mouse"), d.ignoreEmulatedMouseEvents = !1;
     }, x.onMouseLeave = (m) => {
       !i && m.currentTarget.contains(m.target) && D(m, "mouse");
     }), {
@@ -715,17 +715,17 @@ function ht(e) {
     r,
     o,
     i,
-    p
+    d
   ]);
   return X(() => {
-    i && k({
-      currentTarget: p.target
-    }, p.pointerType);
+    i && h({
+      currentTarget: d.target
+    }, d.pointerType);
   }, [
     i
   ]), {
     hoverProps: b,
-    isHovered: d
+    isHovered: p
   };
 }
 function kt(e, t) {
@@ -733,11 +733,11 @@ function kt(e, t) {
     elementType: r = "button",
     isDisabled: o,
     onPress: i,
-    onPressStart: d,
+    onPressStart: p,
     onPressEnd: u,
-    onPressUp: p,
+    onPressUp: d,
     onPressChange: b,
-    preventFocusOnPress: k,
+    preventFocusOnPress: h,
     allowFocusWhenDisabled: g,
     // @ts-ignore
     onClick: D,
@@ -760,13 +760,13 @@ function kt(e, t) {
     rel: r === "a" ? w : void 0
   };
   let { pressProps: S, isPressed: P } = ft({
-    onPressStart: d,
+    onPressStart: p,
     onPressEnd: u,
     onPressChange: b,
     onPress: i,
-    onPressUp: p,
+    onPressUp: d,
     isDisabled: o,
-    preventFocusOnPress: k,
+    preventFocusOnPress: h,
     ref: t
   }), { focusableProps: E } = He(e, t);
   g && (E.tabIndex = o ? -1 : E.tabIndex);
@@ -825,48 +825,49 @@ var Tt = (e, t, r) => {
 }, ee = (e) => (t) => {
   var r = e.defaultClassName, o = Ee(Ee({}, e.defaultVariants), t);
   for (var i in o) {
-    var d, u = (d = o[i]) !== null && d !== void 0 ? d : e.defaultVariants[i];
+    var p, u = (p = o[i]) !== null && p !== void 0 ? p : e.defaultVariants[i];
     if (u != null) {
-      var p = u;
-      typeof p == "boolean" && (p = p === !0 ? "true" : "false");
+      var d = u;
+      typeof d == "boolean" && (d = d === !0 ? "true" : "false");
       var b = (
         // @ts-expect-error
-        e.variantClassNames[i][p]
+        e.variantClassNames[i][d]
       );
       b && (r += " " + b);
     }
   }
-  for (var [k, g] of e.compoundVariants)
-    Tt(k, o, e.defaultVariants) && (r += " " + g);
+  for (var [h, g] of e.compoundVariants)
+    Tt(h, o, e.defaultVariants) && (r += " " + g);
   return r;
-}, Bt = ee({ defaultClassName: "_125pcxy0", variantClassNames: { disabled: { true: "_125pcxy1", false: "_125pcxy2" }, kind: { default: "_125pcxy3", link: "_125pcxy4", confirm: "_125pcxy5", delete: "_125pcxy6", key: "_125pcxy7", icon: "_125pcxy8" }, spinning: { true: "_125pcxy9", false: "_125pcxya" } }, defaultVariants: { disabled: !1, kind: "default", spinning: !1 }, compoundVariants: [[{ kind: "icon", spinning: !0 }, "_125pcxyb"], [{ kind: "default", spinning: !0 }, "_125pcxyc"], [{ kind: "confirm", spinning: !0 }, "_125pcxyd"], [{ kind: "delete", spinning: !0 }, "_125pcxye"], [{ kind: "key", spinning: !0 }, "_125pcxyf"], [{ disabled: !0, spinning: !1 }, "_125pcxyg"]] }), $t = ee({ defaultClassName: "_125pcxyh", variantClassNames: { disabled: { true: "_125pcxyi", false: "_125pcxyj" }, kind: { icon: "_125pcxyk", default: "_125pcxyl", delete: "_125pcxym", key: "_125pcxyn", confirm: "_125pcxyo", link: "_125pcxyp" }, spinning: { true: "_125pcxyq", false: "_125pcxyr" } }, defaultVariants: { disabled: !1, kind: "default", spinning: !1 }, compoundVariants: [] }), Pt = "_125pcxyv", wt = ee({ defaultClassName: "_125pcxyw", variantClassNames: { spinning: { true: "_125pcxyx", false: "_125pcxyy" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] }), xt = ee({ defaultClassName: "_125pcxys", variantClassNames: { spinning: { true: "_125pcxyt", false: "_125pcxyu" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] });
+}, Bt = ee({ defaultClassName: "_125pcxy0", variantClassNames: { disabled: { true: "_125pcxy1", false: "_125pcxy2" }, kind: { default: "_125pcxy3", link: "_125pcxy4", confirm: "_125pcxy5", delete: "_125pcxy6", key: "_125pcxy7", icon: "_125pcxy8" }, spinning: { true: "_125pcxy9", false: "_125pcxya" } }, defaultVariants: { disabled: !1, kind: "default", spinning: !1 }, compoundVariants: [[{ kind: "icon", spinning: !0 }, "_125pcxyb"], [{ kind: "default", spinning: !0 }, "_125pcxyc"], [{ kind: "confirm", spinning: !0 }, "_125pcxyd"], [{ kind: "delete", spinning: !0 }, "_125pcxye"], [{ kind: "key", spinning: !0 }, "_125pcxyf"], [{ disabled: !0, spinning: !1 }, "_125pcxyg"]] }), $t = ee({ defaultClassName: "_125pcxyh", variantClassNames: { disabled: { true: "_125pcxyi", false: "_125pcxyj" }, kind: { icon: "_125pcxyk", default: "_125pcxyl", delete: "_125pcxym", key: "_125pcxyn", confirm: "_125pcxyo", link: "_125pcxyp" }, spinning: { true: "_125pcxyq", false: "_125pcxyr" } }, defaultVariants: { disabled: !1, kind: "default", spinning: !1 }, compoundVariants: [] }), Pt = "_125pcxy11", wt = ee({ defaultClassName: "_125pcxy12", variantClassNames: { spinning: { true: "_125pcxy13", false: "_125pcxy14" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] }), xt = ee({ defaultClassName: "_125pcxys", variantClassNames: { spinning: { true: "_125pcxyt", false: "_125pcxyu" }, kind: { icon: "_125pcxyv", default: "_125pcxyw", delete: "_125pcxyx", key: "_125pcxyy", confirm: "_125pcxyz", link: "_125pcxy10" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] });
 function St({
   as: e,
   onClick: t,
   onPress: r,
   children: o,
   className: i,
-  isDisabled: d,
+  isDisabled: p,
   disabled: u,
-  href: p,
+  href: d,
   icon: b,
-  kind: k = "default",
+  kind: h = "default",
   spinning: g,
   spinningTitle: D,
   title: x,
   ...m
 }, w) {
-  const T = e ?? (p ? "a" : "button"), $ = {
+  const T = e ?? (d ? "a" : "button"), $ = {
     onPress: r ?? t,
     // the button element should be disabled if the button is marked as disabled or spinning
-    isDisabled: u ?? d ?? g,
+    isDisabled: u ?? p ?? g,
     ...m
   }, { "data-testid": S } = m, P = w || c.useRef(null), { buttonProps: E } = kt($, P), { hoverProps: O } = ht({ isDisabled: $.isDisabled }), { type: N, ...I } = E, te = {
     ...H(I, O),
     ref: P,
     title: x,
-    className: p ? xt({ spinning: g }) : $t({ disabled: d || u, kind: k, spinning: g }),
-    ...p ? { href: p } : { type: N }
+    className: d ? xt({ spinning: g, kind: h }) : $t({ disabled: p || u, kind: h, spinning: g }),
+    ...d ? { href: d } : { type: N },
+    ...m
   }, { t: n } = c.useContext(Le), f = b && /* @__PURE__ */ c.createElement(
     Ue,
     {
@@ -877,7 +878,7 @@ function St({
     }
   );
   let B;
-  k === "default" || k === "icon" || k === "link" ? B = "dark" : B = "light";
+  h === "default" || h === "icon" || h === "link" ? B = "dark" : B = "light";
   const l = g && /* @__PURE__ */ c.createElement(
     Me,
     {
@@ -892,8 +893,8 @@ function St({
     {
       className: Fe(
         Bt({
-          disabled: d || u,
-          kind: k,
+          disabled: p || u,
+          kind: h,
           spinning: g
         }),
         i

package/lib/style.css

@@ -1 +1 @@
-._125pcxy0{border-width:.0625rem;border-style:solid;border-radius:.25rem;cursor:pointer;display:inline-block;font-size:.75rem;font-weight:600;line-height:.875rem;padding:0;position:relative}._125pcxy3{background:#e9e9ea;border-color:#d2d4d4;color:#4b5356}._125pcxy3:hover{background:#d2d4d4}._125pcxy4{background:none transparent;border:0;color:#027db8}._125pcxy4:hover{background:none transparent;color:#08638d;text-decoration:none}._125pcxy5{background:#027db8;border-color:#08638d;color:#fff}._125pcxy5:hover{background:#08638d}._125pcxy6{background:#de012e;border-color:#a30d2d;color:#fff}._125pcxy6:hover{background:#a30d2d}._125pcxy7{background:#4b5356;border-color:#1f282c;color:#fff}._125pcxy7:hover{background:#1f282c}._125pcxy8{background:transparent;border-color:transparent;color:#4b5356}._125pcxy8:hover{background-color:#d2d4d4;border-color:#d2d4d4}._125pcxy9{color:transparent!important;cursor:not-allowed}._125pcxyb{background:#e9e9ea;border-color:#d2d4d4}._125pcxyb:hover,._125pcxyc:hover{background:#e9e9ea}._125pcxyd:hover{background:#027db8}._125pcxye:hover{background:#de012e}._125pcxyf:hover{background:#4b5356}._125pcxyg{background:#fff!important;border-color:#d2d4d4!important;color:#717779!important;cursor:not-allowed}._125pcxyg:hover{background:#fff}._125pcxyh{background:none transparent;border:0 none;color:inherit;display:block;font-size:inherit;font-weight:inherit;margin:0;text-decoration:none;padding:.5rem 1rem}._125pcxyh:hover{text-decoration:none}._125pcxyi{cursor:not-allowed!important}._125pcxyk{padding:.25rem .5rem}._125pcxyp{padding-top:.5rem;padding-bottom:.5rem;padding-right:0;padding-left:0}._125pcxyq{cursor:not-allowed!important}._125pcxys{background:none transparent;border:0 none;color:inherit;cursor:inherit;display:block;font-size:inherit;font-weight:inherit;margin:0;padding:.5rem 1rem;text-decoration:none}._125pcxys:hover{text-decoration:none;color:inherit}._125pcxyt{cursor:not-allowed}._125pcxyv{line-height:0!important;position:relative}._125pcxyv:before{font-size:.875rem;line-height:0;position:relative;top:.125rem}._125pcxyv:not(:last-child){margin-right:.5rem}._125pcxyw{left:50%;margin:-.875rem -.4375rem;position:absolute}._125pcxyx{cursor:not-allowed;display:inline}._125pcxyy{display:none}._125pcxyw>i{border-width:.125rem;height:.875rem;width:.875rem}
+._125pcxy0{border-width:.0625rem;border-style:solid;border-radius:.25rem;cursor:pointer;display:inline-block;font-size:.75rem;font-weight:600;line-height:.875rem;padding:0;position:relative}._125pcxy3{background:#e9e9ea;border-color:#d2d4d4;color:#4b5356}._125pcxy3:hover{background:#d2d4d4}._125pcxy4{background:none transparent;border:0;color:#027db8}._125pcxy4:hover{background:none transparent;color:#08638d;text-decoration:none}._125pcxy5{background:#027db8;border-color:#08638d;color:#fff}._125pcxy5:hover{background:#08638d}._125pcxy6{background:#de012e;border-color:#a30d2d;color:#fff}._125pcxy6:hover{background:#a30d2d}._125pcxy7{background:#4b5356;border-color:#1f282c;color:#fff}._125pcxy7:hover{background:#1f282c}._125pcxy8{background:transparent;border-color:transparent;color:#4b5356}._125pcxy8:hover{background-color:#d2d4d4;border-color:#d2d4d4}._125pcxy9{color:transparent!important;cursor:not-allowed}._125pcxyb{background:#e9e9ea;border-color:#d2d4d4}._125pcxyb:hover,._125pcxyc:hover{background:#e9e9ea}._125pcxyd:hover{background:#027db8}._125pcxye:hover{background:#de012e}._125pcxyf:hover{background:#4b5356}._125pcxyg{background:#fff!important;border-color:#d2d4d4!important;color:#717779!important;cursor:not-allowed}._125pcxyg:hover{background:#fff}._125pcxyh{background:none transparent;border:0 none;color:inherit;display:block;font-size:inherit;font-weight:inherit;margin:0;text-decoration:none;padding:.5rem 1rem}._125pcxyh:hover{text-decoration:none}._125pcxyi{cursor:not-allowed!important}._125pcxyk{padding:.25rem .5rem}._125pcxyp{padding-top:.5rem;padding-bottom:.5rem;padding-right:0;padding-left:0}._125pcxyq{cursor:not-allowed!important}._125pcxys{background:none transparent;border:0 none;color:inherit;cursor:inherit;display:block;font-size:inherit;font-weight:inherit;margin:0;padding:.5rem 1rem;text-decoration:none}._125pcxys:hover{text-decoration:none;color:inherit}._125pcxyt{cursor:not-allowed}._125pcxyv{padding:.25rem .5rem}._125pcxy11{line-height:0!important;position:relative}._125pcxy11:before{font-size:.875rem;line-height:0;position:relative;top:.125rem}._125pcxy11:not(:last-child){margin-right:.5rem}._125pcxy12{left:50%;margin:-.875rem -.4375rem;position:absolute}._125pcxy13{cursor:not-allowed;display:inline}._125pcxy14{display:none}._125pcxy12>i{border-width:.125rem;height:.875rem;width:.875rem}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sps-woodland/buttons",
   "description": "SPS Woodland Design System button components",
-  "version": "8.11.0",
+  "version": "8.11.2",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/buttons",
@@ -30,8 +30,8 @@
     "@spscommerce/utils": "^7.0.0",
     "react": "^16.9.0",
     "react-dom": "^16.9.0",
-    "@sps-woodland/core": "8.11.0",
-    "@sps-woodland/tokens": "8.11.0"
+    "@sps-woodland/core": "8.11.2",
+    "@sps-woodland/tokens": "8.11.2"
   },
   "devDependencies": {
     "@react-aria/button": "^3.3.5",
@@ -42,8 +42,8 @@
     "@vanilla-extract/recipes": "^0.2.5",
     "react": "^16.9.0",
     "react-dom": "^16.9.0",
-    "@sps-woodland/core": "8.11.0",
-    "@sps-woodland/tokens": "8.11.0"
+    "@sps-woodland/core": "8.11.2",
+    "@sps-woodland/tokens": "8.11.2"
   },
   "dependencies": {
     "@react-aria/button": "^3.7.0",