@sps-woodland/core 8.56.1 → 8.56.3

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

@@ -1 +1 @@
-(function(n,v){typeof exports=="object"&&typeof module<"u"?v(exports,require("react"),require("@sps-woodland/core"),require("@sps-woodland/core/button"),require("@sps-woodland/core/tag"),require("@spscommerce/utils"),require("@spscommerce/ds-react"),require("@spscommerce/i18n"),require("@sps-woodland/tokens")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@sps-woodland/core/button","@sps-woodland/core/tag","@spscommerce/utils","@spscommerce/ds-react","@spscommerce/i18n","@sps-woodland/tokens"],v):(n=typeof globalThis<"u"?globalThis:n||self,v(n.ListBar={},n.react,n.spsWoodlandCore,n.spsWoodlandCoreButton,n.spsWoodlandCoreTag,n.spscommerceUtils,n.spscommerceDsReact,n.spscommerceI18n,n.spsWoodlandTokens))})(this,(function(n,v,o,y,z,x,B,C,K){"use strict";function U(a){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(r,t,s.get?s:{enumerable:!0,get:()=>a[t]})}}return r.default=a,Object.freeze(r)}const e=U(v);var J="pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_1o1g57h0",Q="pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_1o1g57h1",X="pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_1o1g57h2",Z="pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_1o1g57h3",$="pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_1o1g57h4",ee="pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_1o1g57h5",ae="pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_1o1g57h6",te="pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_1o1g57h7";function R({results:a,selections:r,zeroStateText:t,onClear:s,className:_,children:d,...p}){const{t:l}=C.useWoodlandLanguage(),m=r?Object.keys(r).reduce((i,u)=>(r[u].length>0&&(i[u]=r[u]),i),{}):{};return e.createElement("div",{className:Q,...p},a!=null&&e.createElement("div",{className:X},e.createElement("span",null,l("searchResultsBar.results",{defaultValue:"Results:"})),e.createElement(z.Tag,{className:Z,kind:"info"},e.createElement("span",null,a))),e.createElement("div",{className:$},Object.keys(m).length>0?Object.keys(m).map((i,u)=>e.createElement(e.Fragment,{key:i},e.createElement("span",{key:u,className:ee},i,":"),m[i].map((g,b)=>e.createElement(z.Tag,{className:ae,key:b,kind:"key"},e.createElement("span",null,g))))):e.createElement("span",{className:"font-italic"},t||l("searchResultsBar.noAdvancedSearchSelections",{defaultValue:"No Advanced Search Selections"}))),e.createElement("div",{className:te},e.createElement(y.Button,{fill:!0,noWrap:!0,kind:"link",onClick:s},l("searchResultsBar.clearResults",{defaultValue:"Clear Results"}))))}o.Metadata.set(R,{name:"Search Results Bar",props:{results:{type:"number | string | null"},selections:{type:"{ [key: string]: string[] }"},zeroStateText:{type:"string"},onClear:{type:"() => void"}}});function re(a,r,t){return r in a?Object.defineProperty(a,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):a[r]=t,a}function P(a,r){var t=Object.keys(a);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(a);r&&(s=s.filter(function(_){return Object.getOwnPropertyDescriptor(a,_).enumerable})),t.push.apply(t,s)}return t}function j(a){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?P(Object(t),!0).forEach(function(s){re(a,s,t[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach(function(s){Object.defineProperty(a,s,Object.getOwnPropertyDescriptor(t,s))})}return a}var se=(a,r,t)=>{for(var s of Object.keys(a)){var _;if(a[s]!==((_=r[s])!==null&&_!==void 0?_:t[s]))return!1}return!0},T=a=>r=>{var t=a.defaultClassName,s=j(j({},a.defaultVariants),r);for(var _ in s){var d,p=(d=s[_])!==null&&d!==void 0?d:a.defaultVariants[_];if(p!=null){var l=p;typeof l=="boolean"&&(l=l===!0?"true":"false");var m=a.variantClassNames[_][l];m&&(t+=" "+m)}}for(var[i,u]of a.compoundVariants)se(i,s,a.defaultVariants)&&(t+=" "+u);return t},ne=T({defaultClassName:"pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_uzzgwv1",variantClassNames:{pinned:{true:"pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_uzzgwv2",false:"pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_uzzgwv3"}},defaultVariants:{pinned:!1},compoundVariants:[]}),oe="pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_uzzgwv4",_e="pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_uzzgwv5",le="pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_uzzgwv6",ie="pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_uzzgwv7",ce="pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_uzzgwv8",de="pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_uzzgwv9",pe="pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_uzzgwva",V="pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_uzzgwvb",ue="pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_uzzgwvc",me="pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_uzzgwvd",fe="pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_uzzgwve",he="pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_uzzgwvf";function M({children:a}){const r=o.modChildren(a,t=>t.type===y.Button?[{className:o.cl(t.props.className,fe)}]:[]);return e.createElement(e.Fragment,null,r)}function F({onSubmit:a,children:r}){function t(s){s.preventDefault(),a&&a(s)}return e.createElement("form",{onSubmit:t,className:ue,noValidate:!0},e.createElement(B.SpsInputGroup,{className:me},e.createElement(M,null,r)))}o.Metadata.set(F,{name:"ListBarSearch",props:{onSubmit:{type:"FormEventHandler"}}});function L({children:a}){return e.createElement("div",null,a)}o.Metadata.set(L,{name:"ListBarSearchInfo"});function A({advancedSearch:a,onToggleAdvancedSearch:r,title:t,onToolbarPinned:s,selectable:_,isSelected:d,isIndeterminate:p,disableSelection:l=!1,onSelectionChange:m,pinResultsBar:i,pinToolbar:u=!0,advancedSearchToggleText:g,children:b,className:E,...k}){const{t:we}=C.useWoodlandLanguage();let N=null;const[f,D]=e.useState(!1),w=e.useRef(null),h=e.useRef(null),{"data-testid":q}=k,O=x.lockToAnimationFrames(()=>{if(w.current&&u){const c=w.current.getBoundingClientRect();if(!c)return;const Ne=Math.round(c.height),Oe=Math.round(c.top),ze=Math.round(window.scrollY);Ne>0&&Oe<=60&&(typeof N=="number"?ze<=N&&(N=null,D(!1)):(N=Math.round(window.scrollY),D(!0),r&&r(!1)))}});e.useEffect(()=>(window.addEventListener("scroll",O),window.addEventListener("resize",O),()=>{window.removeEventListener("scroll",O),window.removeEventListener("resize",O)}),[]);const S=e.useRef();e.useLayoutEffect(()=>{if(h.current&&w.current&&u){if(f&&S.current)h.current.style.height=S.current.height,h.current.style.width=S.current.width,h.current.style.marginBottom=S.current.marginBottom;else if(!f){h.current.style.height="",h.current.style.width="",h.current.style.marginBottom="";const c=window.getComputedStyle(w.current);S.current={height:c.height,width:c.width,marginBottom:c.marginBottom}}}},[f]);function Se(){r&&r(!a?.isOpen)}function Be(c){s&&s(c)}e.useEffect(()=>{Be(f)},[f]);const[G,Ee,ke,[H],Y]=o.selectChildren(b,[{type:F},{type:L},{type:R},{custom:c=>o.Metadata.isWoodlandComponent(c)&&o.Metadata.get(c).name==="Tabs"}]);return e.createElement("div",{className:o.cl(E),ref:h,...k},e.createElement("div",{className:ne({pinned:f}),ref:w},H?o.addProps(H,{context:"container"}):e.createElement(e.Fragment,null,e.createElement("div",{className:oe},!!_&&e.createElement("div",{className:_e},e.createElement(B.SpsCheckbox,{checked:d,disabled:l,indeterminate:p,onChange:()=>{m?.(!d)}})),e.createElement("div",{className:le},!t&&G,!t&&Ee,G.length>0&&a&&e.createElement("div",{className:ie,"data-testid":`${q}__advanced-search`},e.createElement("div",{className:ce},e.createElement(y.Button,{kind:"link",onClick:Se},g??we("listToolbar.advancedSearchToggle",{defaultValue:"Advanced Search"}))),(a.enteredFields||0)>0&&e.createElement(z.Tag,{className:de,kind:"info","data-testid":`${q}__entered-fields`},e.createElement("span",null,a.enteredFields))),t&&e.createElement("div",{className:pe},t)),f?e.createElement("div",{className:V},e.createElement(o.PortalContext.Provider,{value:{fixed:!0}},Y)):e.createElement("div",{className:V},Y)),e.createElement("div",{className:J},(!f||i)&&ke))))}o.Metadata.set(A,{name:"ListBar",props:{activeTab:{type:"Tab"},advancedSearch:{type:"{ isOpen: boolean, enteredFields: number }"},onToggleAdvancedSearch:{type:"(boolean) => void"},title:{type:"string"},onToolbarPinned:{type:"(boolean) => void"},selectable:{type:"boolean"},disableSelection:{type:"boolean",default:"false"},isSelected:{type:"boolean"},isIndeterminate:{type:"boolean"},onSelectionChange:{type:"(boolean) => void"},pinResultsBar:{type:"boolean"},pinToolbar:{type:"boolean",default:"true"},advancedSearchToggleText:{type:"string"}}});function W({options:a,activeOption:r,onSortChange:t,defaultOption:s,className:_,...d}){const p=(a||[]).map(l=>[{label:l.label,icon:l.icon},()=>{t&&t(l)}]);return e.createElement(B.SpsDropdown,{className:o.cl(_,he),icon:r?.icon||s?.icon,label:r?.label||s?.label,options:p})}o.Metadata.set(W,{name:"ListBarSortBy",props:{options:{type:"SortOption[]"},activeOption:{type:"SortOption"},onSortChange:{type:"(option: SortOption) => void"},defaultOption:{type:"SortOption"}}});var ve=T({defaultClassName:"pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_am9pfc0",variantClassNames:{open:{true:"pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_am9pfc1",false:"pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_am9pfc2"},compact:{true:"pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_am9pfc3",false:"pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_am9pfc4"}},defaultVariants:{open:!1,compact:!1},compoundVariants:[]}),ye=T({defaultClassName:"pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_am9pfc5",variantClassNames:{open:{true:"pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_am9pfc6",false:"pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_am9pfc7"}},defaultVariants:{open:!0},compoundVariants:[]}),ge="pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_am9pfc8",be="pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_am9pfc9";function I({formArray:a,formGroup:r,formMeta:t,onSubmit:s,controlsDisabled:_,footerLinks:d,isOpen:p,onClear:l,submitButtonText:m,compact:i,className:u,children:g,...b}){const{t:E}=C.useWoodlandLanguage();function k(){l&&l()}return e.createElement("div",{className:o.cl(ve({open:p,compact:i})),...b},e.createElement(B.SpsForm,{onSubmit:s,formArray:a,formGroup:r,formMeta:t},e.createElement("div",{className:ye({open:p})},g),e.createElement("div",{className:ge},d&&e.createElement("div",{id:"footer_links"},o.contentOf(d)),e.createElement("div",{className:be},e.createElement(y.Button,{kind:"default",type:"button",className:K.sprinkles({mr:"sm"}),onClick:k,disabled:_},E("advancedSearch.clear",{defaultValue:"Clear Fields"})),e.createElement(y.Button,{kind:"key",type:"submit",disabled:_},m??E("advancedSearch.search",{defaultValue:"Search"}))))))}o.Metadata.set(I,{name:"Advanced Search",props:{formArray:{type:"SpsFormArray<any>"},formGroup:{type:"SpsFormGroup"},formMeta:{type:"SpsFormSetMeta<any>"},onSubmit:{type:"React.FormEventHandler"},controlsDisabled:{type:"boolean"},footerLinks:{type:"React.ReactNode | (() => React.ReactNode)"},isOpen:{type:"boolean"},onClear:{type:"() => void"},submitButtonText:{type:"string"},compact:{type:"boolean"}}}),n.AdvancedSearch=I,n.InputGroupWrapper=M,n.ListBar=A,n.ListBarSearch=F,n.ListBarSearchInfo=L,n.ListBarSortBy=W,n.SearchResultsBar=R,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})}));
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("react"),require("@sps-woodland/core"),require("@sps-woodland/core/button"),require("@sps-woodland/core/tag"),require("@spscommerce/utils"),require("@spscommerce/ds-react"),require("@spscommerce/i18n"),require("@sps-woodland/tokens")):typeof define==`function`&&define.amd?define([`exports`,`react`,`@sps-woodland/core`,`@sps-woodland/core/button`,`@sps-woodland/core/tag`,`@spscommerce/utils`,`@spscommerce/ds-react`,`@spscommerce/i18n`,`@sps-woodland/tokens`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.ListBar={},e.react,e.spsWoodlandCore,e.spsWoodlandCoreButton,e.spsWoodlandCoreTag,e.spscommerceUtils,e.spscommerceDsReact,e.spscommerceI18n,e.spsWoodlandTokens))})(this,function(e,t,n,r,i,a,o,s,c){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var l=Object.create,u=Object.defineProperty,d=Object.getOwnPropertyDescriptor,f=Object.getOwnPropertyNames,p=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty,h=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=f(t),a=0,o=i.length,s;a<o;a++)s=i[a],!m.call(e,s)&&s!==n&&u(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=d(t,s))||r.enumerable});return e};t=((e,t,n)=>(n=e==null?{}:l(p(e)),h(t||!e||!e.__esModule||!m.call(e,`default`)?u(n,`default`,{value:e,enumerable:!0}):n,e)))(t,1);var g=`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_1o1g57h0`,_=`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_1o1g57h1`,v=`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_1o1g57h4`,y=`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_1o1g57h5`,b=`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_1o1g57h6`,x=`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_1o1g57h7`;function S({results:e,selections:n,zeroStateText:a,onClear:o,className:c,children:l,...u}){let{t:d}=(0,s.useWoodlandLanguage)(),f=n?Object.keys(n).reduce((e,t)=>(n[t].length>0&&(e[t]=n[t]),e),{}):{};return t.createElement(`div`,{className:_,...u},e!=null&&t.createElement(`div`,{className:`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_1o1g57h2`},t.createElement(`span`,null,d(`searchResultsBar.results`,{defaultValue:`Results:`})),t.createElement(i.Tag,{className:`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_1o1g57h3`,kind:`info`},t.createElement(`span`,null,e))),t.createElement(`div`,{className:v},Object.keys(f).length>0?Object.keys(f).map((e,n)=>t.createElement(t.Fragment,{key:e},t.createElement(`span`,{key:n,className:y},e,`:`),f[e].map((e,n)=>t.createElement(i.Tag,{className:b,key:n,kind:`key`},t.createElement(`span`,null,e))))):t.createElement(`span`,{className:`font-italic`},a||d(`searchResultsBar.noAdvancedSearchSelections`,{defaultValue:`No Advanced Search Selections`}))),t.createElement(`div`,{className:x},t.createElement(r.Button,{fill:!0,noWrap:!0,kind:`link`,onClick:o},d(`searchResultsBar.clearResults`,{defaultValue:`Clear Results`}))))}n.Metadata.set(S,{name:`Search Results Bar`,props:{results:{type:`number | string | null`},selections:{type:`{ [key: string]: string[] }`},zeroStateText:{type:`string`},onClear:{type:`() => void`}}});function C(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(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 T(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?w(Object(n),!0).forEach(function(t){C(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var E=(e,t,n)=>{for(var r of Object.keys(e))if(e[r]!==(t[r]??n[r]))return!1;return!0},D=e=>t=>{var n=e.defaultClassName,r=T(T({},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)E(c,r,e.defaultVariants)&&(n+=` `+l);return n},O=D({defaultClassName:`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwv1`,variantClassNames:{pinned:{true:`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwv2`,false:`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwv3`}},defaultVariants:{pinned:!1},compoundVariants:[]}),k=`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwv4`,A=`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwv6`,j=`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwvb`,M=`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwvc`,N=`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwvd`,P=`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwve`,F=`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwvf`;function I({children:e}){let i=(0,n.modChildren)(e,e=>e.type===r.Button?[{className:(0,n.cl)(e.props.className,P)}]:[]);return t.createElement(t.Fragment,null,i)}function L({onSubmit:e,children:n}){function r(t){t.preventDefault(),e&&e(t)}return t.createElement(`form`,{onSubmit:r,className:M,noValidate:!0},t.createElement(o.SpsInputGroup,{className:N},t.createElement(I,null,n)))}n.Metadata.set(L,{name:`ListBarSearch`,props:{onSubmit:{type:`FormEventHandler`}}});function R({children:e}){return t.createElement(`div`,null,e)}n.Metadata.set(R,{name:`ListBarSearchInfo`});function z({advancedSearch:e,onToggleAdvancedSearch:c,title:l,onToolbarPinned:u,selectable:d,isSelected:f,isIndeterminate:p,disableSelection:m=!1,onSelectionChange:h,pinResultsBar:_,pinToolbar:v=!0,advancedSearchToggleText:y,children:b,className:x,...C}){let{t:w}=(0,s.useWoodlandLanguage)(),T=null,[E,D]=t.useState(!1),M=t.useRef(null),N=t.useRef(null),{"data-testid":P}=C,F=(0,a.lockToAnimationFrames)(()=>{if(M.current&&v){let e=M.current.getBoundingClientRect();if(!e)return;let t=Math.round(e.height),n=Math.round(e.top),r=Math.round(window.scrollY);t>0&&n<=60&&(typeof T==`number`?r<=T&&(T=null,D(!1)):(T=Math.round(window.scrollY),D(!0),c&&c(!1)))}});t.useEffect(()=>(window.addEventListener(`scroll`,F),window.addEventListener(`resize`,F),()=>{window.removeEventListener(`scroll`,F),window.removeEventListener(`resize`,F)}),[]);let I=t.useRef();t.useLayoutEffect(()=>{if(N.current&&M.current&&v){if(E&&I.current)N.current.style.height=I.current.height,N.current.style.width=I.current.width,N.current.style.marginBottom=I.current.marginBottom;else if(!E){N.current.style.height=``,N.current.style.width=``,N.current.style.marginBottom=``;let e=window.getComputedStyle(M.current);I.current={height:e.height,width:e.width,marginBottom:e.marginBottom}}}},[E]);function z(){c&&c(!e?.isOpen)}function B(e){u&&u(e)}t.useEffect(()=>{B(E)},[E]);let[V,H,U,[W],G]=(0,n.selectChildren)(b,[{type:L},{type:R},{type:S},{custom:e=>n.Metadata.isWoodlandComponent(e)&&n.Metadata.get(e).name===`Tabs`}]);return t.createElement(`div`,{className:(0,n.cl)(x),ref:N,...C},t.createElement(`div`,{className:O({pinned:E}),ref:M},W?(0,n.addProps)(W,{context:`container`}):t.createElement(t.Fragment,null,t.createElement(`div`,{className:k},!!d&&t.createElement(`div`,{className:`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwv5`},t.createElement(o.SpsCheckbox,{checked:f,disabled:m,indeterminate:p,onChange:()=>{h?.(!f)}})),t.createElement(`div`,{className:A},!l&&V,!l&&H,V.length>0&&e&&t.createElement(`div`,{className:`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwv7`,"data-testid":`${P}__advanced-search`},t.createElement(`div`,{className:`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwv8`},t.createElement(r.Button,{kind:`link`,onClick:z},y??w(`listToolbar.advancedSearchToggle`,{defaultValue:`Advanced Search`}))),(e.enteredFields||0)>0&&t.createElement(i.Tag,{className:`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwv9`,kind:`info`,"data-testid":`${P}__entered-fields`},t.createElement(`span`,null,e.enteredFields))),l&&t.createElement(`div`,{className:`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwva`},l)),E?t.createElement(`div`,{className:j},t.createElement(n.PortalContext.Provider,{value:{fixed:!0}},G)):t.createElement(`div`,{className:j},G)),t.createElement(`div`,{className:g},(!E||_)&&U))))}n.Metadata.set(z,{name:`ListBar`,props:{activeTab:{type:`Tab`},advancedSearch:{type:`{ isOpen: boolean, enteredFields: number }`},onToggleAdvancedSearch:{type:`(boolean) => void`},title:{type:`string`},onToolbarPinned:{type:`(boolean) => void`},selectable:{type:`boolean`},disableSelection:{type:`boolean`,default:`false`},isSelected:{type:`boolean`},isIndeterminate:{type:`boolean`},onSelectionChange:{type:`(boolean) => void`},pinResultsBar:{type:`boolean`},pinToolbar:{type:`boolean`,default:`true`},advancedSearchToggleText:{type:`string`}}});function B({options:e,activeOption:r,onSortChange:i,defaultOption:a,className:s,...c}){let l=(e||[]).map(e=>[{label:e.label,icon:e.icon},()=>{i&&i(e)}]);return t.createElement(o.SpsDropdown,{className:(0,n.cl)(s,F),icon:r?.icon||a?.icon,label:r?.label||a?.label,options:l})}n.Metadata.set(B,{name:`ListBarSortBy`,props:{options:{type:`SortOption[]`},activeOption:{type:`SortOption`},onSortChange:{type:`(option: SortOption) => void`},defaultOption:{type:`SortOption`}}});var V=D({defaultClassName:`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_am9pfc0`,variantClassNames:{open:{true:`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_am9pfc1`,false:`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_am9pfc2`},compact:{true:`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_am9pfc3`,false:`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_am9pfc4`}},defaultVariants:{open:!1,compact:!1},compoundVariants:[]}),H=D({defaultClassName:`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_am9pfc5`,variantClassNames:{open:{true:`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_am9pfc6`,false:`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_am9pfc7`}},defaultVariants:{open:!0},compoundVariants:[]}),U=`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_am9pfc8`,W=`pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_am9pfc9`;function G({formArray:e,formGroup:i,formMeta:a,onSubmit:l,controlsDisabled:u,footerLinks:d,isOpen:f,onClear:p,submitButtonText:m,compact:h,className:g,children:_,...v}){let{t:y}=(0,s.useWoodlandLanguage)();function b(){p&&p()}return t.createElement(`div`,{className:(0,n.cl)(V({open:f,compact:h})),...v},t.createElement(o.SpsForm,{onSubmit:l,formArray:e,formGroup:i,formMeta:a},t.createElement(`div`,{className:H({open:f})},_),t.createElement(`div`,{className:U},d&&t.createElement(`div`,{id:`footer_links`},(0,n.contentOf)(d)),t.createElement(`div`,{className:W},t.createElement(r.Button,{kind:`default`,type:`button`,className:(0,c.sprinkles)({mr:`sm`}),onClick:b,disabled:u},y(`advancedSearch.clear`,{defaultValue:`Clear Fields`})),t.createElement(r.Button,{kind:`key`,type:`submit`,disabled:u},m??y(`advancedSearch.search`,{defaultValue:`Search`}))))))}n.Metadata.set(G,{name:`Advanced Search`,props:{formArray:{type:`SpsFormArray<any>`},formGroup:{type:`SpsFormGroup`},formMeta:{type:`SpsFormSetMeta<any>`},onSubmit:{type:`React.FormEventHandler`},controlsDisabled:{type:`boolean`},footerLinks:{type:`React.ReactNode | (() => React.ReactNode)`},isOpen:{type:`boolean`},onClear:{type:`() => void`},submitButtonText:{type:`string`},compact:{type:`boolean`}}}),e.AdvancedSearch=G,e.InputGroupWrapper=I,e.ListBar=z,e.ListBarSearch=L,e.ListBarSearchInfo=R,e.ListBarSortBy=B,e.SearchResultsBar=S});

package/lib/list-bar/list-bar/InputGroupWrapper.js

@@ -1,20 +1,11 @@
-import * as o from "react";
-import { modChildren as m, cl as n } from "@sps-woodland/core";
-import { Button as p } from "@sps-woodland/core/button";
-import { inputGroupIconButton as a } from "./ListBar.ve.js";
-function l({
-  children: t
-}) {
-  const e = m(
-    t,
-    (r) => r.type === p ? [
-      {
-        className: n(r.props.className, a)
-      }
-    ] : []
-  );
-  return /* @__PURE__ */ o.createElement(o.Fragment, null, e);
+import { inputGroupIconButton as e } from "./ListBar.ve.js";
+import { cl as t, modChildren as n } from "@sps-woodland/core";
+import * as r from "react";
+import { Button as i } from "@sps-woodland/core/button";
+//#region src/list-bar/list-bar/InputGroupWrapper.tsx
+function a({ children: a }) {
+	let o = n(a, (n) => n.type === i ? [{ className: t(n.props.className, e) }] : []);
+	return /* @__PURE__ */ r.createElement(r.Fragment, null, o);
 }
-export {
-  l as InputGroupWrapper
-};
+//#endregion
+export { a as InputGroupWrapper };

package/lib/list-bar/list-bar/ListBar.js

@@ -1,123 +1,107 @@
-import * as e from "react";
-import { Metadata as m, selectChildren as _, cl as z, addProps as H, PortalContext as O } from "@sps-woodland/core";
-import { Button as $ } from "@sps-woodland/core/button";
-import { Tag as V } from "@sps-woodland/core/tag";
-import { lockToAnimationFrames as j } from "@spscommerce/utils";
-import { SpsCheckbox as q } from "@spscommerce/ds-react";
-import { SearchResultsBar as D } from "../search-results-bar/SearchResultsBar.js";
-import { searchResultsBarWrapper as G } from "../search-results-bar/SearchResultsBar.ve.js";
-import { ListBarSearch as J } from "./ListBarSearch.js";
-import { ListBarSearchInfo as K } from "./ListBarSearchInfo.js";
-import { useWoodlandLanguage as Q } from "@spscommerce/i18n";
-import { listBar as U, listBarContent as X, listBarSelectionControls as Z, listBarSearchControls as ee, listBarAdvSearchToggle as te, listBarAdvSearchToggleWrapper as re, listBarAdvSearchEnteredFields as ne, listBarAdvSearchTitle as ae, listBarHeaderContent as b } from "./ListBar.ve.js";
-function oe({
-  advancedSearch: l,
-  onToggleAdvancedSearch: i,
-  title: s,
-  onToolbarPinned: u,
-  selectable: w,
-  isSelected: p,
-  isIndeterminate: S,
-  disableSelection: C = !1,
-  onSelectionChange: T,
-  pinResultsBar: N,
-  pinToolbar: f = !0,
-  advancedSearchToggleText: L,
-  children: R,
-  className: k,
-  ...h
-}) {
-  const { t: x } = Q();
-  let c = null;
-  const [r, g] = e.useState(!1), a = e.useRef(null), n = e.useRef(null), { "data-testid": v } = h, d = j(() => {
-    if (a.current && f) {
-      const t = a.current.getBoundingClientRect();
-      if (!t)
-        return;
-      const M = Math.round(t.height), W = Math.round(t.top), Y = Math.round(window.scrollY);
-      M > 0 && W <= 60 && (typeof c == "number" ? Y <= c && (c = null, g(!1)) : (c = Math.round(window.scrollY), g(!0), i && i(!1)));
-    }
-  });
-  e.useEffect(() => (window.addEventListener("scroll", d), window.addEventListener("resize", d), () => {
-    window.removeEventListener("scroll", d), window.removeEventListener("resize", d);
-  }), []);
-  const o = e.useRef();
-  e.useLayoutEffect(() => {
-    if (n.current && a.current && f) {
-      if (r && o.current)
-        n.current.style.height = o.current.height, n.current.style.width = o.current.width, n.current.style.marginBottom = o.current.marginBottom;
-      else if (!r) {
-        n.current.style.height = "", n.current.style.width = "", n.current.style.marginBottom = "";
-        const t = window.getComputedStyle(a.current);
-        o.current = {
-          height: t.height,
-          width: t.width,
-          marginBottom: t.marginBottom
-        };
-      }
-    }
-  }, [r]);
-  function F() {
-    i && i(!l?.isOpen);
-  }
-  function P(t) {
-    u && u(t);
-  }
-  e.useEffect(() => {
-    P(r);
-  }, [r]);
-  const [
-    y,
-    A,
-    I,
-    [E],
-    B
-  ] = _(R, [
-    { type: J },
-    { type: K },
-    { type: D },
-    {
-      custom: (t) => m.isWoodlandComponent(t) && m.get(t).name === "Tabs"
-    }
-  ]);
-  return /* @__PURE__ */ e.createElement("div", { className: z(k), ref: n, ...h }, /* @__PURE__ */ e.createElement("div", { className: U({ pinned: r }), ref: a }, E ? H(E, { context: "container" }) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: X }, !!w && /* @__PURE__ */ e.createElement("div", { className: Z }, /* @__PURE__ */ e.createElement(
-    q,
-    {
-      checked: p,
-      disabled: C,
-      indeterminate: S,
-      onChange: () => {
-        T?.(!p);
-      }
-    }
-  )), /* @__PURE__ */ e.createElement("div", { className: ee }, !s && y, !s && A, y.length > 0 && l && /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      className: te,
-      "data-testid": `${v}__advanced-search`
-    },
-    /* @__PURE__ */ e.createElement("div", { className: re }, /* @__PURE__ */ e.createElement($, { kind: "link", onClick: F }, L ?? x("listToolbar.advancedSearchToggle", { defaultValue: "Advanced Search" }))),
-    (l.enteredFields || 0) > 0 && /* @__PURE__ */ e.createElement(V, { className: ne, kind: "info", "data-testid": `${v}__entered-fields` }, /* @__PURE__ */ e.createElement("span", null, l.enteredFields))
-  ), s && /* @__PURE__ */ e.createElement("div", { className: ae }, s)), r ? /* @__PURE__ */ e.createElement("div", { className: b }, /* @__PURE__ */ e.createElement(O.Provider, { value: { fixed: !0 } }, B)) : /* @__PURE__ */ e.createElement("div", { className: b }, B)), /* @__PURE__ */ e.createElement("div", { className: G }, (!r || N) && I))));
+import { searchResultsBarWrapper as e } from "../search-results-bar/SearchResultsBar.ve.js";
+import { SearchResultsBar as t } from "../search-results-bar/SearchResultsBar.js";
+import { listBar as n, listBarContent as r, listBarHeaderContent as i, listBarSearchControls as a } from "./ListBar.ve.js";
+import { ListBarSearch as o } from "./ListBarSearch.js";
+import { ListBarSearchInfo as s } from "./ListBarSearchInfo.js";
+import { Metadata as c, PortalContext as l, addProps as u, cl as d, selectChildren as f } from "@sps-woodland/core";
+import * as p from "react";
+import { useWoodlandLanguage as m } from "@spscommerce/i18n";
+import { lockToAnimationFrames as h } from "@spscommerce/utils";
+import { Button as g } from "@sps-woodland/core/button";
+import { Tag as _ } from "@sps-woodland/core/tag";
+import { SpsCheckbox as v } from "@spscommerce/ds-react";
+//#region src/list-bar/list-bar/ListBar.tsx
+function y({ advancedSearch: y, onToggleAdvancedSearch: b, title: x, onToolbarPinned: S, selectable: C, isSelected: w, isIndeterminate: T, disableSelection: E = !1, onSelectionChange: D, pinResultsBar: O, pinToolbar: k = !0, advancedSearchToggleText: A, children: j, className: M, ...N }) {
+	let { t: P } = m(), F = null, [I, L] = p.useState(!1), R = p.useRef(null), z = p.useRef(null), { "data-testid": B } = N, V = h(() => {
+		if (R.current && k) {
+			let e = R.current.getBoundingClientRect();
+			if (!e) return;
+			let t = Math.round(e.height), n = Math.round(e.top), r = Math.round(window.scrollY);
+			t > 0 && n <= 60 && (typeof F == "number" ? r <= F && (F = null, L(!1)) : (F = Math.round(window.scrollY), L(!0), b && b(!1)));
+		}
+	});
+	p.useEffect(() => (window.addEventListener("scroll", V), window.addEventListener("resize", V), () => {
+		window.removeEventListener("scroll", V), window.removeEventListener("resize", V);
+	}), []);
+	let H = p.useRef();
+	p.useLayoutEffect(() => {
+		if (z.current && R.current && k) {
+			if (I && H.current) z.current.style.height = H.current.height, z.current.style.width = H.current.width, z.current.style.marginBottom = H.current.marginBottom;
+			else if (!I) {
+				z.current.style.height = "", z.current.style.width = "", z.current.style.marginBottom = "";
+				let e = window.getComputedStyle(R.current);
+				H.current = {
+					height: e.height,
+					width: e.width,
+					marginBottom: e.marginBottom
+				};
+			}
+		}
+	}, [I]);
+	function U() {
+		b && b(!y?.isOpen);
+	}
+	function W(e) {
+		S && S(e);
+	}
+	p.useEffect(() => {
+		W(I);
+	}, [I]);
+	let [G, K, q, [J], Y] = f(j, [
+		{ type: o },
+		{ type: s },
+		{ type: t },
+		{ custom: (e) => c.isWoodlandComponent(e) && c.get(e).name === "Tabs" }
+	]);
+	return /* @__PURE__ */ p.createElement("div", {
+		className: d(M),
+		ref: z,
+		...N
+	}, /* @__PURE__ */ p.createElement("div", {
+		className: n({ pinned: I }),
+		ref: R
+	}, J ? u(J, { context: "container" }) : /* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement("div", { className: r }, !!C && /* @__PURE__ */ p.createElement("div", { className: "pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwv5" }, /* @__PURE__ */ p.createElement(v, {
+		checked: w,
+		disabled: E,
+		indeterminate: T,
+		onChange: () => {
+			D?.(!w);
+		}
+	})), /* @__PURE__ */ p.createElement("div", { className: a }, !x && G, !x && K, G.length > 0 && y && /* @__PURE__ */ p.createElement("div", {
+		className: "pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwv7",
+		"data-testid": `${B}__advanced-search`
+	}, /* @__PURE__ */ p.createElement("div", { className: "pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwv8" }, /* @__PURE__ */ p.createElement(g, {
+		kind: "link",
+		onClick: U
+	}, A ?? P("listToolbar.advancedSearchToggle", { defaultValue: "Advanced Search" }))), (y.enteredFields || 0) > 0 && /* @__PURE__ */ p.createElement(_, {
+		className: "pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwv9",
+		kind: "info",
+		"data-testid": `${B}__entered-fields`
+	}, /* @__PURE__ */ p.createElement("span", null, y.enteredFields))), x && /* @__PURE__ */ p.createElement("div", { className: "pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwva" }, x)), I ? /* @__PURE__ */ p.createElement("div", { className: i }, /* @__PURE__ */ p.createElement(l.Provider, { value: { fixed: !0 } }, Y)) : /* @__PURE__ */ p.createElement("div", { className: i }, Y)), /* @__PURE__ */ p.createElement("div", { className: e }, (!I || O) && q))));
 }
