@sps-woodland/product-bar 7.2.0 → 7.2.2

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"),I=require("@spscommerce/utils"),Oe=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function Ke(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 ee=Oe(p),b=Ke(p);function De(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function ce(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 le(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?ce(Object(r),!0).forEach(function(a){De(e,a,r[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ce(Object(r)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(r,a))})}return e}var Fe=(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},$e=e=>t=>{var r=e.defaultClassName,a=le(le({},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[$,m]of e.compoundVariants)Fe($,a,e.defaultVariants)&&(r+=" "+m);return r},Ne=$e({defaultClassName:"_1gzyg118",variantClassNames:{active:{true:"_1gzyg119",false:"_1gzyg11a"},disabled:{true:"_1gzyg11b",false:"_1gzyg11c"}},defaultVariants:{active:!1,disabled:!1},compoundVariants:[]}),Ae=$e({defaultClassName:"_1gzyg111",variantClassNames:{fullWidth:{true:"_1gzyg112",false:"_1gzyg113"}},defaultVariants:{fullWidth:!1},compoundVariants:[]}),Re="_1gzyg114",ze="_1gzyg115",Ie="_1gzyg116",_e="_1gzyg110",He="_1gzyg117",Ue="_1gzyg11e",je="_1gzyg11d";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 Ge(){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"?ee.default.useLayoutEffect:()=>{};let ue=new Map;function Ve(e,t){if(e===t)return e;let r=ue.get(e);if(r)return r(t),t;let a=ue.get(t);return a?(a(e),e):t}function We(...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]=We(l,u):(s==="className"||s==="UNSAFE_className")&&typeof l=="string"&&typeof u=="string"?t[s]=Ge(l,u):s==="id"&&l&&u?t.id=Ve(l,u):t[s]=u!==void 0?u:l}}return t}const qe=new Set(["id"]),Ye=new Set(["aria-label","aria-labelledby","aria-describedby","aria-details"]),Xe=/^(data-.*)$/;function Je(e,t={}){let{labelable:r,propNames:a}=t,s={};for(const l in e)Object.prototype.hasOwnProperty.call(e,l)&&(qe.has(l)||r&&Ye.has(l)||(a==null?void 0:a.has(l))||Xe.test(l))&&(s[l]=e[l]);return s}function M(e){if(Qe())e.focus({preventScroll:!0});else{let t=Ze(e);e.focus(),et(t)}}let R=null;function Qe(){if(R==null){R=!1;try{var e=document.createElement("div");e.focus({get preventScroll(){return R=!0,!0}})}catch{}}return R}function Ze(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 et(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 Ee(e){requestAnimationFrame(()=>{x.size===0?e():Y.add(e)})}function tt(){let e=p.useRef(new Map),t=p.useCallback((s,l,u,f)=>{let d=f!=null&&f.once?(...$)=>{e.current.delete(u),u(...$)}:u;e.current.set(u,{type:l,eventTarget:s,fn:d,options:f}),s.addEventListener(l,u,f)},[]),r=p.useCallback((s,l,u,f)=>{var d;let $=((d=e.current.get(u))===null||d===void 0?void 0:d.fn)||u;s.removeEventListener(l,$,f),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 rt(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 te(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 te(/^Mac/i)}function nt(){return te(/^iPhone/i)}function at(){return te(/^iPad/i)||we()&&navigator.maxTouchPoints>1}function Se(){return nt()||at()}function ot(){return rt(/Android/i)}function X(e){return e.mozInputSource===0&&e.isTrusted?!0:ot()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function st(e){return e.width===0&&e.height===0||e.width===1&&e.height===1&&e.pressure===0&&e.detail===0&&e.pointerType==="mouse"}let O="default",J="",_=new WeakMap;function de(e){Se()?(O==="default"&&(J=document.documentElement.style.webkitUserSelect,document.documentElement.style.webkitUserSelect="none"),O="disabled"):(e instanceof HTMLElement||e instanceof SVGElement)&&(_.set(e,e.style.userSelect),e.style.userSelect="none")}function z(e){if(Se()){if(O!=="disabled")return;O="restoring",setTimeout(()=>{Ee(()=>{O==="restoring"&&(document.documentElement.style.webkitUserSelect==="none"&&(document.documentElement.style.webkitUserSelect=J||""),J="",O="default")})},300)}else if((e instanceof HTMLElement||e instanceof SVGElement)&&e&&_.has(e)){let t=_.get(e);e.style.userSelect==="none"&&(e.style.userSelect=t),e.getAttribute("style")===""&&e.removeAttribute("style"),_.delete(e)}}const ke=ee.default.createContext(null);ke.displayName="PressResponderContext";function it(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 ct(e){let{onPress:t,onPressChange:r,onPressStart:a,onPressEnd:s,onPressUp:l,isDisabled:u,isPressed:f,preventFocusOnPress:d,shouldCancelOnPointerExit:$,allowTextSelectionOnPress:m,ref:j,...G}=it(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),se=p.useRef({isPressed:!1,ignoreEmulatedMouseEvents:!1,ignoreClickAfterPress:!1,didFirePressStart:!1,activePointerId:null,target:null,isOverTarget:!1,pointerType:null}),{addGlobalListener:w,removeAllGlobalListeners:k}=tt(),Ce=p.useMemo(()=>{let n=se.current,E=(i,v)=>{let{onPressStart:o,onPressChange:c,isDisabled:A}=T.current;A||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:A,onPress:ie,isDisabled:Me}=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}),A&&A(!1),D(!1),ie&&o&&!Me&&ie({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||z(n.target))},g={onKeyDown(i){W(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,E(i,"keyboard"),w(document,"keyup",xe,!1))):i.key==="Enter"&&Q(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&&!d&&M(i.currentTarget),E(i,"virtual"),F(i,"virtual"),P(i,"virtual")),n.ignoreEmulatedMouseEvents=!1,n.ignoreClickAfterPress=!1)}},xe=i=>{if(n.isPressed&&W(i,n.target)){be(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)&&(Q(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(st(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&&!d&&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||z(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&&!d&&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=lt(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&&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=pe(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=pe(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||z(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,d,k,m]);return p.useEffect(()=>()=>{m||z(se.current.target)},[m]),{isPressed:f||V,pressProps:K(G,Ce)}}function Q(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)&&(!Q(s)||l==="button"&&r!=="Enter")&&!(l==="link"&&r!=="Enter")}function lt(e){const{targetTouches:t}=e;return t.length>0?t[0]:null}function pe(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 ut(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=ut(e);return ft(r,a)}function q(e){return!(e instanceof HTMLElement)||!e.draggable}function be(e,t){return e instanceof HTMLInputElement?!Le(e,t):e instanceof HTMLButtonElement?e.type!=="submit":!0}const dt=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);function Le(e,t){return e.type==="checkbox"||e.type==="radio"?t===" ":dt.has(e.type)}class pt{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 bt(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,f;t.current.isFocused=!1,a.disabled&&((f=(u=t.current).onBlur)===null||f===void 0||f.call(u,new pt("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 gt(e){let{isDisabled:t,onFocus:r,onBlur:a,onFocusChange:s}=e;const l=p.useCallback(d=>{if(d.target===d.currentTarget)return a&&a(d),s&&s(!1),!0},[a,s]),u=bt(l),f=p.useCallback(d=>{d.target===d.currentTarget&&(r&&r(d),s&&s(!0),u(d))},[s,r,u]);return{focusProps:{onFocus:!t&&(r||s||a)?f:void 0,onBlur:!t&&(a||s)?l:null}}}let N=null,vt=new Set,ge=!1,S=!1,Z=!1;function re(e,t){for(let r of vt)r(e,t)}function mt(e){return!(e.metaKey||!we()&&e.altKey||e.ctrlKey||e.key==="Control"||e.key==="Shift"||e.key==="Meta")}function ve(e){S=!0,mt(e)&&(N="keyboard",re("keyboard",e))}function C(e){N="pointer",(e.type==="mousedown"||e.type==="pointerdown")&&(S=!0,re("pointer",e))}function Pt(e){X(e)&&(S=!0,N="virtual")}function yt(e){e.target===window||e.target===document||(!S&&!Z&&(N="virtual",re("virtual",e)),S=!1,Z=!1)}function $t(){S=!1,Z=!0}function me(){if(typeof window>"u"||ge)return;let e=HTMLElement.prototype.focus;HTMLElement.prototype.focus=function(){S=!0,e.apply(this,arguments)},document.addEventListener("keydown",ve,!0),document.addEventListener("keyup",ve,!0),document.addEventListener("click",Pt,!0),window.addEventListener("focus",yt,!0),window.addEventListener("blur",$t,!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)),ge=!0}typeof document<"u"&&(document.readyState!=="loading"?me():document.addEventListener("DOMContentLoaded",me));function Tt(){return N}function Pe(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 ht(e){return{keyboardProps:e.isDisabled?{}:{onKeyDown:Pe(e.onKeyDown),onKeyUp:Pe(e.onKeyUp)}}}function Et(e){if(Tt()==="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 ne{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 ye({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 ne;for(let r of this.traverse())t.addTreeNode(r.scopeRef,r.parent.scopeRef,r.nodeToRestore);return t}constructor(){this.fastMap=new Map,this.root=new ye({scopeRef:null}),this.fastMap.set(null,this.root)}}class ye{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){this.children=[],this.contain=!1,this.scopeRef=t.scopeRef}}new ne;let wt=ee.default.createContext(null);function St(e){let t=p.useContext(wt)||{};Be(t,e);let{ref:r,...a}=t;return a}function kt(e,t){let{focusProps:r}=gt(e),{keyboardProps:a}=ht(e),s=K(r,a),l=St(t),u=e.isDisabled?{}:l,f=p.useRef(e.autoFocus);return p.useEffect(()=>{f.current&&t.current&&Et(t.current),f.current=!1},[t]),{focusableProps:K({...s,tabIndex:e.excludeFromTabOrder&&!e.isDisabled?-1:void 0},u)}}function Lt(e,t){let{elementType:r="a",onPress:a,onPressStart:s,onPressEnd:l,onClick:u,isDisabled:f,...d}=e,$;r!=="a"&&($={role:"link",tabIndex:f?void 0:0});let{focusableProps:m}=kt(e,t),{pressProps:j,isPressed:G}=ct({onPress:a,onPressStart:s,onPressEnd:l,isDisabled:f,ref:t}),T=Je(d,{labelable:!0}),V=K(m,j);return{isPressed:G,linkProps:K(T,{...V,...$,"aria-disabled":f||void 0,onClick:D=>{j.onClick(D),u&&(u(D),console.warn("onClick is deprecated, please use onPress"))}})}}function H(e){var l;const t=b.useRef(null),{linkProps:r}=Lt(e,t),a={...e,...r,ref:t,className:y.cl(Ne({active:e.active,disabled:!1}),e.className)},s=(l=e.as)!=null?l:e.href?"a":"span";return b.createElement(s,{...a},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 ae({fullWidth:e,children:t,className:r,...a}){const s=b.useRef(null),[l,u,f]=y.selectChildren(t,[{type:U},{type:H}]);return b.createElement("div",{className:y.cl(_e,r),...a,ref:s},b.createElement("nav",{className:Ae({fullWidth:e})},l,b.createElement("div",{className:Ue},u),b.createElement("div",{className:He},b.createElement(y.PortalContext.Provider,{value:{parentElementRef:s,fixed:!0}},f))))}y.Metadata.set(ae,{name:"ProductBar",props:{fullWidth:{type:"boolean"}}});var Ct="r7f8id0",xt="r7f8id1";function oe({channelId:e,className:t,...r}){const{t:a}=b.useContext(y.I18nContext);return b.createElement("a",{className:y.cl(Ct,t),target:"_blank",rel:"noreferrer",href:`https://spscommerce.slack.com/archives/${e}`,...r},b.createElement(y.Icon,{className:xt,icon:"conversation","aria-hidden":"true"}),b.createElement("span",null,a("design-system:slackLink.label")))}y.Metadata.set(oe,{name:"Slack Link",props:{channelId:{type:"string",required:!0}}});const Mt={components:[ae,U,H],examples:{basic:{label:"Basic",description:"Product navigation bar",examples:{basic:{react:I.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 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 f=u;typeof f=="boolean"&&(f=f===!0?"true":"false");var d=e.variantClassNames[s][f];d&&(r+=" "+d)}}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 fe=new Map;function We(e,t){if(e===t)return e;let r=fe.get(e);if(r)return r(t),t;let a=fe.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 de(){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"?de():document.addEventListener("DOMContentLoaded",de));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,f)=>{let d=f!=null&&f.once?(...$)=>{e.current.delete(u),u(...$)}:u;e.current.set(u,{type:l,eventTarget:s,fn:d,options:f}),s.addEventListener(l,u,f)},[]),r=p.useCallback((s,l,u,f)=>{var d;let $=((d=e.current.get(u))===null||d===void 0?void 0:d.fn)||u;s.removeEventListener(l,$,f),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:f,preventFocusOnPress:d,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&&!d&&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&&!d&&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&&!d&&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&&!d&&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,d,k,m]);return p.useEffect(()=>()=>{m||R(ie.current.target)},[m]),{isPressed:f||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 ft(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 dt(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=ft(e);return dt(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,f;t.current.isFocused=!1,a.disabled&&((f=(u=t.current).onBlur)===null||f===void 0||f.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(d=>{if(d.target===d.currentTarget)return a&&a(d),s&&s(!1),!0},[a,s]),u=gt(l),f=p.useCallback(d=>{d.target===d.currentTarget&&(r&&r(d),s&&s(!0),u(d))},[s,r,u]);return{focusProps:{onFocus:!t&&(r||s||a)?f: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,f=p.useRef(e.autoFocus);return p.useEffect(()=>{f.current&&t.current&&Bt(t.current),f.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:f,...d}=e,$;r!=="a"&&($={role:"link",tabIndex:f?void 0:0});let{focusableProps:m}=Lt(e,t),{pressProps:G,isPressed:j}=lt({onPress:a,onPressStart:s,onPressEnd:l,isDisabled:f,ref:t}),T=Qe(d,{labelable:!0}),V=K(m,G);return{isPressed:j,linkProps:K(T,{...V,...$,"aria-disabled":f||void 0,onClick:D=>{G.onClick(D),u&&(u(D),console.warn("onClick is deprecated, please use onPress"))}})}}function H(e){var l;const t=b.useRef(null),{linkProps:r}=Ct(e,t),a={...e,...r,ref:t,className:y.cl(_e({active:e.active,disabled:!1}),e.className)},s=(l=e.as)!=null?l:e.href?"a":"span";return b.createElement(s,{...a},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,f]=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}},f))))}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 { SpsButton } from "@spscommerce/ds-react";
 
@@ -45,7 +45,7 @@
                 </ProductBar>
               )
             }
-          `}}},action:{label:"Action",examples:{basic:{react:I.code`
+          `}}},action:{label:"Action",examples:{basic:{react:z.code`
             import { ProductBar, ProductBarName, ProductBarTab } from "@sps-woodland/product-bar";
             import { SpsButton } from "@spscommerce/ds-react";
 
@@ -93,7 +93,7 @@
                 </ProductBar>
               )
             }
-          `}}},link:{label:"Link",examples:{basic:{react:I.code`
+          `}}},link:{label:"Link",examples:{basic:{react:z.code`
             import { ProductBar, ProductBarName, ProductBarTab } from "@sps-woodland/product-bar";
             import { SpsButton } from "@spscommerce/ds-react";
 
@@ -141,7 +141,7 @@
                 </ProductBar>
               )
             }
-          `}}}}},Ot={components:[oe],examples:{basic:{examples:{basic:{react:I.code`
+          `}}}}},Kt={components:[se],examples:{basic:{examples:{basic:{react:z.code`
             import { SlackLink } from "@sps-woodland/slack-link";
             import { ProductBar } from "@sps-woodland/product-bar";
 
@@ -156,4 +156,4 @@
                 ><SlackLink channelId="CELEGDK4Y" /></ProductBar>
               );
             }
-          `}}}}},Kt={"Product Bar":Mt,"Slack Link":Ot};exports.MANIFEST=Kt;exports.ProductBar=ae;exports.ProductBarName=U;exports.ProductBarTab=H;exports.SlackLink=oe;
+          `}}}}},Dt={"Product Bar":Ot,"Slack Link":Kt};exports.MANIFEST=Dt;exports.ProductBar=oe;exports.ProductBarName=U;exports.ProductBarTab=H;exports.SlackLink=se;

package/lib/index.es.js

@@ -1,8 +1,8 @@
 import * as p from "react";
-import ee, { useRef as F, useCallback as M, useEffect as te, useState as Ne, useMemo as Ae, useContext as Te } from "react";
-import { Metadata as H, cl as U, selectChildren as ze, PortalContext as Ie, I18nContext as Re, Icon as _e } from "@sps-woodland/core";
+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 He(e, t, r) {
+function Ue(e, t, r) {
   return t in e ? Object.defineProperty(e, t, {
     value: r,
     enumerable: !0,
@@ -10,7 +10,7 @@ function He(e, t, r) {
     writable: !0
   }) : e[t] = r, e;
 }
-function le(e, t) {
+function ue(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var a = Object.getOwnPropertySymbols(e);
@@ -20,26 +20,26 @@ function le(e, t) {
   }
   return r;
 }
-function ue(e) {
+function fe(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) {
-      He(e, a, r[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : le(Object(r)).forEach(function(a) {
+    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 Ue = (e, t, r) => {
+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;
-}, he = (e) => (t) => {
-  var r = e.defaultClassName, a = ue(ue({}, e.defaultVariants), t);
+}, 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) {
@@ -50,40 +50,40 @@ var Ue = (e, t, r) => {
     }
   }
   for (var [P, v] of e.compoundVariants)
-    Ue(P, a, e.defaultVariants) && (r += " " + v);
+    Ge(P, a, e.defaultVariants) && (r += " " + v);
   return r;
-}, Ge = he({ defaultClassName: "_1gzyg118", variantClassNames: { active: { true: "_1gzyg119", false: "_1gzyg11a" }, disabled: { true: "_1gzyg11b", false: "_1gzyg11c" } }, defaultVariants: { active: !1, disabled: !1 }, compoundVariants: [] }), Ve = he({ defaultClassName: "_1gzyg111", variantClassNames: { fullWidth: { true: "_1gzyg112", false: "_1gzyg113" } }, defaultVariants: { fullWidth: !1 }, compoundVariants: [] }), We = "_1gzyg114", je = "_1gzyg115", Ye = "_1gzyg116", Xe = "_1gzyg110", qe = "_1gzyg117", Je = "_1gzyg11e", Qe = "_1gzyg11d";
-function Ee(e) {
+}, 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) {
   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 = Ee(e[t])) && (a && (a += " "), a += r);
+        e[t] && (r = Be(e[t])) && (a && (a += " "), a += r);
     else
       for (t in e)
         e[t] && (a && (a += " "), a += t);
   return a;
 }
-function Ze() {
+function et() {
   for (var e, t, r = 0, a = ""; r < arguments.length; )
-    (e = arguments[r++]) && (t = Ee(e)) && (a && (a += " "), a += t);
+    (e = arguments[r++]) && (t = Be(e)) && (a && (a += " "), a += t);
   return a;
 }
-const Be = typeof window < "u" ? ee.useLayoutEffect : () => {
+const we = typeof window < "u" ? te.useLayoutEffect : () => {
 };
-let fe = /* @__PURE__ */ new Map();
-function et(e, t) {
+let de = /* @__PURE__ */ new Map();
+function tt(e, t) {
   if (e === t)
     return e;
-  let r = fe.get(e);
+  let r = de.get(e);
   if (r)
     return r(t), t;
-  let a = fe.get(t);
+  let a = de.get(t);
   return a ? (a(e), e) : t;
 }
-function tt(...e) {
+function rt(...e) {
   return (...t) => {
     for (let r of e)
       typeof r == "function" && r(...t);
@@ -97,52 +97,52 @@ 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] = tt(l, u) : (s === "className" || s === "UNSAFE_className") && typeof l == "string" && typeof u == "string" ? t[s] = Ze(l, u) : s === "id" && l && u ? t.id = et(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] = 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;
     }
   }
   return t;
 }
-const rt = /* @__PURE__ */ new Set([
+const nt = /* @__PURE__ */ new Set([
   "id"
-]), nt = /* @__PURE__ */ new Set([
+]), at = /* @__PURE__ */ new Set([
   "aria-label",
   "aria-labelledby",
   "aria-describedby",
   "aria-details"
-]), at = /^(data-.*)$/;
-function ot(e, t = {}) {
+]), ot = /^(data-.*)$/;
+function st(e, t = {}) {
   let { labelable: r, propNames: a } = t, s = {};
   for (const l in e)
-    Object.prototype.hasOwnProperty.call(e, l) && (rt.has(l) || r && nt.has(l) || (a == null ? void 0 : a.has(l)) || at.test(l)) && (s[l] = e[l]);
+    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]);
   return s;
 }
 function x(e) {
-  if (st())
+  if (it())
     e.focus({
       preventScroll: !0
     });
   else {
-    let t = it(e);
-    e.focus(), ct(t);
+    let t = ct(e);
+    e.focus(), lt(t);
   }
 }
-let z = null;
-function st() {
-  if (z == null) {
-    z = !1;
+let _ = null;
+function it() {
+  if (_ == null) {
+    _ = !1;
     try {
       var e = document.createElement("div");
       e.focus({
         get preventScroll() {
-          return z = !0, !0;
+          return _ = !0, !0;
         }
       });
     } catch {
     }
   }
-  return z;
+  return _;
 }
-function it(e) {
+function ct(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,20 +155,20 @@ function it(e) {
     scrollLeft: a.scrollLeft
   }), r;
 }
-function ct(e) {
+function lt(e) {
   for (let { element: t, scrollTop: r, scrollLeft: a } of e)
     t.scrollTop = r, t.scrollLeft = a;
 }
-let L = /* @__PURE__ */ new Map(), X = /* @__PURE__ */ new Set();
-function de() {
+let k = /* @__PURE__ */ new Map(), X = /* @__PURE__ */ new Set();
+function pe() {
   if (typeof window > "u")
     return;
   let e = (r) => {
-    let a = L.get(r.target);
-    a || (a = /* @__PURE__ */ new Set(), L.set(r.target, a), r.target.addEventListener("transitioncancel", t)), a.add(r.propertyName);
+    let a = k.get(r.target);
+    a || (a = /* @__PURE__ */ new Set(), k.set(r.target, a), r.target.addEventListener("transitioncancel", t)), a.add(r.propertyName);
   }, t = (r) => {
-    let a = L.get(r.target);
-    if (!!a && (a.delete(r.propertyName), a.size === 0 && (r.target.removeEventListener("transitioncancel", t), L.delete(r.target)), L.size === 0)) {
+    let a = k.get(r.target);
+    if (!!a && (a.delete(r.propertyName), a.size === 0 && (r.target.removeEventListener("transitioncancel", t), k.delete(r.target)), k.size === 0)) {
       for (let s of X)
         s();
       X.clear();
@@ -176,13 +176,13 @@ function de() {
   };
   document.body.addEventListener("transitionrun", e), document.body.addEventListener("transitionend", t);
 }
-typeof document < "u" && (document.readyState !== "loading" ? de() : document.addEventListener("DOMContentLoaded", de));
-function we(e) {
+typeof document < "u" && (document.readyState !== "loading" ? pe() : document.addEventListener("DOMContentLoaded", pe));
+function Se(e) {
   requestAnimationFrame(() => {
-    L.size === 0 ? e() : X.add(e);
+    k.size === 0 ? e() : X.add(e);
   });
 }
-function lt() {
+function ut() {
   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);
@@ -204,7 +204,7 @@ function lt() {
   }, [
     r
   ]);
-  return te(() => a, [
+  return re(() => a, [
     a
   ]), {
     addGlobalListener: t,
@@ -212,8 +212,8 @@ function lt() {
     removeAllGlobalListeners: a
   };
 }
-function Se(e, t) {
-  Be(() => {
+function Le(e, t) {
+  we(() => {
     if (e && e.ref && t)
       return e.ref.current = t.current, () => {
         e.ref.current = null;
@@ -223,66 +223,72 @@ function Se(e, t) {
     t
   ]);
 }
-function ut(e) {
+function ft(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);
+  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) {
+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() {
-  return re(/^Mac/i);
-}
-function ft() {
-  return re(/^iPhone/i);
+  return ne(/^Mac/i);
 }
 function dt() {
-  return re(/^iPad/i) || ke() && navigator.maxTouchPoints > 1;
-}
-function Le() {
-  return ft() || dt();
+  return ne(/^iPhone/i);
 }
 function pt() {
-  return ut(/Android/i);
+  return ne(/^iPad/i) || ke() && navigator.maxTouchPoints > 1;
+}
+function xe() {
+  return dt() || pt();
+}
+function bt() {
+  return ft(/Android/i);
 }
 function q(e) {
-  return e.mozInputSource === 0 && e.isTrusted ? !0 : pt() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
+  return e.mozInputSource === 0 && e.isTrusted ? !0 : bt() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
 }
-function bt(e) {
+function gt(e) {
   return e.width === 0 && e.height === 0 || e.width === 1 && e.height === 1 && e.pressure === 0 && e.detail === 0 && e.pointerType === "mouse";
 }
-let C = "default", J = "", _ = /* @__PURE__ */ new WeakMap();
-function pe(e) {
-  Le() ? (C === "default" && (J = document.documentElement.style.webkitUserSelect, document.documentElement.style.webkitUserSelect = "none"), C = "disabled") : (e instanceof HTMLElement || e instanceof SVGElement) && (_.set(e, e.style.userSelect), e.style.userSelect = "none");
+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 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 I(e) {
-  if (Le()) {
+function z(e) {
+  if (xe()) {
     if (C !== "disabled")
       return;
     C = "restoring", setTimeout(() => {
-      we(() => {
-        C === "restoring" && (document.documentElement.style.webkitUserSelect === "none" && (document.documentElement.style.webkitUserSelect = J || ""), J = "", C = "default");
+      Se(() => {
+        C === "restoring" && (document.documentElement.style.webkitUserSelect === "none" && (document.documentElement.style.webkitUserSelect = Q || ""), Q = "", C = "default");
       });
     }, 300);
-  } else if ((e instanceof HTMLElement || e instanceof SVGElement) && e && _.has(e)) {
-    let t = _.get(e);
-    e.style.userSelect === "none" && (e.style.userSelect = t), e.getAttribute("style") === "" && e.removeAttribute("style"), _.delete(e);
+  } 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 xe = ee.createContext(null);
-xe.displayName = "PressResponderContext";
-function gt(e) {
-  let t = Te(xe);
+const Ce = te.createContext(null);
+Ce.displayName = "PressResponderContext";
+function vt(e) {
+  let t = he(Ce);
   if (t) {
     let { register: r, ...a } = t;
     e = O(a, e), r();
   }
-  return Se(t, e.ref), e;
+  return Le(t, e.ref), e;
 }
-function vt(e) {
+function mt(e) {
   let {
     onPress: t,
     onPressChange: r,
@@ -296,7 +302,7 @@ function vt(e) {
     allowTextSelectionOnPress: v,
     ref: G,
     ...V
-  } = gt(e), y = F(null);
+  } = vt(e), y = F(null);
   y.current = {
     onPress: t,
     onPressChange: r,
@@ -306,7 +312,7 @@ function vt(e) {
     isDisabled: u,
     shouldCancelOnPointerExit: P
   };
-  let [W, K] = Ne(!1), ie = F({
+  let [W, K] = Ae(!1), ce = F({
     isPressed: !1,
     ignoreEmulatedMouseEvents: !1,
     ignoreClickAfterPress: !1,
@@ -315,8 +321,8 @@ function vt(e) {
     target: null,
     isOverTarget: !1,
     pointerType: null
-  }), { addGlobalListener: E, removeAllGlobalListeners: w } = lt(), Ke = Ae(() => {
-    let n = ie.current, T = (i, g) => {
+  }), { addGlobalListener: E, removeAllGlobalListeners: w } = ut(), De = _e(() => {
+    let n = ce.current, T = (i, g) => {
       let { onPressStart: o, onPressChange: c, isDisabled: A } = y.current;
       A || n.didFirePressStart || (o && o({
         type: "pressstart",
@@ -328,7 +334,7 @@ function vt(e) {
         altKey: i.altKey
       }), c && c(!0), n.didFirePressStart = !0, K(!0));
     }, m = (i, g, o = !0) => {
-      let { onPressEnd: c, onPressChange: A, onPress: ce, isDisabled: Fe } = y.current;
+      let { onPressEnd: c, onPressChange: A, onPress: le, isDisabled: Ne } = y.current;
       !n.didFirePressStart || (n.ignoreClickAfterPress = !0, n.didFirePressStart = !1, c && c({
         type: "pressend",
         pointerType: g,
@@ -337,7 +343,7 @@ function vt(e) {
         metaKey: i.metaKey,
         ctrlKey: i.ctrlKey,
         altKey: i.altKey
-      }), A && A(!1), K(!1), ce && o && !Fe && ce({
+      }), A && A(!1), K(!1), le && o && !Ne && le({
         type: "press",
         pointerType: g,
         target: i.currentTarget,
@@ -358,10 +364,10 @@ function vt(e) {
         altKey: i.altKey
       });
     }, h = (i) => {
-      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 || I(n.target));
+      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) ? (ge(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", De, !1))) : i.key === "Enter" && Q(i.currentTarget) && i.stopPropagation();
+        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();
       },
       onKeyUp(i) {
         j(i.nativeEvent, i.currentTarget) && !i.repeat && i.currentTarget.contains(i.target) && D($(n.target, i), "keyboard");
@@ -369,21 +375,21 @@ function vt(e) {
       onClick(i) {
         i && !i.currentTarget.contains(i.target) || i && i.button === 0 && (i.stopPropagation(), u && i.preventDefault(), !n.ignoreClickAfterPress && !n.ignoreEmulatedMouseEvents && (n.pointerType === "virtual" || q(i.nativeEvent)) && (!u && !d && x(i.currentTarget), T(i, "virtual"), D(i, "virtual"), m(i, "virtual")), n.ignoreEmulatedMouseEvents = !1, n.ignoreClickAfterPress = !1);
       }
-    }, De = (i) => {
+    }, Fe = (i) => {
       if (n.isPressed && j(i, n.target)) {
-        ge(i.target, i.key) && i.preventDefault(), i.stopPropagation(), n.isPressed = !1;
+        ve(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) && (Q(n.target) || n.target.getAttribute("role") === "link") && n.target.click();
+        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();
       }
     };
     if (typeof PointerEvent < "u") {
       b.onPointerDown = (c) => {
         if (!(c.button !== 0 || !c.currentTarget.contains(c.target))) {
-          if (bt(c.nativeEvent)) {
+          if (gt(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 || pe(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 || be(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());
@@ -393,7 +399,7 @@ function vt(e) {
       let i = (c) => {
         c.pointerId === n.activePointerId && (S(c, n.target) ? n.isOverTarget || (n.isOverTarget = !0, T($(n.target, c), n.pointerType)) : n.isOverTarget && (n.isOverTarget = !1, m($(n.target, c), n.pointerType, !1), y.current.shouldCancelOnPointerExit && h(c)));
       }, g = (c) => {
-        c.pointerId === n.activePointerId && n.isPressed && c.button === 0 && (S(c, n.target) ? m($(n.target, c), n.pointerType) : n.isOverTarget && m($(n.target, c), n.pointerType, !1), n.isPressed = !1, n.isOverTarget = !1, n.activePointerId = null, n.pointerType = null, w(), v || I(n.target));
+        c.pointerId === n.activePointerId && n.isPressed && c.button === 0 && (S(c, n.target) ? m($(n.target, c), n.pointerType) : n.isOverTarget && m($(n.target, c), n.pointerType, !1), n.isPressed = !1, n.isOverTarget = !1, n.activePointerId = null, n.pointerType = null, w(), v || z(n.target));
       }, o = (c) => {
         h(c);
       };
@@ -423,18 +429,18 @@ function vt(e) {
         if (!o.currentTarget.contains(o.target))
           return;
         o.stopPropagation();
-        let c = mt(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 || pe(n.target), T(o, n.pointerType), E(window, "scroll", g, !0));
+        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));
       }, b.onTouchMove = (o) => {
         if (!o.currentTarget.contains(o.target) || (o.stopPropagation(), !n.isPressed))
           return;
-        let c = be(o.nativeEvent, n.activePointerId);
+        let c = ge(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 = be(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 || I(n.target), w();
+        let c = ge(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));
       };
@@ -459,27 +465,27 @@ function vt(e) {
     w,
     v
   ]);
-  return te(() => () => {
-    v || I(ie.current.target);
+  return re(() => () => {
+    v || z(ce.current.target);
   }, [
     v
   ]), {
     isPressed: f || W,
-    pressProps: O(V, Ke)
+    pressProps: O(V, De)
   };
 }
-function Q(e) {
+function Z(e) {
   return e.tagName === "A" && e.hasAttribute("href");
 }
 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 && !Ce(s, r) || s instanceof HTMLTextAreaElement || s.isContentEditable) && (!Q(s) || l === "button" && r !== "Enter") && !(l === "link" && r !== "Enter");
+  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");
 }
-function mt(e) {
+function Pt(e) {
   const { targetTouches: t } = e;
   return t.length > 0 ? t[0] : null;
 }
-function be(e, t) {
+function ge(e, t) {
   const r = e.changedTouches;
   for (let a = 0; a < r.length; a++) {
     const s = r[a];
@@ -497,7 +503,7 @@ function $(e, t) {
     altKey: t.altKey
   };
 }
-function Pt(e) {
+function yt(e) {
   let t = e.width / 2 || e.radiusX || 0, r = e.height / 2 || e.radiusY || 0;
   return {
     top: e.clientY - r,
@@ -506,20 +512,20 @@ function Pt(e) {
     left: e.clientX - t
   };
 }
-function yt(e, t) {
+function $t(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 = Pt(e);
-  return yt(r, a);
+  let r = t.getBoundingClientRect(), a = yt(e);
+  return $t(r, a);
 }
 function Y(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;
+function ve(e, t) {
+  return e instanceof HTMLInputElement ? !Me(e, t) : e instanceof HTMLButtonElement ? e.type !== "submit" : !0;
 }
-const $t = /* @__PURE__ */ new Set([
+const Tt = /* @__PURE__ */ new Set([
   "checkbox",
   "radio",
   "range",
@@ -530,10 +536,10 @@ const $t = /* @__PURE__ */ new Set([
   "submit",
   "reset"
 ]);
-function Ce(e, t) {
-  return e.type === "checkbox" || e.type === "radio" ? t === " " : $t.has(e.type);
+function Me(e, t) {
+  return e.type === "checkbox" || e.type === "radio" ? t === " " : Tt.has(e.type);
 }
-class Tt {
+class ht {
   isDefaultPrevented() {
     return this.nativeEvent.defaultPrevented;
   }
@@ -552,13 +558,13 @@ class Tt {
     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 ht(e) {
+function Et(e) {
   let t = F({
     isFocused: !1,
     onBlur: e,
     observer: null
   });
-  return t.current.onBlur = e, Be(() => {
+  return t.current.onBlur = e, we(() => {
     const r = t.current;
     return () => {
       r.observer && (r.observer.disconnect(), r.observer = null);
@@ -568,7 +574,7 @@ function ht(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 Tt("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 ht("blur", l))), t.current.observer && (t.current.observer.disconnect(), t.current.observer = null);
       };
       a.addEventListener("focusout", s, {
         once: !0
@@ -585,7 +591,7 @@ function ht(e) {
     }
   }, []);
 }
-function Et(e) {
+function Bt(e) {
   let { isDisabled: t, onFocus: r, onBlur: a, onFocusChange: s } = e;
   const l = M((d) => {
     if (d.target === d.currentTarget)
@@ -593,7 +599,7 @@ function Et(e) {
   }, [
     a,
     s
-  ]), u = ht(l), f = M((d) => {
+  ]), u = Et(l), f = M((d) => {
     d.target === d.currentTarget && (r && r(d), s && s(!0), u(d));
   }, [
     s,
@@ -607,42 +613,42 @@ function Et(e) {
     }
   };
 }
-let N = null, Bt = /* @__PURE__ */ new Set(), ve = !1, B = !1, Z = !1;
-function ne(e, t) {
-  for (let r of Bt)
+let N = null, wt = /* @__PURE__ */ new Set(), me = !1, B = !1, ee = !1;
+function ae(e, t) {
+  for (let r of wt)
     r(e, t);
 }
-function wt(e) {
+function St(e) {
   return !(e.metaKey || !ke() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
 }
-function me(e) {
-  B = !0, wt(e) && (N = "keyboard", ne("keyboard", e));
+function Pe(e) {
+  B = !0, St(e) && (N = "keyboard", ae("keyboard", e));
 }
-function k(e) {
-  N = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (B = !0, ne("pointer", e));
+function L(e) {
+  N = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (B = !0, ae("pointer", e));
 }
-function St(e) {
+function Lt(e) {
   q(e) && (B = !0, N = "virtual");
 }
 function kt(e) {
-  e.target === window || e.target === document || (!B && !Z && (N = "virtual", ne("virtual", e)), B = !1, Z = !1);
+  e.target === window || e.target === document || (!B && !ee && (N = "virtual", ae("virtual", e)), B = !1, ee = !1);
 }
-function Lt() {
-  B = !1, Z = !0;
+function xt() {
+  B = !1, ee = !0;
 }
-function Pe() {
-  if (typeof window > "u" || ve)
+function ye() {
+  if (typeof window > "u" || me)
     return;
   let e = HTMLElement.prototype.focus;
   HTMLElement.prototype.focus = function() {
     B = !0, e.apply(this, arguments);
-  }, document.addEventListener("keydown", me, !0), document.addEventListener("keyup", me, !0), document.addEventListener("click", St, !0), window.addEventListener("focus", kt, !0), window.addEventListener("blur", Lt, !1), typeof PointerEvent < "u" ? (document.addEventListener("pointerdown", k, !0), document.addEventListener("pointermove", k, !0), document.addEventListener("pointerup", k, !0)) : (document.addEventListener("mousedown", k, !0), document.addEventListener("mousemove", k, !0), document.addEventListener("mouseup", k, !0)), ve = !0;
+  }, 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;
 }
-typeof document < "u" && (document.readyState !== "loading" ? Pe() : document.addEventListener("DOMContentLoaded", Pe));
-function xt() {
+typeof document < "u" && (document.readyState !== "loading" ? ye() : document.addEventListener("DOMContentLoaded", ye));
+function Ct() {
   return N;
 }
-function ye(e) {
+function $e(e) {
   if (!e)
     return;
   let t = !0;
@@ -665,29 +671,27 @@ function ye(e) {
     e(a), t && r.stopPropagation();
   };
 }
-function Ct(e) {
+function Mt(e) {
   return {
     keyboardProps: e.isDisabled ? {} : {
-      onKeyDown: ye(e.onKeyDown),
-      onKeyUp: ye(e.onKeyUp)
+      onKeyDown: $e(e.onKeyDown),
+      onKeyUp: $e(e.onKeyUp)
     }
   };
 }
-function Mt(e) {
-  if (xt() === "virtual") {
+function Ot(e) {
+  if (Ct() === "virtual") {
     let t = document.activeElement;
-    we(() => {
+    Se(() => {
       document.activeElement === t && document.contains(e) && x(e);
     });
   } else
     x(e);
 }
-function Ot(e, t) {
-  return t.some(
-    (r) => r.contains(e)
-  );
+function Kt(e, t) {
+  return t.some((r) => r.contains(e));
 }
-class ae {
+class oe {
   get size() {
     return this.fastMap.size;
   }
@@ -695,7 +699,7 @@ class ae {
     return this.fastMap.get(t);
   }
   addTreeNode(t, r, a) {
-    let s = this.fastMap.get(r != null ? r : null), l = new $e({
+    let s = this.fastMap.get(r != null ? r : null), l = new Te({
       scopeRef: t
     });
     s.addChild(l), l.parent = s, this.fastMap.set(t, l), a && (l.nodeToRestore = a);
@@ -705,11 +709,9 @@ class ae {
       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 && Ot(l.nodeToRestore, r.scopeRef.current) && (l.nodeToRestore = r.nodeToRestore);
+      l !== r && r.nodeToRestore && l.nodeToRestore && r.scopeRef.current && Kt(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);
+    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)
@@ -717,18 +719,18 @@ class ae {
         yield* this.traverse(r);
   }
   clone() {
-    let t = new ae();
+    let t = new oe();
     for (let r of this.traverse())
       t.addTreeNode(r.scopeRef, r.parent.scopeRef, r.nodeToRestore);
     return t;
   }
   constructor() {
-    this.fastMap = /* @__PURE__ */ new Map(), this.root = new $e({
+    J(this, "fastMap", /* @__PURE__ */ new Map()), this.root = new Te({
       scopeRef: null
     }), this.fastMap.set(null, this.root);
   }
 }
-class $e {
+class Te {
   addChild(t) {
     this.children.push(t), t.parent = this;
   }
@@ -736,21 +738,21 @@ class $e {
     this.children.splice(this.children.indexOf(t), 1), t.parent = void 0;
   }
   constructor(t) {
-    this.children = [], this.contain = !1, this.scopeRef = t.scopeRef;
+    J(this, "children", []), J(this, "contain", !1), this.scopeRef = t.scopeRef;
   }
 }
-new ae();
-let Kt = /* @__PURE__ */ ee.createContext(null);
-function Dt(e) {
-  let t = Te(Kt) || {};
-  Se(t, e);
+new oe();
+let Dt = /* @__PURE__ */ te.createContext(null);
+function Ft(e) {
+  let t = he(Dt) || {};
+  Le(t, e);
   let { ref: r, ...a } = t;
   return a;
 }
-function Ft(e, t) {
-  let { focusProps: r } = Et(e), { keyboardProps: a } = Ct(e), s = O(r, a), l = Dt(t), u = e.isDisabled ? {} : l, f = F(e.autoFocus);
-  return te(() => {
-    f.current && t.current && Mt(t.current), f.current = !1;
+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);
+  return re(() => {
+    f.current && t.current && Ot(t.current), f.current = !1;
   }, [
     t
   ]), {
@@ -760,7 +762,7 @@ function Ft(e, t) {
     }, u)
   };
 }
-function Nt(e, t) {
+function At(e, t) {
   let {
     elementType: r = "a",
     onPress: a,
@@ -774,13 +776,13 @@ function Nt(e, t) {
     role: "link",
     tabIndex: f ? void 0 : 0
   });
-  let { focusableProps: v } = Ft(e, t), { pressProps: G, isPressed: V } = vt({
+  let { focusableProps: v } = Nt(e, t), { pressProps: G, isPressed: V } = mt({
     onPress: a,
     onPressStart: s,
     onPressEnd: l,
     isDisabled: f,
     ref: t
-  }), y = ot(d, {
+  }), y = st(d, {
     labelable: !0
   }), W = O(v, G);
   return {
@@ -795,26 +797,26 @@ function Nt(e, t) {
     })
   };
 }
-function oe(e) {
+function se(e) {
   var l;
-  const t = p.useRef(null), { linkProps: r } = Nt(e, t), a = {
+  const t = p.useRef(null), { linkProps: r } = At(e, t), a = {
     ...e,
     ...r,
     ref: t,
-    className: U(Ge({ active: e.active, disabled: !1 }), e.className)
+    className: U(Ve({ active: e.active, disabled: !1 }), e.className)
   }, s = (l = e.as) != null ? l : e.href ? "a" : "span";
   return /* @__PURE__ */ p.createElement(s, {
     ...a
   }, e.children);
 }
-H.set(oe, {
+H.set(se, {
   name: "Product Bar Tab",
   props: {
     active: { type: "boolean", required: !0 },
     href: { type: "string" }
   }
 });
-function se({
+function ie({
   children: e,
   className: t,
   name: r,
@@ -822,83 +824,83 @@ function se({
   ...s
 }) {
   return /* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement("a", {
-    className: U(We, t),
+    className: U(je, t),
     ...s
   }, a && /* @__PURE__ */ p.createElement("img", {
-    className: je,
+    className: Ye,
     src: a,
     "aria-hidden": "true",
     alt: `${r} Logo`
   }), r && /* @__PURE__ */ p.createElement("span", {
-    className: Ye
+    className: Xe
   }, r)), /* @__PURE__ */ p.createElement("span", {
-    className: Qe
+    className: Ze
   }));
 }
-H.set(se, {
+H.set(ie, {
   name: "Product Bar Name",
   props: {
     name: { type: "string" },
     logoSrc: { type: "string" }
   }
 });
-function Me({
+function Oe({
   fullWidth: e,
   children: t,
   className: r,
   ...a
 }) {
   const s = p.useRef(null), [l, u, f] = ze(t, [
-    { type: se },
-    { type: oe }
+    { type: ie },
+    { type: se }
   ]);
   return /* @__PURE__ */ p.createElement("div", {
-    className: U(Xe, r),
+    className: U(qe, r),
     ...a,
     ref: s
   }, /* @__PURE__ */ p.createElement("nav", {
-    className: Ve({ fullWidth: e })
+    className: We({ fullWidth: e })
   }, l, /* @__PURE__ */ p.createElement("div", {
-    className: Je
+    className: Qe
   }, u), /* @__PURE__ */ p.createElement("div", {
-    className: qe
-  }, /* @__PURE__ */ p.createElement(Ie.Provider, {
+    className: Je
+  }, /* @__PURE__ */ p.createElement(Re.Provider, {
     value: { parentElementRef: s, fixed: !0 }
   }, f))));
 }
-H.set(Me, {
+H.set(Oe, {
   name: "ProductBar",
   props: {
     fullWidth: { type: "boolean" }
   }
 });
-var At = "r7f8id0", zt = "r7f8id1";
-function Oe({
+var _t = "r7f8id0", zt = "r7f8id1";
+function Ke({
   channelId: e,
   className: t,
   ...r
 }) {
-  const { t: a } = p.useContext(Re);
+  const { t: a } = p.useContext(Ie);
   return /* @__PURE__ */ p.createElement("a", {
-    className: U(At, t),
+    className: U(_t, t),
     target: "_blank",
     rel: "noreferrer",
     href: `https://spscommerce.slack.com/archives/${e}`,
     ...r
-  }, /* @__PURE__ */ p.createElement(_e, {
+  }, /* @__PURE__ */ p.createElement(He, {
     className: zt,
     icon: "conversation",
     "aria-hidden": "true"
   }), /* @__PURE__ */ p.createElement("span", null, a("design-system:slackLink.label")));
 }
-H.set(Oe, {
+H.set(Ke, {
   name: "Slack Link",
   props: {
     channelId: { type: "string", required: !0 }
   }
 });
-const It = {
-  components: [Me, se, oe],
+const Rt = {
+  components: [Oe, ie, se],
   examples: {
     basic: {
       label: "Basic",
@@ -1069,8 +1071,8 @@ const It = {
       }
     }
   }
-}, Rt = {
-  components: [Oe],
+}, It = {
+  components: [Ke],
   examples: {
     basic: {
       examples: {
@@ -1095,14 +1097,14 @@ const It = {
       }
     }
   }
-}, Gt = {
-  "Product Bar": It,
-  "Slack Link": Rt
+}, Vt = {
+  "Product Bar": Rt,
+  "Slack Link": It
 };
 export {
-  Gt as MANIFEST,
-  Me as ProductBar,
-  se as ProductBarName,
-  oe as ProductBarTab,
-  Oe as SlackLink
+  Vt as MANIFEST,
+  Oe as ProductBar,
+  ie as ProductBarName,
+  se as ProductBarTab,
+  Ke as SlackLink
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sps-woodland/product-bar",
   "description": "SPS Woodland Design System product bar component",
-  "version": "7.2.0",
+  "version": "7.2.2",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/product-bar",
@@ -13,21 +13,23 @@
     "access": "public"
   },
   "peerDependencies": {
+    "@sps-woodland/core": "7.2.2",
+    "@sps-woodland/tokens": "7.2.2",
     "@spscommerce/utils": "^6.12.1",
-    "@sps-woodland/core": "7.2.0",
-    "@sps-woodland/tokens": "7.2.0",
-    "react": "^16.9.0",
-    "react-dom": "^16.9.0"
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0"
   },
   "devDependencies": {
-    "@vanilla-extract/css": "^1.9.1",
-    "@vanilla-extract/recipes": "^0.2.5",
+    "@sps-woodland/core": "7.2.2",
+    "@sps-woodland/tokens": "7.2.2",
     "@spscommerce/utils": "^6.12.1",
-    "@sps-woodland/core": "7.2.0",
-    "@sps-woodland/tokens": "7.2.0",
-    "@react-aria/link": "^3.3.5",
-    "react": "^16.9.0",
-    "react-dom": "^16.9.0"
+    "@vanilla-extract/css": "^1.9.3",
+    "@vanilla-extract/recipes": "^0.2.5",
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0"
+  },
+  "dependencies": {
+    "@react-aria/link": "^3.3.6"
   },
   "scripts": {
     "build": "pnpm run build:js && pnpm run build:types",