@sps-woodland/product-bar 8.0.2 → 8.0.4

package/lib/index.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react"),y=require("@sps-woodland/core"),z=require("@spscommerce/utils"),Ke=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function De(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const te=Ke(p),b=De(p);function Fe(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function le(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable})),r.push.apply(r,a)}return r}function ue(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?le(Object(r),!0).forEach(function(a){Fe(e,a,r[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):le(Object(r)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(r,a))})}return e}var Ne=(e,t,r)=>{for(var a of Object.keys(e)){var s;if(e[a]!==((s=t[a])!==null&&s!==void 0?s:r[a]))return!1}return!0},Te=e=>t=>{var r=e.defaultClassName,a=ue(ue({},e.defaultVariants),t);for(var s in a){var l,u=(l=a[s])!==null&&l!==void 0?l:e.defaultVariants[s];if(u!=null){var d=u;typeof d=="boolean"&&(d=d===!0?"true":"false");var f=e.variantClassNames[s][d];f&&(r+=" "+f)}}for(var[$,m]of e.compoundVariants)Ne($,a,e.defaultVariants)&&(r+=" "+m);return r},_e=Te({defaultClassName:"_1gzyg118",variantClassNames:{active:{true:"_1gzyg119",false:"_1gzyg11a"},disabled:{true:"_1gzyg11b",false:"_1gzyg11c"}},defaultVariants:{active:!1,disabled:!1},compoundVariants:[]}),Ae=Te({defaultClassName:"_1gzyg111",variantClassNames:{fullWidth:{true:"_1gzyg112",false:"_1gzyg113"}},defaultVariants:{fullWidth:!1},compoundVariants:[]}),Re="_1gzyg114",ze="_1gzyg115",Ie="_1gzyg116",He="_1gzyg110",Ue="_1gzyg117",Ge="_1gzyg11e",je="_1gzyg11d";function he(e){var t,r,a="";if(typeof e=="string"||typeof e=="number")a+=e;else if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=he(e[t]))&&(a&&(a+=" "),a+=r);else for(t in e)e[t]&&(a&&(a+=" "),a+=t);return a}function Ve(){for(var e,t,r=0,a="";r<arguments.length;)(e=arguments[r++])&&(t=he(e))&&(a&&(a+=" "),a+=t);return a}const Ee=typeof window<"u"?te.default.useLayoutEffect:()=>{};let de=new Map;function We(e,t){if(e===t)return e;let r=de.get(e);if(r)return r(t),t;let a=de.get(t);return a?(a(e),e):t}function qe(...e){return(...t)=>{for(let r of e)typeof r=="function"&&r(...t)}}function K(...e){let t={...e[0]};for(let r=1;r<e.length;r++){let a=e[r];for(let s in a){let l=t[s],u=a[s];typeof l=="function"&&typeof u=="function"&&s[0]==="o"&&s[1]==="n"&&s.charCodeAt(2)>=65&&s.charCodeAt(2)<=90?t[s]=qe(l,u):(s==="className"||s==="UNSAFE_className")&&typeof l=="string"&&typeof u=="string"?t[s]=Ve(l,u):s==="id"&&l&&u?t.id=We(l,u):t[s]=u!==void 0?u:l}}return t}const Ye=new Set(["id"]),Xe=new Set(["aria-label","aria-labelledby","aria-describedby","aria-details"]),Je=/^(data-.*)$/;function Qe(e,t={}){let{labelable:r,propNames:a}=t,s={};for(const l in e)Object.prototype.hasOwnProperty.call(e,l)&&(Ye.has(l)||r&&Xe.has(l)||(a==null?void 0:a.has(l))||Je.test(l))&&(s[l]=e[l]);return s}function M(e){if(Ze())e.focus({preventScroll:!0});else{let t=et(e);e.focus(),tt(t)}}let A=null;function Ze(){if(A==null){A=!1;try{var e=document.createElement("div");e.focus({get preventScroll(){return A=!0,!0}})}catch{}}return A}function et(e){for(var t=e.parentNode,r=[],a=document.scrollingElement||document.documentElement;t instanceof HTMLElement&&t!==a;)(t.offsetHeight<t.scrollHeight||t.offsetWidth<t.scrollWidth)&&r.push({element:t,scrollTop:t.scrollTop,scrollLeft:t.scrollLeft}),t=t.parentNode;return a instanceof HTMLElement&&r.push({element:a,scrollTop:a.scrollTop,scrollLeft:a.scrollLeft}),r}function tt(e){for(let{element:t,scrollTop:r,scrollLeft:a}of e)t.scrollTop=r,t.scrollLeft=a}let x=new Map,Y=new Set;function fe(){if(typeof window>"u")return;let e=r=>{let a=x.get(r.target);a||(a=new Set,x.set(r.target,a),r.target.addEventListener("transitioncancel",t)),a.add(r.propertyName)},t=r=>{let a=x.get(r.target);if(!!a&&(a.delete(r.propertyName),a.size===0&&(r.target.removeEventListener("transitioncancel",t),x.delete(r.target)),x.size===0)){for(let s of Y)s();Y.clear()}};document.body.addEventListener("transitionrun",e),document.body.addEventListener("transitionend",t)}typeof document<"u"&&(document.readyState!=="loading"?fe():document.addEventListener("DOMContentLoaded",fe));function Be(e){requestAnimationFrame(()=>{x.size===0?e():Y.add(e)})}function rt(){let e=p.useRef(new Map),t=p.useCallback((s,l,u,d)=>{let f=d!=null&&d.once?(...$)=>{e.current.delete(u),u(...$)}:u;e.current.set(u,{type:l,eventTarget:s,fn:f,options:d}),s.addEventListener(l,u,d)},[]),r=p.useCallback((s,l,u,d)=>{var f;let $=((f=e.current.get(u))===null||f===void 0?void 0:f.fn)||u;s.removeEventListener(l,$,d),e.current.delete(u)},[]),a=p.useCallback(()=>{e.current.forEach((s,l)=>{r(s.eventTarget,s.type,l,s.options)})},[r]);return p.useEffect(()=>a,[a]),{addGlobalListener:t,removeGlobalListener:r,removeAllGlobalListeners:a}}function we(e,t){Ee(()=>{if(e&&e.ref&&t)return e.ref.current=t.current,()=>{e.ref.current=null}},[e,t])}function nt(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 re(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 Se(){return re(/^Mac/i)}function at(){return re(/^iPhone/i)}function ot(){return re(/^iPad/i)||Se()&&navigator.maxTouchPoints>1}function ke(){return at()||ot()}function st(){return nt(/Android/i)}function X(e){return e.mozInputSource===0&&e.isTrusted?!0:st()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function it(e){return e.width===0&&e.height===0||e.width===1&&e.height===1&&e.pressure===0&&e.detail===0&&e.pointerType==="mouse"}function J(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}let O="default",Q="",I=new WeakMap;function pe(e){ke()?(O==="default"&&(Q=document.documentElement.style.webkitUserSelect,document.documentElement.style.webkitUserSelect="none"),O="disabled"):(e instanceof HTMLElement||e instanceof SVGElement)&&(I.set(e,e.style.userSelect),e.style.userSelect="none")}function R(e){if(ke()){if(O!=="disabled")return;O="restoring",setTimeout(()=>{Be(()=>{O==="restoring"&&(document.documentElement.style.webkitUserSelect==="none"&&(document.documentElement.style.webkitUserSelect=Q||""),Q="",O="default")})},300)}else if((e instanceof HTMLElement||e instanceof SVGElement)&&e&&I.has(e)){let t=I.get(e);e.style.userSelect==="none"&&(e.style.userSelect=t),e.getAttribute("style")===""&&e.removeAttribute("style"),I.delete(e)}}const Le=te.default.createContext(null);Le.displayName="PressResponderContext";function ct(e){let t=p.useContext(Le);if(t){let{register:r,...a}=t;e=K(a,e),r()}return we(t,e.ref),e}function lt(e){let{onPress:t,onPressChange:r,onPressStart:a,onPressEnd:s,onPressUp:l,isDisabled:u,isPressed:d,preventFocusOnPress:f,shouldCancelOnPointerExit:$,allowTextSelectionOnPress:m,ref:G,...j}=ct(e),T=p.useRef(null);T.current={onPress:t,onPressChange:r,onPressStart:a,onPressEnd:s,onPressUp:l,isDisabled:u,shouldCancelOnPointerExit:$};let[V,D]=p.useState(!1),ie=p.useRef({isPressed:!1,ignoreEmulatedMouseEvents:!1,ignoreClickAfterPress:!1,didFirePressStart:!1,activePointerId:null,target:null,isOverTarget:!1,pointerType:null}),{addGlobalListener:w,removeAllGlobalListeners:k}=rt(),xe=p.useMemo(()=>{let n=ie.current,E=(i,v)=>{let{onPressStart:o,onPressChange:c,isDisabled:_}=T.current;_||n.didFirePressStart||(o&&o({type:"pressstart",pointerType:v,target:i.currentTarget,shiftKey:i.shiftKey,metaKey:i.metaKey,ctrlKey:i.ctrlKey,altKey:i.altKey}),c&&c(!0),n.didFirePressStart=!0,D(!0))},P=(i,v,o=!0)=>{let{onPressEnd:c,onPressChange:_,onPress:ce,isDisabled:Oe}=T.current;!n.didFirePressStart||(n.ignoreClickAfterPress=!0,n.didFirePressStart=!1,c&&c({type:"pressend",pointerType:v,target:i.currentTarget,shiftKey:i.shiftKey,metaKey:i.metaKey,ctrlKey:i.ctrlKey,altKey:i.altKey}),_&&_(!1),D(!1),ce&&o&&!Oe&&ce({type:"press",pointerType:v,target:i.currentTarget,shiftKey:i.shiftKey,metaKey:i.metaKey,ctrlKey:i.ctrlKey,altKey:i.altKey}))},F=(i,v)=>{let{onPressUp:o,isDisabled:c}=T.current;c||o&&o({type:"pressup",pointerType:v,target:i.currentTarget,shiftKey:i.shiftKey,metaKey:i.metaKey,ctrlKey:i.ctrlKey,altKey:i.altKey})},B=i=>{n.isPressed&&(n.isOverTarget&&P(h(n.target,i),n.pointerType,!1),n.isPressed=!1,n.isOverTarget=!1,n.activePointerId=null,n.pointerType=null,k(),m||R(n.target))},g={onKeyDown(i){W(i.nativeEvent,i.currentTarget)&&i.currentTarget.contains(i.target)?(ge(i.target,i.key)&&i.preventDefault(),i.stopPropagation(),!n.isPressed&&!i.repeat&&(n.target=i.currentTarget,n.isPressed=!0,E(i,"keyboard"),w(document,"keyup",Me,!1))):i.key==="Enter"&&Z(i.currentTarget)&&i.stopPropagation()},onKeyUp(i){W(i.nativeEvent,i.currentTarget)&&!i.repeat&&i.currentTarget.contains(i.target)&&F(h(n.target,i),"keyboard")},onClick(i){i&&!i.currentTarget.contains(i.target)||i&&i.button===0&&(i.stopPropagation(),u&&i.preventDefault(),!n.ignoreClickAfterPress&&!n.ignoreEmulatedMouseEvents&&(n.pointerType==="virtual"||X(i.nativeEvent))&&(!u&&!f&&M(i.currentTarget),E(i,"virtual"),F(i,"virtual"),P(i,"virtual")),n.ignoreEmulatedMouseEvents=!1,n.ignoreClickAfterPress=!1)}},Me=i=>{if(n.isPressed&&W(i,n.target)){ge(i.target,i.key)&&i.preventDefault(),i.stopPropagation(),n.isPressed=!1;let v=i.target;P(h(n.target,i),"keyboard",n.target.contains(v)),k(),n.target instanceof HTMLElement&&n.target.contains(v)&&(Z(n.target)||n.target.getAttribute("role")==="link")&&n.target.click()}};if(typeof PointerEvent<"u"){g.onPointerDown=c=>{if(!(c.button!==0||!c.currentTarget.contains(c.target))){if(it(c.nativeEvent)){n.pointerType="virtual";return}q(c.currentTarget)&&c.preventDefault(),n.pointerType=c.pointerType,c.stopPropagation(),n.isPressed||(n.isPressed=!0,n.isOverTarget=!0,n.activePointerId=c.pointerId,n.target=c.currentTarget,!u&&!f&&M(c.currentTarget),m||pe(n.target),E(c,n.pointerType),w(document,"pointermove",i,!1),w(document,"pointerup",v,!1),w(document,"pointercancel",o,!1))}},g.onMouseDown=c=>{!c.currentTarget.contains(c.target)||c.button===0&&(q(c.currentTarget)&&c.preventDefault(),c.stopPropagation())},g.onPointerUp=c=>{!c.currentTarget.contains(c.target)||n.pointerType==="virtual"||c.button===0&&L(c,c.currentTarget)&&F(c,n.pointerType||c.pointerType)};let i=c=>{c.pointerId===n.activePointerId&&(L(c,n.target)?n.isOverTarget||(n.isOverTarget=!0,E(h(n.target,c),n.pointerType)):n.isOverTarget&&(n.isOverTarget=!1,P(h(n.target,c),n.pointerType,!1),T.current.shouldCancelOnPointerExit&&B(c)))},v=c=>{c.pointerId===n.activePointerId&&n.isPressed&&c.button===0&&(L(c,n.target)?P(h(n.target,c),n.pointerType):n.isOverTarget&&P(h(n.target,c),n.pointerType,!1),n.isPressed=!1,n.isOverTarget=!1,n.activePointerId=null,n.pointerType=null,k(),m||R(n.target))},o=c=>{B(c)};g.onDragStart=c=>{!c.currentTarget.contains(c.target)||B(c)}}else{g.onMouseDown=o=>{o.button!==0||!o.currentTarget.contains(o.target)||(q(o.currentTarget)&&o.preventDefault(),o.stopPropagation(),!n.ignoreEmulatedMouseEvents&&(n.isPressed=!0,n.isOverTarget=!0,n.target=o.currentTarget,n.pointerType=X(o.nativeEvent)?"virtual":"mouse",!u&&!f&&M(o.currentTarget),E(o,n.pointerType),w(document,"mouseup",i,!1)))},g.onMouseEnter=o=>{!o.currentTarget.contains(o.target)||(o.stopPropagation(),n.isPressed&&!n.ignoreEmulatedMouseEvents&&(n.isOverTarget=!0,E(o,n.pointerType)))},g.onMouseLeave=o=>{!o.currentTarget.contains(o.target)||(o.stopPropagation(),n.isPressed&&!n.ignoreEmulatedMouseEvents&&(n.isOverTarget=!1,P(o,n.pointerType,!1),T.current.shouldCancelOnPointerExit&&B(o)))},g.onMouseUp=o=>{!o.currentTarget.contains(o.target)||!n.ignoreEmulatedMouseEvents&&o.button===0&&F(o,n.pointerType)};let i=o=>{if(o.button===0){if(n.isPressed=!1,k(),n.ignoreEmulatedMouseEvents){n.ignoreEmulatedMouseEvents=!1;return}L(o,n.target)?P(h(n.target,o),n.pointerType):n.isOverTarget&&P(h(n.target,o),n.pointerType,!1),n.isOverTarget=!1}};g.onTouchStart=o=>{if(!o.currentTarget.contains(o.target))return;o.stopPropagation();let c=ut(o.nativeEvent);!c||(n.activePointerId=c.identifier,n.ignoreEmulatedMouseEvents=!0,n.isOverTarget=!0,n.isPressed=!0,n.target=o.currentTarget,n.pointerType="touch",!u&&!f&&M(o.currentTarget),m||pe(n.target),E(o,n.pointerType),w(window,"scroll",v,!0))},g.onTouchMove=o=>{if(!o.currentTarget.contains(o.target)||(o.stopPropagation(),!n.isPressed))return;let c=be(o.nativeEvent,n.activePointerId);c&&L(c,o.currentTarget)?n.isOverTarget||(n.isOverTarget=!0,E(o,n.pointerType)):n.isOverTarget&&(n.isOverTarget=!1,P(o,n.pointerType,!1),T.current.shouldCancelOnPointerExit&&B(o))},g.onTouchEnd=o=>{if(!o.currentTarget.contains(o.target)||(o.stopPropagation(),!n.isPressed))return;let c=be(o.nativeEvent,n.activePointerId);c&&L(c,o.currentTarget)?(F(o,n.pointerType),P(o,n.pointerType)):n.isOverTarget&&P(o,n.pointerType,!1),n.isPressed=!1,n.activePointerId=null,n.isOverTarget=!1,n.ignoreEmulatedMouseEvents=!0,m||R(n.target),k()},g.onTouchCancel=o=>{!o.currentTarget.contains(o.target)||(o.stopPropagation(),n.isPressed&&B(o))};let v=o=>{n.isPressed&&o.target.contains(n.target)&&B({currentTarget:n.target,shiftKey:!1,ctrlKey:!1,metaKey:!1,altKey:!1})};g.onDragStart=o=>{!o.currentTarget.contains(o.target)||B(o)}}return g},[w,u,f,k,m]);return p.useEffect(()=>()=>{m||R(ie.current.target)},[m]),{isPressed:d||V,pressProps:K(j,xe)}}function Z(e){return e.tagName==="A"&&e.hasAttribute("href")}function W(e,t){const{key:r,code:a}=e,s=t,l=s.getAttribute("role");return(r==="Enter"||r===" "||r==="Spacebar"||a==="Space")&&!(s instanceof HTMLInputElement&&!Ce(s,r)||s instanceof HTMLTextAreaElement||s.isContentEditable)&&(!Z(s)||l==="button"&&r!=="Enter")&&!(l==="link"&&r!=="Enter")}function ut(e){const{targetTouches:t}=e;return t.length>0?t[0]:null}function be(e,t){const r=e.changedTouches;for(let a=0;a<r.length;a++){const s=r[a];if(s.identifier===t)return s}return null}function h(e,t){return{currentTarget:e,shiftKey:t.shiftKey,ctrlKey:t.ctrlKey,metaKey:t.metaKey,altKey:t.altKey}}function dt(e){let t=e.width/2||e.radiusX||0,r=e.height/2||e.radiusY||0;return{top:e.clientY-r,right:e.clientX+t,bottom:e.clientY+r,left:e.clientX-t}}function ft(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(),a=dt(e);return ft(r,a)}function q(e){return!(e instanceof HTMLElement)||!e.draggable}function ge(e,t){return e instanceof HTMLInputElement?!Ce(e,t):e instanceof HTMLButtonElement?e.type!=="submit":!0}const pt=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);function Ce(e,t){return e.type==="checkbox"||e.type==="radio"?t===" ":pt.has(e.type)}class bt{isDefaultPrevented(){return this.nativeEvent.defaultPrevented}preventDefault(){this.defaultPrevented=!0,this.nativeEvent.preventDefault()}stopPropagation(){this.nativeEvent.stopPropagation(),this.isPropagationStopped=()=>!0}isPropagationStopped(){return!1}persist(){}constructor(t,r){this.nativeEvent=r,this.target=r.target,this.currentTarget=r.currentTarget,this.relatedTarget=r.relatedTarget,this.bubbles=r.bubbles,this.cancelable=r.cancelable,this.defaultPrevented=r.defaultPrevented,this.eventPhase=r.eventPhase,this.isTrusted=r.isTrusted,this.timeStamp=r.timeStamp,this.type=t}}function gt(e){let t=p.useRef({isFocused:!1,onBlur:e,observer:null});return t.current.onBlur=e,Ee(()=>{const r=t.current;return()=>{r.observer&&(r.observer.disconnect(),r.observer=null)}},[]),p.useCallback(r=>{if(r.target instanceof HTMLButtonElement||r.target instanceof HTMLInputElement||r.target instanceof HTMLTextAreaElement||r.target instanceof HTMLSelectElement){t.current.isFocused=!0;let a=r.target,s=l=>{var u,d;t.current.isFocused=!1,a.disabled&&((d=(u=t.current).onBlur)===null||d===void 0||d.call(u,new bt("blur",l))),t.current.observer&&(t.current.observer.disconnect(),t.current.observer=null)};a.addEventListener("focusout",s,{once:!0}),t.current.observer=new MutationObserver(()=>{t.current.isFocused&&a.disabled&&(t.current.observer.disconnect(),a.dispatchEvent(new FocusEvent("blur")),a.dispatchEvent(new FocusEvent("focusout",{bubbles:!0})))}),t.current.observer.observe(a,{attributes:!0,attributeFilter:["disabled"]})}},[])}function vt(e){let{isDisabled:t,onFocus:r,onBlur:a,onFocusChange:s}=e;const l=p.useCallback(f=>{if(f.target===f.currentTarget)return a&&a(f),s&&s(!1),!0},[a,s]),u=gt(l),d=p.useCallback(f=>{f.target===f.currentTarget&&(r&&r(f),s&&s(!0),u(f))},[s,r,u]);return{focusProps:{onFocus:!t&&(r||s||a)?d:void 0,onBlur:!t&&(a||s)?l:null}}}let N=null,mt=new Set,ve=!1,S=!1,ee=!1;function ne(e,t){for(let r of mt)r(e,t)}function Pt(e){return!(e.metaKey||!Se()&&e.altKey||e.ctrlKey||e.key==="Control"||e.key==="Shift"||e.key==="Meta")}function me(e){S=!0,Pt(e)&&(N="keyboard",ne("keyboard",e))}function C(e){N="pointer",(e.type==="mousedown"||e.type==="pointerdown")&&(S=!0,ne("pointer",e))}function yt(e){X(e)&&(S=!0,N="virtual")}function $t(e){e.target===window||e.target===document||(!S&&!ee&&(N="virtual",ne("virtual",e)),S=!1,ee=!1)}function Tt(){S=!1,ee=!0}function Pe(){if(typeof window>"u"||ve)return;let e=HTMLElement.prototype.focus;HTMLElement.prototype.focus=function(){S=!0,e.apply(this,arguments)},document.addEventListener("keydown",me,!0),document.addEventListener("keyup",me,!0),document.addEventListener("click",yt,!0),window.addEventListener("focus",$t,!0),window.addEventListener("blur",Tt,!1),typeof PointerEvent<"u"?(document.addEventListener("pointerdown",C,!0),document.addEventListener("pointermove",C,!0),document.addEventListener("pointerup",C,!0)):(document.addEventListener("mousedown",C,!0),document.addEventListener("mousemove",C,!0),document.addEventListener("mouseup",C,!0)),ve=!0}typeof document<"u"&&(document.readyState!=="loading"?Pe():document.addEventListener("DOMContentLoaded",Pe));function ht(){return N}function ye(e){if(!e)return;let t=!0;return r=>{let a={...r,preventDefault(){r.preventDefault()},isDefaultPrevented(){return r.isDefaultPrevented()},stopPropagation(){console.error("stopPropagation is now the default behavior for events in React Spectrum. You can use continuePropagation() to revert this behavior.")},continuePropagation(){t=!1}};e(a),t&&r.stopPropagation()}}function Et(e){return{keyboardProps:e.isDisabled?{}:{onKeyDown:ye(e.onKeyDown),onKeyUp:ye(e.onKeyUp)}}}function Bt(e){if(ht()==="virtual"){let t=document.activeElement;Be(()=>{document.activeElement===t&&document.contains(e)&&M(e)})}else M(e)}function wt(e,t){return t.some(r=>r.contains(e))}class ae{get size(){return this.fastMap.size}getTreeNode(t){return this.fastMap.get(t)}addTreeNode(t,r,a){let s=this.fastMap.get(r!=null?r:null),l=new $e({scopeRef:t});s.addChild(l),l.parent=s,this.fastMap.set(t,l),a&&(l.nodeToRestore=a)}removeTreeNode(t){if(t===null)return;let r=this.fastMap.get(t),a=r.parent;for(let l of this.traverse())l!==r&&r.nodeToRestore&&l.nodeToRestore&&r.scopeRef.current&&wt(l.nodeToRestore,r.scopeRef.current)&&(l.nodeToRestore=r.nodeToRestore);let s=r.children;a.removeChild(r),s.length>0&&s.forEach(l=>a.addChild(l)),this.fastMap.delete(r.scopeRef)}*traverse(t=this.root){if(t.scopeRef!=null&&(yield t),t.children.length>0)for(let r of t.children)yield*this.traverse(r)}clone(){let t=new ae;for(let r of this.traverse())t.addTreeNode(r.scopeRef,r.parent.scopeRef,r.nodeToRestore);return t}constructor(){J(this,"fastMap",new Map),this.root=new $e({scopeRef:null}),this.fastMap.set(null,this.root)}}class $e{addChild(t){this.children.push(t),t.parent=this}removeChild(t){this.children.splice(this.children.indexOf(t),1),t.parent=void 0}constructor(t){J(this,"children",[]),J(this,"contain",!1),this.scopeRef=t.scopeRef}}new ae;let St=te.default.createContext(null);function kt(e){let t=p.useContext(St)||{};we(t,e);let{ref:r,...a}=t;return a}function Lt(e,t){let{focusProps:r}=vt(e),{keyboardProps:a}=Et(e),s=K(r,a),l=kt(t),u=e.isDisabled?{}:l,d=p.useRef(e.autoFocus);return p.useEffect(()=>{d.current&&t.current&&Bt(t.current),d.current=!1},[t]),{focusableProps:K({...s,tabIndex:e.excludeFromTabOrder&&!e.isDisabled?-1:void 0},u)}}function Ct(e,t){let{elementType:r="a",onPress:a,onPressStart:s,onPressEnd:l,onClick:u,isDisabled:d,...f}=e,$;r!=="a"&&($={role:"link",tabIndex:d?void 0:0});let{focusableProps:m}=Lt(e,t),{pressProps:G,isPressed:j}=lt({onPress:a,onPressStart:s,onPressEnd:l,isDisabled:d,ref:t}),T=Qe(f,{labelable:!0}),V=K(m,G);return{isPressed:j,linkProps:K(T,{...V,...$,"aria-disabled":d||void 0,onClick:D=>{G.onClick(D),u&&(u(D),console.warn("onClick is deprecated, please use onPress"))}})}}function H(e){var d;const t=b.useRef(null),{linkProps:r}=Ct(e,t),{active:a,...s}=e,l={...s,...r,ref:t,className:y.cl(_e({active:a,disabled:!1}),e.className)},u=(d=e.as)!=null?d:e.href?"a":"span";return b.createElement(u,{...l},e.children)}y.Metadata.set(H,{name:"Product Bar Tab",props:{active:{type:"boolean",required:!0},href:{type:"string"}}});function U({children:e,className:t,name:r,logoSrc:a,...s}){return b.createElement(b.Fragment,null,b.createElement("a",{className:y.cl(Re,t),...s},a&&b.createElement("img",{className:ze,src:a,"aria-hidden":"true",alt:`${r} Logo`}),r&&b.createElement("span",{className:Ie},r)),b.createElement("span",{className:je}))}y.Metadata.set(U,{name:"Product Bar Name",props:{name:{type:"string"},logoSrc:{type:"string"}}});function oe({fullWidth:e,children:t,className:r,...a}){const s=b.useRef(null),[l,u,d]=y.selectChildren(t,[{type:U},{type:H}]);return b.createElement("div",{className:y.cl(He,r),...a,ref:s},b.createElement("nav",{className:Ae({fullWidth:e})},l,b.createElement("div",{className:Ge},u),b.createElement("div",{className:Ue},b.createElement(y.PortalContext.Provider,{value:{parentElementRef:s,fixed:!0}},d))))}y.Metadata.set(oe,{name:"ProductBar",props:{fullWidth:{type:"boolean"}}});var xt="r7f8id0",Mt="r7f8id1";function se({channelId:e,className:t,...r}){const{t:a}=b.useContext(y.I18nContext);return b.createElement("a",{className:y.cl(xt,t),target:"_blank",rel:"noreferrer",href:`https://spscommerce.slack.com/archives/${e}`,...r},b.createElement(y.Icon,{className:Mt,icon:"conversation","aria-hidden":"true"}),b.createElement("span",null,a("design-system:slackLink.label")))}y.Metadata.set(se,{name:"Slack Link",props:{channelId:{type:"string",required:!0}}});const Ot={components:[oe,U,H],examples:{basic:{label:"Basic",description:"Product navigation bar",examples:{basic:{react:z.code`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react"),y=require("@sps-woodland/core"),z=require("@spscommerce/utils"),Ke=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function De(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const te=Ke(p),b=De(p);function Te(e){var t,r,a="";if(typeof e=="string"||typeof e=="number")a+=e;else if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=Te(e[t]))&&(a&&(a+=" "),a+=r);else for(t in e)e[t]&&(a&&(a+=" "),a+=t);return a}function Fe(){for(var e,t,r=0,a="";r<arguments.length;)(e=arguments[r++])&&(t=Te(e))&&(a&&(a+=" "),a+=t);return a}const he=typeof window<"u"?te.default.useLayoutEffect:()=>{};let le=new Map;function Ne(e,t){if(e===t)return e;let r=le.get(e);if(r)return r(t),t;let a=le.get(t);return a?(a(e),e):t}function _e(...e){return(...t)=>{for(let r of e)typeof r=="function"&&r(...t)}}function K(...e){let t={...e[0]};for(let r=1;r<e.length;r++){let a=e[r];for(let s in a){let l=t[s],u=a[s];typeof l=="function"&&typeof u=="function"&&s[0]==="o"&&s[1]==="n"&&s.charCodeAt(2)>=65&&s.charCodeAt(2)<=90?t[s]=_e(l,u):(s==="className"||s==="UNSAFE_className")&&typeof l=="string"&&typeof u=="string"?t[s]=Fe(l,u):s==="id"&&l&&u?t.id=Ne(l,u):t[s]=u!==void 0?u:l}}return t}const Ae=new Set(["id"]),Re=new Set(["aria-label","aria-labelledby","aria-describedby","aria-details"]),ze=/^(data-.*)$/;function Ie(e,t={}){let{labelable:r,propNames:a}=t,s={};for(const l in e)Object.prototype.hasOwnProperty.call(e,l)&&(Ae.has(l)||r&&Re.has(l)||(a==null?void 0:a.has(l))||ze.test(l))&&(s[l]=e[l]);return s}function M(e){if(He())e.focus({preventScroll:!0});else{let t=Ue(e);e.focus(),Ge(t)}}let A=null;function He(){if(A==null){A=!1;try{var e=document.createElement("div");e.focus({get preventScroll(){return A=!0,!0}})}catch{}}return A}function Ue(e){for(var t=e.parentNode,r=[],a=document.scrollingElement||document.documentElement;t instanceof HTMLElement&&t!==a;)(t.offsetHeight<t.scrollHeight||t.offsetWidth<t.scrollWidth)&&r.push({element:t,scrollTop:t.scrollTop,scrollLeft:t.scrollLeft}),t=t.parentNode;return a instanceof HTMLElement&&r.push({element:a,scrollTop:a.scrollTop,scrollLeft:a.scrollLeft}),r}function Ge(e){for(let{element:t,scrollTop:r,scrollLeft:a}of e)t.scrollTop=r,t.scrollLeft=a}let x=new Map,Y=new Set;function ue(){if(typeof window>"u")return;let e=r=>{let a=x.get(r.target);a||(a=new Set,x.set(r.target,a),r.target.addEventListener("transitioncancel",t)),a.add(r.propertyName)},t=r=>{let a=x.get(r.target);if(!!a&&(a.delete(r.propertyName),a.size===0&&(r.target.removeEventListener("transitioncancel",t),x.delete(r.target)),x.size===0)){for(let s of Y)s();Y.clear()}};document.body.addEventListener("transitionrun",e),document.body.addEventListener("transitionend",t)}typeof document<"u"&&(document.readyState!=="loading"?ue():document.addEventListener("DOMContentLoaded",ue));function Ee(e){requestAnimationFrame(()=>{x.size===0?e():Y.add(e)})}function je(){let e=p.useRef(new Map),t=p.useCallback((s,l,u,d)=>{let f=d!=null&&d.once?(...$)=>{e.current.delete(u),u(...$)}:u;e.current.set(u,{type:l,eventTarget:s,fn:f,options:d}),s.addEventListener(l,u,d)},[]),r=p.useCallback((s,l,u,d)=>{var f;let $=((f=e.current.get(u))===null||f===void 0?void 0:f.fn)||u;s.removeEventListener(l,$,d),e.current.delete(u)},[]),a=p.useCallback(()=>{e.current.forEach((s,l)=>{r(s.eventTarget,s.type,l,s.options)})},[r]);return p.useEffect(()=>a,[a]),{addGlobalListener:t,removeGlobalListener:r,removeAllGlobalListeners:a}}function Be(e,t){he(()=>{if(e&&e.ref&&t)return e.ref.current=t.current,()=>{e.ref.current=null}},[e,t])}function Ve(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 re(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 we(){return re(/^Mac/i)}function We(){return re(/^iPhone/i)}function qe(){return re(/^iPad/i)||we()&&navigator.maxTouchPoints>1}function Se(){return We()||qe()}function Ye(){return Ve(/Android/i)}function X(e){return e.mozInputSource===0&&e.isTrusted?!0:Ye()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function Xe(e){return e.width===0&&e.height===0||e.width===1&&e.height===1&&e.pressure===0&&e.detail===0&&e.pointerType==="mouse"}function J(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}let O="default",Q="",I=new WeakMap;function de(e){Se()?(O==="default"&&(Q=document.documentElement.style.webkitUserSelect,document.documentElement.style.webkitUserSelect="none"),O="disabled"):(e instanceof HTMLElement||e instanceof SVGElement)&&(I.set(e,e.style.userSelect),e.style.userSelect="none")}function R(e){if(Se()){if(O!=="disabled")return;O="restoring",setTimeout(()=>{Ee(()=>{O==="restoring"&&(document.documentElement.style.webkitUserSelect==="none"&&(document.documentElement.style.webkitUserSelect=Q||""),Q="",O="default")})},300)}else if((e instanceof HTMLElement||e instanceof SVGElement)&&e&&I.has(e)){let t=I.get(e);e.style.userSelect==="none"&&(e.style.userSelect=t),e.getAttribute("style")===""&&e.removeAttribute("style"),I.delete(e)}}const ke=te.default.createContext(null);ke.displayName="PressResponderContext";function Je(e){let t=p.useContext(ke);if(t){let{register:r,...a}=t;e=K(a,e),r()}return Be(t,e.ref),e}function Qe(e){let{onPress:t,onPressChange:r,onPressStart:a,onPressEnd:s,onPressUp:l,isDisabled:u,isPressed:d,preventFocusOnPress:f,shouldCancelOnPointerExit:$,allowTextSelectionOnPress:m,ref:G,...j}=Je(e),T=p.useRef(null);T.current={onPress:t,onPressChange:r,onPressStart:a,onPressEnd:s,onPressUp:l,isDisabled:u,shouldCancelOnPointerExit:$};let[V,D]=p.useState(!1),ie=p.useRef({isPressed:!1,ignoreEmulatedMouseEvents:!1,ignoreClickAfterPress:!1,didFirePressStart:!1,activePointerId:null,target:null,isOverTarget:!1,pointerType:null}),{addGlobalListener:w,removeAllGlobalListeners:k}=je(),xe=p.useMemo(()=>{let n=ie.current,E=(i,v)=>{let{onPressStart:o,onPressChange:c,isDisabled:_}=T.current;_||n.didFirePressStart||(o&&o({type:"pressstart",pointerType:v,target:i.currentTarget,shiftKey:i.shiftKey,metaKey:i.metaKey,ctrlKey:i.ctrlKey,altKey:i.altKey}),c&&c(!0),n.didFirePressStart=!0,D(!0))},P=(i,v,o=!0)=>{let{onPressEnd:c,onPressChange:_,onPress:ce,isDisabled:Oe}=T.current;!n.didFirePressStart||(n.ignoreClickAfterPress=!0,n.didFirePressStart=!1,c&&c({type:"pressend",pointerType:v,target:i.currentTarget,shiftKey:i.shiftKey,metaKey:i.metaKey,ctrlKey:i.ctrlKey,altKey:i.altKey}),_&&_(!1),D(!1),ce&&o&&!Oe&&ce({type:"press",pointerType:v,target:i.currentTarget,shiftKey:i.shiftKey,metaKey:i.metaKey,ctrlKey:i.ctrlKey,altKey:i.altKey}))},F=(i,v)=>{let{onPressUp:o,isDisabled:c}=T.current;c||o&&o({type:"pressup",pointerType:v,target:i.currentTarget,shiftKey:i.shiftKey,metaKey:i.metaKey,ctrlKey:i.ctrlKey,altKey:i.altKey})},B=i=>{n.isPressed&&(n.isOverTarget&&P(h(n.target,i),n.pointerType,!1),n.isPressed=!1,n.isOverTarget=!1,n.activePointerId=null,n.pointerType=null,k(),m||R(n.target))},g={onKeyDown(i){W(i.nativeEvent,i.currentTarget)&&i.currentTarget.contains(i.target)?(pe(i.target,i.key)&&i.preventDefault(),i.stopPropagation(),!n.isPressed&&!i.repeat&&(n.target=i.currentTarget,n.isPressed=!0,E(i,"keyboard"),w(document,"keyup",Me,!1))):i.key==="Enter"&&Z(i.currentTarget)&&i.stopPropagation()},onKeyUp(i){W(i.nativeEvent,i.currentTarget)&&!i.repeat&&i.currentTarget.contains(i.target)&&F(h(n.target,i),"keyboard")},onClick(i){i&&!i.currentTarget.contains(i.target)||i&&i.button===0&&(i.stopPropagation(),u&&i.preventDefault(),!n.ignoreClickAfterPress&&!n.ignoreEmulatedMouseEvents&&(n.pointerType==="virtual"||X(i.nativeEvent))&&(!u&&!f&&M(i.currentTarget),E(i,"virtual"),F(i,"virtual"),P(i,"virtual")),n.ignoreEmulatedMouseEvents=!1,n.ignoreClickAfterPress=!1)}},Me=i=>{if(n.isPressed&&W(i,n.target)){pe(i.target,i.key)&&i.preventDefault(),i.stopPropagation(),n.isPressed=!1;let v=i.target;P(h(n.target,i),"keyboard",n.target.contains(v)),k(),n.target instanceof HTMLElement&&n.target.contains(v)&&(Z(n.target)||n.target.getAttribute("role")==="link")&&n.target.click()}};if(typeof PointerEvent<"u"){g.onPointerDown=c=>{if(!(c.button!==0||!c.currentTarget.contains(c.target))){if(Xe(c.nativeEvent)){n.pointerType="virtual";return}q(c.currentTarget)&&c.preventDefault(),n.pointerType=c.pointerType,c.stopPropagation(),n.isPressed||(n.isPressed=!0,n.isOverTarget=!0,n.activePointerId=c.pointerId,n.target=c.currentTarget,!u&&!f&&M(c.currentTarget),m||de(n.target),E(c,n.pointerType),w(document,"pointermove",i,!1),w(document,"pointerup",v,!1),w(document,"pointercancel",o,!1))}},g.onMouseDown=c=>{!c.currentTarget.contains(c.target)||c.button===0&&(q(c.currentTarget)&&c.preventDefault(),c.stopPropagation())},g.onPointerUp=c=>{!c.currentTarget.contains(c.target)||n.pointerType==="virtual"||c.button===0&&L(c,c.currentTarget)&&F(c,n.pointerType||c.pointerType)};let i=c=>{c.pointerId===n.activePointerId&&(L(c,n.target)?n.isOverTarget||(n.isOverTarget=!0,E(h(n.target,c),n.pointerType)):n.isOverTarget&&(n.isOverTarget=!1,P(h(n.target,c),n.pointerType,!1),T.current.shouldCancelOnPointerExit&&B(c)))},v=c=>{c.pointerId===n.activePointerId&&n.isPressed&&c.button===0&&(L(c,n.target)?P(h(n.target,c),n.pointerType):n.isOverTarget&&P(h(n.target,c),n.pointerType,!1),n.isPressed=!1,n.isOverTarget=!1,n.activePointerId=null,n.pointerType=null,k(),m||R(n.target))},o=c=>{B(c)};g.onDragStart=c=>{!c.currentTarget.contains(c.target)||B(c)}}else{g.onMouseDown=o=>{o.button!==0||!o.currentTarget.contains(o.target)||(q(o.currentTarget)&&o.preventDefault(),o.stopPropagation(),!n.ignoreEmulatedMouseEvents&&(n.isPressed=!0,n.isOverTarget=!0,n.target=o.currentTarget,n.pointerType=X(o.nativeEvent)?"virtual":"mouse",!u&&!f&&M(o.currentTarget),E(o,n.pointerType),w(document,"mouseup",i,!1)))},g.onMouseEnter=o=>{!o.currentTarget.contains(o.target)||(o.stopPropagation(),n.isPressed&&!n.ignoreEmulatedMouseEvents&&(n.isOverTarget=!0,E(o,n.pointerType)))},g.onMouseLeave=o=>{!o.currentTarget.contains(o.target)||(o.stopPropagation(),n.isPressed&&!n.ignoreEmulatedMouseEvents&&(n.isOverTarget=!1,P(o,n.pointerType,!1),T.current.shouldCancelOnPointerExit&&B(o)))},g.onMouseUp=o=>{!o.currentTarget.contains(o.target)||!n.ignoreEmulatedMouseEvents&&o.button===0&&F(o,n.pointerType)};let i=o=>{if(o.button===0){if(n.isPressed=!1,k(),n.ignoreEmulatedMouseEvents){n.ignoreEmulatedMouseEvents=!1;return}L(o,n.target)?P(h(n.target,o),n.pointerType):n.isOverTarget&&P(h(n.target,o),n.pointerType,!1),n.isOverTarget=!1}};g.onTouchStart=o=>{if(!o.currentTarget.contains(o.target))return;o.stopPropagation();let c=Ze(o.nativeEvent);!c||(n.activePointerId=c.identifier,n.ignoreEmulatedMouseEvents=!0,n.isOverTarget=!0,n.isPressed=!0,n.target=o.currentTarget,n.pointerType="touch",!u&&!f&&M(o.currentTarget),m||de(n.target),E(o,n.pointerType),w(window,"scroll",v,!0))},g.onTouchMove=o=>{if(!o.currentTarget.contains(o.target)||(o.stopPropagation(),!n.isPressed))return;let c=fe(o.nativeEvent,n.activePointerId);c&&L(c,o.currentTarget)?n.isOverTarget||(n.isOverTarget=!0,E(o,n.pointerType)):n.isOverTarget&&(n.isOverTarget=!1,P(o,n.pointerType,!1),T.current.shouldCancelOnPointerExit&&B(o))},g.onTouchEnd=o=>{if(!o.currentTarget.contains(o.target)||(o.stopPropagation(),!n.isPressed))return;let c=fe(o.nativeEvent,n.activePointerId);c&&L(c,o.currentTarget)?(F(o,n.pointerType),P(o,n.pointerType)):n.isOverTarget&&P(o,n.pointerType,!1),n.isPressed=!1,n.activePointerId=null,n.isOverTarget=!1,n.ignoreEmulatedMouseEvents=!0,m||R(n.target),k()},g.onTouchCancel=o=>{!o.currentTarget.contains(o.target)||(o.stopPropagation(),n.isPressed&&B(o))};let v=o=>{n.isPressed&&o.target.contains(n.target)&&B({currentTarget:n.target,shiftKey:!1,ctrlKey:!1,metaKey:!1,altKey:!1})};g.onDragStart=o=>{!o.currentTarget.contains(o.target)||B(o)}}return g},[w,u,f,k,m]);return p.useEffect(()=>()=>{m||R(ie.current.target)},[m]),{isPressed:d||V,pressProps:K(j,xe)}}function Z(e){return e.tagName==="A"&&e.hasAttribute("href")}function W(e,t){const{key:r,code:a}=e,s=t,l=s.getAttribute("role");return(r==="Enter"||r===" "||r==="Spacebar"||a==="Space")&&!(s instanceof HTMLInputElement&&!Le(s,r)||s instanceof HTMLTextAreaElement||s.isContentEditable)&&(!Z(s)||l==="button"&&r!=="Enter")&&!(l==="link"&&r!=="Enter")}function Ze(e){const{targetTouches:t}=e;return t.length>0?t[0]:null}function fe(e,t){const r=e.changedTouches;for(let a=0;a<r.length;a++){const s=r[a];if(s.identifier===t)return s}return null}function h(e,t){return{currentTarget:e,shiftKey:t.shiftKey,ctrlKey:t.ctrlKey,metaKey:t.metaKey,altKey:t.altKey}}function et(e){let t=e.width/2||e.radiusX||0,r=e.height/2||e.radiusY||0;return{top:e.clientY-r,right:e.clientX+t,bottom:e.clientY+r,left:e.clientX-t}}function tt(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(),a=et(e);return tt(r,a)}function q(e){return!(e instanceof HTMLElement)||!e.draggable}function pe(e,t){return e instanceof HTMLInputElement?!Le(e,t):e instanceof HTMLButtonElement?e.type!=="submit":!0}const rt=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);function Le(e,t){return e.type==="checkbox"||e.type==="radio"?t===" ":rt.has(e.type)}class nt{isDefaultPrevented(){return this.nativeEvent.defaultPrevented}preventDefault(){this.defaultPrevented=!0,this.nativeEvent.preventDefault()}stopPropagation(){this.nativeEvent.stopPropagation(),this.isPropagationStopped=()=>!0}isPropagationStopped(){return!1}persist(){}constructor(t,r){this.nativeEvent=r,this.target=r.target,this.currentTarget=r.currentTarget,this.relatedTarget=r.relatedTarget,this.bubbles=r.bubbles,this.cancelable=r.cancelable,this.defaultPrevented=r.defaultPrevented,this.eventPhase=r.eventPhase,this.isTrusted=r.isTrusted,this.timeStamp=r.timeStamp,this.type=t}}function at(e){let t=p.useRef({isFocused:!1,onBlur:e,observer:null});return t.current.onBlur=e,he(()=>{const r=t.current;return()=>{r.observer&&(r.observer.disconnect(),r.observer=null)}},[]),p.useCallback(r=>{if(r.target instanceof HTMLButtonElement||r.target instanceof HTMLInputElement||r.target instanceof HTMLTextAreaElement||r.target instanceof HTMLSelectElement){t.current.isFocused=!0;let a=r.target,s=l=>{var u,d;t.current.isFocused=!1,a.disabled&&((d=(u=t.current).onBlur)===null||d===void 0||d.call(u,new nt("blur",l))),t.current.observer&&(t.current.observer.disconnect(),t.current.observer=null)};a.addEventListener("focusout",s,{once:!0}),t.current.observer=new MutationObserver(()=>{t.current.isFocused&&a.disabled&&(t.current.observer.disconnect(),a.dispatchEvent(new FocusEvent("blur")),a.dispatchEvent(new FocusEvent("focusout",{bubbles:!0})))}),t.current.observer.observe(a,{attributes:!0,attributeFilter:["disabled"]})}},[])}function ot(e){let{isDisabled:t,onFocus:r,onBlur:a,onFocusChange:s}=e;const l=p.useCallback(f=>{if(f.target===f.currentTarget)return a&&a(f),s&&s(!1),!0},[a,s]),u=at(l),d=p.useCallback(f=>{f.target===f.currentTarget&&(r&&r(f),s&&s(!0),u(f))},[s,r,u]);return{focusProps:{onFocus:!t&&(r||s||a)?d:void 0,onBlur:!t&&(a||s)?l:null}}}let N=null,st=new Set,be=!1,S=!1,ee=!1;function ne(e,t){for(let r of st)r(e,t)}function it(e){return!(e.metaKey||!we()&&e.altKey||e.ctrlKey||e.key==="Control"||e.key==="Shift"||e.key==="Meta")}function ge(e){S=!0,it(e)&&(N="keyboard",ne("keyboard",e))}function C(e){N="pointer",(e.type==="mousedown"||e.type==="pointerdown")&&(S=!0,ne("pointer",e))}function ct(e){X(e)&&(S=!0,N="virtual")}function lt(e){e.target===window||e.target===document||(!S&&!ee&&(N="virtual",ne("virtual",e)),S=!1,ee=!1)}function ut(){S=!1,ee=!0}function ve(){if(typeof window>"u"||be)return;let e=HTMLElement.prototype.focus;HTMLElement.prototype.focus=function(){S=!0,e.apply(this,arguments)},document.addEventListener("keydown",ge,!0),document.addEventListener("keyup",ge,!0),document.addEventListener("click",ct,!0),window.addEventListener("focus",lt,!0),window.addEventListener("blur",ut,!1),typeof PointerEvent<"u"?(document.addEventListener("pointerdown",C,!0),document.addEventListener("pointermove",C,!0),document.addEventListener("pointerup",C,!0)):(document.addEventListener("mousedown",C,!0),document.addEventListener("mousemove",C,!0),document.addEventListener("mouseup",C,!0)),be=!0}typeof document<"u"&&(document.readyState!=="loading"?ve():document.addEventListener("DOMContentLoaded",ve));function dt(){return N}function me(e){if(!e)return;let t=!0;return r=>{let a={...r,preventDefault(){r.preventDefault()},isDefaultPrevented(){return r.isDefaultPrevented()},stopPropagation(){console.error("stopPropagation is now the default behavior for events in React Spectrum. You can use continuePropagation() to revert this behavior.")},continuePropagation(){t=!1}};e(a),t&&r.stopPropagation()}}function ft(e){return{keyboardProps:e.isDisabled?{}:{onKeyDown:me(e.onKeyDown),onKeyUp:me(e.onKeyUp)}}}function pt(e){if(dt()==="virtual"){let t=document.activeElement;Ee(()=>{document.activeElement===t&&document.contains(e)&&M(e)})}else M(e)}function bt(e,t){return t.some(r=>r.contains(e))}class ae{get size(){return this.fastMap.size}getTreeNode(t){return this.fastMap.get(t)}addTreeNode(t,r,a){let s=this.fastMap.get(r!=null?r:null),l=new Pe({scopeRef:t});s.addChild(l),l.parent=s,this.fastMap.set(t,l),a&&(l.nodeToRestore=a)}removeTreeNode(t){if(t===null)return;let r=this.fastMap.get(t),a=r.parent;for(let l of this.traverse())l!==r&&r.nodeToRestore&&l.nodeToRestore&&r.scopeRef.current&&bt(l.nodeToRestore,r.scopeRef.current)&&(l.nodeToRestore=r.nodeToRestore);let s=r.children;a.removeChild(r),s.length>0&&s.forEach(l=>a.addChild(l)),this.fastMap.delete(r.scopeRef)}*traverse(t=this.root){if(t.scopeRef!=null&&(yield t),t.children.length>0)for(let r of t.children)yield*this.traverse(r)}clone(){let t=new ae;for(let r of this.traverse())t.addTreeNode(r.scopeRef,r.parent.scopeRef,r.nodeToRestore);return t}constructor(){J(this,"fastMap",new Map),this.root=new Pe({scopeRef:null}),this.fastMap.set(null,this.root)}}class Pe{addChild(t){this.children.push(t),t.parent=this}removeChild(t){this.children.splice(this.children.indexOf(t),1),t.parent=void 0}constructor(t){J(this,"children",[]),J(this,"contain",!1),this.scopeRef=t.scopeRef}}new ae;let gt=te.default.createContext(null);function vt(e){let t=p.useContext(gt)||{};Be(t,e);let{ref:r,...a}=t;return a}function mt(e,t){let{focusProps:r}=ot(e),{keyboardProps:a}=ft(e),s=K(r,a),l=vt(t),u=e.isDisabled?{}:l,d=p.useRef(e.autoFocus);return p.useEffect(()=>{d.current&&t.current&&pt(t.current),d.current=!1},[t]),{focusableProps:K({...s,tabIndex:e.excludeFromTabOrder&&!e.isDisabled?-1:void 0},u)}}function Pt(e,t){let{elementType:r="a",onPress:a,onPressStart:s,onPressEnd:l,onClick:u,isDisabled:d,...f}=e,$;r!=="a"&&($={role:"link",tabIndex:d?void 0:0});let{focusableProps:m}=mt(e,t),{pressProps:G,isPressed:j}=Qe({onPress:a,onPressStart:s,onPressEnd:l,isDisabled:d,ref:t}),T=Ie(f,{labelable:!0}),V=K(m,G);return{isPressed:j,linkProps:K(T,{...V,...$,"aria-disabled":d||void 0,onClick:D=>{G.onClick(D),u&&(u(D),console.warn("onClick is deprecated, please use onPress"))}})}}function yt(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function ye(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable})),r.push.apply(r,a)}return r}function $e(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?ye(Object(r),!0).forEach(function(a){yt(e,a,r[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ye(Object(r)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(r,a))})}return e}var $t=(e,t,r)=>{for(var a of Object.keys(e)){var s;if(e[a]!==((s=t[a])!==null&&s!==void 0?s:r[a]))return!1}return!0},Ce=e=>t=>{var r=e.defaultClassName,a=$e($e({},e.defaultVariants),t);for(var s in a){var l,u=(l=a[s])!==null&&l!==void 0?l:e.defaultVariants[s];if(u!=null){var d=u;typeof d=="boolean"&&(d=d===!0?"true":"false");var f=e.variantClassNames[s][d];f&&(r+=" "+f)}}for(var[$,m]of e.compoundVariants)$t($,a,e.defaultVariants)&&(r+=" "+m);return r},Tt=Ce({defaultClassName:"_1gzyg118",variantClassNames:{active:{true:"_1gzyg119",false:"_1gzyg11a"},disabled:{true:"_1gzyg11b",false:"_1gzyg11c"}},defaultVariants:{active:!1,disabled:!1},compoundVariants:[]}),ht=Ce({defaultClassName:"_1gzyg111",variantClassNames:{fullWidth:{true:"_1gzyg112",false:"_1gzyg113"}},defaultVariants:{fullWidth:!1},compoundVariants:[]}),Et="_1gzyg114",Bt="_1gzyg115",wt="_1gzyg116",St="_1gzyg110",kt="_1gzyg117",Lt="_1gzyg11e",Ct="_1gzyg11d";function H(e){var d;const t=b.useRef(null),{linkProps:r}=Pt(e,t),{active:a,...s}=e,l={...s,...r,ref:t,className:y.cl(Tt({active:a,disabled:!1}),e.className)},u=(d=e.as)!=null?d:e.href?"a":"span";return b.createElement(u,{...l},e.children)}y.Metadata.set(H,{name:"Product Bar Tab",props:{active:{type:"boolean",required:!0},href:{type:"string"}}});function U({children:e,className:t,name:r,logoSrc:a,...s}){return b.createElement(b.Fragment,null,b.createElement("a",{className:y.cl(Et,t),...s},a&&b.createElement("img",{className:Bt,src:a,"aria-hidden":"true",alt:`${r} Logo`}),r&&b.createElement("span",{className:wt},r)),b.createElement("span",{className:Ct}))}y.Metadata.set(U,{name:"ProductBarName",props:{name:{type:"string"},logoSrc:{type:"string"}}});function oe({fullWidth:e,children:t,className:r,...a}){const s=b.useRef(null),[l,u,d]=y.selectChildren(t,[{type:U},{type:H}]);return b.createElement("div",{className:y.cl(St,r),...a,ref:s},b.createElement("nav",{className:ht({fullWidth:e})},l,b.createElement("div",{className:Lt},u),b.createElement("div",{className:kt},b.createElement(y.PortalContext.Provider,{value:{parentElementRef:s,fixed:!0}},d))))}y.Metadata.set(oe,{name:"ProductBar",props:{fullWidth:{type:"boolean"}}});var xt="r7f8id0",Mt="r7f8id1";function se({channelId:e,className:t,...r}){const{t:a}=b.useContext(y.I18nContext);return b.createElement("a",{className:y.cl(xt,t),target:"_blank",rel:"noreferrer",href:`https://spscommerce.slack.com/archives/${e}`,...r},b.createElement(y.Icon,{className:Mt,icon:"conversation","aria-hidden":"true"}),b.createElement("span",null,a("design-system:slackLink.label")))}y.Metadata.set(se,{name:"Slack Link",props:{channelId:{type:"string",required:!0}}});const Ot={components:[oe,U,H],examples:{basic:{label:"Basic",description:"Product navigation bar",examples:{basic:{react:z.code`
             import { ProductBar, ProductBarName, ProductBarTab } from "@sps-woodland/product-bar";
             import { Button } from "@sps-woodland/buttons";
 

package/lib/index.es.js

@@ -2,88 +2,37 @@ import * as p from "react";
 import te, { useRef as F, useCallback as M, useEffect as re, useState as Ae, useMemo as _e, useContext as he } from "react";
 import { Metadata as H, cl as U, selectChildren as ze, PortalContext as Re, I18nContext as Ie, Icon as He } from "@sps-woodland/core";
 import { code as R } from "@spscommerce/utils";
-function Ue(e, t, r) {
-  return t in e ? Object.defineProperty(e, t, {
-    value: r,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : e[t] = r, e;
-}
-function ue(e, t) {
-  var r = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(e);
-    t && (a = a.filter(function(s) {
-      return Object.getOwnPropertyDescriptor(e, s).enumerable;
-    })), r.push.apply(r, a);
-  }
-  return r;
-}
-function fe(e) {
-  for (var t = 1; t < arguments.length; t++) {
-    var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? ue(Object(r), !0).forEach(function(a) {
-      Ue(e, a, r[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : ue(Object(r)).forEach(function(a) {
-      Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(r, a));
-    });
-  }
-  return e;
-}
-var Ge = (e, t, r) => {
-  for (var a of Object.keys(e)) {
-    var s;
-    if (e[a] !== ((s = t[a]) !== null && s !== void 0 ? s : r[a]))
-      return !1;
-  }
-  return !0;
-}, Ee = (e) => (t) => {
-  var r = e.defaultClassName, a = fe(fe({}, e.defaultVariants), t);
-  for (var s in a) {
-    var l, u = (l = a[s]) !== null && l !== void 0 ? l : e.defaultVariants[s];
-    if (u != null) {
-      var f = u;
-      typeof f == "boolean" && (f = f === !0 ? "true" : "false");
-      var d = e.variantClassNames[s][f];
-      d && (r += " " + d);
-    }
-  }
-  for (var [P, v] of e.compoundVariants)
-    Ge(P, a, e.defaultVariants) && (r += " " + v);
-  return r;
-}, Ve = Ee({ defaultClassName: "_1gzyg118", variantClassNames: { active: { true: "_1gzyg119", false: "_1gzyg11a" }, disabled: { true: "_1gzyg11b", false: "_1gzyg11c" } }, defaultVariants: { active: !1, disabled: !1 }, compoundVariants: [] }), We = Ee({ defaultClassName: "_1gzyg111", variantClassNames: { fullWidth: { true: "_1gzyg112", false: "_1gzyg113" } }, defaultVariants: { fullWidth: !1 }, compoundVariants: [] }), je = "_1gzyg114", Ye = "_1gzyg115", Xe = "_1gzyg116", qe = "_1gzyg110", Je = "_1gzyg117", Qe = "_1gzyg11e", Ze = "_1gzyg11d";
-function Be(e) {
+function Ee(e) {
   var t, r, a = "";
   if (typeof e == "string" || typeof e == "number")
     a += e;
   else if (typeof e == "object")
     if (Array.isArray(e))
       for (t = 0; t < e.length; t++)
-        e[t] && (r = Be(e[t])) && (a && (a += " "), a += r);
+        e[t] && (r = Ee(e[t])) && (a && (a += " "), a += r);
     else
       for (t in e)
         e[t] && (a && (a += " "), a += t);
   return a;
 }
-function et() {
+function Ue() {
   for (var e, t, r = 0, a = ""; r < arguments.length; )
-    (e = arguments[r++]) && (t = Be(e)) && (a && (a += " "), a += t);
+    (e = arguments[r++]) && (t = Ee(e)) && (a && (a += " "), a += t);
   return a;
 }
-const we = typeof window < "u" ? te.useLayoutEffect : () => {
+const Be = typeof window < "u" ? te.useLayoutEffect : () => {
 };
-let de = /* @__PURE__ */ new Map();
-function tt(e, t) {
+let ue = /* @__PURE__ */ new Map();
+function Ge(e, t) {
   if (e === t)
     return e;
-  let r = de.get(e);
+  let r = ue.get(e);
   if (r)
     return r(t), t;
-  let a = de.get(t);
+  let a = ue.get(t);
   return a ? (a(e), e) : t;
 }
-function rt(...e) {
+function Ve(...e) {
   return (...t) => {
     for (let r of e)
       typeof r == "function" && r(...t);
@@ -97,37 +46,37 @@ function O(...e) {
     let a = e[r];
     for (let s in a) {
       let l = t[s], u = a[s];
-      typeof l == "function" && typeof u == "function" && s[0] === "o" && s[1] === "n" && s.charCodeAt(2) >= 65 && s.charCodeAt(2) <= 90 ? t[s] = rt(l, u) : (s === "className" || s === "UNSAFE_className") && typeof l == "string" && typeof u == "string" ? t[s] = et(l, u) : s === "id" && l && u ? t.id = tt(l, u) : t[s] = u !== void 0 ? u : l;
+      typeof l == "function" && typeof u == "function" && s[0] === "o" && s[1] === "n" && s.charCodeAt(2) >= 65 && s.charCodeAt(2) <= 90 ? t[s] = Ve(l, u) : (s === "className" || s === "UNSAFE_className") && typeof l == "string" && typeof u == "string" ? t[s] = Ue(l, u) : s === "id" && l && u ? t.id = Ge(l, u) : t[s] = u !== void 0 ? u : l;
     }
   }
   return t;
 }
-const nt = /* @__PURE__ */ new Set([
+const We = /* @__PURE__ */ new Set([
   "id"
-]), at = /* @__PURE__ */ new Set([
+]), je = /* @__PURE__ */ new Set([
   "aria-label",
   "aria-labelledby",
   "aria-describedby",
   "aria-details"
-]), ot = /^(data-.*)$/;
-function st(e, t = {}) {
+]), Ye = /^(data-.*)$/;
+function Xe(e, t = {}) {
   let { labelable: r, propNames: a } = t, s = {};
   for (const l in e)
-    Object.prototype.hasOwnProperty.call(e, l) && (nt.has(l) || r && at.has(l) || (a == null ? void 0 : a.has(l)) || ot.test(l)) && (s[l] = e[l]);
+    Object.prototype.hasOwnProperty.call(e, l) && (We.has(l) || r && je.has(l) || (a == null ? void 0 : a.has(l)) || Ye.test(l)) && (s[l] = e[l]);
   return s;
 }
 function x(e) {
-  if (it())
+  if (qe())
     e.focus({
       preventScroll: !0
     });
   else {
-    let t = ct(e);
-    e.focus(), lt(t);
+    let t = Je(e);
+    e.focus(), Qe(t);
   }
 }
 let _ = null;
-function it() {
+function qe() {
   if (_ == null) {
     _ = !1;
     try {
@@ -142,7 +91,7 @@ function it() {
   }
   return _;
 }
-function ct(e) {
+function Je(e) {
   for (var t = e.parentNode, r = [], a = document.scrollingElement || document.documentElement; t instanceof HTMLElement && t !== a; )
     (t.offsetHeight < t.scrollHeight || t.offsetWidth < t.scrollWidth) && r.push({
       element: t,
@@ -155,12 +104,12 @@ function ct(e) {
     scrollLeft: a.scrollLeft
   }), r;
 }
-function lt(e) {
+function Qe(e) {
   for (let { element: t, scrollTop: r, scrollLeft: a } of e)
     t.scrollTop = r, t.scrollLeft = a;
 }
 let k = /* @__PURE__ */ new Map(), X = /* @__PURE__ */ new Set();
-function pe() {
+function fe() {
   if (typeof window > "u")
     return;
   let e = (r) => {
@@ -176,13 +125,13 @@ function pe() {
   };
   document.body.addEventListener("transitionrun", e), document.body.addEventListener("transitionend", t);
 }
-typeof document < "u" && (document.readyState !== "loading" ? pe() : document.addEventListener("DOMContentLoaded", pe));
-function Se(e) {
+typeof document < "u" && (document.readyState !== "loading" ? fe() : document.addEventListener("DOMContentLoaded", fe));
+function we(e) {
   requestAnimationFrame(() => {
     k.size === 0 ? e() : X.add(e);
   });
 }
-function ut() {
+function Ze() {
   let e = F(/* @__PURE__ */ new Map()), t = M((s, l, u, f) => {
     let d = f != null && f.once ? (...P) => {
       e.current.delete(u), u(...P);
@@ -212,8 +161,8 @@ function ut() {
     removeAllGlobalListeners: a
   };
 }
-function Le(e, t) {
-  we(() => {
+function Se(e, t) {
+  Be(() => {
     if (e && e.ref && t)
       return e.ref.current = t.current, () => {
         e.ref.current = null;
@@ -223,7 +172,7 @@ function Le(e, t) {
     t
   ]);
 }
-function ft(e) {
+function et(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);
 }
@@ -231,25 +180,25 @@ function ne(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 ke() {
+function Le() {
   return ne(/^Mac/i);
 }
-function dt() {
+function tt() {
   return ne(/^iPhone/i);
 }
-function pt() {
-  return ne(/^iPad/i) || ke() && navigator.maxTouchPoints > 1;
+function rt() {
+  return ne(/^iPad/i) || Le() && navigator.maxTouchPoints > 1;
 }
-function xe() {
-  return dt() || pt();
+function ke() {
+  return tt() || rt();
 }
-function bt() {
-  return ft(/Android/i);
+function nt() {
+  return et(/Android/i);
 }
 function q(e) {
-  return e.mozInputSource === 0 && e.isTrusted ? !0 : bt() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
+  return e.mozInputSource === 0 && e.isTrusted ? !0 : nt() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
 }
-function gt(e) {
+function at(e) {
   return e.width === 0 && e.height === 0 || e.width === 1 && e.height === 1 && e.pressure === 0 && e.detail === 0 && e.pointerType === "mouse";
 }
 function J(e, t, r) {
@@ -261,15 +210,15 @@ function J(e, t, r) {
   }) : e[t] = r, e;
 }
 let C = "default", Q = "", I = /* @__PURE__ */ new WeakMap();
-function be(e) {
-  xe() ? (C === "default" && (Q = document.documentElement.style.webkitUserSelect, document.documentElement.style.webkitUserSelect = "none"), C = "disabled") : (e instanceof HTMLElement || e instanceof SVGElement) && (I.set(e, e.style.userSelect), e.style.userSelect = "none");
+function de(e) {
+  ke() ? (C === "default" && (Q = document.documentElement.style.webkitUserSelect, document.documentElement.style.webkitUserSelect = "none"), C = "disabled") : (e instanceof HTMLElement || e instanceof SVGElement) && (I.set(e, e.style.userSelect), e.style.userSelect = "none");
 }
 function z(e) {
-  if (xe()) {
+  if (ke()) {
     if (C !== "disabled")
       return;
     C = "restoring", setTimeout(() => {
-      Se(() => {
+      we(() => {
         C === "restoring" && (document.documentElement.style.webkitUserSelect === "none" && (document.documentElement.style.webkitUserSelect = Q || ""), Q = "", C = "default");
       });
     }, 300);
@@ -278,17 +227,17 @@ function z(e) {
     e.style.userSelect === "none" && (e.style.userSelect = t), e.getAttribute("style") === "" && e.removeAttribute("style"), I.delete(e);
   }
 }
-const Ce = te.createContext(null);
-Ce.displayName = "PressResponderContext";
-function vt(e) {
-  let t = he(Ce);
+const xe = te.createContext(null);
+xe.displayName = "PressResponderContext";
+function ot(e) {
+  let t = he(xe);
   if (t) {
     let { register: r, ...a } = t;
     e = O(a, e), r();
   }
-  return Le(t, e.ref), e;
+  return Se(t, e.ref), e;
 }
-function mt(e) {
+function st(e) {
   let {
     onPress: t,
     onPressChange: r,
@@ -302,7 +251,7 @@ function mt(e) {
     allowTextSelectionOnPress: v,
     ref: G,
     ...V
-  } = vt(e), y = F(null);
+  } = ot(e), y = F(null);
   y.current = {
     onPress: t,
     onPressChange: r,
@@ -321,7 +270,7 @@ function mt(e) {
     target: null,
     isOverTarget: !1,
     pointerType: null
-  }), { addGlobalListener: E, removeAllGlobalListeners: w } = ut(), De = _e(() => {
+  }), { addGlobalListener: E, removeAllGlobalListeners: w } = Ze(), De = _e(() => {
     let n = ce.current, T = (i, g) => {
       let { onPressStart: o, onPressChange: c, isDisabled: A } = y.current;
       A || n.didFirePressStart || (o && o({
@@ -367,7 +316,7 @@ function mt(e) {
       n.isPressed && (n.isOverTarget && m($(n.target, i), n.pointerType, !1), n.isPressed = !1, n.isOverTarget = !1, n.activePointerId = null, n.pointerType = null, w(), v || z(n.target));
     }, b = {
       onKeyDown(i) {
-        j(i.nativeEvent, i.currentTarget) && i.currentTarget.contains(i.target) ? (ve(i.target, i.key) && i.preventDefault(), i.stopPropagation(), !n.isPressed && !i.repeat && (n.target = i.currentTarget, n.isPressed = !0, T(i, "keyboard"), E(document, "keyup", Fe, !1))) : i.key === "Enter" && Z(i.currentTarget) && i.stopPropagation();
+        j(i.nativeEvent, i.currentTarget) && i.currentTarget.contains(i.target) ? (be(i.target, i.key) && i.preventDefault(), i.stopPropagation(), !n.isPressed && !i.repeat && (n.target = i.currentTarget, n.isPressed = !0, T(i, "keyboard"), E(document, "keyup", Fe, !1))) : i.key === "Enter" && Z(i.currentTarget) && i.stopPropagation();
       },
       onKeyUp(i) {
         j(i.nativeEvent, i.currentTarget) && !i.repeat && i.currentTarget.contains(i.target) && D($(n.target, i), "keyboard");
@@ -377,7 +326,7 @@ function mt(e) {
       }
     }, Fe = (i) => {
       if (n.isPressed && j(i, n.target)) {
-        ve(i.target, i.key) && i.preventDefault(), i.stopPropagation(), n.isPressed = !1;
+        be(i.target, i.key) && i.preventDefault(), i.stopPropagation(), n.isPressed = !1;
         let g = i.target;
         m($(n.target, i), "keyboard", n.target.contains(g)), w(), n.target instanceof HTMLElement && n.target.contains(g) && (Z(n.target) || n.target.getAttribute("role") === "link") && n.target.click();
       }
@@ -385,11 +334,11 @@ function mt(e) {
     if (typeof PointerEvent < "u") {
       b.onPointerDown = (c) => {
         if (!(c.button !== 0 || !c.currentTarget.contains(c.target))) {
-          if (gt(c.nativeEvent)) {
+          if (at(c.nativeEvent)) {
             n.pointerType = "virtual";
             return;
           }
-          Y(c.currentTarget) && c.preventDefault(), n.pointerType = c.pointerType, c.stopPropagation(), n.isPressed || (n.isPressed = !0, n.isOverTarget = !0, n.activePointerId = c.pointerId, n.target = c.currentTarget, !u && !d && x(c.currentTarget), v || be(n.target), T(c, n.pointerType), E(document, "pointermove", i, !1), E(document, "pointerup", g, !1), E(document, "pointercancel", o, !1));
+          Y(c.currentTarget) && c.preventDefault(), n.pointerType = c.pointerType, c.stopPropagation(), n.isPressed || (n.isPressed = !0, n.isOverTarget = !0, n.activePointerId = c.pointerId, n.target = c.currentTarget, !u && !d && x(c.currentTarget), v || de(n.target), T(c, n.pointerType), E(document, "pointermove", i, !1), E(document, "pointerup", g, !1), E(document, "pointercancel", o, !1));
         }
       }, b.onMouseDown = (c) => {
         !c.currentTarget.contains(c.target) || c.button === 0 && (Y(c.currentTarget) && c.preventDefault(), c.stopPropagation());
@@ -429,17 +378,17 @@ function mt(e) {
         if (!o.currentTarget.contains(o.target))
           return;
         o.stopPropagation();
-        let c = Pt(o.nativeEvent);
-        !c || (n.activePointerId = c.identifier, n.ignoreEmulatedMouseEvents = !0, n.isOverTarget = !0, n.isPressed = !0, n.target = o.currentTarget, n.pointerType = "touch", !u && !d && x(o.currentTarget), v || be(n.target), T(o, n.pointerType), E(window, "scroll", g, !0));
+        let c = it(o.nativeEvent);
+        !c || (n.activePointerId = c.identifier, n.ignoreEmulatedMouseEvents = !0, n.isOverTarget = !0, n.isPressed = !0, n.target = o.currentTarget, n.pointerType = "touch", !u && !d && x(o.currentTarget), v || de(n.target), T(o, n.pointerType), E(window, "scroll", g, !0));
       }, b.onTouchMove = (o) => {
         if (!o.currentTarget.contains(o.target) || (o.stopPropagation(), !n.isPressed))
           return;
-        let c = ge(o.nativeEvent, n.activePointerId);
+        let c = pe(o.nativeEvent, n.activePointerId);
         c && S(c, o.currentTarget) ? n.isOverTarget || (n.isOverTarget = !0, T(o, n.pointerType)) : n.isOverTarget && (n.isOverTarget = !1, m(o, n.pointerType, !1), y.current.shouldCancelOnPointerExit && h(o));
       }, b.onTouchEnd = (o) => {
         if (!o.currentTarget.contains(o.target) || (o.stopPropagation(), !n.isPressed))
           return;
-        let c = ge(o.nativeEvent, n.activePointerId);
+        let c = pe(o.nativeEvent, n.activePointerId);
         c && S(c, o.currentTarget) ? (D(o, n.pointerType), m(o, n.pointerType)) : n.isOverTarget && m(o, n.pointerType, !1), n.isPressed = !1, n.activePointerId = null, n.isOverTarget = !1, n.ignoreEmulatedMouseEvents = !0, v || z(n.target), w();
       }, b.onTouchCancel = (o) => {
         !o.currentTarget.contains(o.target) || (o.stopPropagation(), n.isPressed && h(o));
@@ -479,13 +428,13 @@ function Z(e) {
 }
 function j(e, t) {
   const { key: r, code: a } = e, s = t, l = s.getAttribute("role");
-  return (r === "Enter" || r === " " || r === "Spacebar" || a === "Space") && !(s instanceof HTMLInputElement && !Me(s, r) || s instanceof HTMLTextAreaElement || s.isContentEditable) && (!Z(s) || l === "button" && r !== "Enter") && !(l === "link" && r !== "Enter");
+  return (r === "Enter" || r === " " || r === "Spacebar" || a === "Space") && !(s instanceof HTMLInputElement && !Ce(s, r) || s instanceof HTMLTextAreaElement || s.isContentEditable) && (!Z(s) || l === "button" && r !== "Enter") && !(l === "link" && r !== "Enter");
 }
-function Pt(e) {
+function it(e) {
   const { targetTouches: t } = e;
   return t.length > 0 ? t[0] : null;
 }
-function ge(e, t) {
+function pe(e, t) {
   const r = e.changedTouches;
   for (let a = 0; a < r.length; a++) {
     const s = r[a];
@@ -503,7 +452,7 @@ function $(e, t) {
     altKey: t.altKey
   };
 }
-function yt(e) {
+function ct(e) {
   let t = e.width / 2 || e.radiusX || 0, r = e.height / 2 || e.radiusY || 0;
   return {
     top: e.clientY - r,
@@ -512,20 +461,20 @@ function yt(e) {
     left: e.clientX - t
   };
 }
-function $t(e, t) {
+function lt(e, t) {
   return !(e.left > t.right || t.left > e.right || e.top > t.bottom || t.top > e.bottom);
 }
 function S(e, t) {
-  let r = t.getBoundingClientRect(), a = yt(e);
-  return $t(r, a);
+  let r = t.getBoundingClientRect(), a = ct(e);
+  return lt(r, a);
 }
 function Y(e) {
   return !(e instanceof HTMLElement) || !e.draggable;
 }
-function ve(e, t) {
-  return e instanceof HTMLInputElement ? !Me(e, t) : e instanceof HTMLButtonElement ? e.type !== "submit" : !0;
+function be(e, t) {
+  return e instanceof HTMLInputElement ? !Ce(e, t) : e instanceof HTMLButtonElement ? e.type !== "submit" : !0;
 }
-const Tt = /* @__PURE__ */ new Set([
+const ut = /* @__PURE__ */ new Set([
   "checkbox",
   "radio",
   "range",
@@ -536,10 +485,10 @@ const Tt = /* @__PURE__ */ new Set([
   "submit",
   "reset"
 ]);
-function Me(e, t) {
-  return e.type === "checkbox" || e.type === "radio" ? t === " " : Tt.has(e.type);
+function Ce(e, t) {
+  return e.type === "checkbox" || e.type === "radio" ? t === " " : ut.has(e.type);
 }
-class ht {
+class ft {
   isDefaultPrevented() {
     return this.nativeEvent.defaultPrevented;
   }
@@ -558,13 +507,13 @@ class ht {
     this.nativeEvent = r, this.target = r.target, this.currentTarget = r.currentTarget, this.relatedTarget = r.relatedTarget, this.bubbles = r.bubbles, this.cancelable = r.cancelable, this.defaultPrevented = r.defaultPrevented, this.eventPhase = r.eventPhase, this.isTrusted = r.isTrusted, this.timeStamp = r.timeStamp, this.type = t;
   }
 }
-function Et(e) {
+function dt(e) {
   let t = F({
     isFocused: !1,
     onBlur: e,
     observer: null
   });
-  return t.current.onBlur = e, we(() => {
+  return t.current.onBlur = e, Be(() => {
     const r = t.current;
     return () => {
       r.observer && (r.observer.disconnect(), r.observer = null);
@@ -574,7 +523,7 @@ function Et(e) {
       t.current.isFocused = !0;
       let a = r.target, s = (l) => {
         var u, f;
-        t.current.isFocused = !1, a.disabled && ((f = (u = t.current).onBlur) === null || f === void 0 || f.call(u, new ht("blur", l))), t.current.observer && (t.current.observer.disconnect(), t.current.observer = null);
+        t.current.isFocused = !1, a.disabled && ((f = (u = t.current).onBlur) === null || f === void 0 || f.call(u, new ft("blur", l))), t.current.observer && (t.current.observer.disconnect(), t.current.observer = null);
       };
       a.addEventListener("focusout", s, {
         once: !0
@@ -591,7 +540,7 @@ function Et(e) {
     }
   }, []);
 }
-function Bt(e) {
+function pt(e) {
   let { isDisabled: t, onFocus: r, onBlur: a, onFocusChange: s } = e;
   const l = M((d) => {
     if (d.target === d.currentTarget)
@@ -599,7 +548,7 @@ function Bt(e) {
   }, [
     a,
     s
-  ]), u = Et(l), f = M((d) => {
+  ]), u = dt(l), f = M((d) => {
     d.target === d.currentTarget && (r && r(d), s && s(!0), u(d));
   }, [
     s,
@@ -613,42 +562,42 @@ function Bt(e) {
     }
   };
 }
-let N = null, wt = /* @__PURE__ */ new Set(), me = !1, B = !1, ee = !1;
+let N = null, bt = /* @__PURE__ */ new Set(), ge = !1, B = !1, ee = !1;
 function ae(e, t) {
-  for (let r of wt)
+  for (let r of bt)
     r(e, t);
 }
-function St(e) {
-  return !(e.metaKey || !ke() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
+function gt(e) {
+  return !(e.metaKey || !Le() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
 }
-function Pe(e) {
-  B = !0, St(e) && (N = "keyboard", ae("keyboard", e));
+function ve(e) {
+  B = !0, gt(e) && (N = "keyboard", ae("keyboard", e));
 }
 function L(e) {
   N = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (B = !0, ae("pointer", e));
 }
-function Lt(e) {
+function vt(e) {
   q(e) && (B = !0, N = "virtual");
 }
-function kt(e) {
+function mt(e) {
   e.target === window || e.target === document || (!B && !ee && (N = "virtual", ae("virtual", e)), B = !1, ee = !1);
 }
-function xt() {
+function Pt() {
   B = !1, ee = !0;
 }
-function ye() {
-  if (typeof window > "u" || me)
+function me() {
+  if (typeof window > "u" || ge)
     return;
   let e = HTMLElement.prototype.focus;
   HTMLElement.prototype.focus = function() {
     B = !0, e.apply(this, arguments);
-  }, document.addEventListener("keydown", Pe, !0), document.addEventListener("keyup", Pe, !0), document.addEventListener("click", Lt, !0), window.addEventListener("focus", kt, !0), window.addEventListener("blur", xt, !1), typeof PointerEvent < "u" ? (document.addEventListener("pointerdown", L, !0), document.addEventListener("pointermove", L, !0), document.addEventListener("pointerup", L, !0)) : (document.addEventListener("mousedown", L, !0), document.addEventListener("mousemove", L, !0), document.addEventListener("mouseup", L, !0)), me = !0;
+  }, document.addEventListener("keydown", ve, !0), document.addEventListener("keyup", ve, !0), document.addEventListener("click", vt, !0), window.addEventListener("focus", mt, !0), window.addEventListener("blur", Pt, !1), typeof PointerEvent < "u" ? (document.addEventListener("pointerdown", L, !0), document.addEventListener("pointermove", L, !0), document.addEventListener("pointerup", L, !0)) : (document.addEventListener("mousedown", L, !0), document.addEventListener("mousemove", L, !0), document.addEventListener("mouseup", L, !0)), ge = !0;
 }
-typeof document < "u" && (document.readyState !== "loading" ? ye() : document.addEventListener("DOMContentLoaded", ye));
-function Ct() {
+typeof document < "u" && (document.readyState !== "loading" ? me() : document.addEventListener("DOMContentLoaded", me));
+function yt() {
   return N;
 }
-function $e(e) {
+function Pe(e) {
   if (!e)
     return;
   let t = !0;
@@ -671,24 +620,24 @@ function $e(e) {
     e(a), t && r.stopPropagation();
   };
 }
-function Mt(e) {
+function $t(e) {
   return {
     keyboardProps: e.isDisabled ? {} : {
-      onKeyDown: $e(e.onKeyDown),
-      onKeyUp: $e(e.onKeyUp)
+      onKeyDown: Pe(e.onKeyDown),
+      onKeyUp: Pe(e.onKeyUp)
     }
   };
 }
-function Ot(e) {
-  if (Ct() === "virtual") {
+function Tt(e) {
+  if (yt() === "virtual") {
     let t = document.activeElement;
-    Se(() => {
+    we(() => {
       document.activeElement === t && document.contains(e) && x(e);
     });
   } else
     x(e);
 }
-function Kt(e, t) {
+function ht(e, t) {
   return t.some((r) => r.contains(e));
 }
 class oe {
@@ -699,7 +648,7 @@ class oe {
     return this.fastMap.get(t);
   }
   addTreeNode(t, r, a) {
-    let s = this.fastMap.get(r != null ? r : null), l = new Te({
+    let s = this.fastMap.get(r != null ? r : null), l = new ye({
       scopeRef: t
     });
     s.addChild(l), l.parent = s, this.fastMap.set(t, l), a && (l.nodeToRestore = a);
@@ -709,7 +658,7 @@ class oe {
       return;
     let r = this.fastMap.get(t), a = r.parent;
     for (let l of this.traverse())
-      l !== r && r.nodeToRestore && l.nodeToRestore && r.scopeRef.current && Kt(l.nodeToRestore, r.scopeRef.current) && (l.nodeToRestore = r.nodeToRestore);
+      l !== r && r.nodeToRestore && l.nodeToRestore && r.scopeRef.current && ht(l.nodeToRestore, r.scopeRef.current) && (l.nodeToRestore = r.nodeToRestore);
     let s = r.children;
     a.removeChild(r), s.length > 0 && s.forEach((l) => a.addChild(l)), this.fastMap.delete(r.scopeRef);
   }
@@ -725,12 +674,12 @@ class oe {
     return t;
   }
   constructor() {
-    J(this, "fastMap", /* @__PURE__ */ new Map()), this.root = new Te({
+    J(this, "fastMap", /* @__PURE__ */ new Map()), this.root = new ye({
       scopeRef: null
     }), this.fastMap.set(null, this.root);
   }
 }
-class Te {
+class ye {
   addChild(t) {
     this.children.push(t), t.parent = this;
   }
@@ -742,17 +691,17 @@ class Te {
   }
 }
 new oe();
-let Dt = /* @__PURE__ */ te.createContext(null);
-function Ft(e) {
-  let t = he(Dt) || {};
-  Le(t, e);
+let Et = /* @__PURE__ */ te.createContext(null);
+function Bt(e) {
+  let t = he(Et) || {};
+  Se(t, e);
   let { ref: r, ...a } = t;
   return a;
 }
-function Nt(e, t) {
-  let { focusProps: r } = Bt(e), { keyboardProps: a } = Mt(e), s = O(r, a), l = Ft(t), u = e.isDisabled ? {} : l, f = F(e.autoFocus);
+function wt(e, t) {
+  let { focusProps: r } = pt(e), { keyboardProps: a } = $t(e), s = O(r, a), l = Bt(t), u = e.isDisabled ? {} : l, f = F(e.autoFocus);
   return re(() => {
-    f.current && t.current && Ot(t.current), f.current = !1;
+    f.current && t.current && Tt(t.current), f.current = !1;
   }, [
     t
   ]), {
@@ -762,7 +711,7 @@ function Nt(e, t) {
     }, u)
   };
 }
-function At(e, t) {
+function St(e, t) {
   let {
     elementType: r = "a",
     onPress: a,
@@ -776,13 +725,13 @@ function At(e, t) {
     role: "link",
     tabIndex: f ? void 0 : 0
   });
-  let { focusableProps: v } = Nt(e, t), { pressProps: G, isPressed: V } = mt({
+  let { focusableProps: v } = wt(e, t), { pressProps: G, isPressed: V } = st({
     onPress: a,
     onPressStart: s,
     onPressEnd: l,
     isDisabled: f,
     ref: t
-  }), y = st(d, {
+  }), y = Xe(d, {
     labelable: !0
   }), W = O(v, G);
   return {
@@ -797,13 +746,64 @@ function At(e, t) {
     })
   };
 }
+function Lt(e, t, r) {
+  return t in e ? Object.defineProperty(e, t, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[t] = r, e;
+}
+function $e(e, t) {
+  var r = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(e);
+    t && (a = a.filter(function(s) {
+      return Object.getOwnPropertyDescriptor(e, s).enumerable;
+    })), r.push.apply(r, a);
+  }
+  return r;
+}
+function Te(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var r = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? $e(Object(r), !0).forEach(function(a) {
+      Lt(e, a, r[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : $e(Object(r)).forEach(function(a) {
+      Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(r, a));
+    });
+  }
+  return e;
+}
+var kt = (e, t, r) => {
+  for (var a of Object.keys(e)) {
+    var s;
+    if (e[a] !== ((s = t[a]) !== null && s !== void 0 ? s : r[a]))
+      return !1;
+  }
+  return !0;
+}, Me = (e) => (t) => {
+  var r = e.defaultClassName, a = Te(Te({}, e.defaultVariants), t);
+  for (var s in a) {
+    var l, u = (l = a[s]) !== null && l !== void 0 ? l : e.defaultVariants[s];
+    if (u != null) {
+      var f = u;
+      typeof f == "boolean" && (f = f === !0 ? "true" : "false");
+      var d = e.variantClassNames[s][f];
+      d && (r += " " + d);
+    }
+  }
+  for (var [P, v] of e.compoundVariants)
+    kt(P, a, e.defaultVariants) && (r += " " + v);
+  return r;
+}, xt = Me({ defaultClassName: "_1gzyg118", variantClassNames: { active: { true: "_1gzyg119", false: "_1gzyg11a" }, disabled: { true: "_1gzyg11b", false: "_1gzyg11c" } }, defaultVariants: { active: !1, disabled: !1 }, compoundVariants: [] }), Ct = Me({ defaultClassName: "_1gzyg111", variantClassNames: { fullWidth: { true: "_1gzyg112", false: "_1gzyg113" } }, defaultVariants: { fullWidth: !1 }, compoundVariants: [] }), Mt = "_1gzyg114", Ot = "_1gzyg115", Kt = "_1gzyg116", Dt = "_1gzyg110", Ft = "_1gzyg117", Nt = "_1gzyg11e", At = "_1gzyg11d";
 function se(e) {
   var f;
-  const t = p.useRef(null), { linkProps: r } = At(e, t), { active: a, ...s } = e, l = {
+  const t = p.useRef(null), { linkProps: r } = St(e, t), { active: a, ...s } = e, l = {
     ...s,
     ...r,
     ref: t,
-    className: U(Ve({ active: a, disabled: !1 }), e.className)
+    className: U(xt({ active: a, disabled: !1 }), e.className)
   }, u = (f = e.as) != null ? f : e.href ? "a" : "span";
   return /* @__PURE__ */ p.createElement(u, {
     ...l
@@ -824,21 +824,21 @@ function ie({
   ...s
 }) {
   return /* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement("a", {
-    className: U(je, t),
+    className: U(Mt, t),
     ...s
   }, a && /* @__PURE__ */ p.createElement("img", {
-    className: Ye,
+    className: Ot,
     src: a,
     "aria-hidden": "true",
     alt: `${r} Logo`
   }), r && /* @__PURE__ */ p.createElement("span", {
-    className: Xe
+    className: Kt
   }, r)), /* @__PURE__ */ p.createElement("span", {
-    className: Ze
+    className: At
   }));
 }
 H.set(ie, {
-  name: "Product Bar Name",
+  name: "ProductBarName",
   props: {
     name: { type: "string" },
     logoSrc: { type: "string" }
@@ -850,20 +850,24 @@ function Oe({
   className: r,
   ...a
 }) {
-  const s = p.useRef(null), [l, u, f] = ze(t, [
+  const s = p.useRef(null), [
+    l,
+    u,
+    f
+  ] = ze(t, [
     { type: ie },
     { type: se }
   ]);
   return /* @__PURE__ */ p.createElement("div", {
-    className: U(qe, r),
+    className: U(Dt, r),
     ...a,
     ref: s
   }, /* @__PURE__ */ p.createElement("nav", {
-    className: We({ fullWidth: e })
+    className: Ct({ fullWidth: e })
   }, l, /* @__PURE__ */ p.createElement("div", {
-    className: Qe
+    className: Nt
   }, u), /* @__PURE__ */ p.createElement("div", {
-    className: Je
+    className: Ft
   }, /* @__PURE__ */ p.createElement(Re.Provider, {
     value: { parentElementRef: s, fixed: !0 }
   }, f))));
@@ -900,7 +904,11 @@ H.set(Ke, {
   }
 });
 const Rt = {
-  components: [Oe, ie, se],
+  components: [
+    Oe,
+    ie,
+    se
+  ],
   examples: {
     basic: {
       label: "Basic",

package/lib/product-bar/ProductBar.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { ComponentProps } from "@sps-woodland/core";
+import type { ComponentProps } from "@sps-woodland/core";
 export declare function ProductBar({ fullWidth, children, className, ...rest }: ComponentProps<{
     fullWidth?: boolean;
 }, HTMLDivElement>): React.ReactElement;

package/lib/product-bar-name/ProductBarName.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { ComponentProps } from "@sps-woodland/core";
+import type { ComponentProps } from "@sps-woodland/core";
 export declare function ProductBarName({ children, className, name, logoSrc, ...rest }: ComponentProps<{
     name?: string;
     logoSrc?: string;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@sps-woodland/product-bar",
   "description": "SPS Woodland Design System product bar component",
-  "version": "8.0.2",
+  "version": "8.0.4",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/product-bar",
   "homepage": "https://github.com/SPSCommerce/woodland/tree/master/packages/@sps-woodland/product-bar#readme",
-  "module": "./lib/index.es.js",
   "type": "module",
+  "module": "./lib/index.es.js",
   "main": "./lib/index.cjs.js",
   "types": "./lib/index.d.ts",
   "exports": {
@@ -29,8 +29,8 @@
     "@spscommerce/utils": "^6.12.1",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
-    "@sps-woodland/core": "8.0.2",
-    "@sps-woodland/tokens": "8.0.2"
+    "@sps-woodland/core": "8.0.4",
+    "@sps-woodland/tokens": "8.0.4"
   },
   "devDependencies": {
     "@spscommerce/utils": "^6.12.1",
@@ -38,8 +38,8 @@
     "@vanilla-extract/recipes": "^0.2.5",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
-    "@sps-woodland/core": "8.0.2",
-    "@sps-woodland/tokens": "8.0.2"
+    "@sps-woodland/core": "8.0.4",
+    "@sps-woodland/tokens": "8.0.4"
   },
   "dependencies": {
     "@react-aria/link": "^3.3.6"