-m.set(oe, {
-  name: "ListBar",
-  props: {
-    activeTab: { type: "Tab" },
-    advancedSearch: { type: "{ isOpen: boolean, enteredFields: number }" },
-    onToggleAdvancedSearch: { type: "(boolean) => void" },
-    title: { type: "string" },
-    onToolbarPinned: { type: "(boolean) => void" },
-    selectable: { type: "boolean" },
-    disableSelection: { type: "boolean", default: "false" },
-    isSelected: { type: "boolean" },
-    isIndeterminate: { type: "boolean" },
-    onSelectionChange: { type: "(boolean) => void" },
-    pinResultsBar: { type: "boolean" },
-    pinToolbar: { type: "boolean", default: "true" },
-    advancedSearchToggleText: { type: "string" }
-  }
+c.set(y, {
+	name: "ListBar",
+	props: {
+		activeTab: { type: "Tab" },
+		advancedSearch: { type: "{ isOpen: boolean, enteredFields: number }" },
+		onToggleAdvancedSearch: { type: "(boolean) => void" },
+		title: { type: "string" },
+		onToolbarPinned: { type: "(boolean) => void" },
+		selectable: { type: "boolean" },
+		disableSelection: {
+			type: "boolean",
+			default: "false"
+		},
+		isSelected: { type: "boolean" },
+		isIndeterminate: { type: "boolean" },
+		onSelectionChange: { type: "(boolean) => void" },
+		pinResultsBar: { type: "boolean" },
+		pinToolbar: {
+			type: "boolean",
+			default: "true"
+		},
+		advancedSearchToggleText: { type: "string" }
+	}
 });
-export {
-  oe as ListBar
-};
+//#endregion
+export { y as ListBar };

package/lib/list-bar/list-bar/ListBar.ve.js

@@ -1,18 +1,14 @@
+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 r = _({ defaultClassName: "pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_uzzgwv1", variantClassNames: { pinned: { true: "pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_uzzgwv2", false: "pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_uzzgwv3" } }, defaultVariants: { pinned: !1 }, compoundVariants: [] }), o = "pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_uzzgwv4", l = "pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_uzzgwv5", i = "pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_uzzgwv6", e = "pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_uzzgwv7", n = "pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_uzzgwv8", t = "pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_uzzgwv9", v = "pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_uzzgwva", d = "pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_uzzgwvb", p = "pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_uzzgwvc", h = "pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_uzzgwvd", g = "pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_uzzgwve", w = "pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_uzzgwvf";
-export {
-  g as inputGroupIconButton,
-  r as listBar,
-  t as listBarAdvSearchEnteredFields,
-  v as listBarAdvSearchTitle,
-  e as listBarAdvSearchToggle,
-  n as listBarAdvSearchToggleWrapper,
-  o as listBarContent,
-  d as listBarHeaderContent,
-  i as listBarSearchControls,
-  h as listBarSearchField,
-  p as listBarSearchForm,
-  l as listBarSelectionControls,
-  w as listBarSortBy
-};
+//#region src/list-bar/list-bar/ListBar.css.ts
+var t = e({
+	defaultClassName: "pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwv1",
+	variantClassNames: { pinned: {
+		true: "pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwv2",
+		false: "pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwv3"
+	} },
+	defaultVariants: { pinned: !1 },
+	compoundVariants: []
+}), n = "pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwv4", r = "pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwv5", i = "pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwv6", a = "pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwv7", o = "pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwv8", s = "pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwv9", c = "pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwva", l = "pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwvb", u = "pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwvc", d = "pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwvd", f = "pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwve", p = "pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_uzzgwvf";
+//#endregion
+export { f as inputGroupIconButton, t as listBar, s as listBarAdvSearchEnteredFields, c as listBarAdvSearchTitle, a as listBarAdvSearchToggle, o as listBarAdvSearchToggleWrapper, n as listBarContent, l as listBarHeaderContent, i as listBarSearchControls, d as listBarSearchField, u as listBarSearchForm, r as listBarSelectionControls, p as listBarSortBy };

package/lib/list-bar/list-bar/ListBarSearch.js

@@ -1,23 +1,22 @@
-import * as r from "react";
-import { Metadata as o } from "@sps-woodland/core";
-import { SpsInputGroup as n } from "@spscommerce/ds-react";
-import { listBarSearchForm as p, listBarSearchField as i } from "./ListBar.ve.js";
-import { InputGroupWrapper as l } from "./InputGroupWrapper.js";
-function c({
-  onSubmit: e,
-  children: a
-}) {
-  function m(t) {
-    t.preventDefault(), e && e(t);
-  }
-  return /* @__PURE__ */ r.createElement("form", { onSubmit: m, className: p, noValidate: !0 }, /* @__PURE__ */ r.createElement(n, { className: i }, /* @__PURE__ */ r.createElement(l, null, a)));
+import { listBarSearchField as e, listBarSearchForm as t } from "./ListBar.ve.js";
+import { InputGroupWrapper as n } from "./InputGroupWrapper.js";
+import { Metadata as r } from "@sps-woodland/core";
+import * as i from "react";
+import { SpsInputGroup as a } from "@spscommerce/ds-react";
+//#region src/list-bar/list-bar/ListBarSearch.tsx
+function o({ onSubmit: r, children: o }) {
+	function s(e) {
+		e.preventDefault(), r && r(e);
+	}
+	return /* @__PURE__ */ i.createElement("form", {
+		onSubmit: s,
+		className: t,
+		noValidate: !0
+	}, /* @__PURE__ */ i.createElement(a, { className: e }, /* @__PURE__ */ i.createElement(n, null, o)));
 }
-o.set(c, {
-  name: "ListBarSearch",
-  props: {
-    onSubmit: { type: "FormEventHandler" }
-  }
+r.set(o, {
+	name: "ListBarSearch",
+	props: { onSubmit: { type: "FormEventHandler" } }
 });
-export {
-  c as ListBarSearch
-};
+//#endregion
+export { o as ListBarSearch };

package/lib/list-bar/list-bar/ListBarSearchInfo.js

@@ -1,13 +1,9 @@
-import * as e from "react";
-import { Metadata as r } from "@sps-woodland/core";
-function a({
-  children: t
-}) {
-  return /* @__PURE__ */ e.createElement("div", null, t);
+import { Metadata as e } from "@sps-woodland/core";
+import * as t from "react";
+//#region src/list-bar/list-bar/ListBarSearchInfo.tsx
+function n({ children: e }) {
+	return /* @__PURE__ */ t.createElement("div", null, e);
 }
-r.set(a, {
-  name: "ListBarSearchInfo"
-});
-export {
-  a as ListBarSearchInfo
-};
+e.set(n, { name: "ListBarSearchInfo" });
+//#endregion
+export { n as ListBarSearchInfo };

package/lib/list-bar/list-bar/ListBarSortBy.js

@@ -1,40 +1,30 @@
-import * as n from "react";
-import { Metadata as s, cl as l } from "@sps-woodland/core";
-import { SpsDropdown as m } from "@spscommerce/ds-react";
-import { listBarSortBy as c } from "./ListBar.ve.js";
-function S({
-  options: i,
-  activeOption: o,
-  onSortChange: r,
-  defaultOption: e,
-  className: p,
-  ...y
-}) {
-  const a = (i || []).map((t) => [
-    { label: t.label, icon: t.icon },
-    () => {
-      r && r(t);
-    }
-  ]);
-  return /* @__PURE__ */ n.createElement(
-    m,
-    {
-      className: l(p, c),
-      icon: o?.icon || e?.icon,
-      label: o?.label || e?.label,
-      options: a
-    }
-  );
+import { listBarSortBy as e } from "./ListBar.ve.js";
+import { Metadata as t, cl as n } from "@sps-woodland/core";
+import * as r from "react";
+import { SpsDropdown as i } from "@spscommerce/ds-react";
+//#region src/list-bar/list-bar/ListBarSortBy.tsx
+function a({ options: t, activeOption: a, onSortChange: o, defaultOption: s, className: c, ...l }) {
+	let u = (t || []).map((e) => [{
+		label: e.label,
+		icon: e.icon
+	}, () => {
+		o && o(e);
+	}]);
+	return /* @__PURE__ */ r.createElement(i, {
+		className: n(c, e),
+		icon: a?.icon || s?.icon,
+		label: a?.label || s?.label,
+		options: u
+	});
 }
-s.set(S, {
-  name: "ListBarSortBy",
-  props: {
-    options: { type: "SortOption[]" },
-    activeOption: { type: "SortOption" },
-    onSortChange: { type: "(option: SortOption) => void" },
-    defaultOption: { type: "SortOption" }
-  }
+t.set(a, {
+	name: "ListBarSortBy",
+	props: {
+		options: { type: "SortOption[]" },
+		activeOption: { type: "SortOption" },
+		onSortChange: { type: "(option: SortOption) => void" },
+		defaultOption: { type: "SortOption" }
+	}
 });
-export {
-  S as ListBarSortBy
-};
+//#endregion
+export { a as ListBarSortBy };

package/lib/list-bar/search-results-bar/SearchResultsBar.js

@@ -1,30 +1,40 @@
-import * as e from "react";
-import { Metadata as p } from "@sps-woodland/core";
-import { Tag as c } from "@sps-woodland/core/tag";
-import { Button as R } from "@sps-woodland/core/button";
-import { searchResultsBar as h, searchResultsBarResults as f, searchResutlsBarResultsTag as B, searchResultsBarSelections as k, searchResultsBarSelection as E, searchResultsBarSelectionTag as g, searchResultsBarButtons as y } from "./SearchResultsBar.ve.js";
-import { useWoodlandLanguage as S } from "@spscommerce/i18n";
-function N({
-  results: r,
-  selections: s,
-  zeroStateText: m,
-  onClear: u,
-  className: v,
-  children: b,
-  ...o
-}) {
-  const { t: l } = S(), n = s ? Object.keys(s).reduce((t, a) => (s[a].length > 0 && (t[a] = s[a]), t), {}) : {};
-  return /* @__PURE__ */ e.createElement("div", { className: h, ...o }, r != null && /* @__PURE__ */ e.createElement("div", { className: f }, /* @__PURE__ */ e.createElement("span", null, l("searchResultsBar.results", { defaultValue: "Results:" })), /* @__PURE__ */ e.createElement(c, { className: B, kind: "info" }, /* @__PURE__ */ e.createElement("span", null, r))), /* @__PURE__ */ e.createElement("div", { className: k }, Object.keys(n).length > 0 ? Object.keys(n).map((t, a) => /* @__PURE__ */ e.createElement(e.Fragment, { key: t }, /* @__PURE__ */ e.createElement("span", { key: a, className: E }, t, ":"), n[t].map((i, d) => /* @__PURE__ */ e.createElement(c, { className: g, key: d, kind: "key" }, /* @__PURE__ */ e.createElement("span", null, i))))) : /* @__PURE__ */ e.createElement("span", { className: "font-italic" }, m || l("searchResultsBar.noAdvancedSearchSelections", { defaultValue: "No Advanced Search Selections" }))), /* @__PURE__ */ e.createElement("div", { className: y }, /* @__PURE__ */ e.createElement(R, { fill: !0, noWrap: !0, kind: "link", onClick: u }, l("searchResultsBar.clearResults", { defaultValue: "Clear Results" }))));
+import { searchResultsBar as e, searchResultsBarButtons as t, searchResultsBarSelection as n, searchResultsBarSelectionTag as r, searchResultsBarSelections as i } from "./SearchResultsBar.ve.js";
+import { Metadata as a } from "@sps-woodland/core";
+import * as o from "react";
+import { useWoodlandLanguage as s } from "@spscommerce/i18n";
+import { Button as c } from "@sps-woodland/core/button";
+import { Tag as l } from "@sps-woodland/core/tag";
+//#region src/list-bar/search-results-bar/SearchResultsBar.tsx
+function u({ results: a, selections: u, zeroStateText: d, onClear: f, className: p, children: m, ...h }) {
+	let { t: g } = s(), _ = u ? Object.keys(u).reduce((e, t) => (u[t].length > 0 && (e[t] = u[t]), e), {}) : {};
+	return /* @__PURE__ */ o.createElement("div", {
+		className: e,
+		...h
+	}, a != null && /* @__PURE__ */ o.createElement("div", { className: "pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_1o1g57h2" }, /* @__PURE__ */ o.createElement("span", null, g("searchResultsBar.results", { defaultValue: "Results:" })), /* @__PURE__ */ o.createElement(l, {
+		className: "pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_1o1g57h3",
+		kind: "info"
+	}, /* @__PURE__ */ o.createElement("span", null, a))), /* @__PURE__ */ o.createElement("div", { className: i }, Object.keys(_).length > 0 ? Object.keys(_).map((e, t) => /* @__PURE__ */ o.createElement(o.Fragment, { key: e }, /* @__PURE__ */ o.createElement("span", {
+		key: t,
+		className: n
+	}, e, ":"), _[e].map((e, t) => /* @__PURE__ */ o.createElement(l, {
+		className: r,
+		key: t,
+		kind: "key"
+	}, /* @__PURE__ */ o.createElement("span", null, e))))) : /* @__PURE__ */ o.createElement("span", { className: "font-italic" }, d || g("searchResultsBar.noAdvancedSearchSelections", { defaultValue: "No Advanced Search Selections" }))), /* @__PURE__ */ o.createElement("div", { className: t }, /* @__PURE__ */ o.createElement(c, {
+		fill: !0,
+		noWrap: !0,
+		kind: "link",
+		onClick: f
+	}, g("searchResultsBar.clearResults", { defaultValue: "Clear Results" }))));
 }
-p.set(N, {
-  name: "Search Results Bar",
-  props: {
-    results: { type: "number | string | null" },
-    selections: { type: "{ [key: string]: string[] }" },
-    zeroStateText: { type: "string" },
-    onClear: { type: "() => void" }
-  }
+a.set(u, {
+	name: "Search Results Bar",
+	props: {
+		results: { type: "number | string | null" },
+		selections: { type: "{ [key: string]: string[] }" },
+		zeroStateText: { type: "string" },
+		onClear: { type: "() => void" }
+	}
 });
-export {
-  N as SearchResultsBar
-};
+//#endregion
+export { u as SearchResultsBar };

package/lib/list-bar/search-results-bar/SearchResultsBar.ve.js

@@ -1,13 +1,6 @@
 /* empty css                                    */
 /* empty css                                   */
-var a = "pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_1o1g57h0", r = "pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_1o1g57h1", o = "pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_1o1g57h2", e = "pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_1o1g57h3", l = "pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_1o1g57h4", h = "pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_1o1g57h5", i = "pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_1o1g57h6", t = "pkg_sps-woodland_core__family_list-bar__version_8_56_1__hash_1o1g57h7";
-export {
-  r as searchResultsBar,
-  t as searchResultsBarButtons,
-  o as searchResultsBarResults,
-  h as searchResultsBarSelection,
-  i as searchResultsBarSelectionTag,
-  l as searchResultsBarSelections,
-  a as searchResultsBarWrapper,
-  e as searchResutlsBarResultsTag
-};
+//#region src/list-bar/search-results-bar/SearchResultsBar.css.ts
+var e = "pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_1o1g57h0", t = "pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_1o1g57h1", n = "pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_1o1g57h2", r = "pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_1o1g57h3", i = "pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_1o1g57h4", a = "pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_1o1g57h5", o = "pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_1o1g57h6", s = "pkg_sps-woodland_core__family_list-bar__version_8_56_3__hash_1o1g57h7";
+//#endregion
+export { t as searchResultsBar, s as searchResultsBarButtons, n as searchResultsBarResults, a as searchResultsBarSelection, o as searchResultsBarSelectionTag, i as searchResultsBarSelections, e as searchResultsBarWrapper, r as searchResutlsBarResultsTag };