@sps-woodland/core 8.56.2 → 8.56.4

package/lib/add-to-list/index.umd.cjs

@@ -1 +1 @@
-(function(_,D){typeof exports=="object"&&typeof module<"u"?D(exports,require("react"),require("react-aria"),require("@spscommerce/ds-react"),require("@spscommerce/ds-shared"),require("@sps-woodland/illustrations"),require("@sps-woodland/core"),require("@sps-woodland/core/zero-state"),require("@sps-woodland/core/card"),require("@sps-woodland/tokens"),require("@sps-woodland/core/tag"),require("@sps-woodland/core/scrollable-container"),require("@sps-woodland/core/feedback-block"),require("@spscommerce/i18n"),require("@sps-woodland/core/buttons")):typeof define=="function"&&define.amd?define(["exports","react","react-aria","@spscommerce/ds-react","@spscommerce/ds-shared","@sps-woodland/illustrations","@sps-woodland/core","@sps-woodland/core/zero-state","@sps-woodland/core/card","@sps-woodland/tokens","@sps-woodland/core/tag","@sps-woodland/core/scrollable-container","@sps-woodland/core/feedback-block","@spscommerce/i18n","@sps-woodland/core/buttons"],D):(_=typeof globalThis<"u"?globalThis:_||self,D(_.AddToList={},_.react,_.reactAria,_.spscommerceDsReact,_.spscommerceDsShared,_.spsWoodlandIllustrations,_.spsWoodlandCore,_.spsWoodlandCoreZeroState,_.spsWoodlandCoreCard,_.spsWoodlandTokens,_.spsWoodlandCoreTag,_.spsWoodlandCoreScrollableContainer,_.spsWoodlandCoreFeedbackBlock,_.spscommerceI18n,_.spsWoodlandCoreButtons))})(this,(function(_,D,M,H,Z,oe,h,re,le,_e,be,we,ye,$,q){"use strict";function ke(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(r,a,o.get?o:{enumerable:!0,get:()=>t[a]})}}return r.default=t,Object.freeze(r)}const e=ke(D);let xe="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict",Ce=(t=21)=>{let r="",a=crypto.getRandomValues(new Uint8Array(t|=0));for(;t--;)r+=xe[a[t]&63];return r};function Le(t,r,a){return r in t?Object.defineProperty(t,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[r]=a,t}function ne(t,r){var a=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);r&&(o=o.filter(function(d){return Object.getOwnPropertyDescriptor(t,d).enumerable})),a.push.apply(a,o)}return a}function ie(t){for(var r=1;r<arguments.length;r++){var a=arguments[r]!=null?arguments[r]:{};r%2?ne(Object(a),!0).forEach(function(o){Le(t,o,a[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(a)):ne(Object(a)).forEach(function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(a,o))})}return t}var Ee=(t,r,a)=>{for(var o of Object.keys(t)){var d;if(t[o]!==((d=r[o])!==null&&d!==void 0?d:a[o]))return!1}return!0},x=t=>r=>{var a=t.defaultClassName,o=ie(ie({},t.defaultVariants),r);for(var d in o){var g,v=(g=o[d])!==null&&g!==void 0?g:t.defaultVariants[d];if(v!=null){var b=v;typeof b=="boolean"&&(b=b===!0?"true":"false");var l=t.variantClassNames[d][b];l&&(a+=" "+l)}}for(var[E,T]of t.compoundVariants)Ee(E,o,t.defaultVariants)&&(a+=" "+T);return a},Te=x({defaultClassName:"pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx90",variantClassNames:{vertical:{true:"pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx91",false:"pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx92"}},defaultVariants:{},compoundVariants:[]}),Ne=x({defaultClassName:"pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx93",variantClassNames:{vertical:{true:"pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx94",false:"pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx95"}},defaultVariants:{},compoundVariants:[]}),de="pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx96",Oe=x({defaultClassName:"pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx97",variantClassNames:{isLeftSide:{true:"pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx98",false:"pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx99"},isRightSide:{true:"pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9a",false:"pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9b"},adjustForPhantomDroppableContainer:{true:"pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9c",false:"pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9d"}},defaultVariants:{},compoundVariants:[]}),De=x({defaultClassName:"pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9e",variantClassNames:{vertical:{true:"pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9f",false:"pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9g"}},defaultVariants:{},compoundVariants:[]}),Se=x({defaultClassName:"pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9h",variantClassNames:{vertical:{true:"pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9i",false:"pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9j"}},defaultVariants:{},compoundVariants:[]}),ce="pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9k",Ve="pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9l",Pe="pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9m",Me=x({defaultClassName:"pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9n",variantClassNames:{isDragging:{true:"pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9o",false:"pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9p"}},defaultVariants:{},compoundVariants:[]}),qe="pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9q",pe=x({defaultClassName:"pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9r",variantClassNames:{isDropTarget:{true:"pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9s",false:"pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9t"}},defaultVariants:{},compoundVariants:[]}),Ae=x({defaultClassName:"pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9u",variantClassNames:{isDropTarget:{true:"pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9v",false:"pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9w"}},defaultVariants:{},compoundVariants:[]}),U="pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9x",Fe="pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9y",Re="pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9z",je="pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx910",Ie="pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx911",Be="pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx912",We="pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx913";function me({headerText:t,showCount:r,showIcons:a,showMoveAllLinks:o,showMoreOptionsText:d,disableMoveAllLinks:g,maxHeight:v,children:b,side:l,itemCount:E,otherHeader:T,className:J,vertical:C,moveAll:N,adjustForPhantomDroppableContainer:S,"data-testid":L}){const V=h.useChildTestIdAttrBuilder({"data-testid":L}),{t:w}=$.useWoodlandLanguage(),u=w(l==="left"?"addToList.onColumnHeader":"addToList.offColumnHeader"),y=l==="left"?"eye":"eye-slash",K=w(l==="left"?"addToList.offColumnHeader":"addToList.onColumnHeader"),G=w("addToList.moveAllItemsToCol",{columnName:T||K}),c=C?e.createElement(e.Fragment,null):e.createElement("div",{className:Oe({isLeftSide:l==="left",isRightSide:l==="right",adjustForPhantomDroppableContainer:!!S&&l==="left"})});function Q(){N&&typeof N=="function"&&N(l)}return e.createElement("div",{className:h.cl(Se({vertical:C}),J),"data-testid":L},e.createElement("div",{className:Fe,...V("column-header")},a&&e.createElement(h.Icon,{icon:y,className:Re}),t||u,r&&e.createElement(be.Tag,{kind:"key",className:je},E)),v?e.createElement("div",{className:de},c,e.createElement(we.ScrollableContainer,{maxHeight:v},b)):e.createElement("div",{className:de},c,b),o&&E>0&&e.createElement(q.Button,{className:S&&l==="right"?We:void 0,kind:"link",onClick:Q,disabled:g,...V("move-all-button")},G),d&&E>0&&e.createElement(ye.FeedbackBlock,{kind:"info",micro:!0},w("addToList.moreOptionsAvailable",{defaultValue:"More options available. Use the search field to filter results."})))}function z({className:t,children:r,filtering:a,manualSorting:o,id:d,"data-testid":g}){const{t:v}=$.useWoodlandLanguage();return e.createElement(e.Fragment,null,e.createElement("div",{role:"listitem",className:h.cl(t,pe({isDropTarget:!1}),Pe,"listitem-component"),"data-testid":g},o&&a&&e.createElement("i",{className:Ve,id:`list-item-${d}-drag-handle`}),r),o&&a&&e.createElement(H.SpsTooltip,{for:`list-item-${d}-drag-handle`,position:Z.Position.TOP_LEFT,showOn:Z.TooltipShowTrigger.CLICK},v("addToList.disabledDragTooltip",{defaultValue:"Drag and drop are disabled when filters are engaged"})))}h.Metadata.set(z,{name:"ListItem"});function ue({onList:t,offList:r,onHeader:a,offHeader:o,showFilter:d,showCount:g,showIcons:v,showMoveAllLinks:b,manualSort:l,maxDisplayedItems:E,maxHeightPx:T,maxHeightRem:J,onChange:C,onListZeroState:N,offListZeroState:S,vertical:L=!1,onListAlphaSort:V=!0,"data-testid":w}){const u=h.useChildTestIdAttrBuilder({"data-testid":w}),{t:y}=$.useWoodlandLanguage(),{formValue:K,formMeta:G}=H.useSpsForm({filterString:""}),[c,Q]=e.useState(""),X=T?T/16:J,fe=X?`${X}rem`:"",A=e.useCallback((s,n)=>(!l&&V||n==="right"?[...s].sort((p,m)=>p.label.localeCompare(m.label)):s).map(p=>{const m={...p};return m.id||(m.id=Ce()),m}),[l,V]),i=e.useMemo(()=>A(t,"left"),[t,A]),f=e.useMemo(()=>A(r,"right"),[r,A]),F=e.useCallback(s=>c?s.label.toLowerCase().includes(c.toLowerCase()):!0,[c]),Y=(s,n,k)=>{const p=k.find(m=>m.label===s);p?n===i?C({onList:[...i,p],offList:f.filter(m=>m.label!==p.label)}):k===i&&C({onList:i.filter(m=>m.label!==p.label),offList:[...f,p]}):console.error("could not remove item")};function He(s){Q(s.target.value)}function he(s){C(s==="left"?{onList:i.filter(n=>n.required),offList:[...f,...i.filter(n=>!n.required)]}:{onList:[...i,...f],offList:[]})}const ge=e.useCallback(s=>{const{className:n,index:k,isPhantomDroppableContainer:p,children:m,...j}=s,P=e.useRef(null),{dropProps:ee,isDropTarget:I}=M.useDrop({ref:P,async onDrop(te){let ae=await Promise.all(te.items.filter(W=>W.kind==="text"&&W.types.has("text/plain")).map(W=>W.getText("text/plain")));const{index:B}=JSON.parse(ae[0]),se=[...i],[Je]=se.splice(B,1),Ke=k>B?k-1:k;se.splice(Ke,0,Je),C({onList:se,offList:f})}});return e.createElement("div",{ref:P,...l?ee:[],className:h.cl(n,p?Ae({isDropTarget:I}):pe({isDropTarget:I})),...u("droppable-container"),...j},m)},[i,l]),Ze=e.useCallback(s=>{const{label:n,data:k,listIndex:p,required:m}=s,j=e.useRef(null),P=e.useRef(null),ee={...k,index:p},{dragProps:I,dragButtonProps:te,isDragging:ae}=M.useDrag({preview:j,hasDragButton:!0,getItems(){return[{"text/plain":JSON.stringify(ee)}]}}),{buttonProps:B}=M.useButton(te,P);return e.createElement("div",{...l?I:{},role:l?"button":"listitem",tabIndex:0,id:`${n}${p}-drag`,className:h.cl(Me({isDragging:ae})),...u("draggable-item")},e.createElement(ge,{index:p},l&&e.createElement("i",{...B,ref:P,className:ce}),n,!m&&e.createElement(q.Button,{kind:"icon",icon:"x","aria-label":y("addToList.remove",{elementName:n,defaultValue:`Remove ${n}`}),onClick:()=>{Y(n,f,i)},className:U,...u("move-item-button")})),e.createElement(M.DragPreview,{ref:j},()=>e.createElement("div",{className:qe},e.createElement("i",{className:ce}),n)))},[i,l]),O=e.useMemo(()=>i.filter(F),[i,F]),R=e.useMemo(()=>f.filter(F).slice(0,E),[f,F]),$e=!c&&!!b&&O.length>0,Ue=!c&&!!b&&R.length>0,ze=!c&&f.length>R.length,ve=!!l&&!c&&O.length>0&&!X;return e.createElement("div",{"data-testid":w},d&&e.createElement("div",{className:_e.grid.root},e.createElement("div",{className:h.cl(_e.grid[12],Be)},e.createElement(H.SpsTextInput,{value:K.filterString,formMeta:G.fields.filterString,icon:Z.SpsIcon.FILTER,onChange:He,...u("filter-input")}))),e.createElement("div",{className:h.cl(Te({vertical:L}))},e.createElement(me,{headerText:a,showCount:!c&&g,showIcons:v,showMoveAllLinks:$e,disableMoveAllLinks:i.every(s=>s.required),maxHeight:fe,vertical:L,side:"left",className:Ne({vertical:L}),otherHeader:o,itemCount:i.length,moveAll:he,adjustForPhantomDroppableContainer:ve,...u("on-items-list")},O.length>0?e.createElement(e.Fragment,null,l&&!c&&O.map((s,n)=>e.createElement(e.Fragment,{key:s.id},e.createElement(Ze,{data:s,label:s.label,required:s.required,listIndex:n}),n===O.length-1&&e.createElement(ge,{isPhantomDroppableContainer:!0,index:n+1}))),(!l||c)&&O.map(s=>e.createElement(z,{key:s.id,filtering:!!c,manualSorting:l,id:s.id,...u("item")},s.label,!s.required&&e.createElement(q.Button,{kind:"icon",icon:"x","aria-label":y("addToList.remove",{elementName:s.label,defaultValue:`Remove ${s.label}`}),onClick:()=>{Y(s.label,f,i)},className:U,...u("move-item-button")})))):e.createElement(le.Card,null,N?e.createElement(e.Fragment,null,N):e.createElement(re.ZeroState,{heading:y("addToList.noDataZeroStateColumnTitle",{defaultValue:"This Column is Empty"}),subHeading:y("addToList.noDataZeroStateOnColumnSubheading",{columnName:o,defaultValue:`Move options from the ${o}`}),artwork:oe.DOCUMENT_SEARCH_NO_RESULTS_LARGE,micro:!0,...u("on-list-zero-state")}))),e.createElement(me,{headerText:o,showCount:!c&&g,showIcons:v,showMoveAllLinks:Ue,showMoreOptionsText:ze,maxHeight:fe,vertical:L,side:"right",className:De({vertical:L}),otherHeader:a,itemCount:f.length,moveAll:he,adjustForPhantomDroppableContainer:ve,...u("off-items-list")},R.length>0?R.map(s=>e.createElement(z,{key:s.id,className:Ie,...u("item")},s.label,e.createElement(q.Button,{kind:"icon",icon:"plus-sign","aria-label":y("addToList.add",{elementName:s.label,defaultValue:`Add ${s.label}`}),onClick:()=>{Y(s.label,i,f)},className:U,...u("move-item-button")}))):e.createElement(le.Card,null,S?e.createElement(e.Fragment,null,S):e.createElement(re.ZeroState,{heading:y("addToList.noDataZeroStateColumnTitle",{defaultValue:"This Column is Empty"}),subHeading:y("addToList.noDataZeroStateOffColumnSubheading",{columnName:a,defaultValue:`Remove options from the ${a}`}),artwork:oe.DOCUMENT_SEARCH_NO_RESULTS_SMALL,micro:!0,...u("off-list-zero-state")})))))}h.Metadata.set(ue,{name:"Add To List",props:{onList:{type:"ItemProps[]",required:!0},offList:{type:"ItemProps[]",required:!0},onHeader:{type:"string"},offHeader:{type:"string"},showFilter:{type:"boolean"},showCount:{type:"boolean"},showIcons:{type:"boolean"},showMoveAllLinks:{type:"boolean"},manualSort:{type:"boolean"},maxDisplayedItems:{type:"number"},maxHeight:{type:"string"},onChange:{type:"(newValue: AddToListAggregateValue) => void"},autoSort:{type:"boolean"},onListZeroState:{type:"ZeroState"},offListZeroState:{type:"ZeroState"}}}),_.AddToList=ue,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})}));
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("react"),require("react-aria"),require("@spscommerce/ds-react"),require("@spscommerce/ds-shared"),require("@sps-woodland/illustrations"),require("@sps-woodland/core"),require("@sps-woodland/core/zero-state"),require("@sps-woodland/core/card"),require("@sps-woodland/tokens"),require("@sps-woodland/core/tag"),require("@sps-woodland/core/scrollable-container"),require("@sps-woodland/core/feedback-block"),require("@spscommerce/i18n"),require("@sps-woodland/core/buttons")):typeof define==`function`&&define.amd?define([`exports`,`react`,`react-aria`,`@spscommerce/ds-react`,`@spscommerce/ds-shared`,`@sps-woodland/illustrations`,`@sps-woodland/core`,`@sps-woodland/core/zero-state`,`@sps-woodland/core/card`,`@sps-woodland/tokens`,`@sps-woodland/core/tag`,`@sps-woodland/core/scrollable-container`,`@sps-woodland/core/feedback-block`,`@spscommerce/i18n`,`@sps-woodland/core/buttons`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.AddToList={},e.react,e.reactAria,e.spscommerceDsReact,e.spscommerceDsShared,e.spsWoodlandIllustrations,e.spsWoodlandCore,e.spsWoodlandCoreZeroState,e.spsWoodlandCoreCard,e.spsWoodlandTokens,e.spsWoodlandCoreTag,e.spsWoodlandCoreScrollableContainer,e.spsWoodlandCoreFeedbackBlock,e.spscommerceI18n,e.spsWoodlandCoreButtons))})(this,function(e,t,n,r,i,a,o,s,c,l,u,d,f,p,m){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var h=Object.create,g=Object.defineProperty,_=Object.getOwnPropertyDescriptor,v=Object.getOwnPropertyNames,y=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty,x=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=v(t),a=0,o=i.length,s;a<o;a++)s=i[a],!b.call(e,s)&&s!==n&&g(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=_(t,s))||r.enumerable});return e};t=((e,t,n)=>(n=e==null?{}:h(y(e)),x(t||!e||!e.__esModule||!b.call(e,`default`)?g(n,`default`,{value:e,enumerable:!0}):n,e)))(t,1);var S=`useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict`,C=(e=21)=>{let t=``,n=crypto.getRandomValues(new Uint8Array(e|=0));for(;e--;)t+=S[n[e]&63];return t};function w(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function T(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 E(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?T(Object(n),!0).forEach(function(t){w(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var D=(e,t,n)=>{for(var r of Object.keys(e))if(e[r]!==(t[r]??n[r]))return!1;return!0},O=e=>t=>{var n=e.defaultClassName,r=E(E({},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)D(c,r,e.defaultVariants)&&(n+=` `+l);return n},k=O({defaultClassName:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx90`,variantClassNames:{vertical:{true:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx91`,false:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx92`}},defaultVariants:{},compoundVariants:[]}),A=O({defaultClassName:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx93`,variantClassNames:{vertical:{true:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx94`,false:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx95`}},defaultVariants:{},compoundVariants:[]}),j=`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx96`,M=O({defaultClassName:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx97`,variantClassNames:{isLeftSide:{true:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx98`,false:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx99`},isRightSide:{true:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9a`,false:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9b`},adjustForPhantomDroppableContainer:{true:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9c`,false:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9d`}},defaultVariants:{},compoundVariants:[]}),N=O({defaultClassName:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9e`,variantClassNames:{vertical:{true:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9f`,false:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9g`}},defaultVariants:{},compoundVariants:[]}),P=O({defaultClassName:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9h`,variantClassNames:{vertical:{true:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9i`,false:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9j`}},defaultVariants:{},compoundVariants:[]}),ee=`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9k`,F=`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9m`,te=O({defaultClassName:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9n`,variantClassNames:{isDragging:{true:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9o`,false:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9p`}},defaultVariants:{},compoundVariants:[]}),ne=`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9q`,I=O({defaultClassName:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9r`,variantClassNames:{isDropTarget:{true:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9s`,false:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9t`}},defaultVariants:{},compoundVariants:[]}),re=O({defaultClassName:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9u`,variantClassNames:{isDropTarget:{true:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9v`,false:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9w`}},defaultVariants:{},compoundVariants:[]}),ie=`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9x`,L=`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9y`,ae=`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx911`;function R({headerText:e,showCount:n,showIcons:r,showMoveAllLinks:i,showMoreOptionsText:a,disableMoveAllLinks:s,maxHeight:c,children:l,side:h,itemCount:g,otherHeader:_,className:v,vertical:y,moveAll:b,adjustForPhantomDroppableContainer:x,"data-testid":S}){let C=(0,o.useChildTestIdAttrBuilder)({"data-testid":S}),{t:w}=(0,p.useWoodlandLanguage)(),T=w(h===`left`?`addToList.onColumnHeader`:`addToList.offColumnHeader`),E=h===`left`?`eye`:`eye-slash`,D=w(h===`left`?`addToList.offColumnHeader`:`addToList.onColumnHeader`),O=w(`addToList.moveAllItemsToCol`,{columnName:_||D}),k=y?t.createElement(t.Fragment,null):t.createElement(`div`,{className:M({isLeftSide:h===`left`,isRightSide:h===`right`,adjustForPhantomDroppableContainer:!!x&&h===`left`})});function A(){b&&typeof b==`function`&&b(h)}return t.createElement(`div`,{className:(0,o.cl)(P({vertical:y}),v),"data-testid":S},t.createElement(`div`,{className:L,...C(`column-header`)},r&&t.createElement(o.Icon,{icon:E,className:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9z`}),e||T,n&&t.createElement(u.Tag,{kind:`key`,className:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx910`},g)),c?t.createElement(`div`,{className:j},k,t.createElement(d.ScrollableContainer,{maxHeight:c},l)):t.createElement(`div`,{className:j},k,l),i&&g>0&&t.createElement(m.Button,{className:x&&h===`right`?`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx913`:void 0,kind:`link`,onClick:A,disabled:s,...C(`move-all-button`)},O),a&&g>0&&t.createElement(f.FeedbackBlock,{kind:`info`,micro:!0},w(`addToList.moreOptionsAvailable`,{defaultValue:`More options available. Use the search field to filter results.`})))}function z({className:e,children:n,filtering:a,manualSorting:s,id:c,"data-testid":l}){let{t:u}=(0,p.useWoodlandLanguage)();return t.createElement(t.Fragment,null,t.createElement(`div`,{role:`listitem`,className:(0,o.cl)(e,I({isDropTarget:!1}),F,`listitem-component`),"data-testid":l},s&&a&&t.createElement(`i`,{className:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9l`,id:`list-item-${c}-drag-handle`}),n),s&&a&&t.createElement(r.SpsTooltip,{for:`list-item-${c}-drag-handle`,position:i.Position.TOP_LEFT,showOn:i.TooltipShowTrigger.CLICK},u(`addToList.disabledDragTooltip`,{defaultValue:`Drag and drop are disabled when filters are engaged`})))}o.Metadata.set(z,{name:`ListItem`});function B({onList:e,offList:u,onHeader:d,offHeader:f,showFilter:h,showCount:g,showIcons:_,showMoveAllLinks:v,manualSort:y,maxDisplayedItems:b,maxHeightPx:x,maxHeightRem:S,onChange:w,onListZeroState:T,offListZeroState:E,vertical:D=!1,onListAlphaSort:O=!0,"data-testid":j}){let M=(0,o.useChildTestIdAttrBuilder)({"data-testid":j}),{t:P}=(0,p.useWoodlandLanguage)(),{formValue:F,formMeta:L}=(0,r.useSpsForm)({filterString:``}),[B,V]=t.useState(``),H=x?x/16:S,U=H?`${H}rem`:``,W=t.useCallback((e,t)=>(!y&&O||t===`right`?[...e].sort((e,t)=>e.label.localeCompare(t.label)):e).map(e=>{let t={...e};return t.id||=C(),t}),[y,O]),G=t.useMemo(()=>W(e,`left`),[e,W]),K=t.useMemo(()=>W(u,`right`),[u,W]),q=t.useCallback(e=>!B||e.label.toLowerCase().includes(B.toLowerCase()),[B]),J=(e,t,n)=>{let r=n.find(t=>t.label===e);r?t===G?w({onList:[...G,r],offList:K.filter(e=>e.label!==r.label)}):n===G&&w({onList:G.filter(e=>e.label!==r.label),offList:[...K,r]}):console.error(`could not remove item`)};function oe(e){V(e.target.value)}function Y(e){w(e===`left`?{onList:G.filter(e=>e.required),offList:[...K,...G.filter(e=>!e.required)]}:{onList:[...G,...K],offList:[]})}let X=t.useCallback(e=>{let{className:r,index:i,isPhantomDroppableContainer:a,children:s,...c}=e,l=t.useRef(null),{dropProps:u,isDropTarget:d}=(0,n.useDrop)({ref:l,async onDrop(e){let t=await Promise.all(e.items.filter(e=>e.kind===`text`&&e.types.has(`text/plain`)).map(e=>e.getText(`text/plain`))),{index:n}=JSON.parse(t[0]),r=[...G],[a]=r.splice(n,1),o=i>n?i-1:i;r.splice(o,0,a),w({onList:r,offList:K})}});return t.createElement(`div`,{ref:l,...y?u:[],className:(0,o.cl)(r,a?re({isDropTarget:d}):I({isDropTarget:d})),...M(`droppable-container`),...c},s)},[G,y]),se=t.useCallback(e=>{let{label:r,data:i,listIndex:a,required:s}=e,c=t.useRef(null),l=t.useRef(null),u={...i,index:a},{dragProps:d,dragButtonProps:f,isDragging:p}=(0,n.useDrag)({preview:c,hasDragButton:!0,getItems(){return[{"text/plain":JSON.stringify(u)}]}}),{buttonProps:h}=(0,n.useButton)(f,l);return t.createElement(`div`,{...y?d:{},role:y?`button`:`listitem`,tabIndex:0,id:`${r}${a}-drag`,className:(0,o.cl)(te({isDragging:p})),...M(`draggable-item`)},t.createElement(X,{index:a},y&&t.createElement(`i`,{...h,ref:l,className:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9k`}),r,!s&&t.createElement(m.Button,{kind:`icon`,icon:`x`,"aria-label":P(`addToList.remove`,{elementName:r,defaultValue:`Remove ${r}`}),onClick:()=>{J(r,K,G)},className:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9x`,...M(`move-item-button`)})),t.createElement(n.DragPreview,{ref:c},()=>t.createElement(`div`,{className:ne},t.createElement(`i`,{className:ee}),r)))},[G,y]),Z=t.useMemo(()=>G.filter(q),[G,q]),Q=t.useMemo(()=>K.filter(q).slice(0,b),[K,q]),ce=!B&&!!v&&Z.length>0,le=!B&&!!v&&Q.length>0,ue=!B&&K.length>Q.length,$=!!y&&!B&&Z.length>0&&!H;return t.createElement(`div`,{"data-testid":j},h&&t.createElement(`div`,{className:l.grid.root},t.createElement(`div`,{className:(0,o.cl)(l.grid[12],`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx912`)},t.createElement(r.SpsTextInput,{value:F.filterString,formMeta:L.fields.filterString,icon:i.SpsIcon.FILTER,onChange:oe,...M(`filter-input`)}))),t.createElement(`div`,{className:(0,o.cl)(k({vertical:D}))},t.createElement(R,{headerText:d,showCount:!B&&g,showIcons:_,showMoveAllLinks:ce,disableMoveAllLinks:G.every(e=>e.required),maxHeight:U,vertical:D,side:`left`,className:A({vertical:D}),otherHeader:f,itemCount:G.length,moveAll:Y,adjustForPhantomDroppableContainer:$,...M(`on-items-list`)},Z.length>0?t.createElement(t.Fragment,null,y&&!B&&Z.map((e,n)=>t.createElement(t.Fragment,{key:e.id},t.createElement(se,{data:e,label:e.label,required:e.required,listIndex:n}),n===Z.length-1&&t.createElement(X,{isPhantomDroppableContainer:!0,index:n+1}))),(!y||B)&&Z.map(e=>t.createElement(z,{key:e.id,filtering:!!B,manualSorting:y,id:e.id,...M(`item`)},e.label,!e.required&&t.createElement(m.Button,{kind:`icon`,icon:`x`,"aria-label":P(`addToList.remove`,{elementName:e.label,defaultValue:`Remove ${e.label}`}),onClick:()=>{J(e.label,K,G)},className:`pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9x`,...M(`move-item-button`)})))):t.createElement(c.Card,null,T?t.createElement(t.Fragment,null,T):t.createElement(s.ZeroState,{heading:P(`addToList.noDataZeroStateColumnTitle`,{defaultValue:`This Column is Empty`}),subHeading:P(`addToList.noDataZeroStateOnColumnSubheading`,{columnName:f,defaultValue:`Move options from the ${f}`}),artwork:a.DOCUMENT_SEARCH_NO_RESULTS_LARGE,micro:!0,...M(`on-list-zero-state`)}))),t.createElement(R,{headerText:f,showCount:!B&&g,showIcons:_,showMoveAllLinks:le,showMoreOptionsText:ue,maxHeight:U,vertical:D,side:`right`,className:N({vertical:D}),otherHeader:d,itemCount:K.length,moveAll:Y,adjustForPhantomDroppableContainer:$,...M(`off-items-list`)},Q.length>0?Q.map(e=>t.createElement(z,{key:e.id,className:ae,...M(`item`)},e.label,t.createElement(m.Button,{kind:`icon`,icon:`plus-sign`,"aria-label":P(`addToList.add`,{elementName:e.label,defaultValue:`Add ${e.label}`}),onClick:()=>{J(e.label,G,K)},className:ie,...M(`move-item-button`)}))):t.createElement(c.Card,null,E?t.createElement(t.Fragment,null,E):t.createElement(s.ZeroState,{heading:P(`addToList.noDataZeroStateColumnTitle`,{defaultValue:`This Column is Empty`}),subHeading:P(`addToList.noDataZeroStateOffColumnSubheading`,{columnName:d,defaultValue:`Remove options from the ${d}`}),artwork:a.DOCUMENT_SEARCH_NO_RESULTS_SMALL,micro:!0,...M(`off-list-zero-state`)})))))}o.Metadata.set(B,{name:`Add To List`,props:{onList:{type:`ItemProps[]`,required:!0},offList:{type:`ItemProps[]`,required:!0},onHeader:{type:`string`},offHeader:{type:`string`},showFilter:{type:`boolean`},showCount:{type:`boolean`},showIcons:{type:`boolean`},showMoveAllLinks:{type:`boolean`},manualSort:{type:`boolean`},maxDisplayedItems:{type:`number`},maxHeight:{type:`string`},onChange:{type:`(newValue: AddToListAggregateValue) => void`},autoSort:{type:`boolean`},onListZeroState:{type:`ZeroState`},offListZeroState:{type:`ZeroState`}}}),e.AddToList=B});

package/lib/add-to-list/style.css

@@ -1 +1,2 @@
-.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx90{display:flex;flex-direction:row;align-content:space-between}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx91{flex-direction:column}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx93{margin-right:1rem;position:relative}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx94{margin-right:0;margin-bottom:1.375rem}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx96{position:relative}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx97{width:.0625rem;background-color:#d2d4d4;height:100%;position:absolute;top:0}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx98{left:calc(100% + 1rem)}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9a{left:-1rem}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9c{height:calc(100% - 1.5625rem)}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9e{margin-left:1rem}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9f{margin-left:0}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9h{flex-shrink:0;align-self:stretch;width:calc(50% - 1rem)}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9i{width:100%}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9k{display:block;width:.375rem;height:1.125rem;background:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgOCAxOCIgd2lkdGg9IjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2IDcwODFoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem01LTE1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3oiIGZpbGw9IiNhNWE5YWIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2IC03MDgxKSIvPjwvc3ZnPg==) no-repeat left center;padding:0 1rem 0 0;line-height:1.125rem;border:none;cursor:grab}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9k:focus{outline-color:#007db8;outline-style:solid;outline-offset:.125rem;outline-width:.125rem;box-shadow:0 0 0 6px #fff}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9l{display:block;opacity:.25;width:.375rem;height:1.125rem;background:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgOCAxOCIgd2lkdGg9IjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2IDcwODFoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem01LTE1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3oiIGZpbGw9IiNhNWE5YWIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2IC03MDgxKSIvPjwvc3ZnPg==) no-repeat left center;padding:0 1rem 0 0;line-height:1.125rem}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9m{border:#d2d4d4ff solid .0625rem;border-bottom:none}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9m:last-child{border-bottom:#d2d4d4ff solid .0625rem}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9n{position:relative;border:#d2d4d4ff solid .0625rem;border-bottom:none}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9n:focus{outline-color:#007db8;outline-style:solid;outline-offset:.125rem;outline-width:.125rem;box-shadow:0 0 0 6px #fff}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9o{background-color:#f3f4f4;color:#717779}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9q{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;line-height:1.125rem;font-size:.75rem;border:#d2d4d4ff solid .0625rem;width:100%;min-width:17.75rem;padding:.75rem;background-color:#e6f2f8;flex:1}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9r{display:flex;flex-direction:row;justify-content:flex-start;position:relative;line-height:1.125rem;font-size:.75rem;width:100%;padding:.75rem}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9r:focus{background-color:#e6f2f8}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9s{box-shadow:inset 0 .25rem #007db8}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9u{position:relative;line-height:1.125rem;font-size:.75rem;width:100%;padding:.75rem;border-top:.0625rem solid #d2d4d4ff}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9u:focus{outline:none}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9v{box-shadow:inset 0 .25rem #007db8}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9x{position:absolute;right:.375rem;top:.375rem}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9y{font-size:.875rem;line-height:1.25rem;display:flex;align-items:center;justify-content:flex-start;font-weight:600;margin-bottom:.25rem}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9z{font-size:.875rem;line-height:1.25rem;margin-right:.25rem}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx910{margin-left:.25rem}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx911{position:relative;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;line-height:1.125rem;font-size:.75rem;width:100%;padding:.75rem;border-bottom:none}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx911:last-child{border-bottom:#d2d4d4ff solid .0625rem}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx912{margin-bottom:1.25rem}.pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx913{margin-top:1.5625rem}
+.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx90{flex-direction:row;align-content:space-between;display:flex}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx91{flex-direction:column}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx93{margin-right:1rem;position:relative}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx94{margin-bottom:1.375rem;margin-right:0}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx96{position:relative}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx97{background-color:#d2d4d4;width:.0625rem;height:100%;position:absolute;top:0}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx98{left:calc(100% + 1rem)}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9a{left:-1rem}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9c{height:calc(100% - 1.5625rem)}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9e{margin-left:1rem}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9f{margin-left:0}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9h{flex-shrink:0;align-self:stretch;width:calc(50% - 1rem)}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9i{width:100%}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9k{cursor:grab;background:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgOCAxOCIgd2lkdGg9IjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2IDcwODFoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem01LTE1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3oiIGZpbGw9IiNhNWE5YWIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2IC03MDgxKSIvPjwvc3ZnPg==) 0 no-repeat;border:none;width:.375rem;height:1.125rem;padding:0 1rem 0 0;line-height:1.125rem;display:block}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9k:focus{outline-offset:.125rem;outline:.125rem solid #007db8;box-shadow:0 0 0 6px #fff}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9l{opacity:.25;background:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgOCAxOCIgd2lkdGg9IjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2IDcwODFoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem0wIDVoM3YzaC0zem01LTE1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3ptMCA1aDN2M2gtM3oiIGZpbGw9IiNhNWE5YWIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2IC03MDgxKSIvPjwvc3ZnPg==) 0 no-repeat;width:.375rem;height:1.125rem;padding:0 1rem 0 0;line-height:1.125rem;display:block}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9m{border:.0625rem solid #d2d4d4;border-bottom:none}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9m:last-child{border-bottom:.0625rem solid #d2d4d4}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9n{border:.0625rem solid #d2d4d4;border-bottom:none;position:relative}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9n:focus{outline-offset:.125rem;outline:.125rem solid #007db8;box-shadow:0 0 0 6px #fff}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9o{color:#717779;background-color:#f3f4f4}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9q{background-color:#e6f2f8;border:.0625rem solid #d2d4d4;flex-direction:row;flex:1;justify-content:flex-start;align-items:stretch;width:100%;min-width:17.75rem;padding:.75rem;font-size:.75rem;line-height:1.125rem;display:flex}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9r{flex-direction:row;justify-content:flex-start;width:100%;padding:.75rem;font-size:.75rem;line-height:1.125rem;display:flex;position:relative}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9r:focus{background-color:#e6f2f8}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9s{box-shadow:inset 0 .25rem #007db8}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9u{border-top:.0625rem solid #d2d4d4;width:100%;padding:.75rem;font-size:.75rem;line-height:1.125rem;position:relative}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9u:focus{outline:none}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9v{box-shadow:inset 0 .25rem #007db8}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9x{position:absolute;top:.375rem;right:.375rem}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9y{justify-content:flex-start;align-items:center;margin-bottom:.25rem;font-size:.875rem;font-weight:600;line-height:1.25rem;display:flex}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9z{margin-right:.25rem;font-size:.875rem;line-height:1.25rem}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx910{margin-left:.25rem}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx911{border-bottom:none;flex-direction:row;justify-content:flex-start;align-items:stretch;width:100%;padding:.75rem;font-size:.75rem;line-height:1.125rem;display:flex;position:relative}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx911:last-child{border-bottom:.0625rem solid #d2d4d4}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx912{margin-bottom:1.25rem}.pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx913{margin-top:1.5625rem}
+/*$vite$:1*/

package/lib/buttons/button/Button.js

@@ -1,122 +1,96 @@
-import * as e from "react";
-import { Spinner as F, cl as H, Metadata as L, Icon as b } from "@sps-woodland/core";
-import { useButton as M } from "@react-aria/button";
-import { useHover as w } from "@react-aria/interactions";
-import { mergeProps as x } from "@react-aria/utils";
-import { FocusRing as V } from "@react-aria/focus";
-import { linkButton as j, buttonElement as q, buttonSpinner as A, button as G, buttonIcon as y } from "./Button.ve.js";
-import { useWoodlandLanguage as J } from "@spscommerce/i18n";
-const K = e.forwardRef(
-  ({
-    as: E,
-    onClick: N,
-    onPress: P,
-    children: d,
-    className: g,
-    isDisabled: s,
-    disabled: l,
-    fill: r,
-    href: n,
-    icon: a,
-    kind: t = "default",
-    noWrap: i,
-    spinning: o,
-    spinningTitle: R,
-    title: v,
-    ...c
-  }, _) => {
-    const B = E ?? (n ? "a" : "button"), p = {
-      onPress: P ?? N,
-      // the button element should be disabled if the button is marked as disabled or spinning
-      isDisabled: !!(o || l || s),
-      ...c
-    }, { "data-testid": m } = c, $ = e.useRef(null), f = _ || $, { buttonProps: I } = M(
-      p,
-      f
-    ), { hoverProps: S } = w({ isDisabled: p.isDisabled }), { type: T, ...C } = I, h = {
-      ...x(C, S),
-      ref: f,
-      title: v,
-      className: n ? j({ spinning: o, kind: t, fill: r, noWrap: i }) : q({ disabled: s || l, kind: t, spinning: o, fill: r, noWrap: i }),
-      ...n ? { href: n } : { type: T },
-      ...c
-    }, { t: k } = J(), z = a && (a === "ai-color" ? (
-      // ai-color can only be used on default or link buttons for contrast/accessibility reasons
-      // if the user tries to use ai-color on a non-approved button swap it out for the regular ai icon
-      /* @__PURE__ */ e.createElement(
-        b,
-        {
-          className: y,
-          icon: t === "default" || t === "link" ? "ai-color" : "ai",
-          size: "sm",
-          "aria-hidden": "true",
-          "data-testid": `${m}__${a}-icon`
-        }
-      )
-    ) : /* @__PURE__ */ e.createElement(
-      b,
-      {
-        className: y,
-        icon: a,
-        size: "sm",
-        "aria-hidden": "true",
-        "data-testid": `${m}__${a}-icon`
-      }
-    ));
-    let u;
-    t === "default" || t === "icon" || t === "link" ? u = "dark" : u = "light";
-    const D = o && /* @__PURE__ */ e.createElement(
-      F,
-      {
-        color: u,
-        className: A({ spinning: o }),
-        title: R || k("button.spinningTitle", { defaultValue: "Loading..." }),
-        "data-testid": `${m}__spinner`
-      }
-    );
-    return /* @__PURE__ */ e.createElement(V, null, /* @__PURE__ */ e.createElement(
-      "div",
-      {
-        className: H(
-          G({
-            disabled: s || l,
-            kind: t,
-            spinning: o,
-            fill: r,
-            noWrap: i
-          }),
-          g
-        )
-      },
-      /* @__PURE__ */ e.createElement(B, { ...h }, z, d ? /* @__PURE__ */ e.createElement("span", null, d) : "", D)
-    ));
-  }
-);
-L.set(K, {
-  name: "Button",
-  props: {
-    disabled: "boolean",
-    fill: { type: "boolean", default: "false" },
-    href: "string",
-    icon: "IconName",
-    kind: {
-      type: '"default" | "link" | "icon" | "confirm" | "delete" | "key"',
-      default: '"default"'
-    },
-    noWrap: { type: "boolean", default: "false" },
-    spinning: "boolean",
-    spinningTitle: "string",
-    type: { type: '"button" | "submit"', default: '"button"' },
-    as: "button | a",
-    onClick: "() => void",
-    onPress: "() => void",
-    children: "ReactNode",
-    className: "string",
-    isDisabled: "boolean",
-    style: "CSSProperties"
-  },
-  panellable: !0
+import { button as e, buttonElement as t, buttonSpinner as n, linkButton as r } from "./Button.ve.js";
+import { Icon as i, Metadata as a, Spinner as o, cl as s } from "@sps-woodland/core";
+import * as c from "react";
+import { useWoodlandLanguage as l } from "@spscommerce/i18n";
+import { useButton as u } from "@react-aria/button";
+import { useHover as d } from "@react-aria/interactions";
+import { mergeProps as f } from "@react-aria/utils";
+import { FocusRing as p } from "@react-aria/focus";
+//#region src/buttons/button/Button.tsx
+var m = c.forwardRef(({ as: a, onClick: m, onPress: h, children: g, className: _, isDisabled: v, disabled: y, fill: b, href: x, icon: S, kind: C = "default", noWrap: w, spinning: T, spinningTitle: E, title: D, ...O }, k) => {
+	let A = a ?? (x ? "a" : "button"), j = {
+		onPress: h ?? m,
+		isDisabled: !!(T || y || v),
+		...O
+	}, { "data-testid": M } = O, N = c.useRef(null), P = k || N, { buttonProps: F } = u(j, P), { hoverProps: I } = d({ isDisabled: j.isDisabled }), { type: L, ...R } = F, z = {
+		...f(R, I),
+		ref: P,
+		title: D,
+		className: x ? r({
+			spinning: T,
+			kind: C,
+			fill: b,
+			noWrap: w
+		}) : t({
+			disabled: v || y,
+			kind: C,
+			spinning: T,
+			fill: b,
+			noWrap: w
+		}),
+		...x ? { href: x } : { type: L },
+		...O
+	}, { t: B } = l(), V = S && (S === "ai-color" ? /* @__PURE__ */ c.createElement(i, {
+		className: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq1g",
+		icon: C === "default" || C === "link" ? "ai-color" : "ai",
+		size: "sm",
+		"aria-hidden": "true",
+		"data-testid": `${M}__${S}-icon`
+	}) : /* @__PURE__ */ c.createElement(i, {
+		className: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq1g",
+		icon: S,
+		size: "sm",
+		"aria-hidden": "true",
+		"data-testid": `${M}__${S}-icon`
+	})), H;
+	H = C === "default" || C === "icon" || C === "link" ? "dark" : "light";
+	let U = T && /* @__PURE__ */ c.createElement(o, {
+		color: H,
+		className: n({ spinning: T }),
+		title: E || B("button.spinningTitle", { defaultValue: "Loading..." }),
+		"data-testid": `${M}__spinner`
+	});
+	return /* @__PURE__ */ c.createElement(p, null, /* @__PURE__ */ c.createElement("div", { className: s(e({
+		disabled: v || y,
+		kind: C,
+		spinning: T,
+		fill: b,
+		noWrap: w
+	}), _) }, /* @__PURE__ */ c.createElement(A, z, V, g ? /* @__PURE__ */ c.createElement("span", null, g) : "", U)));
 });
-export {
-  K as Button
-};
+a.set(m, {
+	name: "Button",
+	props: {
+		disabled: "boolean",
+		fill: {
+			type: "boolean",
+			default: "false"
+		},
+		href: "string",
+		icon: "IconName",
+		kind: {
+			type: "\"default\" | \"link\" | \"icon\" | \"confirm\" | \"delete\" | \"key\"",
+			default: "\"default\""
+		},
+		noWrap: {
+			type: "boolean",
+			default: "false"
+		},
+		spinning: "boolean",
+		spinningTitle: "string",
+		type: {
+			type: "\"button\" | \"submit\"",
+			default: "\"button\""
+		},
+		as: "button | a",
+		onClick: "() => void",
+		onPress: "() => void",
+		children: "ReactNode",
+		className: "string",
+		isDisabled: "boolean",
+		style: "CSSProperties"
+	},
+	panellable: !0
+});
+//#endregion
+export { m as Button };

package/lib/buttons/button/Button.ve.js

@@ -1,10 +1,151 @@
+import { createRuntimeFn as e } from "../../node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.21.3/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 n = _({ defaultClassName: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieq0", variantClassNames: { disabled: { true: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieq1", false: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieq2" }, kind: { default: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieq3", link: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieq4", confirm: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieq5", delete: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieq6", key: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieq7", icon: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieq8" }, spinning: { true: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieq9", false: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieqa" }, fill: { true: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieqb", false: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieqc" }, noWrap: { true: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieqd", false: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieqe" } }, defaultVariants: { disabled: !1, kind: "default", spinning: !1, fill: !1, noWrap: !1 }, compoundVariants: [[{ kind: "icon", spinning: !0 }, "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieqf"], [{ kind: "default", spinning: !0 }, "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieqg"], [{ kind: "confirm", spinning: !0 }, "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieqh"], [{ kind: "delete", spinning: !0 }, "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieqi"], [{ kind: "key", spinning: !0 }, "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieqj"], [{ disabled: !0, spinning: !1 }, "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieqk"], [{ kind: "link", disabled: !0 }, "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieql"]] }), a = _({ defaultClassName: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieqm", variantClassNames: { disabled: { true: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieqn", false: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieqo" }, kind: { icon: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieqp", default: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieqq", delete: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieqr", key: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieqs", confirm: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieqt", link: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqiequ" }, spinning: { true: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieqv", false: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieqw" }, fill: { true: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieqx", false: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieqy" }, noWrap: { true: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieqz", false: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieq10" } }, defaultVariants: { disabled: !1, kind: "default", spinning: !1, fill: !1, noWrap: !1 }, compoundVariants: [[{ kind: "link", fill: !0 }, "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieq11"]] }), e = _({ defaultClassName: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieq12", variantClassNames: { spinning: { true: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieq13", false: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieq14" }, kind: { icon: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieq15", default: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieq16", delete: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieq17", key: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieq18", confirm: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieq19", link: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieq1a" }, fill: { true: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieq1b", false: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieq1c" }, noWrap: { true: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieq1d", false: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieq1e" } }, defaultVariants: { spinning: !1, fill: !1, noWrap: !1 }, compoundVariants: [[{ kind: "link", fill: !0 }, "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieq1f"]] }), i = "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieq1g", l = _({ defaultClassName: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieq1h", variantClassNames: { spinning: { true: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieq1i", false: "pkg_sps-woodland_core__family_buttons__version_8_56_2__hash_1flqieq1j" } }, defaultVariants: { spinning: !1 }, compoundVariants: [] });
-export {
-  n as button,
-  a as buttonElement,
-  i as buttonIcon,
-  l as buttonSpinner,
-  e as linkButton
-};
+//#region src/buttons/button/Button.css.ts
+var t = e({
+	defaultClassName: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq0",
+	variantClassNames: {
+		disabled: {
+			true: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq1",
+			false: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq2"
+		},
+		kind: {
+			default: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq3",
+			link: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq4",
+			confirm: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq5",
+			delete: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq6",
+			key: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq7",
+			icon: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq8"
+		},
+		spinning: {
+			true: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq9",
+			false: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieqa"
+		},
+		fill: {
+			true: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieqb",
+			false: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieqc"
+		},
+		noWrap: {
+			true: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieqd",
+			false: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieqe"
+		}
+	},
+	defaultVariants: {
+		disabled: !1,
+		kind: "default",
+		spinning: !1,
+		fill: !1,
+		noWrap: !1
+	},
+	compoundVariants: [
+		[{
+			kind: "icon",
+			spinning: !0
+		}, "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieqf"],
+		[{
+			kind: "default",
+			spinning: !0
+		}, "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieqg"],
+		[{
+			kind: "confirm",
+			spinning: !0
+		}, "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieqh"],
+		[{
+			kind: "delete",
+			spinning: !0
+		}, "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieqi"],
+		[{
+			kind: "key",
+			spinning: !0
+		}, "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieqj"],
+		[{
+			disabled: !0,
+			spinning: !1
+		}, "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieqk"],
+		[{
+			kind: "link",
+			disabled: !0
+		}, "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieql"]
+	]
+}), n = e({
+	defaultClassName: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieqm",
+	variantClassNames: {
+		disabled: {
+			true: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieqn",
+			false: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieqo"
+		},
+		kind: {
+			icon: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieqp",
+			default: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieqq",
+			delete: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieqr",
+			key: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieqs",
+			confirm: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieqt",
+			link: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqiequ"
+		},
+		spinning: {
+			true: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieqv",
+			false: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieqw"
+		},
+		fill: {
+			true: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieqx",
+			false: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieqy"
+		},
+		noWrap: {
+			true: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieqz",
+			false: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq10"
+		}
+	},
+	defaultVariants: {
+		disabled: !1,
+		kind: "default",
+		spinning: !1,
+		fill: !1,
+		noWrap: !1
+	},
+	compoundVariants: [[{
+		kind: "link",
+		fill: !0
+	}, "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq11"]]
+}), r = e({
+	defaultClassName: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq12",
+	variantClassNames: {
+		spinning: {
+			true: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq13",
+			false: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq14"
+		},
+		kind: {
+			icon: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq15",
+			default: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq16",
+			delete: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq17",
+			key: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq18",
+			confirm: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq19",
+			link: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq1a"
+		},
+		fill: {
+			true: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq1b",
+			false: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq1c"
+		},
+		noWrap: {
+			true: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq1d",
+			false: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq1e"
+		}
+	},
+	defaultVariants: {
+		spinning: !1,
+		fill: !1,
+		noWrap: !1
+	},
+	compoundVariants: [[{
+		kind: "link",
+		fill: !0
+	}, "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq1f"]]
+}), i = "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq1g", a = e({
+	defaultClassName: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq1h",
+	variantClassNames: { spinning: {
+		true: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq1i",
+		false: "pkg_sps-woodland_core__family_buttons__version_8_56_4__hash_1flqieq1j"
+	} },
+	defaultVariants: { spinning: !1 },
+	compoundVariants: []
+});
+//#endregion
+export { t as button, n as buttonElement, i as buttonIcon, a as buttonSpinner, r as linkButton };