@sps-woodland/core 8.56.2 → 8.56.3

package/lib/product-bar/index.umd.cjs

@@ -1 +1 @@
-(function(u,V){typeof exports=="object"&&typeof module<"u"?V(exports,require("react"),require("@sps-woodland/core"),require("@react-aria/link"),require("@ariakit/react"),require("@spscommerce/i18n")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@react-aria/link","@ariakit/react","@spscommerce/i18n"],V):(u=typeof globalThis<"u"?globalThis:u||self,V(u.ProductBar={},u.react,u.spsWoodlandCore,u.reactAriaLink,u.ariakitReact,u.spscommerceI18n))})(this,(function(u,V,c,te,P,U){"use strict";function re(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=re(V);function ne(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function X(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),t.push.apply(t,a)}return t}function Y(e){for(var n=1;n<arguments.length;n++){var t=arguments[n]!=null?arguments[n]:{};n%2?X(Object(t),!0).forEach(function(a){ne(e,a,t[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):X(Object(t)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(t,a))})}return e}var ae=(e,n,t)=>{for(var a of Object.keys(e)){var o;if(e[a]!==((o=n[a])!==null&&o!==void 0?o:t[a]))return!1}return!0},D=e=>n=>{var t=e.defaultClassName,a=Y(Y({},e.defaultVariants),n);for(var o in a){var s,l=(s=a[o])!==null&&s!==void 0?s:e.defaultVariants[o];if(l!=null){var i=l;typeof i=="boolean"&&(i=i===!0?"true":"false");var h=e.variantClassNames[o][i];h&&(t+=" "+h)}}for(var[g,d]of e.compoundVariants)ae(g,a,e.defaultVariants)&&(t+=" "+d);return t},se="pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjux0",oe=D({defaultClassName:"pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjux1",variantClassNames:{fullWidth:{true:"pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjux2",false:"pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjux3"}},defaultVariants:{fullWidth:!1},compoundVariants:[]}),le=D({defaultClassName:"pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjux4",variantClassNames:{hideNameText:{true:"pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjux5",false:"pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjux6"}},defaultVariants:{hideNameText:!1},compoundVariants:[]}),ie="pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjux7",ce="pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjux8",_e="pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjux9",ue="pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxa",Z=D({defaultClassName:"pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxb",variantClassNames:{active:{true:"pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxc",false:"pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxd"},disabled:{true:"pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxe",false:"pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxf"}},defaultVariants:{active:!1,disabled:!1},compoundVariants:[]}),de="pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxg",fe="pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxh",pe=D({defaultClassName:"pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxi",variantClassNames:{priorityPlus:{true:"pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxj",false:"pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxk"}},defaultVariants:{priorityPlus:!1},compoundVariants:[]});function K(e){const n=r.useRef(null),{linkProps:t}=te.useLink(e,n),{active:a,priority:o,...s}=e,l=e.as??(e.href?"a":"button"),i={...s,...t,ref:n,className:c.cl(Z({active:a,disabled:!1}),l==="button"&&de,e.className)};return r.createElement(l,{...i},e.children)}c.Metadata.set(K,{name:"Product Bar Tab",props:{active:{type:"boolean",required:!0},href:{type:"string"},priority:{type:"number"}}});function me(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),e.currentTarget.click())}const G=r.forwardRef(({children:e,className:n,name:t,logoSrc:a,hideNameText:o=!1,...s},l)=>{const i=!!s.onClick&&!("href"in s&&s.href);return r.createElement(r.Fragment,null,r.createElement("a",{className:c.cl(le({hideNameText:o}),n),...i?{role:"button",tabIndex:0,onKeyDown:me}:{},...s,ref:l},a&&r.createElement("img",{className:ie,src:a,"aria-hidden":"true",alt:`${t} Logo`,title:t}),t&&r.createElement("span",{className:c.cl(ce,o&&_e)},t)),r.createElement("span",{className:fe}))});c.Metadata.set(G,{name:"ProductBarName",props:{name:{type:"string"},logoSrc:{type:"string"},hideNameText:{type:"boolean",default:"false"}}});var he="pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_5klvkn0",ge="pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_5klvkn1",ve="pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_5klvkn2",J="pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_5klvkn3",Q="pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_5klvkn4";function be({items:e,wrapperRef:n}){const{t}=U.useWoodlandLanguage();if(e.length===0)return null;const a=e.some(s=>s.props?.active),o=t("productBar.more",{defaultValue:"More"});return r.createElement("span",{ref:n},r.createElement(P.MenuProvider,null,r.createElement(P.MenuButton,{className:c.cl(Z({active:a,disabled:!1}),he),"aria-label":o},o,r.createElement(c.Icon,{icon:"chevron-down",className:ge,"aria-hidden":"true"})),r.createElement(P.Menu,{className:ve,gutter:4},e.map((s,l)=>{const i=s.props?.active,h=s.props?.children,g=s.props?.onPress,d=s.props?.href,N=s.props?.as,M=()=>{g&&g()};if(d&&N){const B=N;return r.createElement(P.MenuItem,{key:l,className:c.cl(J,i&&Q),render:r.createElement(B,{to:d})},h)}return d?r.createElement(P.MenuItem,{key:l,className:c.cl(J,i&&Q),render:r.createElement("a",{href:d})},h):r.createElement(P.MenuItem,{key:l,className:c.cl(J,i&&Q),onClick:M},h)}))))}function ye(e,n={}){const{enabled:t=!0,minVisibleItems:a=1,debounceMs:o=16}=n,s=r.useRef(null),l=r.useRef(null),i=r.useRef(null),h=r.useRef(null),g=r.useRef(null),d=r.useRef([]),N=r.useRef(0),M=r.useRef(0),B=r.useRef(!1),[W,E]=r.useState(e.length),[H,j]=r.useState(!1),L=r.useCallback(()=>{if(!s.current)return!1;const _=s.current,b=Array.from(_.children),f=i.current;f&&(N.current=f.getBoundingClientRect().width);const w=b.filter(k=>k!==f);if(w.length<e.length)return!1;if(d.current=w.map(k=>k.getBoundingClientRect().width),g.current){const k=g.current.querySelector("span:last-of-type");if(k){const p=k.getBoundingClientRect().width,C=getComputedStyle(g.current),x=parseFloat(C.marginRight)||0,m=Math.max(0,x-8);M.current=p+m}}return B.current=!0,!0},[e.length]),T=r.useCallback(()=>{if(!l.current)return 0;const _=l.current,b=_.getBoundingClientRect(),f=getComputedStyle(_),w=parseFloat(f.paddingLeft)+parseFloat(f.paddingRight),k=parseFloat(f.gap)||0;let p=w;const C=Array.from(_.children),x=C.filter(m=>getComputedStyle(m).display!=="none");x.length>1&&(p+=k*(x.length-1));for(const m of C){if(m===s.current)continue;const z=getComputedStyle(m),A=parseFloat(z.marginLeft)+parseFloat(z.marginRight);if(m===h.current){const S=Array.from(m.children),q=getComputedStyle(m),I=parseFloat(q.gap)||0;for(const y of S){const R=getComputedStyle(y),Ee=parseFloat(R.marginLeft)+parseFloat(R.marginRight);p+=y.getBoundingClientRect().width+Ee}S.length>1&&(p+=I*(S.length-1)),p+=parseFloat(q.paddingLeft)+parseFloat(q.paddingRight),p+=A}else p+=m.getBoundingClientRect().width+A}return Math.max(0,b.width-p-2)},[]),v=r.useRef(!1),O=r.useCallback(()=>{if(!t||!B.current){j(!1),v.current=!1;return}let _=T();const b=d.current,f=N.current||100,w=M.current||0;if(v.current&&w>0&&(_-=w),b.length===0||_<=0){E(e.length),j(!1),v.current=!1;return}if(b.reduce((y,R)=>y+R,0)<=_){E(e.length),j(!1),v.current=!1;return}let p=0,C=0;const x=_-f;for(let y=0;y<b.length;y++){const R=b[y];if(p+R<=x)p+=R,C++;else break}const F=Math.min(a,e.length),m=Math.max(C,F),A=b.slice(0,F).reduce((y,R)=>y+R,0)+f,S=C<F&&A>_&&w>0,q=!S&&_>A+w+20;let I=v.current;S&&!v.current?I=!0:q&&v.current&&(I=!1),I!==v.current&&(v.current=I,j(I)),E(m)},[t,e.length,a,T]);r.useEffect(()=>{if(!t){E(e.length);return}B.current=!1,d.current=[],E(e.length)},[t,e.length]),r.useLayoutEffect(()=>{if(!t||!s.current)return;L()&&O()}),r.useEffect(()=>{if(!t)return;let _;const b=()=>{clearTimeout(_),_=setTimeout(()=>{B.current||L(),O()},o)},f=new ResizeObserver(b);return l.current&&f.observe(l.current),()=>{clearTimeout(_),f.disconnect()}},[t,L,O,o]);const Be=t?e.slice(0,W):e,Ce=t&&W<e.length?e.slice(W):[];return{visibleItems:Be,overflowItems:Ce,containerRef:s,parentRef:l,overflowButtonRef:i,contentRef:h,brandRef:g,hideProductName:H}}function we(e){return[...e].sort((n,t)=>{const a=n.props?.priority??1/0,o=t.props?.priority??1/0;return a===o?0:a-o})}function ke(e,n){if(n.length===0)return{visible:e,overflow:n};const t=n.findIndex(i=>i.props?.active);if(t===-1)return{visible:e,overflow:n};const a=n[t],o=e[e.length-1],s=[...e.slice(0,-1),a],l=[...n.slice(0,t),o,...n.slice(t+1)];return{visible:s,overflow:l}}function $({fullWidth:e,enablePriorityPlus:n=!0,children:t,className:a,...o}){const s=r.useRef(null),[l,i,h]=c.selectChildren(t,[{type:G},{type:K}]),g=r.useMemo(()=>n?we(i):i,[n,i]),{visibleItems:d,overflowItems:N,containerRef:M,parentRef:B,overflowButtonRef:W,contentRef:E,brandRef:H,hideProductName:j}=ye(g,{enabled:n}),{visible:L,overflow:T}=r.useMemo(()=>ke(d,N),[d,N]),v=r.useMemo(()=>{if(!n||!l||l.length===0)return l;const O=l[0];return r.isValidElement(O)?[r.cloneElement(O,{hideNameText:j,ref:H})]:l},[n,l,j,H]);return r.createElement("div",{className:c.cl(se,a),...o,ref:s},r.createElement("nav",{className:oe({fullWidth:e}),ref:B},v,r.createElement("div",{className:pe({priorityPlus:n}),ref:M},L,T.length>0&&r.createElement(be,{items:T,wrapperRef:W})),r.createElement("div",{className:ue,ref:E},r.createElement(c.PortalContext.Provider,{value:{parentElementRef:s,fixed:!0}},h))))}c.Metadata.set($,{name:"ProductBar",props:{fullWidth:{type:"boolean"},enablePriorityPlus:{type:"boolean",default:"true"}}});var Re="pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_pqijiy0",Ne="pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_pqijiy1";function ee({channelId:e,className:n,...t}){const{t:a}=U.useWoodlandLanguage();return r.createElement("a",{className:c.cl(Re,n),target:"_blank",rel:"noreferrer",href:`https://spscommerce.slack.com/archives/${e}`,...t},r.createElement(c.Icon,{className:Ne,icon:"conversation","aria-hidden":"true"}),r.createElement("span",null,a("slackLink.label",{defaultValue:"Chat"})))}c.Metadata.set(ee,{name:"Slack Link",props:{channelId:{type:"string",required:!0}}}),u.ProductBar=$,u.ProductBarName=G,u.ProductBarTab=K,u.SlackLink=ee,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})}));
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("react"),require("@sps-woodland/core"),require("@react-aria/link"),require("@ariakit/react"),require("@spscommerce/i18n")):typeof define==`function`&&define.amd?define([`exports`,`react`,`@sps-woodland/core`,`@react-aria/link`,`@ariakit/react`,`@spscommerce/i18n`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.ProductBar={},e.react,e.spsWoodlandCore,e.reactAriaLink,e.ariakitReact,e.spscommerceI18n))})(this,function(e,t,n,r,i,a){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var o=Object.create,s=Object.defineProperty,c=Object.getOwnPropertyDescriptor,l=Object.getOwnPropertyNames,u=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty,f=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=l(t),a=0,o=i.length,u;a<o;a++)u=i[a],!d.call(e,u)&&u!==n&&s(e,u,{get:(e=>t[e]).bind(null,u),enumerable:!(r=c(t,u))||r.enumerable});return e};t=((e,t,n)=>(n=e==null?{}:o(u(e)),f(t||!e||!e.__esModule||!d.call(e,`default`)?s(n,`default`,{value:e,enumerable:!0}):n,e)))(t,1);function p(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?m(Object(n),!0).forEach(function(t){p(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var g=(e,t,n)=>{for(var r of Object.keys(e))if(e[r]!==(t[r]??n[r]))return!1;return!0},_=e=>t=>{var n=e.defaultClassName,r=h(h({},e.defaultVariants),t);for(var i in r){var a=r[i]??e.defaultVariants[i];if(a!=null){var o=a;typeof o==`boolean`&&(o=o===!0?`true`:`false`);var s=e.variantClassNames[i][o];s&&(n+=` `+s)}}for(var[c,l]of e.compoundVariants)g(c,r,e.defaultVariants)&&(n+=` `+l);return n},v=`pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux0`,y=_({defaultClassName:`pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux1`,variantClassNames:{fullWidth:{true:`pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux2`,false:`pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux3`}},defaultVariants:{fullWidth:!1},compoundVariants:[]}),b=_({defaultClassName:`pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux4`,variantClassNames:{hideNameText:{true:`pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux5`,false:`pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux6`}},defaultVariants:{hideNameText:!1},compoundVariants:[]}),x=`pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxa`,S=_({defaultClassName:`pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxb`,variantClassNames:{active:{true:`pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxc`,false:`pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxd`},disabled:{true:`pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxe`,false:`pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxf`}},defaultVariants:{active:!1,disabled:!1},compoundVariants:[]}),C=`pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxh`,w=_({defaultClassName:`pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxi`,variantClassNames:{priorityPlus:{true:`pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxj`,false:`pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxk`}},defaultVariants:{priorityPlus:!1},compoundVariants:[]});function T(e){let i=t.useRef(null),{linkProps:a}=(0,r.useLink)(e,i),{active:o,priority:s,...c}=e,l=e.as??(e.href?`a`:`button`),u={...c,...a,ref:i,className:(0,n.cl)(S({active:o,disabled:!1}),l===`button`&&`pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxg`,e.className)};return t.createElement(l,u,e.children)}n.Metadata.set(T,{name:`Product Bar Tab`,props:{active:{type:`boolean`,required:!0},href:{type:`string`},priority:{type:`number`}}});function E(e){(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.currentTarget.click())}var D=t.forwardRef(({children:e,className:r,name:i,logoSrc:a,hideNameText:o=!1,...s},c)=>{let l=!!s.onClick&&!(`href`in s&&s.href);return t.createElement(t.Fragment,null,t.createElement(`a`,{className:(0,n.cl)(b({hideNameText:o}),r),...l?{role:`button`,tabIndex:0,onKeyDown:E}:{},...s,ref:c},a&&t.createElement(`img`,{className:`pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux7`,src:a,"aria-hidden":`true`,alt:`${i} Logo`,title:i}),i&&t.createElement(`span`,{className:(0,n.cl)(`pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux8`,o&&`pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux9`)},i)),t.createElement(`span`,{className:C}))});n.Metadata.set(D,{name:`ProductBarName`,props:{name:{type:`string`},logoSrc:{type:`string`},hideNameText:{type:`boolean`,default:`false`}}});var O=`pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_5klvkn0`,k=`pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_5klvkn1`,A=`pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_5klvkn2`,j=`pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_5klvkn3`;function M({items:e,wrapperRef:r}){let{t:o}=(0,a.useWoodlandLanguage)();if(e.length===0)return null;let s=e.some(e=>e.props?.active),c=o(`productBar.more`,{defaultValue:`More`});return t.createElement(`span`,{ref:r},t.createElement(i.MenuProvider,null,t.createElement(i.MenuButton,{className:(0,n.cl)(S({active:s,disabled:!1}),O),"aria-label":c},c,t.createElement(n.Icon,{icon:`chevron-down`,className:k,"aria-hidden":`true`})),t.createElement(i.Menu,{className:A,gutter:4},e.map((e,r)=>{let a=e.props?.active,o=e.props?.children,s=e.props?.onPress,c=e.props?.href,l=e.props?.as,u=()=>{s&&s()};if(c&&l){let e=l;return t.createElement(i.MenuItem,{key:r,className:(0,n.cl)(j,a&&`pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_5klvkn4`),render:t.createElement(e,{to:c})},o)}return c?t.createElement(i.MenuItem,{key:r,className:(0,n.cl)(j,a&&`pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_5klvkn4`),render:t.createElement(`a`,{href:c})},o):t.createElement(i.MenuItem,{key:r,className:(0,n.cl)(j,a&&`pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_5klvkn4`),onClick:u},o)}))))}function N(e,n={}){let{enabled:r=!0,minVisibleItems:i=1,debounceMs:a=16}=n,o=t.useRef(null),s=t.useRef(null),c=t.useRef(null),l=t.useRef(null),u=t.useRef(null),d=t.useRef([]),f=t.useRef(0),p=t.useRef(0),m=t.useRef(!1),[h,g]=t.useState(e.length),[_,v]=t.useState(!1),y=t.useCallback(()=>{if(!o.current)return!1;let t=o.current,n=Array.from(t.children),r=c.current;r&&(f.current=r.getBoundingClientRect().width);let i=n.filter(e=>e!==r);if(i.length<e.length)return!1;if(d.current=i.map(e=>e.getBoundingClientRect().width),u.current){let e=u.current.querySelector(`span:last-of-type`);if(e){let t=e.getBoundingClientRect().width,n=getComputedStyle(u.current),r=parseFloat(n.marginRight)||0,i=Math.max(0,r-8);p.current=t+i}}return m.current=!0,!0},[e.length]),b=t.useCallback(()=>{if(!s.current)return 0;let e=s.current,t=e.getBoundingClientRect(),n=getComputedStyle(e),r=parseFloat(n.paddingLeft)+parseFloat(n.paddingRight),i=parseFloat(n.gap)||0,a=r,c=Array.from(e.children),u=c.filter(e=>getComputedStyle(e).display!==`none`);u.length>1&&(a+=i*(u.length-1));for(let e of c){if(e===o.current)continue;let t=getComputedStyle(e),n=parseFloat(t.marginLeft)+parseFloat(t.marginRight);if(e===l.current){let t=Array.from(e.children),r=getComputedStyle(e),i=parseFloat(r.gap)||0;for(let e of t){let t=getComputedStyle(e),n=parseFloat(t.marginLeft)+parseFloat(t.marginRight);a+=e.getBoundingClientRect().width+n}t.length>1&&(a+=i*(t.length-1)),a+=parseFloat(r.paddingLeft)+parseFloat(r.paddingRight),a+=n}else a+=e.getBoundingClientRect().width+n}return Math.max(0,t.width-a-2)},[]),x=t.useRef(!1),S=t.useCallback(()=>{if(!r||!m.current){v(!1),x.current=!1;return}let t=b(),n=d.current,a=f.current||100,o=p.current||0;if(x.current&&o>0&&(t-=o),n.length===0||t<=0||n.reduce((e,t)=>e+t,0)<=t){g(e.length),v(!1),x.current=!1;return}let s=0,c=0,l=t-a;for(let e=0;e<n.length;e++){let t=n[e];if(s+t<=l)s+=t,c++;else break}let u=Math.min(i,e.length),h=Math.max(c,u),_=n.slice(0,u).reduce((e,t)=>e+t,0)+a,y=c<u&&_>t&&o>0,S=!y&&t>_+o+20,C=x.current;y&&!x.current?C=!0:S&&x.current&&(C=!1),C!==x.current&&(x.current=C,v(C)),g(h)},[r,e.length,i,b]);return t.useEffect(()=>{r&&(m.current=!1,d.current=[]),g(e.length)},[r,e.length]),t.useLayoutEffect(()=>{r&&o.current&&y()&&S()}),t.useEffect(()=>{if(!r)return;let e,t=new ResizeObserver(()=>{clearTimeout(e),e=setTimeout(()=>{m.current||y(),S()},a)});return s.current&&t.observe(s.current),()=>{clearTimeout(e),t.disconnect()}},[r,y,S,a]),{visibleItems:r?e.slice(0,h):e,overflowItems:r&&h<e.length?e.slice(h):[],containerRef:o,parentRef:s,overflowButtonRef:c,contentRef:l,brandRef:u,hideProductName:_}}function P(e){return[...e].sort((e,t)=>{let n=e.props?.priority??1/0,r=t.props?.priority??1/0;return n===r?0:n-r})}function F(e,t){if(t.length===0)return{visible:e,overflow:t};let n=t.findIndex(e=>e.props?.active);if(n===-1)return{visible:e,overflow:t};let r=t[n],i=e[e.length-1];return{visible:[...e.slice(0,-1),r],overflow:[...t.slice(0,n),i,...t.slice(n+1)]}}function I({fullWidth:e,enablePriorityPlus:r=!0,children:i,className:a,...o}){let s=t.useRef(null),[c,l,u]=(0,n.selectChildren)(i,[{type:D},{type:T}]),{visibleItems:d,overflowItems:f,containerRef:p,parentRef:m,overflowButtonRef:h,contentRef:g,brandRef:_,hideProductName:b}=N(t.useMemo(()=>r?P(l):l,[r,l]),{enabled:r}),{visible:S,overflow:C}=t.useMemo(()=>F(d,f),[d,f]),E=t.useMemo(()=>{if(!r||!c||c.length===0)return c;let e=c[0];return t.isValidElement(e)?[t.cloneElement(e,{hideNameText:b,ref:_})]:c},[r,c,b,_]);return t.createElement(`div`,{className:(0,n.cl)(v,a),...o,ref:s},t.createElement(`nav`,{className:y({fullWidth:e}),ref:m},E,t.createElement(`div`,{className:w({priorityPlus:r}),ref:p},S,C.length>0&&t.createElement(M,{items:C,wrapperRef:h})),t.createElement(`div`,{className:x,ref:g},t.createElement(n.PortalContext.Provider,{value:{parentElementRef:s,fixed:!0}},u))))}n.Metadata.set(I,{name:`ProductBar`,props:{fullWidth:{type:`boolean`},enablePriorityPlus:{type:`boolean`,default:`true`}}});var L=`pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_pqijiy0`,R=`pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_pqijiy1`;function z({channelId:e,className:r,...i}){let{t:o}=(0,a.useWoodlandLanguage)();return t.createElement(`a`,{className:(0,n.cl)(L,r),target:`_blank`,rel:`noreferrer`,href:`https://spscommerce.slack.com/archives/${e}`,...i},t.createElement(n.Icon,{className:R,icon:`conversation`,"aria-hidden":`true`}),t.createElement(`span`,null,o(`slackLink.label`,{defaultValue:`Chat`})))}n.Metadata.set(z,{name:`Slack Link`,props:{channelId:{type:`string`,required:!0}}}),e.ProductBar=I,e.ProductBarName=D,e.ProductBarTab=T,e.SlackLink=z});

package/lib/product-bar/product-bar/ProductBar.js

@@ -1,107 +1,81 @@
-import * as t from "react";
-import { Metadata as b, selectChildren as w, cl as x, PortalContext as C } from "@sps-woodland/core";
-import { ProductBarTab as M } from "../product-bar-tab/ProductBarTab.js";
-import { ProductBarName as V } from "../product-bar-name/ProductBarName.js";
-import { ProductBarOverflowMenu as g } from "../product-bar-overflow-menu/ProductBarOverflowMenu.js";
-import { usePriorityPlus as O } from "../hooks/usePriorityPlus.js";
-import { productBarContainer as P, productBar as T, productNavNav as A, productBarContent as W } from "./ProductBar.ve.js";
-function j(r) {
-  return [...r].sort((e, n) => {
-    const a = e.props?.priority ?? 1 / 0, i = n.props?.priority ?? 1 / 0;
-    return a === i ? 0 : a - i;
-  });
+import { productBar as e, productBarContainer as t, productBarContent as n, productNavNav as r } from "./ProductBar.ve.js";
+import { ProductBarTab as i } from "../product-bar-tab/ProductBarTab.js";
+import { ProductBarName as a } from "../product-bar-name/ProductBarName.js";
+import { ProductBarOverflowMenu as o } from "../product-bar-overflow-menu/ProductBarOverflowMenu.js";
+import { usePriorityPlus as s } from "../hooks/usePriorityPlus.js";
+import { Metadata as c, PortalContext as l, cl as u, selectChildren as d } from "@sps-woodland/core";
+import * as f from "react";
+//#region src/product-bar/product-bar/ProductBar.tsx
+function p(e) {
+	return [...e].sort((e, t) => {
+		let n = e.props?.priority ?? Infinity, r = t.props?.priority ?? Infinity;
+		return n === r ? 0 : n - r;
+	});
 }
-function k(r, e) {
-  if (e.length === 0)
-    return { visible: r, overflow: e };
-  const n = e.findIndex((s) => s.props?.active);
-  if (n === -1)
-    return { visible: r, overflow: e };
-  const a = e[n], i = r[r.length - 1], c = [...r.slice(0, -1), a], o = [
-    ...e.slice(0, n),
-    i,
-    ...e.slice(n + 1)
-  ];
-  return { visible: c, overflow: o };
+function m(e, t) {
+	if (t.length === 0) return {
+		visible: e,
+		overflow: t
+	};
+	let n = t.findIndex((e) => e.props?.active);
+	if (n === -1) return {
+		visible: e,
+		overflow: t
+	};
+	let r = t[n], i = e[e.length - 1];
+	return {
+		visible: [...e.slice(0, -1), r],
+		overflow: [
+			...t.slice(0, n),
+			i,
+			...t.slice(n + 1)
+		]
+	};
 }
-function q({
-  fullWidth: r,
-  enablePriorityPlus: e = !0,
-  children: n,
-  className: a,
-  ...i
-}) {
-  const c = t.useRef(null), [o, s, v] = w(n, [
-    { type: V },
-    { type: M }
-  ]), E = t.useMemo(
-    () => e ? j(s) : s,
-    [e, s]
-  ), {
-    visibleItems: m,
-    overflowItems: l,
-    containerRef: I,
-    parentRef: h,
-    overflowButtonRef: B,
-    contentRef: N,
-    brandRef: f,
-    hideProductName: u
-  } = O(E, {
-    enabled: e
-  }), { visible: y, overflow: p } = t.useMemo(
-    () => k(
-      m,
-      l
-    ),
-    [m, l]
-  ), R = t.useMemo(() => {
-    if (!e || !o || o.length === 0)
-      return o;
-    const d = o[0];
-    return t.isValidElement(d) ? [t.cloneElement(d, {
-      hideNameText: u,
-      ref: f
-    })] : o;
-  }, [e, o, u, f]);
-  return /* @__PURE__ */ t.createElement("div", { className: x(P, a), ...i, ref: c }, /* @__PURE__ */ t.createElement(
-    "nav",
-    {
-      className: T({ fullWidth: r }),
-      ref: h
-    },
-    R,
-    /* @__PURE__ */ t.createElement(
-      "div",
-      {
-        className: A({ priorityPlus: e }),
-        ref: I
-      },
-      y,
-      p.length > 0 && /* @__PURE__ */ t.createElement(
-        g,
-        {
-          items: p,
-          wrapperRef: B
-        }
-      )
-    ),
-    /* @__PURE__ */ t.createElement(
-      "div",
-      {
-        className: W,
-        ref: N
-      },
-      /* @__PURE__ */ t.createElement(C.Provider, { value: { parentElementRef: c, fixed: !0 } }, v)
-    )
-  ));
+function h({ fullWidth: c, enablePriorityPlus: h = !0, children: g, className: _, ...v }) {
+	let y = f.useRef(null), [b, x, S] = d(g, [{ type: a }, { type: i }]), C = f.useMemo(() => h ? p(x) : x, [h, x]), { visibleItems: w, overflowItems: T, containerRef: E, parentRef: D, overflowButtonRef: O, contentRef: k, brandRef: A, hideProductName: j } = s(C, { enabled: h }), { visible: M, overflow: N } = f.useMemo(() => m(w, T), [w, T]), P = f.useMemo(() => {
+		if (!h || !b || b.length === 0) return b;
+		let e = b[0];
+		return f.isValidElement(e) ? [f.cloneElement(e, {
+			hideNameText: j,
+			ref: A
+		})] : b;
+	}, [
+		h,
+		b,
+		j,
+		A
+	]);
+	return /* @__PURE__ */ f.createElement("div", {
+		className: u(t, _),
+		...v,
+		ref: y
+	}, /* @__PURE__ */ f.createElement("nav", {
+		className: e({ fullWidth: c }),
+		ref: D
+	}, P, /* @__PURE__ */ f.createElement("div", {
+		className: r({ priorityPlus: h }),
+		ref: E
+	}, M, N.length > 0 && /* @__PURE__ */ f.createElement(o, {
+		items: N,
+		wrapperRef: O
+	})), /* @__PURE__ */ f.createElement("div", {
+		className: n,
+		ref: k
+	}, /* @__PURE__ */ f.createElement(l.Provider, { value: {
+		parentElementRef: y,
+		fixed: !0
+	} }, S))));
 }
-b.set(q, {
-  name: "ProductBar",
-  props: {
-    fullWidth: { type: "boolean" },
-    enablePriorityPlus: { type: "boolean", default: "true" }
-  }
+c.set(h, {
+	name: "ProductBar",
+	props: {
+		fullWidth: { type: "boolean" },
+		enablePriorityPlus: {
+			type: "boolean",
+			default: "true"
+		}
+	}
 });
-export {
-  q as ProductBar
-};
+//#endregion
+export { h as ProductBar };

package/lib/product-bar/product-bar/ProductBar.ve.js

@@ -1,16 +1,47 @@
+import { createRuntimeFn as e } from "../../node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.21.2/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js";
 /* empty css                             */
-import { createRuntimeFn as _ } from "../../node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.17.4/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js";
-var o = "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjux0", s = _({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjux1", variantClassNames: { fullWidth: { true: "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjux2", false: "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjux3" } }, defaultVariants: { fullWidth: !1 }, compoundVariants: [] }), d = _({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjux4", variantClassNames: { hideNameText: { true: "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjux5", false: "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjux6" } }, defaultVariants: { hideNameText: !1 }, compoundVariants: [] }), e = "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjux7", l = "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjux8", p = "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjux9", i = "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxa", t = _({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxb", variantClassNames: { active: { true: "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxc", false: "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxd" }, disabled: { true: "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxe", false: "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxf" } }, defaultVariants: { active: !1, disabled: !1 }, compoundVariants: [] }), u = "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxg", n = "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxh", g = _({ defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxi", variantClassNames: { priorityPlus: { true: "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxj", false: "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_g6gjuxk" } }, defaultVariants: { priorityPlus: !1 }, compoundVariants: [] });
-export {
-  t as navItem,
-  u as navItemButton,
-  s as productBar,
-  d as productBarBrand,
-  e as productBarBrandLogo,
-  l as productBarBrandName,
-  o as productBarContainer,
-  i as productBarContent,
-  g as productNavNav,
-  n as verticalRule,
-  p as visuallyHidden
-};
+//#region src/product-bar/product-bar/ProductBar.css.ts
+var t = "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux0", n = e({
+	defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux1",
+	variantClassNames: { fullWidth: {
+		true: "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux2",
+		false: "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux3"
+	} },
+	defaultVariants: { fullWidth: !1 },
+	compoundVariants: []
+}), r = e({
+	defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux4",
+	variantClassNames: { hideNameText: {
+		true: "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux5",
+		false: "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux6"
+	} },
+	defaultVariants: { hideNameText: !1 },
+	compoundVariants: []
+}), i = "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux7", a = "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux8", o = "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux9", s = "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxa", c = e({
+	defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxb",
+	variantClassNames: {
+		active: {
+			true: "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxc",
+			false: "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxd"
+		},
+		disabled: {
+			true: "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxe",
+			false: "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxf"
+		}
+	},
+	defaultVariants: {
+		active: !1,
+		disabled: !1
+	},
+	compoundVariants: []
+}), l = "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxg", u = "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxh", d = e({
+	defaultClassName: "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxi",
+	variantClassNames: { priorityPlus: {
+		true: "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxj",
+		false: "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxk"
+	} },
+	defaultVariants: { priorityPlus: !1 },
+	compoundVariants: []
+});
+//#endregion
+export { c as navItem, l as navItemButton, n as productBar, r as productBarBrand, i as productBarBrandLogo, a as productBarBrandName, t as productBarContainer, s as productBarContent, d as productNavNav, u as verticalRule, o as visuallyHidden };

package/lib/product-bar/product-bar-name/ProductBarName.js

@@ -1,42 +1,39 @@
-import * as e from "react";
-import { cl as l, Metadata as s } from "@sps-woodland/core";
-import { productBarBrand as d, productBarBrandLogo as u, productBarBrandName as p, visuallyHidden as f, verticalRule as B } from "../product-bar/ProductBar.ve.js";
-function y(a) {
-  (a.key === "Enter" || a.key === " ") && (a.preventDefault(), a.currentTarget.click());
+import { productBarBrand as e, verticalRule as t } from "../product-bar/ProductBar.ve.js";
+import { Metadata as n, cl as r } from "@sps-woodland/core";
+import * as i from "react";
+//#region src/product-bar/product-bar-name/ProductBarName.tsx
+function a(e) {
+	(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.currentTarget.click());
 }
-const g = e.forwardRef(
-  ({ children: a, className: c, name: t, logoSrc: n, hideNameText: o = !1, ...r }, i) => {
-    const m = !!r.onClick && !("href" in r && r.href);
-    return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
-      "a",
-      {
-        className: l(d({ hideNameText: o }), c),
-        ...m ? { role: "button", tabIndex: 0, onKeyDown: y } : {},
-        ...r,
-        ref: i
-      },
-      n && /* @__PURE__ */ e.createElement(
-        "img",
-        {
-          className: u,
-          src: n,
-          "aria-hidden": "true",
-          alt: `${t} Logo`,
-          title: t
-        }
-      ),
-      t && /* @__PURE__ */ e.createElement("span", { className: l(p, o && f) }, t)
-    ), /* @__PURE__ */ e.createElement("span", { className: B }));
-  }
-);
-s.set(g, {
-  name: "ProductBarName",
-  props: {
-    name: { type: "string" },
-    logoSrc: { type: "string" },
-    hideNameText: { type: "boolean", default: "false" }
-  }
+var o = i.forwardRef(({ children: n, className: o, name: s, logoSrc: c, hideNameText: l = !1, ...u }, d) => {
+	let f = !!u.onClick && !("href" in u && u.href);
+	return /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement("a", {
+		className: r(e({ hideNameText: l }), o),
+		...f ? {
+			role: "button",
+			tabIndex: 0,
+			onKeyDown: a
+		} : {},
+		...u,
+		ref: d
+	}, c && /* @__PURE__ */ i.createElement("img", {
+		className: "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux7",
+		src: c,
+		"aria-hidden": "true",
+		alt: `${s} Logo`,
+		title: s
+	}), s && /* @__PURE__ */ i.createElement("span", { className: r("pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux8", l && "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjux9") }, s)), /* @__PURE__ */ i.createElement("span", { className: t }));
 });
-export {
-  g as ProductBarName
-};
+n.set(o, {
+	name: "ProductBarName",
+	props: {
+		name: { type: "string" },
+		logoSrc: { type: "string" },
+		hideNameText: {
+			type: "boolean",
+			default: "false"
+		}
+	}
+});
+//#endregion
+export { o as ProductBarName };

package/lib/product-bar/product-bar-overflow-menu/ProductBarOverflowMenu.js

@@ -1,71 +1,49 @@
-import * as e from "react";
-import { cl as o, Icon as w } from "@sps-woodland/core";
-import { MenuProvider as k, MenuButton as I, Menu as N, MenuItem as s } from "@ariakit/react";
-import { useWoodlandLanguage as B } from "@spscommerce/i18n";
-import { navItem as C } from "../product-bar/ProductBar.ve.js";
-import { overflowButton as b, overflowButtonChevron as g, overflowMenu as A, overflowMenuItem as m, overflowMenuItemActive as u } from "./ProductBarOverflowMenu.ve.js";
-function R({
-  items: n,
-  wrapperRef: v
-}) {
-  const { t: d } = B();
-  if (n.length === 0)
-    return null;
-  const h = n.some((r) => r.props?.active), i = d("productBar.more", { defaultValue: "More" });
-  return (
-    // Wrap in span for width measurement - don't put ref directly on MenuButton
-    // as it interferes with ariakit's internal anchor element ref handling
-    /* @__PURE__ */ e.createElement("span", { ref: v }, /* @__PURE__ */ e.createElement(k, null, /* @__PURE__ */ e.createElement(
-      I,
-      {
-        className: o(C({ active: h, disabled: !1 }), b),
-        "aria-label": i
-      },
-      i,
-      /* @__PURE__ */ e.createElement(
-        w,
-        {
-          icon: "chevron-down",
-          className: g,
-          "aria-hidden": "true"
-        }
-      )
-    ), /* @__PURE__ */ e.createElement(N, { className: A, gutter: 4 }, n.map((r, a) => {
-      const c = r.props?.active, l = r.props?.children, f = r.props?.onPress, t = r.props?.href, p = r.props?.as, E = () => {
-        f && f();
-      };
-      if (t && p) {
-        const M = p;
-        return /* @__PURE__ */ e.createElement(
-          s,
-          {
-            key: a,
-            className: o(m, c && u),
-            render: /* @__PURE__ */ e.createElement(M, { to: t })
-          },
-          l
-        );
-      }
-      return t ? /* @__PURE__ */ e.createElement(
-        s,
-        {
-          key: a,
-          className: o(m, c && u),
-          render: /* @__PURE__ */ e.createElement("a", { href: t })
-        },
-        l
-      ) : /* @__PURE__ */ e.createElement(
-        s,
-        {
-          key: a,
-          className: o(m, c && u),
-          onClick: E
-        },
-        l
-      );
-    }))))
-  );
+import { navItem as e } from "../product-bar/ProductBar.ve.js";
+import { overflowButton as t, overflowButtonChevron as n, overflowMenu as r, overflowMenuItem as i } from "./ProductBarOverflowMenu.ve.js";
+import { Icon as a, cl as o } from "@sps-woodland/core";
+import * as s from "react";
+import { useWoodlandLanguage as c } from "@spscommerce/i18n";
+import { Menu as l, MenuButton as u, MenuItem as d, MenuProvider as f } from "@ariakit/react";
+//#region src/product-bar/product-bar-overflow-menu/ProductBarOverflowMenu.tsx
+function p({ items: p, wrapperRef: m }) {
+	let { t: h } = c();
+	if (p.length === 0) return null;
+	let g = p.some((e) => e.props?.active), _ = h("productBar.more", { defaultValue: "More" });
+	return /* @__PURE__ */ s.createElement("span", { ref: m }, /* @__PURE__ */ s.createElement(f, null, /* @__PURE__ */ s.createElement(u, {
+		className: o(e({
+			active: g,
+			disabled: !1
+		}), t),
+		"aria-label": _
+	}, _, /* @__PURE__ */ s.createElement(a, {
+		icon: "chevron-down",
+		className: n,
+		"aria-hidden": "true"
+	})), /* @__PURE__ */ s.createElement(l, {
+		className: r,
+		gutter: 4
+	}, p.map((e, t) => {
+		let n = e.props?.active, r = e.props?.children, a = e.props?.onPress, c = e.props?.href, l = e.props?.as, u = () => {
+			a && a();
+		};
+		if (c && l) {
+			let e = l;
+			return /* @__PURE__ */ s.createElement(d, {
+				key: t,
+				className: o(i, n && "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_5klvkn4"),
+				render: /* @__PURE__ */ s.createElement(e, { to: c })
+			}, r);
+		}
+		return c ? /* @__PURE__ */ s.createElement(d, {
+			key: t,
+			className: o(i, n && "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_5klvkn4"),
+			render: /* @__PURE__ */ s.createElement("a", { href: c })
+		}, r) : /* @__PURE__ */ s.createElement(d, {
+			key: t,
+			className: o(i, n && "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_5klvkn4"),
+			onClick: u
+		}, r);
+	}))));
 }
-export {
-  R as ProductBarOverflowMenu
-};
+//#endregion
+export { p as ProductBarOverflowMenu };

package/lib/product-bar/product-bar-overflow-menu/ProductBarOverflowMenu.ve.js

@@ -1,9 +1,5 @@
 /* empty css                                         */
-var o = "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_5klvkn0", r = "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_5klvkn1", a = "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_5klvkn2", e = "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_5klvkn3", v = "pkg_sps-woodland_core__family_product-bar__version_8_56_2__hash_5klvkn4";
-export {
-  o as overflowButton,
-  r as overflowButtonChevron,
-  a as overflowMenu,
-  e as overflowMenuItem,
-  v as overflowMenuItemActive
-};
+//#region src/product-bar/product-bar-overflow-menu/ProductBarOverflowMenu.css.ts
+var e = "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_5klvkn0", t = "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_5klvkn1", n = "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_5klvkn2", r = "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_5klvkn3", i = "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_5klvkn4";
+//#endregion
+export { e as overflowButton, t as overflowButtonChevron, n as overflowMenu, r as overflowMenuItem, i as overflowMenuItemActive };

package/lib/product-bar/product-bar-tab/ProductBarTab.js

@@ -1,28 +1,30 @@
-import * as a from "react";
-import { Metadata as c, cl as m } from "@sps-woodland/core";
-import { useLink as u } from "@react-aria/link";
-import { navItem as l, navItemButton as f } from "../product-bar/ProductBar.ve.js";
-function d(t) {
-  const e = a.useRef(null), { linkProps: n } = u(t, e), { active: o, priority: b, ...s } = t, r = t.as ?? (t.href ? "a" : "button"), i = {
-    ...s,
-    ...n,
-    ref: e,
-    className: m(
-      l({ active: o, disabled: !1 }),
-      r === "button" && f,
-      t.className
-    )
-  };
-  return /* @__PURE__ */ a.createElement(r, { ...i }, t.children);
+import { navItem as e } from "../product-bar/ProductBar.ve.js";
+import { Metadata as t, cl as n } from "@sps-woodland/core";
+import * as r from "react";
+import { useLink as i } from "@react-aria/link";
+//#region src/product-bar/product-bar-tab/ProductBarTab.tsx
+function a(t) {
+	let a = r.useRef(null), { linkProps: o } = i(t, a), { active: s, priority: c, ...l } = t, u = t.as ?? (t.href ? "a" : "button"), d = {
+		...l,
+		...o,
+		ref: a,
+		className: n(e({
+			active: s,
+			disabled: !1
+		}), u === "button" && "pkg_sps-woodland_core__family_product-bar__version_8_56_3__hash_g6gjuxg", t.className)
+	};
+	return /* @__PURE__ */ r.createElement(u, d, t.children);
 }
-c.set(d, {
-  name: "Product Bar Tab",
-  props: {
-    active: { type: "boolean", required: !0 },
-    href: { type: "string" },
-    priority: { type: "number" }
-  }
+t.set(a, {
+	name: "Product Bar Tab",
+	props: {
+		active: {
+			type: "boolean",
+			required: !0
+		},
+		href: { type: "string" },
+		priority: { type: "number" }
+	}
 });
-export {
-  d as ProductBarTab
-};
+//#endregion
+export { a as ProductBarTab };