@spscommerce/ds-react 8.38.2 → 8.40.0

package/lib/index.umd.cjs

@@ -1,7 +1,7 @@
-(function(N,D){typeof exports=="object"&&typeof module<"u"?D(exports,require("react"),require("@spscommerce/utils"),require("moment-timezone"),require("@spscommerce/ds-shared"),require("@spscommerce/i18n"),require("react-dom"),require("@spscommerce/ds-colors"),require("@sps-woodland/tabs"),require("@react-stately/collections"),require("@sps-woodland/illustrations")):typeof define=="function"&&define.amd?define(["exports","react","@spscommerce/utils","moment-timezone","@spscommerce/ds-shared","@spscommerce/i18n","react-dom","@spscommerce/ds-colors","@sps-woodland/tabs","@react-stately/collections","@sps-woodland/illustrations"],D):(N=typeof globalThis<"u"?globalThis:N||self,D(N.DSReact={},N.React,N.utils,N.moment$3,N.dsShared,N.i18n,N.ReactDOM,N.dsColors,N.tabs,N.collections,N.illustrations))})(this,function(N,D,S,ke,A,Se,uo,br,em,ln,oi){"use strict";function ri(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const r=ri(D),cn=ri(ke);function ai(e){var t,n,o="";if(typeof e=="string"||typeof e=="number")o+=e;else if(typeof e=="object")if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(n=ai(e[t]))&&(o&&(o+=" "),o+=n)}else for(n in e)e[n]&&(o&&(o+=" "),o+=n);return o}function V(){for(var e,t,n=0,o="",a=arguments.length;n<a;n++)(e=arguments[n])&&(t=ai(e))&&(o&&(o+=" "),o+=t);return o}const tm="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";let He=(e=21)=>{let t="",n=crypto.getRandomValues(new Uint8Array(e|=0));for(;e--;)t+=tm[n[e]&63];return t};function It(e){return D.useRef(e||He())}function We(e,t){const n=It(e),o=D.useRef(`${n.current}_ctrl`);return D.useEffect(()=>{t&&(t.id=o.current,t.update())},[t]),{wrapperId:n.current||void 0,controlId:o.current}}function vr(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var yr,si;function nm(){if(si)return yr;si=1;var e="[object Object]";function t(p){var f=!1;if(p!=null&&typeof p.toString!="function")try{f=!!(p+"")}catch{}return f}function n(p,f){return function(g){return p(f(g))}}var o=Function.prototype,a=Object.prototype,s=o.toString,i=a.hasOwnProperty,l=s.call(Object),d=a.toString,c=n(Object.getPrototypeOf,Object);function u(p){return!!p&&typeof p=="object"}function m(p){if(!u(p)||d.call(p)!=e||t(p))return!1;var f=c(p);if(f===null)return!0;var g=i.call(f,"constructor")&&f.constructor;return typeof g=="function"&&g instanceof g&&s.call(g)==l}return yr=m,yr}var om=nm();const ii=vr(om),Je=new Set,dn=new Set,gt=new Set,mo=new Set;function li(e){Je.has(e)||gt.has(e)||mo.has(e)||dn.add(e)}function ci(e){Je.has(e)||gt.has(e)||dn.has(e)||mo.add(e)}const Ae=cn.default||cn,pn="MM/DD/YYYY",rm="MM/DD/YYYY hh:mm A",am="MM/DD/YYYY HH:mm",sm="hh:mm A",im="HH:mm",lm=/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/,Ln=Symbol("Date Parse Error");function un(e){return Ae.isMoment(e)?e.year()*1e4+(e.month()+1)*100+e.date():e.year*1e4+e.month*100+e.date}const z=Object.freeze({createFrom(e,t){if(!e)return null;if(typeof e=="string"){if(t){const n=Ae(e,t,!0);if(n.isValid())return Object.freeze({year:n.year(),month:n.month()+1,date:n.date()})}else{const n=lm.exec(e);if(n){const[,o,a,s]=n;return Object.freeze({year:Number(s),month:Number(o),date:Number(a)})}}return Object.freeze({[Ln]:!0,year:void 0,month:void 0,date:void 0})}return Object.freeze({year:e.year(),month:e.month()+1,date:e.date()})},createMomentFrom(e,t){if(!e)return null;let n=null;return typeof e=="string"?t?n=Ae(e,t,!0):n=Ae(e):Ae.isMoment(e)?n=e:n=z.toMoment(e),n!==null&&Ae.isMoment(n)&&n.isValid()?n:Object.freeze({[Ln]:!0,year:void 0,month:void 0,date:void 0})},getRangeSeparator(e){return e?.includes("-")?"/":"-"},createRangeFrom(e,t){if(!e)return null;if(t){const n=z.getRangeSeparator(t),o=new RegExp(`[^\\d]*${n}[^\\d]*`);return e.split(o).slice(0,2).map(a=>z.createFrom(a,t))}else return e.split(/[^\d]*-[^\d]*/).slice(0,2).map(n=>z.createFrom(n))},isValid(e){return e?Ae.isMoment(e)?e.isValid():typeof e=="object"&&typeof e.year=="number"&&typeof e.month=="number"&&typeof e.date=="number"&&z.toMoment(e)?.isValid():!1},nullifyInvalidDate(e){return z.isValid(e)?e:null},toMoment(e){return e?Ae.isMoment(e)?e:Ae({...e,month:e.month-1}):null},toString(e,t){const n=z.toMoment(e);return n&&n.isValid()?n.format(t||pn):""},toStringRange(e,t){if(!e)return"";const n=z.getRangeSeparator(t);return e.slice(0,2).map(o=>z.toString(o,t)).join(n)},toDateTimeString(e,t=!1,n){return e&&Ae.isMoment(e)&&e.isValid()?n?t?e.format(`${n} ${im}`):e.format(`${n} ${sm}`):t?e.format(am):e.format(rm):""},toDateTimeStringRange(e,t=!1,n){if(!e)return"";const o=z.getRangeSeparator(n);return e.map(a=>z.toDateTimeString(a,t,n)).join(o)},create(){const e=new Date;return Object.freeze({year:e.getFullYear(),month:e.getMonth()+1,date:e.getDate()})},isSameDate(e,t){return e&&t&&e.year===t.year&&e.month===t.month&&e.date===t.date},isSameMonth(e,t){return e&&t&&e.year===t.year&&e.month===t.month},isAfter(e,t){return!e||!t?null:un(e)>un(t)},isBefore(e,t){return!e||!t?null:un(e)<un(t)},isInRange(e,t,n=!0){if(!e||!t||!t[0]||!t[1])return null;const o=un(e),[a,s]=t.map(un);return a&&s&&(n&&o>=a&&o<=s||!n&&o>a&&o<s)},prevMonth(e){return Object.freeze({year:e.month===1?e.year-1:e.year,month:e.month-1||12,date:e.date})},nextMonth(e){return Object.freeze({year:e.month===12?e.year+1:e.year,month:e.month+1>12?1:e.month+1,date:e.date})},createRangeFromPreset(e,t){if(typeof e.definition=="function")return e.definition();const n=Ae(),o=n.clone().subtract(Ae.duration(e.definition));return[z.createFrom(o,t),z.createFrom(n,t)]},createDateTimeRangeFromPreset(e){if(typeof e.definition=="function")return e.definition();const t=Ae().subtract(Ae.duration(e.definition)).startOf("day"),n=Ae().endOf("day");return[t,n]},splitMomentInDateTimeParts(e,t=!1,n,o=!1){let a="";t?a=o?"23:59":"00:00":a=o?"11:59":"12:00";const s=o?"PM":"AM";return e&&Ae.isMoment(e)&&e.isValid()?z.toDateTimeString(e,t,n).split(" "):["",a,t?void 0:s]},getCurrentMoment(){return Ae()},validateTimeString(e,t=!1){if(!e)return!0;const n=e.split(":"),o=n[0]||"0",a=n[1]||"0",s=Number.isNaN(Number(o))?NaN:parseInt(o,10),i=Number.isNaN(Number(a))?NaN:parseInt(a,10),l=n.length<=2&&o.length<=2&&a.length<=2;return t?l&&s>=0&&s<=23&&i>=0&&i<=59:l&&(!Number.isNaN(s)&&o.length===1||s>=1)&&s<=12&&i>=0&&i<=59},padIncompleteTimeString(e,t=!1){if(!e)return"";const n=e.split(":"),o=parseInt(n[0]||"0",10),a=parseInt(n[1]||"0",10);if(t){const s=o<10?`0${o}`:`${o}`,i=a<10?`0${a}`:`${a}`;return`${s}:${i}`}else{const s=o===0?"12":o<10?`0${o}`:`${o}`,i=a<10?`0${a}`:`${a}`;return`${s}:${i}`}}}),Er=["01:00","02:00","03:00","04:00","05:00","06:00","07:00","08:00","09:00","10:00","11:00","12:00"],Tr=["00:00","01:00","02:00","03:00","04:00","05:00","06:00","07:00","08:00","09:00","10:00","11:00","12:00","13:00","14:00","15:00","16:00","17:00","18:00","19:00","20:00","21:00","22:00","23:00"];let fo=pn;function di(e){fo=e}const On=function(t){if(Array.isArray(t)){const n=On(t[0]),o=On(t[1]);return n||o}if(t&&t.hasOwnProperty("year")){if(t[Ln])return{dateFormat:fo};if(!z.isValid(t))return{dateValidity:!0}}return null};Je.add("dateFormat"),Je.add("dateValidity");const pi=function(t){if(Array.isArray(t)){const n=On(t);if(n)return n;if(t&&z.isBefore(t[1],t[0]))return{dateRangeOrder:!0}}return null};Je.add("dateRangeOrder");const ui=function({minDate:t,maxDate:n}){function o(a){const s=z.isBefore(a,t),i=z.isAfter(a,n),l={minExceeded:s?z.toString(t,fo):null,maxExceeded:i?z.toString(n,fo):null};return s||i?{dateConstraint:l}:null}return function(s){if(!s)return null;if(Array.isArray(s)){const i=o(s[0]),l=o(s[1]);return i||l}return s.hasOwnProperty("year")?o(s):null}};Je.add("dateConstraint");const cm=Object.freeze(Object.defineProperty({__proto__:null,date:On,dateConstraint:ui,dateRange:pi,setDateFormat:di},Symbol.toStringTag,{value:"Module"}));function Tt(e,t){for(const n of[].concat(e)){const o=t(n);if(o)return o}return null}const dm=function(t){function n(o){return Number(o)>=t?null:{min:t}}return o=>Tt(o,n)};Je.add("min");const pm=function(t){function n(o){return Number(o)<=t?null:{max:t}}return o=>Tt(o,n)};dn.add("max");const um=function(t){return typeof t>"u"||t===null||t===""||Number.isNaN(t)||t?.length===0?{required:!0}:null};dn.add("required");const mm=function(t){function n(o){return o===void 0||o.toString().length<t?{minLength:t}:null}return o=>Tt(o,n)};Je.add("minLength");const fm=function(t){function n(o){return o==null||Array.isArray(o)&&o.length<t?{minLengthArray:t}:null}return o=>n(o)};Je.add("minLengthArray");const Sm=function(t){function n(o){return o===void 0||o.toString().length<=t?null:{maxLength:t}}return o=>Tt(o,n)};gt.add("maxLength");const gm=function(t){function n(o){return o==null||Array.isArray(o)&&o.length<=t?null:{maxLengthArray:t}}return o=>n(o)};Je.add("maxLengthArray");const hm=function(t){const n=t instanceof RegExp?t:new RegExp(t);function o(a){return n.test(a)?null:{pattern:t}}return a=>Tt(a,o)};Je.add("pattern");const bm=function(e){function t(n){return new RegExp("^\\p{L}*$","u").test(n)?null:{alpha:!0}}return Tt(e,t)};gt.add("alpha");const vm=function(e){function t(n){return/^[0-9,. ]*$/.test(n)?null:{numeric:!0}}return Tt(e,t)};gt.add("numeric");const ym=function(e){function t(n){return/^-?[0-9,. ]*$/.test(n)?null:{positiveOrNegativeNumber:!0}}return Tt(e,t)};gt.add("positiveOrNegativeNumber");const Em=function(e){function t(n){return/^[^0-9]*$/.test(n)?null:{nonNumeric:!0}}return Tt(e,t)};gt.add("nonNumeric");const So=Object.freeze({...cm,min:dm,max:pm,required:um,minLength:mm,minLengthArray:fm,maxLength:Sm,maxLengthArray:gm,pattern:hm,alpha:bm,numeric:vm,nonNumeric:Em,positiveOrNegativeNumber:ym,OnBlurErrorKeys:Je});function go(e,t=[]){const n=t.reduce((o,a)=>Object.assign(o,a(e)||{}),{});return Object.keys(n).length?n:null}var ht=(e=>(e[e.ON_CHANGE=0]="ON_CHANGE",e[e.ON_BLUR=1]="ON_BLUR",e[e.ON_SUBMIT=2]="ON_SUBMIT",e))(ht||{});function Tm(e,t={},n=[]){for(const[o,a]of Object.entries(t))a===0?li(o):a===2&&ci(o);return r.useCallback(e,n)}class Ht{constructor(t,n){this.path=t,this.update=n,this.validators=[],this.#n=null,this.#e=null,this.#t=null,this.preventativeErrors=[],this.submitted=!1}#n;#e;#t;get errors(){return this.#n===null&&this.#e===null&&this.#t===null?null:{...this.#n??{},...this.#e??{},...this.#t??{}}}setValidators(t){return this.update(this.path,null,void 0,t),this}validate(t,n,o=!1){if(this.validators&&this.validators.length>0){const a=go(t,this.validators);let s={onSubmit:{},onChange:{},onBlur:{}};a&&(s=Object.keys(a).reduce((i,l)=>(mo.has(l)?i.onSubmit[l]=a[l]:dn.has(l)?i.onChange[l]=a[l]:i.onBlur[l]=a[l],i),s)),(typeof n>"u"||n===ht.ON_CHANGE)&&(this.#e=Object.keys(s.onChange).length===0?null:s.onChange),(typeof n>"u"||n===ht.ON_BLUR)&&(this.#t=Object.keys(s.onBlur).length===0?null:s.onBlur),(typeof n>"u"||n===ht.ON_SUBMIT)&&(this.#n=Object.keys(s.onSubmit).length===0?null:s.onSubmit,this.#e=Object.keys(s.onChange).length===0?null:s.onChange,this.#t=Object.keys(s.onBlur).length===0?null:s.onBlur),o||this.update(),this.isFocused()&&this.onFocus&&this.onFocus()}else this.errors&&(this.#n=null,this.#t=null,this.#e=null,o||this.update());return this}isValid(){return!this.errors||this.isPristine()}hasErrors(){return!!this.errors}isVisibilyInvalid(){return!this.isValid()}hasError(t){return this.errors&&Object.prototype.hasOwnProperty.call(this.errors,t)}hasPreventativeError(t){return this.preventativeErrors.includes(t)}hasPreventativeErrors(){return this.preventativeErrors.length>0}isRequired(){return this.validators&&this.validators.indexOf(So.required)>-1}isSubmitted(){return this.submitted}onFocus(){}onBlur(){}}class Bn extends Ht{constructor(){super(...arguments),this.id=He(),this.focused=!1,this.pristine=!0}setValue(t){if(this.preventativeErrors=[],this.validators&&this.validators.length>0){const n=go(t,this.validators);if(n&&Object.keys(n).filter(a=>gt.has(a)).length>0){this.preventativeErrors=Object.keys(n);return}}this.update(this.path,t)}isPristine(){return this.pristine}markAsPristine(){return this.pristine=!0,this.update(),this}markAsDirty(){return this.pristine=!1,this.update(),this}isFocused(){return this.focused}markAsFocused(){return this.focused=!0,this.update(),this.onFocus&&this.onFocus(),this}markAsBlurred(){return this.update(this.path,null,!0),this.onBlur&&this.onBlur(),this.preventativeErrors=[],this}markAsSubmitted(){return this.submitted=!0,this.update(this.path,null,!1,void 0,!0),this}}class Wt extends Bn{constructor(t,n,o){const a=o?n:t,s=o||n;super(a,s),o&&this.inferMembers(t)}isFocused(){return super.isFocused()||this.rollup("isFocused")}isValid(){return super.isValid()&&this.rollup("isValid")}hasErrors(){return super.hasErrors()||Object.keys(this.fields).some(t=>this.fields[t].hasErrors())}contentsAreValid(){return this.rollup("isValid")&&this.rollup("contentsAreValid")}isPristine(){return super.isPristine()&&this.rollup("isPristine")}markAsPristine(){super.markAsPristine();for(const t of Object.keys(this.fields))this.fields[t].markAsPristine();return this}markAsDirty(){super.markAsDirty();for(const t of Object.keys(this.fields))this.fields[t].markAsDirty();return this}markAsBlurred(){super.markAsBlurred();for(const t of Object.keys(this.fields))this.fields[t].markAsBlurred();return this}markAsSubmitted(){super.markAsSubmitted();for(const t of Object.keys(this.fields))this.fields[t].markAsSubmitted();return this}inferSpsControl(t,n){return ho(t,[...this.path,n],this.update)}rollup(t){return Object.keys(this.fields).reduce((n,o)=>n&&(!this.fields[o][t]||this.fields[o][t]()),!0)}}class mi extends Wt{inferMembers(t){this.fields={};for(const n of Object.keys(t))this.fields[n]=this.inferSpsControl(t[n],n)}}class fi extends Wt{inferMembers(t){this.fields=t.map((n,o)=>this.inferSpsControl(n,String(o)))}}function ho(e,t,n){return e instanceof Ht?(e.path=t,e.update=n,e):Array.isArray(e)?new fi(e,t,n):ii(e)?new mi(e,t,n):new Bn(t,n)}function Pn(e,t){return t.length===0||!e?e:Pn(e.fields[t[0]],t.slice(1,t.length))}function wr(e,t){if(t.length===0||!e)return[e];const n=t[0];if(t=t.slice(1,t.length),n==="*"){const o=Array.isArray(e.fields)?e.fields:Object.keys(e.fields).map(a=>e.fields[a]);return t.length===0?o:o.reduce((a,s)=>[...a,...wr(s,t)],[])}return wr(e.fields[n],t)}function Cr(e,t,n){for(const o of Object.keys(t)){const a=t[o];for(const s of wr(e,o.split(".")))s&&a&&n(s,a)}}function bo(e,t,n,o=!1,a=!1){Cr(t,n,(s,i)=>{s.validators=typeof i=="function"?i(e):i,o&&s.validate(S.getPath(e,s.path),void 0,a)})}function Dr(e,t){const n=t[0];return t=t.slice(1),Array.isArray(e)?e.map((o,a)=>a===Number(n)?Dr(o,t):o):ii(e)?Object.keys(e).reduce((o,a)=>Object.assign(o,{[a]:a===n?Dr(e[a],t):e[a]}),{}):e}function wm(e){if(typeof e!="object"||e===null||Array.isArray(e))throw new TypeError("The initial value of useSpsForm() hook must be an object.")}function Si(e,t={}){wm(e);const[,n]=D.useState({}),o=D.useRef(!1);o.current=!1;const a=D.useRef(t),s=D.useCallback(p=>{const f=m.current;let g;if(p)if(p.path)if(p.markAsBlurred){const h=Pn(f.formMeta,p.path);if(h){h.focused=!1;const E=S.getPath(f.formValue,p.path);h.validate(E,ht.ON_BLUR)}}else if(p.newValidators){if(a.current){const h=p.path.join(".");a.current={...a.current,[h]:p.newValidators},bo(f.formValue,f.formMeta,a.current,!0)}}else if(p.markAsSubmitted){const h=Pn(f.formMeta,p.path);if(h){h.submitted=!0;const E=S.getPath(f.formValue,p.path);h.validate(E,ht.ON_SUBMIT)}}else g=Dr(f.formValue,p.path),S.setPath(g,p.path,p.value);else g=p.value;if(p?.updateFormOptions?.validators&&(a.current={...a.current,...p.updateFormOptions.validators},bo(f.formValue,f.formMeta,a.current,p.updateFormOptions?.runValidators??!0)),g){f.formMeta.submitted=!1,S.deepFreeze(g);const h=S.diff(f.formValue,g);for(const{type:v,key:b,parentPath:C,objects:[,w]}of h){const T=Pn(f.formMeta,C);if(typeof b!="symbol"&&T){let x;switch(v){case S.DiffChange.ADDITION:T.fields[b]=ho(w[b],[...C,b],l);break;case S.DiffChange.DELETION:Array.isArray(T.fields)?T.fields[b]=void 0:delete T.fields[b];break;case S.DiffChange.ALTERATION:x=ho(w[b],[...C,b],l),(x instanceof Wt&&!(T.fields[b]instanceof Wt)||!(x instanceof Wt)&&T.fields[b]instanceof Wt)&&(x.pristine=!1,T.fields[b]=x);break}}}const E=new Set;if(h.filter(v=>v.type===S.DiffChange.DELETION).reduce((v,b)=>(v.has(b.parentPath)||v.add(b.parentPath),v),E),Array.from(E).forEach(v=>{const b=Pn(f.formMeta,v);Array.isArray(b.fields)&&(b.fields=b.fields.filter(C=>C!==void 0))}),a.current){bo(g,f.formMeta,a.current);const v=new Set;t&&Cr(f.formMeta,t,(b,C)=>{typeof C=="function"&&(b.validate(S.getPath(g,b.path)),v.add(b))});for(const{type:b,key:C,parentPath:w,objects:[,T]}of h)if(typeof C!="symbol"){let x=f.formMeta,F=g;if(x){for(const y of w)x=x.fields[y],F=F[y],v.has(x)||x.validate(F,ht.ON_CHANGE);if(b===S.DiffChange.ADDITION||b===S.DiffChange.ALTERATION){const y=x.fields[C];if(!v.has(y)&&(x.fields[C].validate(T[C],ht.ON_CHANGE),b===S.DiffChange.ADDITION&&y.fields))for(const[k,M]of Object.entries(y.fields))M.validate(T[C][k],ht.ON_CHANGE)}}}}}m.current={...f,formValue:g||f.formValue},o.current||n({})},[]),i=D.useCallback((p,f)=>{p||f?s({value:p,updateFormOptions:f}):s()},[s]),l=D.useCallback((p,f,g=!1,h,E=!1)=>{p?s({path:p,value:f,markAsBlurred:g,newValidators:h,markAsSubmitted:E}):i()},[s,i]),d=D.useMemo(()=>{S.deepFreeze(e);const p=ho(e,[],l);return t&&bo(e,p,t,!1,!0),p},[]),c=D.useCallback(()=>(m.current.formMeta.markAsDirty(),a.current&&Cr(m.current.formMeta,a.current,(p,f)=>{(typeof f=="function"||Array.isArray(f))&&p.validate(S.getPath(m.current.formValue,p.path))}),m.current.formMeta.isValid()),[]),u=D.useCallback(()=>m.current.formValue,[]),m=D.useRef({formValue:e,formMeta:d,updateForm:i,validateForm:c,getCurrentFormValue:u});return m.current}const Le=r.forwardRef((e,t)=>{const{className:n,children:o,focusInputOnClick:a,formControl:s,formMeta:i,inputRef:l,onClick:d,...c}=e,u=r.useRef(),p=l||(t||u);function f(){p&&p!==t&&p.current&&p.current.focus()}function g(){p&&p!==t&&p.current&&i&&i instanceof Bn&&i.markAsFocused()}function h(){p&&p!==t&&p.current&&i&&i instanceof Bn&&i.markAsBlurred()}const E=V("sps-form-group",(s&&s.isRequired()||i&&i.isRequired())&&"sps-form-group--required",(s&&!s.isValid()||i&&i.isVisibilyInvalid())&&"sps-form-group--error",i&&i.hasPreventativeErrors()&&"sps-form-group--preventative-error",n);function v(b){a&&f(),d&&d(b)}return r.useEffect(()=>{function b(C){C.target.classList.contains("sps-form-control__clear-btn")&&C.preventDefault()}return document.addEventListener("mousedown",b),()=>{document.removeEventListener("mousedown",b)}},[]),r.createElement("div",{...c,className:E,ref:t,tabIndex:-1,onClick:v,onFocus:g,onBlur:h},o)});Object.assign(Le,{displayName:"SpsFormComponentWrapper"});const gi=e=>typeof e=="object"&&e!=null&&e.nodeType===1,hi=(e,t)=>(!t||e!=="hidden")&&e!=="visible"&&e!=="clip",vo=(e,t)=>{if(e.clientHeight<e.scrollHeight||e.clientWidth<e.scrollWidth){const n=getComputedStyle(e,null);return hi(n.overflowY,t)||hi(n.overflowX,t)||(o=>{const a=(s=>{if(!s.ownerDocument||!s.ownerDocument.defaultView)return null;try{return s.ownerDocument.defaultView.frameElement}catch{return null}})(o);return!!a&&(a.clientHeight<o.scrollHeight||a.clientWidth<o.scrollWidth)})(e)}return!1},yo=(e,t,n,o,a,s,i,l)=>s<e&&i>t||s>e&&i<t?0:s<=e&&l<=n||i>=t&&l>=n?s-e-o:i>t&&l<n||s<e&&l>n?i-t+a:0,Cm=e=>{const t=e.parentElement;return t??(e.getRootNode().host||null)},bi=(e,t)=>{var n,o,a,s;if(typeof document>"u")return[];const{scrollMode:i,block:l,inline:d,boundary:c,skipOverflowHiddenElements:u}=t,m=typeof c=="function"?c:H=>H!==c;if(!gi(e))throw new TypeError("Invalid target");const p=document.scrollingElement||document.documentElement,f=[];let g=e;for(;gi(g)&&m(g);){if(g=Cm(g),g===p){f.push(g);break}g!=null&&g===document.body&&vo(g)&&!vo(document.documentElement)||g!=null&&vo(g,u)&&f.push(g)}const h=(o=(n=window.visualViewport)==null?void 0:n.width)!=null?o:innerWidth,E=(s=(a=window.visualViewport)==null?void 0:a.height)!=null?s:innerHeight,{scrollX:v,scrollY:b}=window,{height:C,width:w,top:T,right:x,bottom:F,left:y}=e.getBoundingClientRect(),{top:k,right:M,bottom:P,left:G}=(H=>{const R=window.getComputedStyle(H);return{top:parseFloat(R.scrollMarginTop)||0,right:parseFloat(R.scrollMarginRight)||0,bottom:parseFloat(R.scrollMarginBottom)||0,left:parseFloat(R.scrollMarginLeft)||0}})(e);let I=l==="start"||l==="nearest"?T-k:l==="end"?F+P:T+C/2-k+P,j=d==="center"?y+w/2-G+M:d==="end"?x+M:y-G;const K=[];for(let H=0;H<f.length;H++){const R=f[H],{height:Z,width:$,top:L,right:_,bottom:Y,left:te}=R.getBoundingClientRect();if(i==="if-needed"&&T>=0&&y>=0&&F<=E&&x<=h&&(R===p&&!vo(R)||T>=L&&F<=Y&&y>=te&&x<=_))return K;const W=getComputedStyle(R),ne=parseInt(W.borderLeftWidth,10),O=parseInt(W.borderTopWidth,10),U=parseInt(W.borderRightWidth,10),q=parseInt(W.borderBottomWidth,10);let X=0,ee=0;const J="offsetWidth"in R?R.offsetWidth-R.clientWidth-ne-U:0,Q="offsetHeight"in R?R.offsetHeight-R.clientHeight-O-q:0,ue="offsetWidth"in R?R.offsetWidth===0?0:$/R.offsetWidth:0,de="offsetHeight"in R?R.offsetHeight===0?0:Z/R.offsetHeight:0;if(p===R)X=l==="start"?I:l==="end"?I-E:l==="nearest"?yo(b,b+E,E,O,q,b+I,b+I+C,C):I-E/2,ee=d==="start"?j:d==="center"?j-h/2:d==="end"?j-h:yo(v,v+h,h,ne,U,v+j,v+j+w,w),X=Math.max(0,X+b),ee=Math.max(0,ee+v);else{X=l==="start"?I-L-O:l==="end"?I-Y+q+Q:l==="nearest"?yo(L,Y,Z,O,q+Q,I,I+C,C):I-(L+Z/2)+Q/2,ee=d==="start"?j-te-ne:d==="center"?j-(te+$/2)+J/2:d==="end"?j-_+U+J:yo(te,_,$,ne,U+J,j,j+w,w);const{scrollLeft:Ee,scrollTop:Oe}=R;X=de===0?0:Math.max(0,Math.min(Oe+X/de,R.scrollHeight-Z/de+Q)),ee=ue===0?0:Math.max(0,Math.min(Ee+ee/ue,R.scrollWidth-$/ue+J)),I+=Oe-X,j+=Ee-ee}K.push({el:R,top:X,left:ee})}return K},Dm=e=>e===!1?{block:"end",inline:"nearest"}:(t=>t===Object(t)&&Object.keys(t).length!==0)(e)?e:{block:"start",inline:"nearest"};function Eo(e,t){if(!e.isConnected||!(a=>{let s=a;for(;s&&s.parentNode;){if(s.parentNode===document)return!0;s=s.parentNode instanceof ShadowRoot?s.parentNode.host:s.parentNode}return!1})(e))return;const n=(a=>{const s=window.getComputedStyle(a);return{top:parseFloat(s.scrollMarginTop)||0,right:parseFloat(s.scrollMarginRight)||0,bottom:parseFloat(s.scrollMarginBottom)||0,left:parseFloat(s.scrollMarginLeft)||0}})(e);if((a=>typeof a=="object"&&typeof a.behavior=="function")(t))return t.behavior(bi(e,t));const o=typeof t=="boolean"||t==null?void 0:t.behavior;for(const{el:a,top:s,left:i}of bi(e,Dm(t))){const l=s-n.top+n.bottom,d=i-n.left+n.right;a.scroll({top:l,left:d,behavior:o})}}const Nr=Object.freeze(Object.defineProperty({__proto__:null,default:Eo},Symbol.toStringTag,{value:"Module"})),Nm={alt:"string",size:"SpinnerSize",title:"string"};function Ir(e){const{alt:t,className:n,size:o=A.SpinnerSize.MEDIUM,"data-testid":a,title:s,unsafelyReplaceClassName:i,...l}=e,{t:d}=Se.useWoodlandLanguage(),c=t||s||d("spinner.defaultAltText",{defaultValue:"Loading..."}),u=V(i||"sps-spinner",`sps-spinner--${o}`,n);return r.createElement("i",{className:u,"data-testid":a,title:c,...l})}Object.assign(Ir,{props:Nm,displayName:"SpsSpinner"});const Im=60;function To(e){return typeof e>"u"?"inherit":`${e}px`}function xr(e){switch(e){case A.Position.TOP_LEFT:return A.Position.BOTTOM_LEFT;case A.Position.TOP_MIDDLE:return A.Position.BOTTOM_MIDDLE;case A.Position.TOP_RIGHT:return A.Position.BOTTOM_RIGHT;case A.Position.RIGHT_TOP:return A.Position.LEFT_TOP;case A.Position.RIGHT_MIDDLE:return A.Position.LEFT_MIDDLE;case A.Position.RIGHT_BOTTOM:return A.Position.LEFT_BOTTOM;case A.Position.BOTTOM_RIGHT:return A.Position.TOP_RIGHT;case A.Position.BOTTOM_MIDDLE:return A.Position.TOP_MIDDLE;case A.Position.BOTTOM_LEFT:return A.Position.TOP_LEFT;case A.Position.LEFT_BOTTOM:return A.Position.RIGHT_BOTTOM;case A.Position.LEFT_MIDDLE:return A.Position.RIGHT_MIDDLE;case A.Position.LEFT_TOP:return A.Position.RIGHT_TOP}}function xm(e,t,n,o,a,s,i,l){const d=i&&i.current,c=d?d.scrollTop:window.pageYOffset,u=l?0:c,m=d?d.scrollLeft:window.pageXOffset,p=l?0:m,[f,g]=e.split(" ");let h,E,v,b;switch(f){case"top":v=t.height-n.top-u-s[0];break;case"left":E=t.width-n.left-p-s[0];break;case"right":b=n.right+p-s[0];break;case"bottom":h=n.bottom+u-s[0];break;default:throw new Error(`Invalid position ${e}`)}switch(g){case"left":b=n.left+p+s[1];break;case"top":h=n.top+u+s[1];break;case"middle":f==="top"||f==="bottom"?b=n.left+p+n.width/2-a/2+s[1]:(f==="left"||f==="right")&&(h=n.top+u+n.height/2-o.height/2+s[1]);break;case"bottom":v=t.height-n.bottom-u+s[1];break;case"right":E=t.width-n.right-p+s[1];break;default:throw new Error(`Invalid position ${e}`)}return[h,E,v,b]}function Gt(e,t,n,{altPosition:o,setMinWidth:a=!1,setWidth:s=!1,parentElementRef:i,fixed:l=!1,offsets:d=[0,0]}){if(e.current&&t.current){const c=e.current.getBoundingClientRect(),u=t.current.getBoundingClientRect(),m=Math.max(document.documentElement.clientHeight,window.innerHeight||0),p=document.documentElement.getBoundingClientRect().width;let g=(i?.current??document.documentElement).getBoundingClientRect();l&&(g={x:0,y:0,width:p,height:m,top:0,left:0,bottom:m,right:p,toJSON(){return{width:p,height:m,top:0,left:0,bottom:m,right:p}}});const[h,E]=n.split(" ");let v=n;if(o&&(h==="top"&&u.top-c.height<Im||h==="right"&&u.right+c.width>p||h==="bottom"&&u.bottom+c.height>m||h==="left"&&u.left-c.width<0)&&(v=o),E==="left"&&u.left+c.width+(d?.[1]??0)>document.documentElement.getBoundingClientRect().right)switch(h){case"bottom":v=A.Position.BOTTOM_RIGHT;break;case"top":v=A.Position.TOP_RIGHT;break}const b=a?Math.max(u.width,c.width):c.width,C=s?u.width:b,[w,T,x,F]=xm(v,g,u,c,C,d,i,l),y={top:To(w),right:To(T),bottom:To(x),left:To(F)};return l&&(y.position="fixed",y.zIndex=A.ZStratum.BAR),a&&(y.minWidth=`${u.width}px`),s&&(y.width=`${u.width}px`),[y,v===o]}return[{},!1]}const nt=D.createContext(null);function mn(e,t=[]){const n=D.useContext(nt);return D.useMemo(()=>o=>{const s=n&&n.parentElementRef&&n.parentElementRef.current||document.body;let i=null,l=s.lastElementChild;for(;l&&l!==s.firstElementChild;){if(l.hasAttribute("data-portalid")&&l.getAttribute("data-portalid")===e){i=l;break}l=l.previousElementSibling}if(i)s.contains(i)||s.appendChild(i);else{i=document.createElement("div"),i.setAttribute("data-portalid",e);for(const d of t)i.classList.add(d);s.appendChild(i)}return uo.createPortal(o,i)},[n])}const Mr=["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","1","2","3","4","5","6","7","8","9","0"];async function vi(e,t,n,o,a,s){const i=typeof e.options=="function"?e.options(t.value):e.options||[],l=i instanceof Promise,d=m=>m.replace(/([.?*+^$[\]\\(){}|-])/g,"");n({pending:l}),s.current=l?i:null;const c=l?await i||[]:i||[];if(l&&s.current!==i)return;let u=Array.from(c).filter(Boolean).map(m=>new A.SpsOptionListOption(m,typeof m=="function"?{textKey:"label",captionKey:"caption"}:{textKey:e.textKey,captionKey:e.captionKey}));if(e.nullOption&&u.unshift(new A.SpsOptionListOption(null,{text:e.nullOption})),t.value&&!e.disableDefaultOptionsFiltering){const m=d(t.value);n({replacementPattern:new RegExp(`(${m})`,"ig")}),u=u.filter(p=>{const f=new RegExp(m,"i"),g=d(p.text);return e.filterByTextAndCaptionKey?f.test(g)||f.test(d(p.caption)):f.test(g)})}else n({replacementPattern:null});if(e.disabledOptions)for(const m of u)e.disabledOptions.includes(m.value)&&(m.disabled=!0);o(Object.freeze(u)),e.onOptionListChanged&&e.onOptionListChanged(u.length),a(u.some(m=>m.value&&!!m.value.icon)),n({pending:!1})}function Mm(e,t,n){const[o,a]=r.useState(Object.freeze([])),[s,i]=r.useState(!1),l=r.useRef(null),d=r.useRef(e.options);(typeof e.options!="function"||e.disableOptionsMemoization)&&(d.current=e.options);const c=r.useMemo(()=>typeof d.current=="function"?S.debounce(vi,typeof e.searchDebounce<"u"?e.searchDebounce:500):vi,[d.current,e.disabledOptions]);return r.useEffect(()=>{c(e,t,n,a,i,l)},[d.current,t.value,e.disabledOptions]),[o,s]}class xt{constructor(t,n){this.target=t,this.isPgStoppedInternal=!1,this.currentTarget=t,this.nativeEvent=new CustomEvent("change",n),Object.defineProperty(this.nativeEvent,"target",{value:t,writable:!1,configurable:!1,enumerable:!0})}get bubbles(){return this.nativeEvent.bubbles}get cancelable(){return this.nativeEvent.cancelable}get defaultPrevented(){return this.nativeEvent.defaultPrevented}get eventPhase(){return this.nativeEvent.eventPhase}get isTrusted(){return this.nativeEvent.isTrusted}get timeStamp(){return this.nativeEvent.timeStamp}get type(){return this.nativeEvent.type}preventDefault(){this.nativeEvent.preventDefault()}isDefaultPrevented(){return this.defaultPrevented}stopPropagation(){this.nativeEvent.stopPropagation(),this.isPgStoppedInternal=!0}isPropagationStopped(){return this.isPgStoppedInternal}persist(){throw new Error("This is not a real React ChangeEvent. React does not permit the creation of SyntheticEvents in userland.")}}function km(e,t){return{...e,...t}}function bt(e){return D.useReducer(km,e)}function Lm({hideInlineSearch:e,options:t,onSearchChange:n,search:o="",searchPlaceholder:a,searchInputRef:s}){const{t:i}=Se.useWoodlandLanguage(),l=a??i("select.searchPlaceholder",{defaultValue:"Search…"}),[d,c]=bt({isAsync:typeof t=="function",pending:!1,value:o,replacementPattern:null}),u=r.useCallback(h=>{c({value:h.target.value}),n&&n(h)},[n]),m=r.useCallback(h=>{h.nativeEvent.stopImmediatePropagation(),h.stopPropagation()},[]),p=r.useCallback(h=>{h.nativeEvent.stopImmediatePropagation(),c({value:""}),s?.current&&(n&&n(new xt(s.current)),s.current.focus())},[n]),f=h=>{h&&(["Tab","Escape","Enter","Up","ArrowUp","Down","ArrowDown"].includes(h.key)||h.stopPropagation())};return r.useEffect(()=>{c({value:o})},[o]),[d.isAsync&&!e?r.createElement("div",{className:"sps-option-list__search sps-form-group sps-text-input"},r.createElement("div",{className:"sps-form-control"},!d.value&&r.createElement("i",{className:"sps-icon sps-icon-filter sps-text-input__icon"}),r.createElement("input",{type:"text",className:"sps-text-input__input",placeholder:l,ref:s,value:d.value,onChange:u,onClick:m,onKeyDown:f}),d.value&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:p}))):r.createElement(r.Fragment,null),d,c]}const Om=Eo||Nr,Bm=["Tab","Escape","Enter","Up","ArrowUp","Down","ArrowDown"];function Pm(e,t,n){return n?(e&&e[n])===(t&&t[n]):e===t}function yi(e,t,n){return typeof n.value=="function"&&n.disabled?!0:t?!!e?.find(o=>o[t]&&o[t]===n?.value?.[t]):!1}const _n=r.forwardRef((e,t)=>{const{captionKey:n,comparisonKey:o,disabledOptions:a,options:s,tall:i,textKey:l,valueKey:d,zeroState:c,hideInlineSearch:u,onSearchChange:m,search:p,searchDebounce:f,searchPlaceholder:g,onSpecialActionSelect:h,attachTo:E,className:v,conformWidth:b,id:C,ignoreWidthStyles:w,isOpen:T,keepOpen:x,keyDown:F,nullOption:y,onOptionListChanged:k,onOptionSelected:M,onPositionFlip:P,onSelfToggle:G,optionRole:I,positionOverride:j,selectedOption:K,specialAction:H,unsafelyReplaceClassName:R,loading:Z,filterByTextAndCaptionKey:$,maxHeightPx:L,maxHeightRem:_,disableOptionsMemoization:Y,disableDefaultOptionsFiltering:te,"data-testid":W,typeaheadEvent:ne,...O}=e,U=r.useMemo(()=>H?new A.SpsOptionListOption(H,{textKey:"label",captionKey:"caption"}):null,[H]),[q,X]=r.useState(-1),[ee,J]=r.useState(T),Q=t||r.useRef(null),ue=r.useRef(null),de=r.useRef(null),Ee=mn("sps-option-list-portal"),Oe=r.useContext(nt),[qe,Ke]=j||[A.Position.BOTTOM_LEFT,A.Position.TOP_LEFT],[[yt,Ve],$e]=r.useState([{},!1]),le=r.useRef(null),[xe,Ie,pe]=Lm({...e,searchInputRef:le}),[ge,tt]=Mm(e,Ie,pe);r.useEffect(()=>{ne&&Re(ne)},[ne]),r.useEffect(()=>{$e(ee?Gt(Q,E,qe,{altPosition:Ke,setMinWidth:!w,setWidth:!w&&b,...Oe}):[{},!1])},[ee,qe,Ke,ge]),r.useEffect(()=>{let ae;return ee&&(ae=()=>{ee&&$e(Gt(Q,E,qe,{altPosition:Ke,setMinWidth:!w,setWidth:!w&&b,...Oe}))},document.addEventListener("scroll",ae)),()=>{ae&&document.removeEventListener("scroll",ae)}},[ee]),r.useEffect(()=>{X(-1)},[Ie]);const sn=V(R||"sps-option-list","z-stratum-dropdown",ee&&"sps-option-list--open",Ie.isAsync&&"sps-option-list--searchable",Ve&&"sps-option-list--opens-upward",H&&H.label&&"sps-option-list--has-special-action",v),ni=V(R||"sps-option-list__options",i&&"sps-option-list__options--tall"),Vt=r.useCallback(()=>{ee||(J(!0),le.current&&le.current.focus(),X(-1),G&&G(!0))},[ee,G]),Et=r.useCallback(()=>{ee&&(J(!1),X(-1),G&&G(!1))},[ee,G]),$t=r.useCallback((ae,ce)=>{ce||ae&&!ae.disabled&&(typeof ae.value=="function"?(ae.value(),h&&h()):typeof M=="function"&&M(ae.value),x||Et())},[M,Et]),Kt=r.useCallback((ae,ce,Ce)=>{ae.stopPropagation(),$t(ce,Ce)},[$t]),Mn=r.useRef(a||[]);Mn.current=a||[];const re=r.useCallback(ae=>{switch(ae.key){case"Tab":case"Escape":Et();break;case"Enter":if(q>-1){const ce=ge[q]||U;ae.preventDefault();const Ce=!!ce&&yi(Mn.current,o||"",ce);!Ce&&ce&&typeof M=="function"&&typeof ce.value=="function"?ce.value():ce&&$t(ce,Ce)}break;case"Up":case"ArrowUp":{let ce=q;Ve?q<=-1?ce=ge.length-1:q===0?H&&(ce=ge.length):q<ge.length&&(ce=q-1):q>-1&&(ce=q-1),ce!==q&&(ae.preventDefault(),X(ce));break}case"Down":case"ArrowDown":{Vt();let ce=q;Ve?q!==-1&&(q>=ge.length?ce=0:q===ge.length-1?ce=-1:ce=q+1):q<ge.length-1+ +!!H&&(ce=q+1),ce!==q&&(ae.preventDefault(),X(ce));break}default:Vt()}},[Et,Vt,q,$t,M,Ve,ge]),Te=r.useCallback(ae=>{Vt();const ce=ge.findIndex(Ce=>{if(Ce.textKey){const St=Ce.textKey;return Ce.value[St].toLowerCase().charAt([0])===ae.key.toLocaleLowerCase()}return Ce.value.toString().toLowerCase().charAt([0])===ae.key.toLocaleLowerCase()});ce>-1&&X(ce)},[ge]),Re=r.useCallback(ae=>{ae&&(Bm.includes(ae.key)?re(ae):Mr.includes(ae.key)&&!u&&Te(ae))},[Et,Vt,q,$t,M,Ve,ge]);r.useEffect(()=>{if(Oe!==null&&document.getElementsByClassName("sps-modal__body").length>0){const ae=()=>{G&&G(!1)},ce=document.getElementsByClassName("sps-modal__body")[0];return ce.addEventListener("scroll",ae),()=>{ce.removeEventListener("scroll",ae)}}},[]),r.useEffect(()=>{ee&&de.current&&Om(de.current,{scrollMode:"if-needed",block:"nearest",inline:"nearest"})},[q,ee]),r.useEffect(()=>{J(T),T?le.current&&le.current.focus():X(-1)},[T]),r.useEffect(()=>{F&&Re(F)},[F]),r.useEffect(()=>{!ee&&ue.current&&(pe({value:""}),ue.current.scrollTop=0),ee&&P&&P(Ve)},[ee]);const ze=L?L/16:_,Me=ze?{maxHeight:`${ze}rem`}:{};function ct(ae,ce){return ce?r.createElement(r.Fragment,null,ae.split(ce).map((Ce,St)=>ce.test(Ce)?r.createElement("u",{key:St},Ce):r.createElement(r.Fragment,{key:St},Ce))):r.createElement(r.Fragment,null,ae)}return Ee(r.createElement("div",{className:sn,id:C,"aria-activedescendant":q>-1?`${C}-option-${q}`:"",tabIndex:-1,ref:Q,style:yt,onMouseLeave:()=>X(-1),"data-testid":W,...O},xe,r.createElement("div",{className:ni,ref:ue,"data-testid":`${W}-options`,style:Me},!Z&&!Ie.pending&&c&&ge.length===0&&r.createElement("div",{className:"sps-option-list__zero-state"},c),(Z||Ie.pending)&&r.createElement("div",{className:"sps-option-list__loading"},r.createElement(Ir,null)),!Z&&!Ie.pending&&ge.map((ae,ce)=>{const Ce=`${C}-option-${ce}`,St=Pm(ae.value,K,o),kn=yi(Mn.current,o||"",ae);return r.createElement("a",{key:Ce,id:Ce,role:I,"aria-selected":St,href:ae.href,className:V("sps-option-list__option",ae.caption&&"sps-option-list__option--has-caption",ae.disabled&&"sps-option-list__option--disabled",ae.bold&&"sps-option-list__option--bold",(St||kn)&&"sps-option-list__option--selected",q===ce&&"sps-option-list__option--highlighted"),onClick:Uw=>Kt(Uw,ae,kn),onMouseOver:()=>X(ce),tabIndex:-1,ref:q===ce?de:null,"data-testid":`${W}-option-${ce}`},ae.value&&ae.value.icon&&r.createElement("i",{className:V("sps-icon","sps-option-list__option-icon",`sps-icon-${String(ae.value.icon)}`)}),(!ae.value||!ae.value.icon&&tt)&&r.createElement("span",{className:"sps-option-list__option-icon-spacer"}),r.createElement("span",null,ct(ae.text,Ie.replacementPattern)),ae.caption&&r.createElement("div",{className:"sps-option-list__option-caption"},r.createElement("span",null,ct(ae.caption,Ie.replacementPattern))))})),U&&H?.label&&r.createElement("a",{className:V("sps-option-list__option","sps-option-list__special-action",q===ge.length&&"sps-option-list__option--highlighted",H.disabled&&"sps-option-list__special-action--disabled"),href:U.href,target:U.href&&H.newTab?"_blank":"_self",onClick:ae=>Kt(ae,U),onMouseOver:()=>X(ge.length),"data-testid":`${W}-special-action`},H.icon&&r.createElement("i",{className:V("sps-icon","sps-option-list__option-icon",`sps-icon-${String(H.icon)}`)}),!H.icon&&tt&&r.createElement("span",{className:"sps-option-list__option-icon-spacer"}),r.createElement("span",null,H.label))))});Object.assign(_n,{displayName:"SpsOptionList"});function _m(e,t,n=[]){return r.useMemo(()=>{function o(a){return r.createElement(e,{...a,...t},a.children)}return o},n)}function je(e){return typeof e=="function"?e():e}const Ei=function({children:e,elements:t}){if(t.length===0)return r.createElement(r.Fragment,null,e);const[n,o]=Array.isArray(t[0])?t[0]:[t[0]];return r.createElement(n,{...o??{}},r.createElement(Ei,{elements:t.slice(1)},e))},Ti=function({children:e,providers:t=[],...n}){return r.createElement("div",{...n},r.createElement(Ei,{elements:t},e))},Rm=function({children:e,className:t,...n}){return r.createElement(Ti,{className:`sps-app ${t}`,...n},e)};function ot(e=[],t=[]){const n=Array.isArray(e)?S.flatten(e):[e],o=t.map(s=>Array.isArray(s)?s:[s]),a=new Array(o.length+1).fill(null).map(()=>[]);for(const s of n){let i=!1;for(let l=0;l<o.length;l+=1)for(const{type:d,props:c={}}of o[l])if(s.type===d&&Object.keys(c).every(m=>c[m]===s.props[m])){i=!0,a[l].push(s);break}i||a[a.length-1].push(s)}return a}function wi(e,t,n){const o=Object.entries(t).filter(([,s])=>typeof s!="string"&&s.deprecated).map(([s])=>s),a=o.map(s=>n[s]);r.useEffect(()=>{a.find(s=>typeof s<"u")&&console.warn(`The following prop(s) of ${e} are deprecated: ${o.join(", ")}`)},a)}function kr(e,t){const n=D.useRef(!1);D.useEffect(()=>()=>{n.current=!1},[]),D.useEffect(()=>{if(n.current)return e();n.current=!0},t)}function Lr(e,t,n){const o=r.useRef(t(...n));r.useEffect(()=>(document.addEventListener(e,o.current,{capture:!0}),()=>document.removeEventListener(e,o.current)),[]),r.useEffect(()=>{document.removeEventListener(e,o.current),o.current=t(...n),document.addEventListener(e,o.current,{capture:!0})},n)}function Ci(e,t,n){return function(a){!e.current?.contains(a.target)&&!t.current?.contains(a.target)&&n()}}function fn(e,t,n){const o=r.useRef(!1),[a,s]=r.useState(!1),i=r.useCallback(()=>{o.current?o.current=!1:s(!0)},[]),l=r.useCallback((d=!1)=>{s(!1),o.current=d,n&&n()},[]);return Lr("mousedown",Ci,[e,t,l]),Lr("pointerdown",Ci,[e,t,l]),{showPopup:a,doShowPopup:i,doHidePopup:l}}const Di=e=>{const t=/(auto|scroll)/,n=(l,d)=>l.parentNode===null?d:n(l.parentNode,d.concat([l])),o=(l,d)=>getComputedStyle(l,null).getPropertyValue(d),a=l=>o(l,"overflow")+o(l,"overflow-y"),s=l=>t.test(a(l));return(l=>{if(!(l instanceof HTMLElement||l instanceof SVGElement))return;const d=n(l.parentNode,[]);for(let c=0;c<d.length;c+=1)if(s(d[c]))return d[c];return null})(e)};let Or=0;function Rn({isOpen:e,rootRef:t}){r.useLayoutEffect(()=>{let n,o,a;if(e&&t.current){Or+=1,n=Di(t.current)||document.body,o=n===document.body?window.innerWidth-document.documentElement.clientWidth:n.offsetWidth-n.clientWidth,n.style.overflow="hidden";const s=window.getComputedStyle(n).paddingRight;if(n.style.paddingRight=s&&s!=="0px"?`calc(${s} + ${o}px)`:`${o}px`,n===document.body){if(a=document.getElementsByClassName("sps-navbar-container").item(0),a&&window.getComputedStyle(a).position==="fixed"){const i=window.getComputedStyle(a).paddingRight;a.style.paddingRight=i&&i!=="0px"?`calc(${i} + ${o}px)`:`${o}px`}else if(a=document.getElementsByTagName("nav").item(0)?.parentElement,a&&window.getComputedStyle(a).position==="fixed"){const l=window.getComputedStyle(a).paddingRight;a.style.paddingRight=l&&l!=="0px"?`calc(${l} + ${o}px)`:`${o}px`}}}return()=>{n&&(Or-=1,Or===0&&(n.style.overflow=null,n.style.paddingRight=null,a&&(a.style.paddingRight=null)))}},[e])}const Am={debounce:"number",disabled:"boolean",conformWidth:"boolean",formMeta:"SpsFormFieldMeta<string>",icon:"SpsIcon",onChange:"React.ChangeEventHandler",onSelectionChange:"(newValue: string) => void",placeholder:"string",suggestions:{type:`
+(function(N,D){typeof exports=="object"&&typeof module<"u"?D(exports,require("react"),require("@spscommerce/utils"),require("moment-timezone"),require("@spscommerce/ds-shared"),require("@spscommerce/i18n"),require("react-dom"),require("@spscommerce/ds-colors"),require("@sps-woodland/tabs"),require("@react-stately/collections"),require("@sps-woodland/illustrations")):typeof define=="function"&&define.amd?define(["exports","react","@spscommerce/utils","moment-timezone","@spscommerce/ds-shared","@spscommerce/i18n","react-dom","@spscommerce/ds-colors","@sps-woodland/tabs","@react-stately/collections","@sps-woodland/illustrations"],D):(N=typeof globalThis<"u"?globalThis:N||self,D(N.DSReact={},N.React,N.utils,N.moment$3,N.dsShared,N.i18n,N.ReactDOM,N.dsColors,N.tabs,N.collections,N.illustrations))})(this,function(N,D,S,Me,R,Se,uo,br,em,ln,oi){"use strict";function ri(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const r=ri(D),cn=ri(Me);function ai(e){var t,n,o="";if(typeof e=="string"||typeof e=="number")o+=e;else if(typeof e=="object")if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(n=ai(e[t]))&&(o&&(o+=" "),o+=n)}else for(n in e)e[n]&&(o&&(o+=" "),o+=n);return o}function F(){for(var e,t,n=0,o="",a=arguments.length;n<a;n++)(e=arguments[n])&&(t=ai(e))&&(o&&(o+=" "),o+=t);return o}const tm="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";let Ke=(e=21)=>{let t="",n=crypto.getRandomValues(new Uint8Array(e|=0));for(;e--;)t+=tm[n[e]&63];return t};function It(e){return D.useRef(e||Ke())}function He(e,t){const n=It(e),o=D.useRef(`${n.current}_ctrl`);return D.useEffect(()=>{t&&(t.id=o.current,t.update())},[t]),{wrapperId:n.current||void 0,controlId:o.current}}function vr(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var yr,si;function nm(){if(si)return yr;si=1;var e="[object Object]";function t(p){var f=!1;if(p!=null&&typeof p.toString!="function")try{f=!!(p+"")}catch{}return f}function n(p,f){return function(g){return p(f(g))}}var o=Function.prototype,a=Object.prototype,s=o.toString,i=a.hasOwnProperty,l=s.call(Object),d=a.toString,c=n(Object.getPrototypeOf,Object);function u(p){return!!p&&typeof p=="object"}function m(p){if(!u(p)||d.call(p)!=e||t(p))return!1;var f=c(p);if(f===null)return!0;var g=i.call(f,"constructor")&&f.constructor;return typeof g=="function"&&g instanceof g&&s.call(g)==l}return yr=m,yr}var om=nm();const ii=vr(om),Je=new Set,dn=new Set,ht=new Set,mo=new Set;function li(e){Je.has(e)||ht.has(e)||mo.has(e)||dn.add(e)}function ci(e){Je.has(e)||ht.has(e)||dn.has(e)||mo.add(e)}const Re=cn.default||cn,pn="MM/DD/YYYY",rm="MM/DD/YYYY hh:mm A",am="MM/DD/YYYY HH:mm",sm="hh:mm A",im="HH:mm",lm=/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/,Ln=Symbol("Date Parse Error");function un(e){return Re.isMoment(e)?e.year()*1e4+(e.month()+1)*100+e.date():e.year*1e4+e.month*100+e.date}const j=Object.freeze({createFrom(e,t){if(!e)return null;if(typeof e=="string"){if(t){const n=Re(e,t,!0);if(n.isValid())return Object.freeze({year:n.year(),month:n.month()+1,date:n.date()})}else{const n=lm.exec(e);if(n){const[,o,a,s]=n;return Object.freeze({year:Number(s),month:Number(o),date:Number(a)})}}return Object.freeze({[Ln]:!0,year:void 0,month:void 0,date:void 0})}return Object.freeze({year:e.year(),month:e.month()+1,date:e.date()})},createMomentFrom(e,t){if(!e)return null;let n=null;return typeof e=="string"?t?n=Re(e,t,!0):n=Re(e):Re.isMoment(e)?n=e:n=j.toMoment(e),n!==null&&Re.isMoment(n)&&n.isValid()?n:Object.freeze({[Ln]:!0,year:void 0,month:void 0,date:void 0})},getRangeSeparator(e){return e?.includes("-")?"/":"-"},createRangeFrom(e,t){if(!e)return null;if(t){const n=j.getRangeSeparator(t),o=new RegExp(`[^\\d]*${n}[^\\d]*`);return e.split(o).slice(0,2).map(a=>j.createFrom(a,t))}else return e.split(/[^\d]*-[^\d]*/).slice(0,2).map(n=>j.createFrom(n))},isValid(e){return e?Re.isMoment(e)?e.isValid():typeof e=="object"&&typeof e.year=="number"&&typeof e.month=="number"&&typeof e.date=="number"&&j.toMoment(e)?.isValid():!1},nullifyInvalidDate(e){return j.isValid(e)?e:null},toMoment(e){return e?Re.isMoment(e)?e:Re({...e,month:e.month-1}):null},toString(e,t){const n=j.toMoment(e);return n&&n.isValid()?n.format(t||pn):""},toStringRange(e,t){if(!e)return"";const n=j.getRangeSeparator(t);return e.slice(0,2).map(o=>j.toString(o,t)).join(n)},toDateTimeString(e,t=!1,n){return e&&Re.isMoment(e)&&e.isValid()?n?t?e.format(`${n} ${im}`):e.format(`${n} ${sm}`):t?e.format(am):e.format(rm):""},toDateTimeStringRange(e,t=!1,n){if(!e)return"";const o=j.getRangeSeparator(n);return e.map(a=>j.toDateTimeString(a,t,n)).join(o)},create(){const e=new Date;return Object.freeze({year:e.getFullYear(),month:e.getMonth()+1,date:e.getDate()})},isSameDate(e,t){return e&&t&&e.year===t.year&&e.month===t.month&&e.date===t.date},isSameMonth(e,t){return e&&t&&e.year===t.year&&e.month===t.month},isAfter(e,t){return!e||!t?null:un(e)>un(t)},isBefore(e,t){return!e||!t?null:un(e)<un(t)},isInRange(e,t,n=!0){if(!e||!t||!t[0]||!t[1])return null;const o=un(e),[a,s]=t.map(un);return a&&s&&(n&&o>=a&&o<=s||!n&&o>a&&o<s)},prevMonth(e){return Object.freeze({year:e.month===1?e.year-1:e.year,month:e.month-1||12,date:e.date})},nextMonth(e){return Object.freeze({year:e.month===12?e.year+1:e.year,month:e.month+1>12?1:e.month+1,date:e.date})},createRangeFromPreset(e,t){if(typeof e.definition=="function")return e.definition();const n=Re(),o=n.clone().subtract(Re.duration(e.definition));return[j.createFrom(o,t),j.createFrom(n,t)]},createDateTimeRangeFromPreset(e){if(typeof e.definition=="function")return e.definition();const t=Re().subtract(Re.duration(e.definition)).startOf("day"),n=Re().endOf("day");return[t,n]},splitMomentInDateTimeParts(e,t=!1,n,o=!1){let a="";t?a=o?"23:59":"00:00":a=o?"11:59":"12:00";const s=o?"PM":"AM";return e&&Re.isMoment(e)&&e.isValid()?j.toDateTimeString(e,t,n).split(" "):["",a,t?void 0:s]},getCurrentMoment(){return Re()},validateTimeString(e,t=!1){if(!e)return!0;const n=e.split(":"),o=n[0]||"0",a=n[1]||"0",s=Number.isNaN(Number(o))?NaN:parseInt(o,10),i=Number.isNaN(Number(a))?NaN:parseInt(a,10),l=n.length<=2&&o.length<=2&&a.length<=2;return t?l&&s>=0&&s<=23&&i>=0&&i<=59:l&&(!Number.isNaN(s)&&o.length===1||s>=1)&&s<=12&&i>=0&&i<=59},padIncompleteTimeString(e,t=!1){if(!e)return"";const n=e.split(":"),o=parseInt(n[0]||"0",10),a=parseInt(n[1]||"0",10);if(t){const s=o<10?`0${o}`:`${o}`,i=a<10?`0${a}`:`${a}`;return`${s}:${i}`}else{const s=o===0?"12":o<10?`0${o}`:`${o}`,i=a<10?`0${a}`:`${a}`;return`${s}:${i}`}}}),Er=["01:00","02:00","03:00","04:00","05:00","06:00","07:00","08:00","09:00","10:00","11:00","12:00"],Tr=["00:00","01:00","02:00","03:00","04:00","05:00","06:00","07:00","08:00","09:00","10:00","11:00","12:00","13:00","14:00","15:00","16:00","17:00","18:00","19:00","20:00","21:00","22:00","23:00"];let fo=pn;function di(e){fo=e}const On=function(t){if(Array.isArray(t)){const n=On(t[0]),o=On(t[1]);return n||o}if(t&&t.hasOwnProperty("year")){if(t[Ln])return{dateFormat:fo};if(!j.isValid(t))return{dateValidity:!0}}return null};Je.add("dateFormat"),Je.add("dateValidity");const pi=function(t){if(Array.isArray(t)){const n=On(t);if(n)return n;if(t&&j.isBefore(t[1],t[0]))return{dateRangeOrder:!0}}return null};Je.add("dateRangeOrder");const ui=function({minDate:t,maxDate:n}){function o(a){const s=j.isBefore(a,t),i=j.isAfter(a,n),l={minExceeded:s?j.toString(t,fo):null,maxExceeded:i?j.toString(n,fo):null};return s||i?{dateConstraint:l}:null}return function(s){if(!s)return null;if(Array.isArray(s)){const i=o(s[0]),l=o(s[1]);return i||l}return s.hasOwnProperty("year")?o(s):null}};Je.add("dateConstraint");const cm=Object.freeze(Object.defineProperty({__proto__:null,date:On,dateConstraint:ui,dateRange:pi,setDateFormat:di},Symbol.toStringTag,{value:"Module"}));function Tt(e,t){for(const n of[].concat(e)){const o=t(n);if(o)return o}return null}const dm=function(t){function n(o){return Number(o)>=t?null:{min:t}}return o=>Tt(o,n)};Je.add("min");const pm=function(t){function n(o){return Number(o)<=t?null:{max:t}}return o=>Tt(o,n)};dn.add("max");const um=function(t){return typeof t>"u"||t===null||t===""||Number.isNaN(t)||t?.length===0?{required:!0}:null};dn.add("required");const mm=function(t){function n(o){return o===void 0||o.toString().length<t?{minLength:t}:null}return o=>Tt(o,n)};Je.add("minLength");const fm=function(t){function n(o){return o==null||Array.isArray(o)&&o.length<t?{minLengthArray:t}:null}return o=>n(o)};Je.add("minLengthArray");const Sm=function(t){function n(o){return o===void 0||o.toString().length<=t?null:{maxLength:t}}return o=>Tt(o,n)};ht.add("maxLength");const gm=function(t){function n(o){return o==null||Array.isArray(o)&&o.length<=t?null:{maxLengthArray:t}}return o=>n(o)};Je.add("maxLengthArray");const hm=function(t){const n=t instanceof RegExp?t:new RegExp(t);function o(a){return n.test(a)?null:{pattern:t}}return a=>Tt(a,o)};Je.add("pattern");const bm=function(e){function t(n){return new RegExp("^\\p{L}*$","u").test(n)?null:{alpha:!0}}return Tt(e,t)};ht.add("alpha");const vm=function(e){function t(n){return/^[0-9,. ]*$/.test(n)?null:{numeric:!0}}return Tt(e,t)};ht.add("numeric");const ym=function(e){function t(n){return/^-?[0-9,. ]*$/.test(n)?null:{positiveOrNegativeNumber:!0}}return Tt(e,t)};ht.add("positiveOrNegativeNumber");const Em=function(e){function t(n){return/^[^0-9]*$/.test(n)?null:{nonNumeric:!0}}return Tt(e,t)};ht.add("nonNumeric");const So=Object.freeze({...cm,min:dm,max:pm,required:um,minLength:mm,minLengthArray:fm,maxLength:Sm,maxLengthArray:gm,pattern:hm,alpha:bm,numeric:vm,nonNumeric:Em,positiveOrNegativeNumber:ym,OnBlurErrorKeys:Je});function go(e,t=[]){const n=t.reduce((o,a)=>Object.assign(o,a(e)||{}),{});return Object.keys(n).length?n:null}var bt=(e=>(e[e.ON_CHANGE=0]="ON_CHANGE",e[e.ON_BLUR=1]="ON_BLUR",e[e.ON_SUBMIT=2]="ON_SUBMIT",e))(bt||{});function Tm(e,t={},n=[]){for(const[o,a]of Object.entries(t))a===0?li(o):a===2&&ci(o);return r.useCallback(e,n)}class Ht{constructor(t,n){this.path=t,this.update=n,this.validators=[],this.#n=null,this.#e=null,this.#t=null,this.preventativeErrors=[],this.submitted=!1}#n;#e;#t;get errors(){return this.#n===null&&this.#e===null&&this.#t===null?null:{...this.#n??{},...this.#e??{},...this.#t??{}}}setValidators(t){return this.update(this.path,null,void 0,t),this}validate(t,n,o=!1){if(this.validators&&this.validators.length>0){const a=go(t,this.validators);let s={onSubmit:{},onChange:{},onBlur:{}};a&&(s=Object.keys(a).reduce((i,l)=>(mo.has(l)?i.onSubmit[l]=a[l]:dn.has(l)?i.onChange[l]=a[l]:i.onBlur[l]=a[l],i),s)),(typeof n>"u"||n===bt.ON_CHANGE)&&(this.#e=Object.keys(s.onChange).length===0?null:s.onChange),(typeof n>"u"||n===bt.ON_BLUR)&&(this.#t=Object.keys(s.onBlur).length===0?null:s.onBlur),(typeof n>"u"||n===bt.ON_SUBMIT)&&(this.#n=Object.keys(s.onSubmit).length===0?null:s.onSubmit,this.#e=Object.keys(s.onChange).length===0?null:s.onChange,this.#t=Object.keys(s.onBlur).length===0?null:s.onBlur),o||this.update(),this.isFocused()&&this.onFocus&&this.onFocus()}else this.errors&&(this.#n=null,this.#t=null,this.#e=null,o||this.update());return this}isValid(){return!this.errors||this.isPristine()}hasErrors(){return!!this.errors}isVisibilyInvalid(){return!this.isValid()}hasError(t){return this.errors&&Object.prototype.hasOwnProperty.call(this.errors,t)}hasPreventativeError(t){return this.preventativeErrors.includes(t)}hasPreventativeErrors(){return this.preventativeErrors.length>0}isRequired(){return this.validators&&this.validators.indexOf(So.required)>-1}isSubmitted(){return this.submitted}onFocus(){}onBlur(){}}class Bn extends Ht{constructor(){super(...arguments),this.id=Ke(),this.focused=!1,this.pristine=!0}setValue(t){if(this.preventativeErrors=[],this.validators&&this.validators.length>0){const n=go(t,this.validators);if(n&&Object.keys(n).filter(a=>ht.has(a)).length>0){this.preventativeErrors=Object.keys(n);return}}this.update(this.path,t)}isPristine(){return this.pristine}markAsPristine(){return this.pristine=!0,this.update(),this}markAsDirty(){return this.pristine=!1,this.update(),this}isFocused(){return this.focused}markAsFocused(){return this.focused=!0,this.update(),this.onFocus&&this.onFocus(),this}markAsBlurred(){return this.update(this.path,null,!0),this.onBlur&&this.onBlur(),this.preventativeErrors=[],this}markAsSubmitted(){return this.submitted=!0,this.update(this.path,null,!1,void 0,!0),this}}class Wt extends Bn{constructor(t,n,o){const a=o?n:t,s=o||n;super(a,s),o&&this.inferMembers(t)}isFocused(){return super.isFocused()||this.rollup("isFocused")}isValid(){return super.isValid()&&this.rollup("isValid")}hasErrors(){return super.hasErrors()||Object.keys(this.fields).some(t=>this.fields[t].hasErrors())}contentsAreValid(){return this.rollup("isValid")&&this.rollup("contentsAreValid")}isPristine(){return super.isPristine()&&this.rollup("isPristine")}markAsPristine(){super.markAsPristine();for(const t of Object.keys(this.fields))this.fields[t].markAsPristine();return this}markAsDirty(){super.markAsDirty();for(const t of Object.keys(this.fields))this.fields[t].markAsDirty();return this}markAsBlurred(){super.markAsBlurred();for(const t of Object.keys(this.fields))this.fields[t].markAsBlurred();return this}markAsSubmitted(){super.markAsSubmitted();for(const t of Object.keys(this.fields))this.fields[t].markAsSubmitted();return this}inferSpsControl(t,n){return ho(t,[...this.path,n],this.update)}rollup(t){return Object.keys(this.fields).reduce((n,o)=>n&&(!this.fields[o][t]||this.fields[o][t]()),!0)}}class mi extends Wt{inferMembers(t){this.fields={};for(const n of Object.keys(t))this.fields[n]=this.inferSpsControl(t[n],n)}}class fi extends Wt{inferMembers(t){this.fields=t.map((n,o)=>this.inferSpsControl(n,String(o)))}}function ho(e,t,n){return e instanceof Ht?(e.path=t,e.update=n,e):Array.isArray(e)?new fi(e,t,n):ii(e)?new mi(e,t,n):new Bn(t,n)}function Pn(e,t){return t.length===0||!e?e:Pn(e.fields[t[0]],t.slice(1,t.length))}function wr(e,t){if(t.length===0||!e)return[e];const n=t[0];if(t=t.slice(1,t.length),n==="*"){const o=Array.isArray(e.fields)?e.fields:Object.keys(e.fields).map(a=>e.fields[a]);return t.length===0?o:o.reduce((a,s)=>[...a,...wr(s,t)],[])}return wr(e.fields[n],t)}function Cr(e,t,n){for(const o of Object.keys(t)){const a=t[o];for(const s of wr(e,o.split(".")))s&&a&&n(s,a)}}function bo(e,t,n,o=!1,a=!1){Cr(t,n,(s,i)=>{s.validators=typeof i=="function"?i(e):i,o&&s.validate(S.getPath(e,s.path),void 0,a)})}function Dr(e,t){const n=t[0];return t=t.slice(1),Array.isArray(e)?e.map((o,a)=>a===Number(n)?Dr(o,t):o):ii(e)?Object.keys(e).reduce((o,a)=>Object.assign(o,{[a]:a===n?Dr(e[a],t):e[a]}),{}):e}function wm(e){if(typeof e!="object"||e===null||Array.isArray(e))throw new TypeError("The initial value of useSpsForm() hook must be an object.")}function Si(e,t={}){wm(e);const[,n]=D.useState({}),o=D.useRef(!1);o.current=!1;const a=D.useRef(t),s=D.useCallback(p=>{const f=m.current;let g;if(p)if(p.path)if(p.markAsBlurred){const h=Pn(f.formMeta,p.path);if(h){h.focused=!1;const E=S.getPath(f.formValue,p.path);h.validate(E,bt.ON_BLUR)}}else if(p.newValidators){if(a.current){const h=p.path.join(".");a.current={...a.current,[h]:p.newValidators},bo(f.formValue,f.formMeta,a.current,!0)}}else if(p.markAsSubmitted){const h=Pn(f.formMeta,p.path);if(h){h.submitted=!0;const E=S.getPath(f.formValue,p.path);h.validate(E,bt.ON_SUBMIT)}}else g=Dr(f.formValue,p.path),S.setPath(g,p.path,p.value);else g=p.value;if(p?.updateFormOptions?.validators&&(a.current={...a.current,...p.updateFormOptions.validators},bo(f.formValue,f.formMeta,a.current,p.updateFormOptions?.runValidators??!0)),g){f.formMeta.submitted=!1,S.deepFreeze(g);const h=S.diff(f.formValue,g);for(const{type:v,key:b,parentPath:C,objects:[,w]}of h){const T=Pn(f.formMeta,C);if(typeof b!="symbol"&&T){let M;switch(v){case S.DiffChange.ADDITION:T.fields[b]=ho(w[b],[...C,b],l);break;case S.DiffChange.DELETION:Array.isArray(T.fields)?T.fields[b]=void 0:delete T.fields[b];break;case S.DiffChange.ALTERATION:M=ho(w[b],[...C,b],l),(M instanceof Wt&&!(T.fields[b]instanceof Wt)||!(M instanceof Wt)&&T.fields[b]instanceof Wt)&&(M.pristine=!1,T.fields[b]=M);break}}}const E=new Set;if(h.filter(v=>v.type===S.DiffChange.DELETION).reduce((v,b)=>(v.has(b.parentPath)||v.add(b.parentPath),v),E),Array.from(E).forEach(v=>{const b=Pn(f.formMeta,v);Array.isArray(b.fields)&&(b.fields=b.fields.filter(C=>C!==void 0))}),a.current){bo(g,f.formMeta,a.current);const v=new Set;t&&Cr(f.formMeta,t,(b,C)=>{typeof C=="function"&&(b.validate(S.getPath(g,b.path)),v.add(b))});for(const{type:b,key:C,parentPath:w,objects:[,T]}of h)if(typeof C!="symbol"){let M=f.formMeta,_=g;if(M){for(const y of w)M=M.fields[y],_=_[y],v.has(M)||M.validate(_,bt.ON_CHANGE);if(b===S.DiffChange.ADDITION||b===S.DiffChange.ALTERATION){const y=M.fields[C];if(!v.has(y)&&(M.fields[C].validate(T[C],bt.ON_CHANGE),b===S.DiffChange.ADDITION&&y.fields))for(const[k,x]of Object.entries(y.fields))x.validate(T[C][k],bt.ON_CHANGE)}}}}}m.current={...f,formValue:g||f.formValue},o.current||n({})},[]),i=D.useCallback((p,f)=>{p||f?s({value:p,updateFormOptions:f}):s()},[s]),l=D.useCallback((p,f,g=!1,h,E=!1)=>{p?s({path:p,value:f,markAsBlurred:g,newValidators:h,markAsSubmitted:E}):i()},[s,i]),d=D.useMemo(()=>{S.deepFreeze(e);const p=ho(e,[],l);return t&&bo(e,p,t,!1,!0),p},[]),c=D.useCallback(()=>(m.current.formMeta.markAsDirty(),a.current&&Cr(m.current.formMeta,a.current,(p,f)=>{(typeof f=="function"||Array.isArray(f))&&p.validate(S.getPath(m.current.formValue,p.path))}),m.current.formMeta.isValid()),[]),u=D.useCallback(()=>m.current.formValue,[]),m=D.useRef({formValue:e,formMeta:d,updateForm:i,validateForm:c,getCurrentFormValue:u});return m.current}const ke=r.forwardRef((e,t)=>{const{className:n,children:o,focusInputOnClick:a,formControl:s,formMeta:i,inputRef:l,onClick:d,...c}=e,u=r.useRef(),p=l||(t||u);function f(){p&&p!==t&&p.current&&p.current.focus()}function g(){p&&p!==t&&p.current&&i&&i instanceof Bn&&i.markAsFocused()}function h(){p&&p!==t&&p.current&&i&&i instanceof Bn&&i.markAsBlurred()}const E=F("sps-form-group",(s&&s.isRequired()||i&&i.isRequired())&&"sps-form-group--required",(s&&!s.isValid()||i&&i.isVisibilyInvalid())&&"sps-form-group--error",i&&i.hasPreventativeErrors()&&"sps-form-group--preventative-error",n);function v(b){a&&f(),d&&d(b)}return r.useEffect(()=>{function b(C){C.target.classList.contains("sps-form-control__clear-btn")&&C.preventDefault()}return document.addEventListener("mousedown",b),()=>{document.removeEventListener("mousedown",b)}},[]),r.createElement("div",{...c,className:E,ref:t,tabIndex:-1,onClick:v,onFocus:g,onBlur:h},o)});Object.assign(ke,{displayName:"SpsFormComponentWrapper"});const gi=e=>typeof e=="object"&&e!=null&&e.nodeType===1,hi=(e,t)=>(!t||e!=="hidden")&&e!=="visible"&&e!=="clip",vo=(e,t)=>{if(e.clientHeight<e.scrollHeight||e.clientWidth<e.scrollWidth){const n=getComputedStyle(e,null);return hi(n.overflowY,t)||hi(n.overflowX,t)||(o=>{const a=(s=>{if(!s.ownerDocument||!s.ownerDocument.defaultView)return null;try{return s.ownerDocument.defaultView.frameElement}catch{return null}})(o);return!!a&&(a.clientHeight<o.scrollHeight||a.clientWidth<o.scrollWidth)})(e)}return!1},yo=(e,t,n,o,a,s,i,l)=>s<e&&i>t||s>e&&i<t?0:s<=e&&l<=n||i>=t&&l>=n?s-e-o:i>t&&l<n||s<e&&l>n?i-t+a:0,Cm=e=>{const t=e.parentElement;return t??(e.getRootNode().host||null)},bi=(e,t)=>{var n,o,a,s;if(typeof document>"u")return[];const{scrollMode:i,block:l,inline:d,boundary:c,skipOverflowHiddenElements:u}=t,m=typeof c=="function"?c:W=>W!==c;if(!gi(e))throw new TypeError("Invalid target");const p=document.scrollingElement||document.documentElement,f=[];let g=e;for(;gi(g)&&m(g);){if(g=Cm(g),g===p){f.push(g);break}g!=null&&g===document.body&&vo(g)&&!vo(document.documentElement)||g!=null&&vo(g,u)&&f.push(g)}const h=(o=(n=window.visualViewport)==null?void 0:n.width)!=null?o:innerWidth,E=(s=(a=window.visualViewport)==null?void 0:a.height)!=null?s:innerHeight,{scrollX:v,scrollY:b}=window,{height:C,width:w,top:T,right:M,bottom:_,left:y}=e.getBoundingClientRect(),{top:k,right:x,bottom:P,left:z}=(W=>{const A=window.getComputedStyle(W);return{top:parseFloat(A.scrollMarginTop)||0,right:parseFloat(A.scrollMarginRight)||0,bottom:parseFloat(A.scrollMarginBottom)||0,left:parseFloat(A.scrollMarginLeft)||0}})(e);let I=l==="start"||l==="nearest"?T-k:l==="end"?_+P:T+C/2-k+P,Y=d==="center"?y+w/2-z+x:d==="end"?M+x:y-z;const V=[];for(let W=0;W<f.length;W++){const A=f[W],{height:Z,width:$,top:L,right:B,bottom:J,left:te}=A.getBoundingClientRect();if(i==="if-needed"&&T>=0&&y>=0&&_<=E&&M<=h&&(A===p&&!vo(A)||T>=L&&_<=J&&y>=te&&M<=B))return V;const G=getComputedStyle(A),ne=parseInt(G.borderLeftWidth,10),K=parseInt(G.borderTopWidth,10),U=parseInt(G.borderRightWidth,10),H=parseInt(G.borderBottomWidth,10);let X=0,ee=0;const q="offsetWidth"in A?A.offsetWidth-A.clientWidth-ne-U:0,Q="offsetHeight"in A?A.offsetHeight-A.clientHeight-K-H:0,ue="offsetWidth"in A?A.offsetWidth===0?0:$/A.offsetWidth:0,pe="offsetHeight"in A?A.offsetHeight===0?0:Z/A.offsetHeight:0;if(p===A)X=l==="start"?I:l==="end"?I-E:l==="nearest"?yo(b,b+E,E,K,H,b+I,b+I+C,C):I-E/2,ee=d==="start"?Y:d==="center"?Y-h/2:d==="end"?Y-h:yo(v,v+h,h,ne,U,v+Y,v+Y+w,w),X=Math.max(0,X+b),ee=Math.max(0,ee+v);else{X=l==="start"?I-L-K:l==="end"?I-J+H+Q:l==="nearest"?yo(L,J,Z,K,H+Q,I,I+C,C):I-(L+Z/2)+Q/2,ee=d==="start"?Y-te-ne:d==="center"?Y-(te+$/2)+q/2:d==="end"?Y-B+U+q:yo(te,B,$,ne,U+q,Y,Y+w,w);const{scrollLeft:Te,scrollTop:Le}=A;X=pe===0?0:Math.max(0,Math.min(Le+X/pe,A.scrollHeight-Z/pe+Q)),ee=ue===0?0:Math.max(0,Math.min(Te+ee/ue,A.scrollWidth-$/ue+q)),I+=Le-X,Y+=Te-ee}V.push({el:A,top:X,left:ee})}return V},Dm=e=>e===!1?{block:"end",inline:"nearest"}:(t=>t===Object(t)&&Object.keys(t).length!==0)(e)?e:{block:"start",inline:"nearest"};function Eo(e,t){if(!e.isConnected||!(a=>{let s=a;for(;s&&s.parentNode;){if(s.parentNode===document)return!0;s=s.parentNode instanceof ShadowRoot?s.parentNode.host:s.parentNode}return!1})(e))return;const n=(a=>{const s=window.getComputedStyle(a);return{top:parseFloat(s.scrollMarginTop)||0,right:parseFloat(s.scrollMarginRight)||0,bottom:parseFloat(s.scrollMarginBottom)||0,left:parseFloat(s.scrollMarginLeft)||0}})(e);if((a=>typeof a=="object"&&typeof a.behavior=="function")(t))return t.behavior(bi(e,t));const o=typeof t=="boolean"||t==null?void 0:t.behavior;for(const{el:a,top:s,left:i}of bi(e,Dm(t))){const l=s-n.top+n.bottom,d=i-n.left+n.right;a.scroll({top:l,left:d,behavior:o})}}const Nr=Object.freeze(Object.defineProperty({__proto__:null,default:Eo},Symbol.toStringTag,{value:"Module"})),Nm={alt:"string",size:"SpinnerSize",title:"string"};function Ir(e){const{alt:t,className:n,size:o=R.SpinnerSize.MEDIUM,"data-testid":a,title:s,unsafelyReplaceClassName:i,...l}=e,{t:d}=Se.useWoodlandLanguage(),c=t||s||d("spinner.defaultAltText",{defaultValue:"Loading..."}),u=F(i||"sps-spinner",`sps-spinner--${o}`,n);return r.createElement("i",{className:u,"data-testid":a,title:c,...l})}Object.assign(Ir,{props:Nm,displayName:"SpsSpinner"});const Im=60;function To(e){return typeof e>"u"?"inherit":`${e}px`}function xr(e){switch(e){case R.Position.TOP_LEFT:return R.Position.BOTTOM_LEFT;case R.Position.TOP_MIDDLE:return R.Position.BOTTOM_MIDDLE;case R.Position.TOP_RIGHT:return R.Position.BOTTOM_RIGHT;case R.Position.RIGHT_TOP:return R.Position.LEFT_TOP;case R.Position.RIGHT_MIDDLE:return R.Position.LEFT_MIDDLE;case R.Position.RIGHT_BOTTOM:return R.Position.LEFT_BOTTOM;case R.Position.BOTTOM_RIGHT:return R.Position.TOP_RIGHT;case R.Position.BOTTOM_MIDDLE:return R.Position.TOP_MIDDLE;case R.Position.BOTTOM_LEFT:return R.Position.TOP_LEFT;case R.Position.LEFT_BOTTOM:return R.Position.RIGHT_BOTTOM;case R.Position.LEFT_MIDDLE:return R.Position.RIGHT_MIDDLE;case R.Position.LEFT_TOP:return R.Position.RIGHT_TOP}}function xm(e,t,n,o,a,s,i,l){const d=i&&i.current,c=d?d.scrollTop:window.pageYOffset,u=l?0:c,m=d?d.scrollLeft:window.pageXOffset,p=l?0:m,[f,g]=e.split(" ");let h,E,v,b;switch(f){case"top":v=t.height-n.top-u-s[0];break;case"left":E=t.width-n.left-p-s[0];break;case"right":b=n.right+p-s[0];break;case"bottom":h=n.bottom+u-s[0];break;default:throw new Error(`Invalid position ${e}`)}switch(g){case"left":b=n.left+p+s[1];break;case"top":h=n.top+u+s[1];break;case"middle":f==="top"||f==="bottom"?b=n.left+p+n.width/2-a/2+s[1]:(f==="left"||f==="right")&&(h=n.top+u+n.height/2-o.height/2+s[1]);break;case"bottom":v=t.height-n.bottom-u+s[1];break;case"right":E=t.width-n.right-p+s[1];break;default:throw new Error(`Invalid position ${e}`)}return[h,E,v,b]}function Gt(e,t,n,{altPosition:o,setMinWidth:a=!1,setWidth:s=!1,parentElementRef:i,fixed:l=!1,offsets:d=[0,0]}){if(e.current&&t.current){const c=e.current.getBoundingClientRect(),u=t.current.getBoundingClientRect(),m=Math.max(document.documentElement.clientHeight,window.innerHeight||0),p=document.documentElement.getBoundingClientRect().width;let g=(i?.current??document.documentElement).getBoundingClientRect();l&&(g={x:0,y:0,width:p,height:m,top:0,left:0,bottom:m,right:p,toJSON(){return{width:p,height:m,top:0,left:0,bottom:m,right:p}}});const[h,E]=n.split(" ");let v=n;if(o&&(h==="top"&&u.top-c.height<Im||h==="right"&&u.right+c.width>p||h==="bottom"&&u.bottom+c.height>m||h==="left"&&u.left-c.width<0)&&(v=o),E==="left"&&u.left+c.width+(d?.[1]??0)>document.documentElement.getBoundingClientRect().right)switch(h){case"bottom":v=R.Position.BOTTOM_RIGHT;break;case"top":v=R.Position.TOP_RIGHT;break}const b=a?Math.max(u.width,c.width):c.width,C=s?u.width:b,[w,T,M,_]=xm(v,g,u,c,C,d,i,l),y={top:To(w),right:To(T),bottom:To(M),left:To(_)};return l&&(y.position="fixed",y.zIndex=R.ZStratum.BAR),a&&(y.minWidth=`${u.width}px`),s&&(y.width=`${u.width}px`),[y,v===o]}return[{},!1]}const nt=D.createContext(null);function mn(e,t=[]){const n=D.useContext(nt);return D.useMemo(()=>o=>{const s=n&&n.parentElementRef&&n.parentElementRef.current||document.body;let i=null,l=s.lastElementChild;for(;l&&l!==s.firstElementChild;){if(l.hasAttribute("data-portalid")&&l.getAttribute("data-portalid")===e){i=l;break}l=l.previousElementSibling}if(i)s.contains(i)||s.appendChild(i);else{i=document.createElement("div"),i.setAttribute("data-portalid",e);for(const d of t)i.classList.add(d);s.appendChild(i)}return uo.createPortal(o,i)},[n])}const Mr=["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","1","2","3","4","5","6","7","8","9","0"];async function vi(e,t,n,o,a,s){const i=typeof e.options=="function"?e.options(t.value):e.options||[],l=i instanceof Promise,d=m=>m.replace(/([.?*+^$[\]\\(){}|-])/g,"");n({pending:l}),s.current=l?i:null;const c=l?await i||[]:i||[];if(l&&s.current!==i)return;let u=Array.from(c).filter(Boolean).map(m=>new R.SpsOptionListOption(m,typeof m=="function"?{textKey:"label",captionKey:"caption"}:{textKey:e.textKey,captionKey:e.captionKey}));if(e.nullOption&&u.unshift(new R.SpsOptionListOption(null,{text:e.nullOption})),t.value&&!e.disableDefaultOptionsFiltering){const m=d(t.value);n({replacementPattern:new RegExp(`(${m})`,"ig")}),u=u.filter(p=>{const f=new RegExp(m,"i"),g=d(p.text);return e.filterByTextAndCaptionKey?f.test(g)||f.test(d(p.caption)):f.test(g)})}else n({replacementPattern:null});if(e.disabledOptions)for(const m of u)e.disabledOptions.includes(m.value)&&(m.disabled=!0);o(Object.freeze(u)),e.onOptionListChanged&&e.onOptionListChanged(u.length),a(u.some(m=>m.value&&!!m.value.icon)),n({pending:!1})}function Mm(e,t,n){const[o,a]=r.useState(Object.freeze([])),[s,i]=r.useState(!1),l=r.useRef(null),d=r.useRef(e.options);(typeof e.options!="function"||e.disableOptionsMemoization)&&(d.current=e.options);const c=r.useMemo(()=>typeof d.current=="function"?S.debounce(vi,typeof e.searchDebounce<"u"?e.searchDebounce:500):vi,[d.current,e.disabledOptions]);return r.useEffect(()=>{c(e,t,n,a,i,l)},[d.current,t.value,e.disabledOptions]),[o,s]}class xt{constructor(t,n){this.target=t,this.isPgStoppedInternal=!1,this.currentTarget=t,this.nativeEvent=new CustomEvent("change",n),Object.defineProperty(this.nativeEvent,"target",{value:t,writable:!1,configurable:!1,enumerable:!0})}get bubbles(){return this.nativeEvent.bubbles}get cancelable(){return this.nativeEvent.cancelable}get defaultPrevented(){return this.nativeEvent.defaultPrevented}get eventPhase(){return this.nativeEvent.eventPhase}get isTrusted(){return this.nativeEvent.isTrusted}get timeStamp(){return this.nativeEvent.timeStamp}get type(){return this.nativeEvent.type}preventDefault(){this.nativeEvent.preventDefault()}isDefaultPrevented(){return this.defaultPrevented}stopPropagation(){this.nativeEvent.stopPropagation(),this.isPgStoppedInternal=!0}isPropagationStopped(){return this.isPgStoppedInternal}persist(){throw new Error("This is not a real React ChangeEvent. React does not permit the creation of SyntheticEvents in userland.")}}function km(e,t){return{...e,...t}}function vt(e){return D.useReducer(km,e)}function Lm({hideInlineSearch:e,options:t,onSearchChange:n,search:o="",searchPlaceholder:a,searchInputRef:s}){const{t:i}=Se.useWoodlandLanguage(),l=a??i("select.searchPlaceholder",{defaultValue:"Search…"}),[d,c]=vt({isAsync:typeof t=="function",pending:!1,value:o,replacementPattern:null}),u=r.useCallback(h=>{c({value:h.target.value}),n&&n(h)},[n]),m=r.useCallback(h=>{h.nativeEvent.stopImmediatePropagation(),h.stopPropagation()},[]),p=r.useCallback(h=>{h.nativeEvent.stopImmediatePropagation(),c({value:""}),s?.current&&(n&&n(new xt(s.current)),s.current.focus())},[n]),f=h=>{h&&(["Tab","Escape","Enter","Up","ArrowUp","Down","ArrowDown"].includes(h.key)||h.stopPropagation())};return r.useEffect(()=>{c({value:o})},[o]),[d.isAsync&&!e?r.createElement("div",{className:"sps-option-list__search sps-form-group sps-text-input"},r.createElement("div",{className:"sps-form-control"},!d.value&&r.createElement("i",{className:"sps-icon sps-icon-filter sps-text-input__icon"}),r.createElement("input",{type:"text",className:"sps-text-input__input",placeholder:l,ref:s,value:d.value,onChange:u,onClick:m,onKeyDown:f}),d.value&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:p}))):r.createElement(r.Fragment,null),d,c]}const Om=Eo||Nr,Bm=["Tab","Escape","Enter","Up","ArrowUp","Down","ArrowDown"];function Pm(e,t,n){return n?(e&&e[n])===(t&&t[n]):e===t}function yi(e,t,n){return typeof n.value=="function"&&n.disabled?!0:t?!!e?.find(o=>o[t]&&o[t]===n?.value?.[t]):!1}const _n=r.forwardRef((e,t)=>{const{captionKey:n,comparisonKey:o,disabledOptions:a,options:s,tall:i,textKey:l,valueKey:d,zeroState:c,hideInlineSearch:u,onSearchChange:m,search:p,searchDebounce:f,searchPlaceholder:g,onSpecialActionSelect:h,attachTo:E,className:v,conformWidth:b,id:C,ignoreWidthStyles:w,isOpen:T,keepOpen:M,keyDown:_,nullOption:y,onOptionListChanged:k,onOptionSelected:x,onPositionFlip:P,onSelfToggle:z,optionRole:I,positionOverride:Y,selectedOption:V,specialAction:W,unsafelyReplaceClassName:A,loading:Z,filterByTextAndCaptionKey:$,maxHeightPx:L,maxHeightRem:B,disableOptionsMemoization:J,disableDefaultOptionsFiltering:te,"data-testid":G,typeaheadEvent:ne,...K}=e,U=r.useMemo(()=>W?new R.SpsOptionListOption(W,{textKey:"label",captionKey:"caption"}):null,[W]),[H,X]=r.useState(-1),[ee,q]=r.useState(T),Q=t||r.useRef(null),ue=r.useRef(null),pe=r.useRef(null),Te=mn("sps-option-list-portal"),Le=r.useContext(nt),[qe,Ue]=Y||[R.Position.BOTTOM_LEFT,R.Position.TOP_LEFT],[[St,Fe],Ve]=r.useState([{},!1]),$e=r.useRef(null),[ce,ve,de]=Lm({...e,searchInputRef:$e}),[ge,tt]=Mm(e,ve,de);r.useEffect(()=>{ne&&_e(ne)},[ne]),r.useEffect(()=>{Ve(ee?Gt(Q,E,qe,{altPosition:Ue,setMinWidth:!w,setWidth:!w&&b,...Le}):[{},!1])},[ee,qe,Ue,ge]),r.useEffect(()=>{let ae;return ee&&(ae=()=>{ee&&Ve(Gt(Q,E,qe,{altPosition:Ue,setMinWidth:!w,setWidth:!w&&b,...Le}))},document.addEventListener("scroll",ae)),()=>{ae&&document.removeEventListener("scroll",ae)}},[ee]),r.useEffect(()=>{X(-1)},[ve]);const sn=F(A||"sps-option-list","z-stratum-dropdown",ee&&"sps-option-list--open",ve.isAsync&&"sps-option-list--searchable",Fe&&"sps-option-list--opens-upward",W&&W.label&&"sps-option-list--has-special-action",v),ni=F(A||"sps-option-list__options",i&&"sps-option-list__options--tall"),Vt=r.useCallback(()=>{ee||(q(!0),$e.current&&$e.current.focus(),X(-1),z&&z(!0))},[ee,z]),Et=r.useCallback(()=>{ee&&(q(!1),X(-1),z&&z(!1))},[ee,z]),$t=r.useCallback((ae,le)=>{le||ae&&!ae.disabled&&(typeof ae.value=="function"?(ae.value(),h&&h()):typeof x=="function"&&x(ae.value),M||Et())},[x,Et]),Kt=r.useCallback((ae,le,De)=>{ae.stopPropagation(),$t(le,De)},[$t]),Mn=r.useRef(a||[]);Mn.current=a||[];const re=r.useCallback(ae=>{switch(ae.key){case"Tab":case"Escape":Et();break;case"Enter":if(H>-1){const le=ge[H]||U;ae.preventDefault();const De=!!le&&yi(Mn.current,o||"",le);!De&&le&&typeof x=="function"&&typeof le.value=="function"?le.value():le&&$t(le,De)}break;case"Up":case"ArrowUp":{let le=H;Fe?H<=-1?le=ge.length-1:H===0?W&&(le=ge.length):H<ge.length&&(le=H-1):H>-1&&(le=H-1),le!==H&&(ae.preventDefault(),X(le));break}case"Down":case"ArrowDown":{Vt();let le=H;Fe?H!==-1&&(H>=ge.length?le=0:H===ge.length-1?le=-1:le=H+1):H<ge.length-1+ +!!W&&(le=H+1),le!==H&&(ae.preventDefault(),X(le));break}default:Vt()}},[Et,Vt,H,$t,x,Fe,ge]),we=r.useCallback(ae=>{Vt();const le=ge.findIndex(De=>{if(De.textKey){const gt=De.textKey;return De.value[gt].toLowerCase().charAt([0])===ae.key.toLocaleLowerCase()}return De.value.toString().toLowerCase().charAt([0])===ae.key.toLocaleLowerCase()});le>-1&&X(le)},[ge]),_e=r.useCallback(ae=>{ae&&(Bm.includes(ae.key)?re(ae):Mr.includes(ae.key)&&!u&&we(ae))},[Et,Vt,H,$t,x,Fe,ge]);r.useEffect(()=>{if(Le!==null&&document.getElementsByClassName("sps-modal__body").length>0){const ae=()=>{z&&z(!1)},le=document.getElementsByClassName("sps-modal__body")[0];return le.addEventListener("scroll",ae),()=>{le.removeEventListener("scroll",ae)}}},[]),r.useEffect(()=>{ee&&pe.current&&Om(pe.current,{scrollMode:"if-needed",block:"nearest",inline:"nearest"})},[H,ee]),r.useEffect(()=>{q(T),T?$e.current&&$e.current.focus():X(-1)},[T]),r.useEffect(()=>{_&&_e(_)},[_]),r.useEffect(()=>{!ee&&ue.current&&(de({value:""}),ue.current.scrollTop=0),ee&&P&&P(Fe)},[ee]);const ze=L?L/16:B,xe=ze?{maxHeight:`${ze}rem`}:{};function ct(ae,le){return le?r.createElement(r.Fragment,null,ae.split(le).map((De,gt)=>le.test(De)?r.createElement("u",{key:gt},De):r.createElement(r.Fragment,{key:gt},De))):r.createElement(r.Fragment,null,ae)}return Te(r.createElement("div",{className:sn,id:C,"aria-activedescendant":H>-1?`${C}-option-${H}`:"",tabIndex:-1,ref:Q,style:St,onMouseLeave:()=>X(-1),"data-testid":G,...K},ce,r.createElement("div",{className:ni,ref:ue,"data-testid":`${G}-options`,style:xe},!Z&&!ve.pending&&c&&ge.length===0&&r.createElement("div",{className:"sps-option-list__zero-state"},c),(Z||ve.pending)&&r.createElement("div",{className:"sps-option-list__loading"},r.createElement(Ir,null)),!Z&&!ve.pending&&ge.map((ae,le)=>{const De=`${C}-option-${le}`,gt=Pm(ae.value,V,o),kn=yi(Mn.current,o||"",ae);return r.createElement("a",{key:De,id:De,role:I,"aria-selected":gt,href:ae.href,className:F("sps-option-list__option",ae.caption&&"sps-option-list__option--has-caption",ae.disabled&&"sps-option-list__option--disabled",ae.bold&&"sps-option-list__option--bold",(gt||kn)&&"sps-option-list__option--selected",H===le&&"sps-option-list__option--highlighted"),onClick:Uw=>Kt(Uw,ae,kn),onMouseOver:()=>X(le),tabIndex:-1,ref:H===le?pe:null,"data-testid":`${G}-option-${le}`},ae.value&&ae.value.icon&&r.createElement("i",{className:F("sps-icon","sps-option-list__option-icon",`sps-icon-${String(ae.value.icon)}`)}),(!ae.value||!ae.value.icon&&tt)&&r.createElement("span",{className:"sps-option-list__option-icon-spacer"}),r.createElement("span",null,ct(ae.text,ve.replacementPattern)),ae.caption&&r.createElement("div",{className:"sps-option-list__option-caption"},r.createElement("span",null,ct(ae.caption,ve.replacementPattern))))})),U&&W?.label&&r.createElement("a",{className:F("sps-option-list__option","sps-option-list__special-action",H===ge.length&&"sps-option-list__option--highlighted",W.disabled&&"sps-option-list__special-action--disabled"),href:U.href,target:U.href&&W.newTab?"_blank":"_self",onClick:ae=>Kt(ae,U),onMouseOver:()=>X(ge.length),"data-testid":`${G}-special-action`},W.icon&&r.createElement("i",{className:F("sps-icon","sps-option-list__option-icon",`sps-icon-${String(W.icon)}`)}),!W.icon&&tt&&r.createElement("span",{className:"sps-option-list__option-icon-spacer"}),r.createElement("span",null,W.label))))});Object.assign(_n,{displayName:"SpsOptionList"});function _m(e,t,n=[]){return r.useMemo(()=>{function o(a){return r.createElement(e,{...a,...t},a.children)}return o},n)}function je(e){return typeof e=="function"?e():e}const Ei=function({children:e,elements:t}){if(t.length===0)return r.createElement(r.Fragment,null,e);const[n,o]=Array.isArray(t[0])?t[0]:[t[0]];return r.createElement(n,{...o??{}},r.createElement(Ei,{elements:t.slice(1)},e))},Ti=function({children:e,providers:t=[],...n}){return r.createElement("div",{...n},r.createElement(Ei,{elements:t},e))},Rm=function({children:e,className:t,...n}){return r.createElement(Ti,{className:`sps-app ${t}`,...n},e)};function ot(e=[],t=[]){const n=Array.isArray(e)?S.flatten(e):[e],o=t.map(s=>Array.isArray(s)?s:[s]),a=new Array(o.length+1).fill(null).map(()=>[]);for(const s of n){let i=!1;for(let l=0;l<o.length;l+=1)for(const{type:d,props:c={}}of o[l])if(s.type===d&&Object.keys(c).every(m=>c[m]===s.props[m])){i=!0,a[l].push(s);break}i||a[a.length-1].push(s)}return a}function wi(e,t,n){const o=Object.entries(t).filter(([,s])=>typeof s!="string"&&s.deprecated).map(([s])=>s),a=o.map(s=>n[s]);r.useEffect(()=>{a.find(s=>typeof s<"u")&&console.warn(`The following prop(s) of ${e} are deprecated: ${o.join(", ")}`)},a)}function kr(e,t){const n=D.useRef(!1);D.useEffect(()=>()=>{n.current=!1},[]),D.useEffect(()=>{if(n.current)return e();n.current=!0},t)}function Lr(e,t,n){const o=r.useRef(t(...n));r.useEffect(()=>(document.addEventListener(e,o.current,{capture:!0}),()=>document.removeEventListener(e,o.current)),[]),r.useEffect(()=>{document.removeEventListener(e,o.current),o.current=t(...n),document.addEventListener(e,o.current,{capture:!0})},n)}function Ci(e,t,n){return function(a){!e.current?.contains(a.target)&&!t.current?.contains(a.target)&&n()}}function fn(e,t,n){const o=r.useRef(!1),[a,s]=r.useState(!1),i=r.useCallback(()=>{o.current?o.current=!1:s(!0)},[]),l=r.useCallback((d=!1)=>{s(!1),o.current=d,n&&n()},[]);return Lr("mousedown",Ci,[e,t,l]),Lr("pointerdown",Ci,[e,t,l]),{showPopup:a,doShowPopup:i,doHidePopup:l}}const Di=e=>{const t=/(auto|scroll)/,n=(l,d)=>l.parentNode===null?d:n(l.parentNode,d.concat([l])),o=(l,d)=>getComputedStyle(l,null).getPropertyValue(d),a=l=>o(l,"overflow")+o(l,"overflow-y"),s=l=>t.test(a(l));return(l=>{if(!(l instanceof HTMLElement||l instanceof SVGElement))return;const d=n(l.parentNode,[]);for(let c=0;c<d.length;c+=1)if(s(d[c]))return d[c];return null})(e)};let Or=0;function Rn({isOpen:e,rootRef:t}){r.useLayoutEffect(()=>{let n,o,a;if(e&&t.current){Or+=1,n=Di(t.current)||document.body,o=n===document.body?window.innerWidth-document.documentElement.clientWidth:n.offsetWidth-n.clientWidth,n.style.overflow="hidden";const s=window.getComputedStyle(n).paddingRight;if(n.style.paddingRight=s&&s!=="0px"?`calc(${s} + ${o}px)`:`${o}px`,n===document.body){if(a=document.getElementsByClassName("sps-navbar-container").item(0),a&&window.getComputedStyle(a).position==="fixed"){const i=window.getComputedStyle(a).paddingRight;a.style.paddingRight=i&&i!=="0px"?`calc(${i} + ${o}px)`:`${o}px`}else if(a=document.getElementsByTagName("nav").item(0)?.parentElement,a&&window.getComputedStyle(a).position==="fixed"){const l=window.getComputedStyle(a).paddingRight;a.style.paddingRight=l&&l!=="0px"?`calc(${l} + ${o}px)`:`${o}px`}}}return()=>{n&&(Or-=1,Or===0&&(n.style.overflow=null,n.style.paddingRight=null,a&&(a.style.paddingRight=null)))}},[e])}const Am={debounce:"number",disabled:"boolean",conformWidth:"boolean",formMeta:"SpsFormFieldMeta<string>",icon:"SpsIcon",onChange:"React.ChangeEventHandler",onSelectionChange:"(newValue: string) => void",placeholder:"string",suggestions:{type:`
             Eventually<Iterable<string>>
             | ((filter?: string) => Eventually<Iterable<string>>)
-        `,required:!0},tallOptionList:"boolean",value:"string",zeroState:"string",loading:"boolean",maxHeightOptionListPx:"number",maxHeightOptionListRem:"number",disableOptionsMemoization:"boolean",inputNotClearable:"boolean",autoFocusOnSelection:"boolean"};function vt({className:e,debounce:t=0,disabled:n,conformWidth:o,formControl:a,formMeta:s,onChange:i,onSelectionChange:l,icon:d,id:c,placeholder:u="",suggestions:m,unsafelyReplaceClassName:p,tallOptionList:f,value:g="",zeroState:h,loading:E,maxHeightOptionListPx:v,maxHeightOptionListRem:b,disableOptionsMemoization:C,inputNotClearable:w,autoFocusOnSelection:T,"data-testid":x,...F}){const y=s||a,{wrapperId:k,controlId:M}=We(c,y),[P,G]=bt({keyDown:null,opensUpward:!1}),I=r.useRef(null),j=r.useRef(null),K=r.useRef(null),{showPopup:H,doShowPopup:R,doHidePopup:Z}=fn(I,K);function $(O,U,q=!1){y&&(y.setValue(O),y.markAsDirty()),l&&q?l(O):i&&i(U||new xt({value:O}))}function L(O){j.current&&(j.current.value="",$("")),O.stopPropagation()}function _(O){$(O.target.value,O)}function Y(O){n||(["Up","ArrowUp","Down","ArrowDown","Enter"].indexOf(O.key)>-1&&(O.preventDefault(),O.persist()),O.stopPropagation(),G({keyDown:O})),O.key==="Tab"&&Z()}function te(O){O?R():Z()}function W(O){G({opensUpward:O})}const ne=V(p||"sps-autocomplete",H&&"sps-autocomplete--open",H&&"z-stratum-dropdown",P.opensUpward&&"sps-autocomplete--opens-upward",n&&"sps-form-control--disabled",e);return r.useEffect(()=>{let O;return H&&(O=()=>{Z()},window.addEventListener("resize",O)),()=>{O&&window.removeEventListener("resize",O)}},[H]),Rn({isOpen:H,rootRef:I}),r.createElement(Le,{id:k,className:ne,formControl:a,formMeta:s,inputRef:j,ref:I,focusInputOnClick:!0,onClick:O=>O.nativeEvent.stopImmediatePropagation(),"data-testid":`${x}`},r.createElement("div",{className:"sps-text-input"},r.createElement("div",{className:"sps-form-control"},d&&r.createElement("i",{className:V("sps-text-input__icon","sps-icon",`sps-icon-${d}`)}),r.createElement("input",{type:"text",ref:j,value:g,className:"sps-text-input__input",placeholder:u,onFocus:R,onClick:R,onChange:_,onKeyDown:Y,disabled:n,id:M,"data-testid":`${x}__input`,...F}),g&&!n&&!w&&r.createElement("i",{"aria-label":"clear",className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:O=>L(O)}))),r.createElement(_n,{id:`${k}_options`,ref:K,attachTo:I,isOpen:H,options:m,hideInlineSearch:!0,keyDown:P.keyDown,onOptionSelected:O=>{$(O,void 0,!0),T&&j.current?.focus()},onPositionFlip:W,onSelfToggle:te,offsets:[1,0],search:g,searchDebounce:t,tall:f,zeroState:h,loading:E,maxHeightPx:v,maxHeightRem:b,disableOptionsMemoization:C,conformWidth:o}))}Object.assign(vt,{props:Am,displayName:"SpsAutocomplete"});const Ni={basic:{label:"Basic",examples:{basic:{react:S.code`
+        `,required:!0},textKey:"string",captionKey:"string",tallOptionList:"boolean",value:"string",zeroState:"string",loading:"boolean",maxHeightOptionListPx:"number",maxHeightOptionListRem:"number",disableOptionsMemoization:"boolean",inputNotClearable:"boolean",autoFocusOnSelection:"boolean"};function yt({className:e,debounce:t=0,disabled:n,conformWidth:o,formControl:a,formMeta:s,onChange:i,onSelectionChange:l,icon:d,id:c,placeholder:u="",suggestions:m,unsafelyReplaceClassName:p,textKey:f,captionKey:g,tallOptionList:h,value:E="",zeroState:v,loading:b,maxHeightOptionListPx:C,maxHeightOptionListRem:w,disableOptionsMemoization:T,inputNotClearable:M,autoFocusOnSelection:_,"data-testid":y,...k}){const x=s||a,{wrapperId:P,controlId:z}=He(c,x),[I,Y]=vt({keyDown:null,opensUpward:!1}),V=r.useRef(null),W=r.useRef(null),A=r.useRef(null),{showPopup:Z,doShowPopup:$,doHidePopup:L}=fn(V,A);function B(H,X,ee=!1){x&&(x.setValue(H),x.markAsDirty()),l&&ee?l(H):i&&i(X||new xt({value:H}))}function J(H){W.current&&(W.current.value="",B("")),H.stopPropagation()}function te(H){B(H.target.value,H)}function G(H){n||(["Up","ArrowUp","Down","ArrowDown","Enter"].indexOf(H.key)>-1&&(H.preventDefault(),H.persist()),H.stopPropagation(),Y({keyDown:H})),H.key==="Tab"&&L()}function ne(H){H?$():L()}function K(H){Y({opensUpward:H})}const U=F(p||"sps-autocomplete",Z&&"sps-autocomplete--open",Z&&"z-stratum-dropdown",I.opensUpward&&"sps-autocomplete--opens-upward",n&&"sps-form-control--disabled",e);return r.useEffect(()=>{let H;return Z&&(H=()=>{L()},window.addEventListener("resize",H)),()=>{H&&window.removeEventListener("resize",H)}},[Z]),Rn({isOpen:Z,rootRef:V}),r.createElement(ke,{id:P,className:U,formControl:a,formMeta:s,inputRef:W,ref:V,focusInputOnClick:!0,onClick:H=>H.nativeEvent.stopImmediatePropagation(),"data-testid":`${y}`},r.createElement("div",{className:"sps-text-input"},r.createElement("div",{className:"sps-form-control"},d&&r.createElement("i",{className:F("sps-text-input__icon","sps-icon",`sps-icon-${d}`)}),r.createElement("input",{type:"text",ref:W,value:E,className:"sps-text-input__input",placeholder:u,onFocus:$,onClick:$,onChange:te,onKeyDown:G,disabled:n,id:z,"data-testid":`${y}__input`,...k}),E&&!n&&!M&&r.createElement("i",{"aria-label":"clear",className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:H=>J(H)}))),r.createElement(_n,{id:`${P}_options`,ref:A,attachTo:V,isOpen:Z,options:m,hideInlineSearch:!0,keyDown:I.keyDown,onOptionSelected:H=>{const X=f&&typeof H=="object"&&H!==null?H[f]??"":H;B(X,void 0,!0),_&&W.current?.focus()},onPositionFlip:K,onSelfToggle:ne,offsets:[1,0],search:E,searchDebounce:t,textKey:f,captionKey:g,tall:h,zeroState:v,loading:b,maxHeightPx:C,maxHeightRem:w,disableOptionsMemoization:T,conformWidth:o}))}Object.assign(yt,{props:Am,displayName:"SpsAutocomplete"});const Ni={basic:{label:"Basic",examples:{basic:{react:S.code`
                     import { SpsAutocomplete } from "@spscommerce/ds-react";
 
                     function DemoComponent() {
@@ -55,7 +55,33 @@
                             </SpsForm>
                         )
                     }
-                `}}},b_async:{label:"Async Autocomplete",examples:{func:{react:S.code`
+                `},extendedDetails:{description:()=>D.createElement(D.Fragment,null,D.createElement("h4",null,"Extended Details"),D.createElement("p",null,"Extended details can be displayed in the dropdown menu. Only the primary detail is displayed as the selection.")),react:S.code`
+                    import { SpsAutocomplete } from "@spscommerce/ds-react";
+                    
+                    function DemoComponent() {
+                        const [color, setColor] = React.useState();
+                        const colors = [
+                            { name: "red", hex: "#FF0000" },
+                            { name: "blue", hex: "#0000FF" },
+                            { name: "green", hex: "#00FF00" },
+                        ];
+                        
+                        function handleChange(event) {
+                            setColor(event.target.value);
+                        }
+                        
+                        return (
+                            <SpsAutocomplete 
+                                suggestions={colors}
+                                value={color}
+                                onChange={handleChange}
+                                placeholder="Enter a color"
+                                textKey="name"
+                                captionKey="hex"
+                            />
+                        );
+                    }
+                    `}}},b_async:{label:"Async Autocomplete",examples:{func:{react:S.code`
                     import { SpsAutocomplete } from "@spscommerce/ds-react";
 
                     function DemoComponent() {
@@ -108,7 +134,7 @@
                             <SpsAutocomplete suggestions={colorSearch} value={color} onChange={handleChange} placeholder="Enter a color"/>
                         );
                     }
-                `}}}},Fm={checked:"boolean",disabled:"boolean",formMeta:"SpsFormFieldMeta<boolean>",indeterminate:"boolean",inline:"boolean",label:"string",onChange:"ChangeEventHandler"};function Ut({checked:e,className:t,disabled:n,formControl:o,formMeta:a,id:s,indeterminate:i=!1,inline:l,label:d,onChange:c,"data-testid":u,unsafelyReplaceClassName:m,...p}){const f=a||o,g=r.useRef(null),[h,E]=r.useState(e),[v,b]=r.useState(i),{wrapperId:C,controlId:w}=We(s,f);r.useEffect(()=>E(e),[e]),r.useEffect(()=>b(i),[i]),r.useEffect(()=>{g.current&&(g.current.indeterminate=v)},[v]);const T=V(m||"sps-checkbox","sps-checkable",l&&"sps-checkable--inline",!d&&"sps-checkable--no-label",t);function x(F){E(F.target.checked),b(!1),f&&(f.setValue(F.target.checked),f.markAsDirty()),c&&c(F),g.current?.focus()}return r.createElement(Le,{id:C,className:T,formControl:o,formMeta:a,inputRef:g,"data-testid":u},r.createElement("input",{type:"checkbox",ref:g,className:"sps-checkable__input",id:w,checked:h,disabled:n,"data-testid":`${u}__checkbox-input`,"data-checked":h?"checked":void 0,onChange:x,...p}),r.createElement("label",{className:"sps-checkable__label",htmlFor:w},d||""))}Object.assign(Ut,{props:Fm,displayName:"SpsCheckbox"});const Ii={labels:{label:"Labels",description:S.code`
+                `}}}},Fm={checked:"boolean",disabled:"boolean",formMeta:"SpsFormFieldMeta<boolean>",indeterminate:"boolean",inline:"boolean",label:"string",onChange:"ChangeEventHandler"};function Ut({checked:e,className:t,disabled:n,formControl:o,formMeta:a,id:s,indeterminate:i=!1,inline:l,label:d,onChange:c,"data-testid":u,unsafelyReplaceClassName:m,...p}){const f=a||o,g=r.useRef(null),[h,E]=r.useState(e),[v,b]=r.useState(i),{wrapperId:C,controlId:w}=He(s,f);r.useEffect(()=>E(e),[e]),r.useEffect(()=>b(i),[i]),r.useEffect(()=>{g.current&&(g.current.indeterminate=v)},[v]);const T=F(m||"sps-checkbox","sps-checkable",l&&"sps-checkable--inline",!d&&"sps-checkable--no-label",t);function M(_){E(_.target.checked),b(!1),f&&(f.setValue(_.target.checked),f.markAsDirty()),c&&c(_),g.current?.focus()}return r.createElement(ke,{id:C,className:T,formControl:o,formMeta:a,inputRef:g,"data-testid":u},r.createElement("input",{type:"checkbox",ref:g,className:"sps-checkable__input",id:w,checked:h,disabled:n,"data-testid":`${u}__checkbox-input`,"data-checked":h?"checked":void 0,onChange:M,...p}),r.createElement("label",{className:"sps-checkable__label",htmlFor:w},d||""))}Object.assign(Ut,{props:Fm,displayName:"SpsCheckbox"});const Ii={labels:{label:"Labels",description:S.code`
             <p>An individual checkbox should be labeled with its own <code>label</code> prop,
             not the <code>&lt;SpsLabel&gt;</code> component.</p>
         `,examples:{label:{react:S.code`
@@ -223,7 +249,7 @@
                             </SpsSummaryListRow>
                         );
                     }
-                `}}}},Vm={disabled:"boolean",href:"string",kind:"ClickableTagKind",onAdd:"() => void",onRemove:"() => void"};function An(e){const{children:t,className:n,disabled:o,href:a,kind:s=A.ClickableTagKind.BLUE,onAdd:i,onRemove:l,onClick:d,"data-testid":c,unsafelyReplaceClassName:u,wrap:m=!1,...p}=e,f=V(u||"sps-clickable-tag",`sps-clickable-tag--${s}`,n,o&&"sps-clickable-tag--disabled",(i||l)&&"sps-clickable-tag--icon",m&&"sps-clickable-tag--wrap"),g=V("sps-clickable-tag__label",(a||d)&&"sps-clickable-tag__label--link"),h=r.Children.toArray(t).filter(b=>typeof b=="string").join("");function E(b){i?i():l&&l(),b.stopPropagation()}r.useEffect(()=>{if(l&&i)throw new Error("Clickable tag should have onRemove or onAdd, not both")},[i,l]);function v(b){b.stopPropagation(),d&&d(b)}return r.createElement("div",{className:f,"data-testid":c,...p},r.createElement("span",{className:g,title:h,onClick:v},a&&r.createElement("a",{href:a},t),!a&&t),(i||l)&&!o&&r.createElement("div",{className:"sps-clickable-tag__icon",onClick:E,tabIndex:-1,"aria-label":i?"Add":"Remove"},r.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${i?A.SpsIcon.PLUS_SIGN:A.SpsIcon.X}`,"data-testid":`${c}__icon`})))}Object.assign(An,{props:Vm,displayName:"SpsClickableTag"});const xi={basic:{label:"Basic",examples:{basic:{react:S.code`
+                `}}}},Vm={disabled:"boolean",href:"string",kind:"ClickableTagKind",onAdd:"() => void",onRemove:"() => void"};function An(e){const{children:t,className:n,disabled:o,href:a,kind:s=R.ClickableTagKind.BLUE,onAdd:i,onRemove:l,onClick:d,"data-testid":c,unsafelyReplaceClassName:u,wrap:m=!1,...p}=e,f=F(u||"sps-clickable-tag",`sps-clickable-tag--${s}`,n,o&&"sps-clickable-tag--disabled",(i||l)&&"sps-clickable-tag--icon",m&&"sps-clickable-tag--wrap"),g=F("sps-clickable-tag__label",(a||d)&&"sps-clickable-tag__label--link"),h=r.Children.toArray(t).filter(b=>typeof b=="string").join("");function E(b){i?i():l&&l(),b.stopPropagation()}r.useEffect(()=>{if(l&&i)throw new Error("Clickable tag should have onRemove or onAdd, not both")},[i,l]);function v(b){b.stopPropagation(),d&&d(b)}return r.createElement("div",{className:f,"data-testid":c,...p},r.createElement("span",{className:g,title:h,onClick:v},a&&r.createElement("a",{href:a},t),!a&&t),(i||l)&&!o&&r.createElement("div",{className:"sps-clickable-tag__icon",onClick:E,tabIndex:-1,"aria-label":i?"Add":"Remove"},r.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${i?R.SpsIcon.PLUS_SIGN:R.SpsIcon.X}`,"data-testid":`${c}__icon`})))}Object.assign(An,{props:Vm,displayName:"SpsClickableTag"});const xi={basic:{label:"Basic",examples:{basic:{react:S.code`
                     import { SpsClickableTag } from "@spscommerce/ds-react";
                     import { ClickableTagKind } from "@spscommerce/ds-shared";
                     function Component() {
@@ -330,39 +356,39 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var Vi;function qm(){if(Vi)return he;Vi=1;var e=typeof Symbol=="function"&&Symbol.for,t=e?Symbol.for("react.element"):60103,n=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,s=e?Symbol.for("react.profiler"):60114,i=e?Symbol.for("react.provider"):60109,l=e?Symbol.for("react.context"):60110,d=e?Symbol.for("react.async_mode"):60111,c=e?Symbol.for("react.concurrent_mode"):60111,u=e?Symbol.for("react.forward_ref"):60112,m=e?Symbol.for("react.suspense"):60113,p=e?Symbol.for("react.suspense_list"):60120,f=e?Symbol.for("react.memo"):60115,g=e?Symbol.for("react.lazy"):60116,h=e?Symbol.for("react.block"):60121,E=e?Symbol.for("react.fundamental"):60117,v=e?Symbol.for("react.responder"):60118,b=e?Symbol.for("react.scope"):60119;function C(T){if(typeof T=="object"&&T!==null){var x=T.$$typeof;switch(x){case t:switch(T=T.type,T){case d:case c:case o:case s:case a:case m:return T;default:switch(T=T&&T.$$typeof,T){case l:case u:case g:case f:case i:return T;default:return x}}case n:return x}}}function w(T){return C(T)===c}return he.AsyncMode=d,he.ConcurrentMode=c,he.ContextConsumer=l,he.ContextProvider=i,he.Element=t,he.ForwardRef=u,he.Fragment=o,he.Lazy=g,he.Memo=f,he.Portal=n,he.Profiler=s,he.StrictMode=a,he.Suspense=m,he.isAsyncMode=function(T){return w(T)||C(T)===d},he.isConcurrentMode=w,he.isContextConsumer=function(T){return C(T)===l},he.isContextProvider=function(T){return C(T)===i},he.isElement=function(T){return typeof T=="object"&&T!==null&&T.$$typeof===t},he.isForwardRef=function(T){return C(T)===u},he.isFragment=function(T){return C(T)===o},he.isLazy=function(T){return C(T)===g},he.isMemo=function(T){return C(T)===f},he.isPortal=function(T){return C(T)===n},he.isProfiler=function(T){return C(T)===s},he.isStrictMode=function(T){return C(T)===a},he.isSuspense=function(T){return C(T)===m},he.isValidElementType=function(T){return typeof T=="string"||typeof T=="function"||T===o||T===c||T===s||T===a||T===m||T===p||typeof T=="object"&&T!==null&&(T.$$typeof===g||T.$$typeof===f||T.$$typeof===i||T.$$typeof===l||T.$$typeof===u||T.$$typeof===E||T.$$typeof===v||T.$$typeof===b||T.$$typeof===h)},he.typeOf=C,he}var be={};/** @license React v16.13.1
+ */var Vi;function qm(){if(Vi)return he;Vi=1;var e=typeof Symbol=="function"&&Symbol.for,t=e?Symbol.for("react.element"):60103,n=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,s=e?Symbol.for("react.profiler"):60114,i=e?Symbol.for("react.provider"):60109,l=e?Symbol.for("react.context"):60110,d=e?Symbol.for("react.async_mode"):60111,c=e?Symbol.for("react.concurrent_mode"):60111,u=e?Symbol.for("react.forward_ref"):60112,m=e?Symbol.for("react.suspense"):60113,p=e?Symbol.for("react.suspense_list"):60120,f=e?Symbol.for("react.memo"):60115,g=e?Symbol.for("react.lazy"):60116,h=e?Symbol.for("react.block"):60121,E=e?Symbol.for("react.fundamental"):60117,v=e?Symbol.for("react.responder"):60118,b=e?Symbol.for("react.scope"):60119;function C(T){if(typeof T=="object"&&T!==null){var M=T.$$typeof;switch(M){case t:switch(T=T.type,T){case d:case c:case o:case s:case a:case m:return T;default:switch(T=T&&T.$$typeof,T){case l:case u:case g:case f:case i:return T;default:return M}}case n:return M}}}function w(T){return C(T)===c}return he.AsyncMode=d,he.ConcurrentMode=c,he.ContextConsumer=l,he.ContextProvider=i,he.Element=t,he.ForwardRef=u,he.Fragment=o,he.Lazy=g,he.Memo=f,he.Portal=n,he.Profiler=s,he.StrictMode=a,he.Suspense=m,he.isAsyncMode=function(T){return w(T)||C(T)===d},he.isConcurrentMode=w,he.isContextConsumer=function(T){return C(T)===l},he.isContextProvider=function(T){return C(T)===i},he.isElement=function(T){return typeof T=="object"&&T!==null&&T.$$typeof===t},he.isForwardRef=function(T){return C(T)===u},he.isFragment=function(T){return C(T)===o},he.isLazy=function(T){return C(T)===g},he.isMemo=function(T){return C(T)===f},he.isPortal=function(T){return C(T)===n},he.isProfiler=function(T){return C(T)===s},he.isStrictMode=function(T){return C(T)===a},he.isSuspense=function(T){return C(T)===m},he.isValidElementType=function(T){return typeof T=="string"||typeof T=="function"||T===o||T===c||T===s||T===a||T===m||T===p||typeof T=="object"&&T!==null&&(T.$$typeof===g||T.$$typeof===f||T.$$typeof===i||T.$$typeof===l||T.$$typeof===u||T.$$typeof===E||T.$$typeof===v||T.$$typeof===b||T.$$typeof===h)},he.typeOf=C,he}var be={};/** @license React v16.13.1
  * react-is.development.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var $i;function Jm(){return $i||($i=1,process.env.NODE_ENV!=="production"&&function(){var e=typeof Symbol=="function"&&Symbol.for,t=e?Symbol.for("react.element"):60103,n=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,s=e?Symbol.for("react.profiler"):60114,i=e?Symbol.for("react.provider"):60109,l=e?Symbol.for("react.context"):60110,d=e?Symbol.for("react.async_mode"):60111,c=e?Symbol.for("react.concurrent_mode"):60111,u=e?Symbol.for("react.forward_ref"):60112,m=e?Symbol.for("react.suspense"):60113,p=e?Symbol.for("react.suspense_list"):60120,f=e?Symbol.for("react.memo"):60115,g=e?Symbol.for("react.lazy"):60116,h=e?Symbol.for("react.block"):60121,E=e?Symbol.for("react.fundamental"):60117,v=e?Symbol.for("react.responder"):60118,b=e?Symbol.for("react.scope"):60119;function C(Q){return typeof Q=="string"||typeof Q=="function"||Q===o||Q===c||Q===s||Q===a||Q===m||Q===p||typeof Q=="object"&&Q!==null&&(Q.$$typeof===g||Q.$$typeof===f||Q.$$typeof===i||Q.$$typeof===l||Q.$$typeof===u||Q.$$typeof===E||Q.$$typeof===v||Q.$$typeof===b||Q.$$typeof===h)}function w(Q){if(typeof Q=="object"&&Q!==null){var ue=Q.$$typeof;switch(ue){case t:var de=Q.type;switch(de){case d:case c:case o:case s:case a:case m:return de;default:var Ee=de&&de.$$typeof;switch(Ee){case l:case u:case g:case f:case i:return Ee;default:return ue}}case n:return ue}}}var T=d,x=c,F=l,y=i,k=t,M=u,P=o,G=g,I=f,j=n,K=s,H=a,R=m,Z=!1;function $(Q){return Z||(Z=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),L(Q)||w(Q)===d}function L(Q){return w(Q)===c}function _(Q){return w(Q)===l}function Y(Q){return w(Q)===i}function te(Q){return typeof Q=="object"&&Q!==null&&Q.$$typeof===t}function W(Q){return w(Q)===u}function ne(Q){return w(Q)===o}function O(Q){return w(Q)===g}function U(Q){return w(Q)===f}function q(Q){return w(Q)===n}function X(Q){return w(Q)===s}function ee(Q){return w(Q)===a}function J(Q){return w(Q)===m}be.AsyncMode=T,be.ConcurrentMode=x,be.ContextConsumer=F,be.ContextProvider=y,be.Element=k,be.ForwardRef=M,be.Fragment=P,be.Lazy=G,be.Memo=I,be.Portal=j,be.Profiler=K,be.StrictMode=H,be.Suspense=R,be.isAsyncMode=$,be.isConcurrentMode=L,be.isContextConsumer=_,be.isContextProvider=Y,be.isElement=te,be.isForwardRef=W,be.isFragment=ne,be.isLazy=O,be.isMemo=U,be.isPortal=q,be.isProfiler=X,be.isStrictMode=ee,be.isSuspense=J,be.isValidElementType=C,be.typeOf=w}()),be}var Ki;function Pr(){return Ki||(Ki=1,process.env.NODE_ENV==="production"?Co.exports=qm():Co.exports=Jm()),Co.exports}/*
+ */var $i;function Jm(){return $i||($i=1,process.env.NODE_ENV!=="production"&&function(){var e=typeof Symbol=="function"&&Symbol.for,t=e?Symbol.for("react.element"):60103,n=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,s=e?Symbol.for("react.profiler"):60114,i=e?Symbol.for("react.provider"):60109,l=e?Symbol.for("react.context"):60110,d=e?Symbol.for("react.async_mode"):60111,c=e?Symbol.for("react.concurrent_mode"):60111,u=e?Symbol.for("react.forward_ref"):60112,m=e?Symbol.for("react.suspense"):60113,p=e?Symbol.for("react.suspense_list"):60120,f=e?Symbol.for("react.memo"):60115,g=e?Symbol.for("react.lazy"):60116,h=e?Symbol.for("react.block"):60121,E=e?Symbol.for("react.fundamental"):60117,v=e?Symbol.for("react.responder"):60118,b=e?Symbol.for("react.scope"):60119;function C(Q){return typeof Q=="string"||typeof Q=="function"||Q===o||Q===c||Q===s||Q===a||Q===m||Q===p||typeof Q=="object"&&Q!==null&&(Q.$$typeof===g||Q.$$typeof===f||Q.$$typeof===i||Q.$$typeof===l||Q.$$typeof===u||Q.$$typeof===E||Q.$$typeof===v||Q.$$typeof===b||Q.$$typeof===h)}function w(Q){if(typeof Q=="object"&&Q!==null){var ue=Q.$$typeof;switch(ue){case t:var pe=Q.type;switch(pe){case d:case c:case o:case s:case a:case m:return pe;default:var Te=pe&&pe.$$typeof;switch(Te){case l:case u:case g:case f:case i:return Te;default:return ue}}case n:return ue}}}var T=d,M=c,_=l,y=i,k=t,x=u,P=o,z=g,I=f,Y=n,V=s,W=a,A=m,Z=!1;function $(Q){return Z||(Z=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),L(Q)||w(Q)===d}function L(Q){return w(Q)===c}function B(Q){return w(Q)===l}function J(Q){return w(Q)===i}function te(Q){return typeof Q=="object"&&Q!==null&&Q.$$typeof===t}function G(Q){return w(Q)===u}function ne(Q){return w(Q)===o}function K(Q){return w(Q)===g}function U(Q){return w(Q)===f}function H(Q){return w(Q)===n}function X(Q){return w(Q)===s}function ee(Q){return w(Q)===a}function q(Q){return w(Q)===m}be.AsyncMode=T,be.ConcurrentMode=M,be.ContextConsumer=_,be.ContextProvider=y,be.Element=k,be.ForwardRef=x,be.Fragment=P,be.Lazy=z,be.Memo=I,be.Portal=Y,be.Profiler=V,be.StrictMode=W,be.Suspense=A,be.isAsyncMode=$,be.isConcurrentMode=L,be.isContextConsumer=B,be.isContextProvider=J,be.isElement=te,be.isForwardRef=G,be.isFragment=ne,be.isLazy=K,be.isMemo=U,be.isPortal=H,be.isProfiler=X,be.isStrictMode=ee,be.isSuspense=q,be.isValidElementType=C,be.typeOf=w}()),be}var Ki;function Pr(){return Ki||(Ki=1,process.env.NODE_ENV==="production"?Co.exports=qm():Co.exports=Jm()),Co.exports}/*
 object-assign
 (c) Sindre Sorhus
 @license MIT
-*/var _r,Hi;function Xm(){if(Hi)return _r;Hi=1;var e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;function o(s){if(s==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(s)}function a(){try{if(!Object.assign)return!1;var s=new String("abc");if(s[5]="de",Object.getOwnPropertyNames(s)[0]==="5")return!1;for(var i={},l=0;l<10;l++)i["_"+String.fromCharCode(l)]=l;var d=Object.getOwnPropertyNames(i).map(function(u){return i[u]});if(d.join("")!=="0123456789")return!1;var c={};return"abcdefghijklmnopqrst".split("").forEach(function(u){c[u]=u}),Object.keys(Object.assign({},c)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return _r=a()?Object.assign:function(s,i){for(var l,d=o(s),c,u=1;u<arguments.length;u++){l=Object(arguments[u]);for(var m in l)t.call(l,m)&&(d[m]=l[m]);if(e){c=e(l);for(var p=0;p<c.length;p++)n.call(l,c[p])&&(d[c[p]]=l[c[p]])}}return d},_r}var Rr,Wi;function Ar(){if(Wi)return Rr;Wi=1;var e="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return Rr=e,Rr}var Fr,Gi;function Ui(){return Gi||(Gi=1,Fr=Function.call.bind(Object.prototype.hasOwnProperty)),Fr}var Vr,zi;function Zm(){if(zi)return Vr;zi=1;var e=function(){};if(process.env.NODE_ENV!=="production"){var t=Ar(),n={},o=Ui();e=function(s){var i="Warning: "+s;typeof console<"u"&&console.error(i);try{throw new Error(i)}catch{}}}function a(s,i,l,d,c){if(process.env.NODE_ENV!=="production"){for(var u in s)if(o(s,u)){var m;try{if(typeof s[u]!="function"){var p=Error((d||"React class")+": "+l+" type `"+u+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof s[u]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw p.name="Invariant Violation",p}m=s[u](i,u,d,l,null,t)}catch(g){m=g}if(m&&!(m instanceof Error)&&e((d||"React class")+": type specification of "+l+" `"+u+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof m+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),m instanceof Error&&!(m.message in n)){n[m.message]=!0;var f=c?c():"";e("Failed "+l+" type: "+m.message+(f??""))}}}}return a.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(n={})},Vr=a,Vr}var $r,ji;function Qm(){if(ji)return $r;ji=1;var e=Pr(),t=Xm(),n=Ar(),o=Ui(),a=Zm(),s=function(){};process.env.NODE_ENV!=="production"&&(s=function(l){var d="Warning: "+l;typeof console<"u"&&console.error(d);try{throw new Error(d)}catch{}});function i(){return null}return $r=function(l,d){var c=typeof Symbol=="function"&&Symbol.iterator,u="@@iterator";function m(L){var _=L&&(c&&L[c]||L[u]);if(typeof _=="function")return _}var p="<<anonymous>>",f={array:v("array"),bigint:v("bigint"),bool:v("boolean"),func:v("function"),number:v("number"),object:v("object"),string:v("string"),symbol:v("symbol"),any:b(),arrayOf:C,element:w(),elementType:T(),instanceOf:x,node:M(),objectOf:y,oneOf:F,oneOfType:k,shape:G,exact:I};function g(L,_){return L===_?L!==0||1/L===1/_:L!==L&&_!==_}function h(L,_){this.message=L,this.data=_&&typeof _=="object"?_:{},this.stack=""}h.prototype=Error.prototype;function E(L){if(process.env.NODE_ENV!=="production")var _={},Y=0;function te(ne,O,U,q,X,ee,J){if(q=q||p,ee=ee||U,J!==n){if(d){var Q=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw Q.name="Invariant Violation",Q}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var ue=q+":"+U;!_[ue]&&Y<3&&(s("You are manually calling a React.PropTypes validation function for the `"+ee+"` prop on `"+q+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),_[ue]=!0,Y++)}}return O[U]==null?ne?O[U]===null?new h("The "+X+" `"+ee+"` is marked as required "+("in `"+q+"`, but its value is `null`.")):new h("The "+X+" `"+ee+"` is marked as required in "+("`"+q+"`, but its value is `undefined`.")):null:L(O,U,q,X,ee)}var W=te.bind(null,!1);return W.isRequired=te.bind(null,!0),W}function v(L){function _(Y,te,W,ne,O,U){var q=Y[te],X=H(q);if(X!==L){var ee=R(q);return new h("Invalid "+ne+" `"+O+"` of type "+("`"+ee+"` supplied to `"+W+"`, expected ")+("`"+L+"`."),{expectedType:L})}return null}return E(_)}function b(){return E(i)}function C(L){function _(Y,te,W,ne,O){if(typeof L!="function")return new h("Property `"+O+"` of component `"+W+"` has invalid PropType notation inside arrayOf.");var U=Y[te];if(!Array.isArray(U)){var q=H(U);return new h("Invalid "+ne+" `"+O+"` of type "+("`"+q+"` supplied to `"+W+"`, expected an array."))}for(var X=0;X<U.length;X++){var ee=L(U,X,W,ne,O+"["+X+"]",n);if(ee instanceof Error)return ee}return null}return E(_)}function w(){function L(_,Y,te,W,ne){var O=_[Y];if(!l(O)){var U=H(O);return new h("Invalid "+W+" `"+ne+"` of type "+("`"+U+"` supplied to `"+te+"`, expected a single ReactElement."))}return null}return E(L)}function T(){function L(_,Y,te,W,ne){var O=_[Y];if(!e.isValidElementType(O)){var U=H(O);return new h("Invalid "+W+" `"+ne+"` of type "+("`"+U+"` supplied to `"+te+"`, expected a single ReactElement type."))}return null}return E(L)}function x(L){function _(Y,te,W,ne,O){if(!(Y[te]instanceof L)){var U=L.name||p,q=$(Y[te]);return new h("Invalid "+ne+" `"+O+"` of type "+("`"+q+"` supplied to `"+W+"`, expected ")+("instance of `"+U+"`."))}return null}return E(_)}function F(L){if(!Array.isArray(L))return process.env.NODE_ENV!=="production"&&(arguments.length>1?s("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):s("Invalid argument supplied to oneOf, expected an array.")),i;function _(Y,te,W,ne,O){for(var U=Y[te],q=0;q<L.length;q++)if(g(U,L[q]))return null;var X=JSON.stringify(L,function(J,Q){var ue=R(Q);return ue==="symbol"?String(Q):Q});return new h("Invalid "+ne+" `"+O+"` of value `"+String(U)+"` "+("supplied to `"+W+"`, expected one of "+X+"."))}return E(_)}function y(L){function _(Y,te,W,ne,O){if(typeof L!="function")return new h("Property `"+O+"` of component `"+W+"` has invalid PropType notation inside objectOf.");var U=Y[te],q=H(U);if(q!=="object")return new h("Invalid "+ne+" `"+O+"` of type "+("`"+q+"` supplied to `"+W+"`, expected an object."));for(var X in U)if(o(U,X)){var ee=L(U,X,W,ne,O+"."+X,n);if(ee instanceof Error)return ee}return null}return E(_)}function k(L){if(!Array.isArray(L))return process.env.NODE_ENV!=="production"&&s("Invalid argument supplied to oneOfType, expected an instance of array."),i;for(var _=0;_<L.length;_++){var Y=L[_];if(typeof Y!="function")return s("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+Z(Y)+" at index "+_+"."),i}function te(W,ne,O,U,q){for(var X=[],ee=0;ee<L.length;ee++){var J=L[ee],Q=J(W,ne,O,U,q,n);if(Q==null)return null;Q.data&&o(Q.data,"expectedType")&&X.push(Q.data.expectedType)}var ue=X.length>0?", expected one of type ["+X.join(", ")+"]":"";return new h("Invalid "+U+" `"+q+"` supplied to "+("`"+O+"`"+ue+"."))}return E(te)}function M(){function L(_,Y,te,W,ne){return j(_[Y])?null:new h("Invalid "+W+" `"+ne+"` supplied to "+("`"+te+"`, expected a ReactNode."))}return E(L)}function P(L,_,Y,te,W){return new h((L||"React class")+": "+_+" type `"+Y+"."+te+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+W+"`.")}function G(L){function _(Y,te,W,ne,O){var U=Y[te],q=H(U);if(q!=="object")return new h("Invalid "+ne+" `"+O+"` of type `"+q+"` "+("supplied to `"+W+"`, expected `object`."));for(var X in L){var ee=L[X];if(typeof ee!="function")return P(W,ne,O,X,R(ee));var J=ee(U,X,W,ne,O+"."+X,n);if(J)return J}return null}return E(_)}function I(L){function _(Y,te,W,ne,O){var U=Y[te],q=H(U);if(q!=="object")return new h("Invalid "+ne+" `"+O+"` of type `"+q+"` "+("supplied to `"+W+"`, expected `object`."));var X=t({},Y[te],L);for(var ee in X){var J=L[ee];if(o(L,ee)&&typeof J!="function")return P(W,ne,O,ee,R(J));if(!J)return new h("Invalid "+ne+" `"+O+"` key `"+ee+"` supplied to `"+W+"`.\nBad object: "+JSON.stringify(Y[te],null,"  ")+`
-Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+ee,n);if(Q)return Q}return null}return E(_)}function j(L){switch(typeof L){case"number":case"string":case"undefined":return!0;case"boolean":return!L;case"object":if(Array.isArray(L))return L.every(j);if(L===null||l(L))return!0;var _=m(L);if(_){var Y=_.call(L),te;if(_!==L.entries){for(;!(te=Y.next()).done;)if(!j(te.value))return!1}else for(;!(te=Y.next()).done;){var W=te.value;if(W&&!j(W[1]))return!1}}else return!1;return!0;default:return!1}}function K(L,_){return L==="symbol"?!0:_?_["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&_ instanceof Symbol:!1}function H(L){var _=typeof L;return Array.isArray(L)?"array":L instanceof RegExp?"object":K(_,L)?"symbol":_}function R(L){if(typeof L>"u"||L===null)return""+L;var _=H(L);if(_==="object"){if(L instanceof Date)return"date";if(L instanceof RegExp)return"regexp"}return _}function Z(L){var _=R(L);switch(_){case"array":case"object":return"an "+_;case"boolean":case"date":case"regexp":return"a "+_;default:return _}}function $(L){return!L.constructor||!L.constructor.name?p:L.constructor.name}return f.checkPropTypes=a,f.resetWarningCache=a.resetWarningCache,f.PropTypes=f,f},$r}var Kr,Yi;function ef(){if(Yi)return Kr;Yi=1;var e=Ar();function t(){}function n(){}return n.resetWarningCache=t,Kr=function(){function o(i,l,d,c,u,m){if(m!==e){var p=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw p.name="Invariant Violation",p}}o.isRequired=o;function a(){return o}var s={array:o,bigint:o,bool:o,func:o,number:o,object:o,string:o,symbol:o,any:o,arrayOf:a,element:o,elementType:o,instanceOf:a,node:o,objectOf:a,oneOf:a,oneOfType:a,shape:a,exact:a,checkPropTypes:n,resetWarningCache:t};return s.PropTypes=s,s},Kr}var qi;function tf(){if(qi)return wo.exports;if(qi=1,process.env.NODE_ENV!=="production"){var e=Pr(),t=!0;wo.exports=Qm()(e.isElement,t)}else wo.exports=ef()();return wo.exports}var nf=tf();const Sn=vr(nf);var Hr=D.createContext(null);process.env.NODE_ENV!=="production"&&(Hr.displayName="ReactRedux");function of(e){e()}var Ji=of,rf=function(t){return Ji=t},af=function(){return Ji};function sf(){var e=af(),t=null,n=null;return{clear:function(){t=null,n=null},notify:function(){e(function(){for(var a=t;a;)a.callback(),a=a.next})},get:function(){for(var a=[],s=t;s;)a.push(s),s=s.next;return a},subscribe:function(a){var s=!0,i=n={callback:a,next:null,prev:n};return i.prev?i.prev.next=i:t=i,function(){!s||t===null||(s=!1,i.next?i.next.prev=i.prev:n=i.prev,i.prev?i.prev.next=i.next:t=i.next)}}}}var Xi={notify:function(){},get:function(){return[]}};function Zi(e,t){var n,o=Xi;function a(m){return d(),o.subscribe(m)}function s(){o.notify()}function i(){u.onStateChange&&u.onStateChange()}function l(){return!!n}function d(){n||(n=t?t.addNestedSub(i):e.subscribe(i),o=sf())}function c(){n&&(n(),n=void 0,o.clear(),o=Xi)}var u={addNestedSub:a,notifyNestedSubs:s,handleChangeWrapper:i,isSubscribed:l,trySubscribe:d,tryUnsubscribe:c,getListeners:function(){return o}};return u}var Qi=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?D.useLayoutEffect:D.useEffect;function el(e){var t=e.store,n=e.context,o=e.children,a=D.useMemo(function(){var l=Zi(t);return{store:t,subscription:l}},[t]),s=D.useMemo(function(){return t.getState()},[t]);Qi(function(){var l=a.subscription;return l.onStateChange=l.notifyNestedSubs,l.trySubscribe(),s!==t.getState()&&l.notifyNestedSubs(),function(){l.tryUnsubscribe(),l.onStateChange=null}},[a,s]);var i=n||Hr;return D.createElement(i.Provider,{value:a},o)}process.env.NODE_ENV!=="production"&&(el.propTypes={store:Sn.shape({subscribe:Sn.func.isRequired,dispatch:Sn.func.isRequired,getState:Sn.func.isRequired}),context:Sn.object,children:Sn.any});function Do(e,t){if(e==null)return{};var n={};for(var o in e)if({}.hasOwnProperty.call(e,o)){if(t.indexOf(o)!==-1)continue;n[o]=e[o]}return n}var Wr,tl;function lf(){if(tl)return Wr;tl=1;var e=Pr(),t={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},n={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},o={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},a={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};s[e.ForwardRef]=o,s[e.Memo]=a;function i(g){return e.isMemo(g)?a:s[g.$$typeof]||t}var l=Object.defineProperty,d=Object.getOwnPropertyNames,c=Object.getOwnPropertySymbols,u=Object.getOwnPropertyDescriptor,m=Object.getPrototypeOf,p=Object.prototype;function f(g,h,E){if(typeof h!="string"){if(p){var v=m(h);v&&v!==p&&f(g,v,E)}var b=d(h);c&&(b=b.concat(c(h)));for(var C=i(g),w=i(h),T=0;T<b.length;++T){var x=b[T];if(!n[x]&&!(E&&E[x])&&!(w&&w[x])&&!(C&&C[x])){var F=u(h,x);try{l(g,x,F)}catch{}}}}return g}return Wr=f,Wr}var cf=lf();const nl=vr(cf);var No={exports:{}},ve={};/** @license React v17.0.2
+*/var _r,Hi;function Xm(){if(Hi)return _r;Hi=1;var e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;function o(s){if(s==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(s)}function a(){try{if(!Object.assign)return!1;var s=new String("abc");if(s[5]="de",Object.getOwnPropertyNames(s)[0]==="5")return!1;for(var i={},l=0;l<10;l++)i["_"+String.fromCharCode(l)]=l;var d=Object.getOwnPropertyNames(i).map(function(u){return i[u]});if(d.join("")!=="0123456789")return!1;var c={};return"abcdefghijklmnopqrst".split("").forEach(function(u){c[u]=u}),Object.keys(Object.assign({},c)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return _r=a()?Object.assign:function(s,i){for(var l,d=o(s),c,u=1;u<arguments.length;u++){l=Object(arguments[u]);for(var m in l)t.call(l,m)&&(d[m]=l[m]);if(e){c=e(l);for(var p=0;p<c.length;p++)n.call(l,c[p])&&(d[c[p]]=l[c[p]])}}return d},_r}var Rr,Wi;function Ar(){if(Wi)return Rr;Wi=1;var e="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return Rr=e,Rr}var Fr,Gi;function Ui(){return Gi||(Gi=1,Fr=Function.call.bind(Object.prototype.hasOwnProperty)),Fr}var Vr,zi;function Zm(){if(zi)return Vr;zi=1;var e=function(){};if(process.env.NODE_ENV!=="production"){var t=Ar(),n={},o=Ui();e=function(s){var i="Warning: "+s;typeof console<"u"&&console.error(i);try{throw new Error(i)}catch{}}}function a(s,i,l,d,c){if(process.env.NODE_ENV!=="production"){for(var u in s)if(o(s,u)){var m;try{if(typeof s[u]!="function"){var p=Error((d||"React class")+": "+l+" type `"+u+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof s[u]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw p.name="Invariant Violation",p}m=s[u](i,u,d,l,null,t)}catch(g){m=g}if(m&&!(m instanceof Error)&&e((d||"React class")+": type specification of "+l+" `"+u+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof m+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),m instanceof Error&&!(m.message in n)){n[m.message]=!0;var f=c?c():"";e("Failed "+l+" type: "+m.message+(f??""))}}}}return a.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(n={})},Vr=a,Vr}var $r,ji;function Qm(){if(ji)return $r;ji=1;var e=Pr(),t=Xm(),n=Ar(),o=Ui(),a=Zm(),s=function(){};process.env.NODE_ENV!=="production"&&(s=function(l){var d="Warning: "+l;typeof console<"u"&&console.error(d);try{throw new Error(d)}catch{}});function i(){return null}return $r=function(l,d){var c=typeof Symbol=="function"&&Symbol.iterator,u="@@iterator";function m(L){var B=L&&(c&&L[c]||L[u]);if(typeof B=="function")return B}var p="<<anonymous>>",f={array:v("array"),bigint:v("bigint"),bool:v("boolean"),func:v("function"),number:v("number"),object:v("object"),string:v("string"),symbol:v("symbol"),any:b(),arrayOf:C,element:w(),elementType:T(),instanceOf:M,node:x(),objectOf:y,oneOf:_,oneOfType:k,shape:z,exact:I};function g(L,B){return L===B?L!==0||1/L===1/B:L!==L&&B!==B}function h(L,B){this.message=L,this.data=B&&typeof B=="object"?B:{},this.stack=""}h.prototype=Error.prototype;function E(L){if(process.env.NODE_ENV!=="production")var B={},J=0;function te(ne,K,U,H,X,ee,q){if(H=H||p,ee=ee||U,q!==n){if(d){var Q=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw Q.name="Invariant Violation",Q}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var ue=H+":"+U;!B[ue]&&J<3&&(s("You are manually calling a React.PropTypes validation function for the `"+ee+"` prop on `"+H+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),B[ue]=!0,J++)}}return K[U]==null?ne?K[U]===null?new h("The "+X+" `"+ee+"` is marked as required "+("in `"+H+"`, but its value is `null`.")):new h("The "+X+" `"+ee+"` is marked as required in "+("`"+H+"`, but its value is `undefined`.")):null:L(K,U,H,X,ee)}var G=te.bind(null,!1);return G.isRequired=te.bind(null,!0),G}function v(L){function B(J,te,G,ne,K,U){var H=J[te],X=W(H);if(X!==L){var ee=A(H);return new h("Invalid "+ne+" `"+K+"` of type "+("`"+ee+"` supplied to `"+G+"`, expected ")+("`"+L+"`."),{expectedType:L})}return null}return E(B)}function b(){return E(i)}function C(L){function B(J,te,G,ne,K){if(typeof L!="function")return new h("Property `"+K+"` of component `"+G+"` has invalid PropType notation inside arrayOf.");var U=J[te];if(!Array.isArray(U)){var H=W(U);return new h("Invalid "+ne+" `"+K+"` of type "+("`"+H+"` supplied to `"+G+"`, expected an array."))}for(var X=0;X<U.length;X++){var ee=L(U,X,G,ne,K+"["+X+"]",n);if(ee instanceof Error)return ee}return null}return E(B)}function w(){function L(B,J,te,G,ne){var K=B[J];if(!l(K)){var U=W(K);return new h("Invalid "+G+" `"+ne+"` of type "+("`"+U+"` supplied to `"+te+"`, expected a single ReactElement."))}return null}return E(L)}function T(){function L(B,J,te,G,ne){var K=B[J];if(!e.isValidElementType(K)){var U=W(K);return new h("Invalid "+G+" `"+ne+"` of type "+("`"+U+"` supplied to `"+te+"`, expected a single ReactElement type."))}return null}return E(L)}function M(L){function B(J,te,G,ne,K){if(!(J[te]instanceof L)){var U=L.name||p,H=$(J[te]);return new h("Invalid "+ne+" `"+K+"` of type "+("`"+H+"` supplied to `"+G+"`, expected ")+("instance of `"+U+"`."))}return null}return E(B)}function _(L){if(!Array.isArray(L))return process.env.NODE_ENV!=="production"&&(arguments.length>1?s("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):s("Invalid argument supplied to oneOf, expected an array.")),i;function B(J,te,G,ne,K){for(var U=J[te],H=0;H<L.length;H++)if(g(U,L[H]))return null;var X=JSON.stringify(L,function(q,Q){var ue=A(Q);return ue==="symbol"?String(Q):Q});return new h("Invalid "+ne+" `"+K+"` of value `"+String(U)+"` "+("supplied to `"+G+"`, expected one of "+X+"."))}return E(B)}function y(L){function B(J,te,G,ne,K){if(typeof L!="function")return new h("Property `"+K+"` of component `"+G+"` has invalid PropType notation inside objectOf.");var U=J[te],H=W(U);if(H!=="object")return new h("Invalid "+ne+" `"+K+"` of type "+("`"+H+"` supplied to `"+G+"`, expected an object."));for(var X in U)if(o(U,X)){var ee=L(U,X,G,ne,K+"."+X,n);if(ee instanceof Error)return ee}return null}return E(B)}function k(L){if(!Array.isArray(L))return process.env.NODE_ENV!=="production"&&s("Invalid argument supplied to oneOfType, expected an instance of array."),i;for(var B=0;B<L.length;B++){var J=L[B];if(typeof J!="function")return s("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+Z(J)+" at index "+B+"."),i}function te(G,ne,K,U,H){for(var X=[],ee=0;ee<L.length;ee++){var q=L[ee],Q=q(G,ne,K,U,H,n);if(Q==null)return null;Q.data&&o(Q.data,"expectedType")&&X.push(Q.data.expectedType)}var ue=X.length>0?", expected one of type ["+X.join(", ")+"]":"";return new h("Invalid "+U+" `"+H+"` supplied to "+("`"+K+"`"+ue+"."))}return E(te)}function x(){function L(B,J,te,G,ne){return Y(B[J])?null:new h("Invalid "+G+" `"+ne+"` supplied to "+("`"+te+"`, expected a ReactNode."))}return E(L)}function P(L,B,J,te,G){return new h((L||"React class")+": "+B+" type `"+J+"."+te+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+G+"`.")}function z(L){function B(J,te,G,ne,K){var U=J[te],H=W(U);if(H!=="object")return new h("Invalid "+ne+" `"+K+"` of type `"+H+"` "+("supplied to `"+G+"`, expected `object`."));for(var X in L){var ee=L[X];if(typeof ee!="function")return P(G,ne,K,X,A(ee));var q=ee(U,X,G,ne,K+"."+X,n);if(q)return q}return null}return E(B)}function I(L){function B(J,te,G,ne,K){var U=J[te],H=W(U);if(H!=="object")return new h("Invalid "+ne+" `"+K+"` of type `"+H+"` "+("supplied to `"+G+"`, expected `object`."));var X=t({},J[te],L);for(var ee in X){var q=L[ee];if(o(L,ee)&&typeof q!="function")return P(G,ne,K,ee,A(q));if(!q)return new h("Invalid "+ne+" `"+K+"` key `"+ee+"` supplied to `"+G+"`.\nBad object: "+JSON.stringify(J[te],null,"  ")+`
+Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=q(U,ee,G,ne,K+"."+ee,n);if(Q)return Q}return null}return E(B)}function Y(L){switch(typeof L){case"number":case"string":case"undefined":return!0;case"boolean":return!L;case"object":if(Array.isArray(L))return L.every(Y);if(L===null||l(L))return!0;var B=m(L);if(B){var J=B.call(L),te;if(B!==L.entries){for(;!(te=J.next()).done;)if(!Y(te.value))return!1}else for(;!(te=J.next()).done;){var G=te.value;if(G&&!Y(G[1]))return!1}}else return!1;return!0;default:return!1}}function V(L,B){return L==="symbol"?!0:B?B["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&B instanceof Symbol:!1}function W(L){var B=typeof L;return Array.isArray(L)?"array":L instanceof RegExp?"object":V(B,L)?"symbol":B}function A(L){if(typeof L>"u"||L===null)return""+L;var B=W(L);if(B==="object"){if(L instanceof Date)return"date";if(L instanceof RegExp)return"regexp"}return B}function Z(L){var B=A(L);switch(B){case"array":case"object":return"an "+B;case"boolean":case"date":case"regexp":return"a "+B;default:return B}}function $(L){return!L.constructor||!L.constructor.name?p:L.constructor.name}return f.checkPropTypes=a,f.resetWarningCache=a.resetWarningCache,f.PropTypes=f,f},$r}var Kr,Yi;function ef(){if(Yi)return Kr;Yi=1;var e=Ar();function t(){}function n(){}return n.resetWarningCache=t,Kr=function(){function o(i,l,d,c,u,m){if(m!==e){var p=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw p.name="Invariant Violation",p}}o.isRequired=o;function a(){return o}var s={array:o,bigint:o,bool:o,func:o,number:o,object:o,string:o,symbol:o,any:o,arrayOf:a,element:o,elementType:o,instanceOf:a,node:o,objectOf:a,oneOf:a,oneOfType:a,shape:a,exact:a,checkPropTypes:n,resetWarningCache:t};return s.PropTypes=s,s},Kr}var qi;function tf(){if(qi)return wo.exports;if(qi=1,process.env.NODE_ENV!=="production"){var e=Pr(),t=!0;wo.exports=Qm()(e.isElement,t)}else wo.exports=ef()();return wo.exports}var nf=tf();const Sn=vr(nf);var Hr=D.createContext(null);process.env.NODE_ENV!=="production"&&(Hr.displayName="ReactRedux");function of(e){e()}var Ji=of,rf=function(t){return Ji=t},af=function(){return Ji};function sf(){var e=af(),t=null,n=null;return{clear:function(){t=null,n=null},notify:function(){e(function(){for(var a=t;a;)a.callback(),a=a.next})},get:function(){for(var a=[],s=t;s;)a.push(s),s=s.next;return a},subscribe:function(a){var s=!0,i=n={callback:a,next:null,prev:n};return i.prev?i.prev.next=i:t=i,function(){!s||t===null||(s=!1,i.next?i.next.prev=i.prev:n=i.prev,i.prev?i.prev.next=i.next:t=i.next)}}}}var Xi={notify:function(){},get:function(){return[]}};function Zi(e,t){var n,o=Xi;function a(m){return d(),o.subscribe(m)}function s(){o.notify()}function i(){u.onStateChange&&u.onStateChange()}function l(){return!!n}function d(){n||(n=t?t.addNestedSub(i):e.subscribe(i),o=sf())}function c(){n&&(n(),n=void 0,o.clear(),o=Xi)}var u={addNestedSub:a,notifyNestedSubs:s,handleChangeWrapper:i,isSubscribed:l,trySubscribe:d,tryUnsubscribe:c,getListeners:function(){return o}};return u}var Qi=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?D.useLayoutEffect:D.useEffect;function el(e){var t=e.store,n=e.context,o=e.children,a=D.useMemo(function(){var l=Zi(t);return{store:t,subscription:l}},[t]),s=D.useMemo(function(){return t.getState()},[t]);Qi(function(){var l=a.subscription;return l.onStateChange=l.notifyNestedSubs,l.trySubscribe(),s!==t.getState()&&l.notifyNestedSubs(),function(){l.tryUnsubscribe(),l.onStateChange=null}},[a,s]);var i=n||Hr;return D.createElement(i.Provider,{value:a},o)}process.env.NODE_ENV!=="production"&&(el.propTypes={store:Sn.shape({subscribe:Sn.func.isRequired,dispatch:Sn.func.isRequired,getState:Sn.func.isRequired}),context:Sn.object,children:Sn.any});function Do(e,t){if(e==null)return{};var n={};for(var o in e)if({}.hasOwnProperty.call(e,o)){if(t.indexOf(o)!==-1)continue;n[o]=e[o]}return n}var Wr,tl;function lf(){if(tl)return Wr;tl=1;var e=Pr(),t={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},n={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},o={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},a={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};s[e.ForwardRef]=o,s[e.Memo]=a;function i(g){return e.isMemo(g)?a:s[g.$$typeof]||t}var l=Object.defineProperty,d=Object.getOwnPropertyNames,c=Object.getOwnPropertySymbols,u=Object.getOwnPropertyDescriptor,m=Object.getPrototypeOf,p=Object.prototype;function f(g,h,E){if(typeof h!="string"){if(p){var v=m(h);v&&v!==p&&f(g,v,E)}var b=d(h);c&&(b=b.concat(c(h)));for(var C=i(g),w=i(h),T=0;T<b.length;++T){var M=b[T];if(!n[M]&&!(E&&E[M])&&!(w&&w[M])&&!(C&&C[M])){var _=u(h,M);try{l(g,M,_)}catch{}}}}return g}return Wr=f,Wr}var cf=lf();const nl=vr(cf);var No={exports:{}},ye={};/** @license React v17.0.2
  * react-is.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var ol;function df(){if(ol)return ve;ol=1;var e=60103,t=60106,n=60107,o=60108,a=60114,s=60109,i=60110,l=60112,d=60113,c=60120,u=60115,m=60116,p=60121,f=60122,g=60117,h=60129,E=60131;if(typeof Symbol=="function"&&Symbol.for){var v=Symbol.for;e=v("react.element"),t=v("react.portal"),n=v("react.fragment"),o=v("react.strict_mode"),a=v("react.profiler"),s=v("react.provider"),i=v("react.context"),l=v("react.forward_ref"),d=v("react.suspense"),c=v("react.suspense_list"),u=v("react.memo"),m=v("react.lazy"),p=v("react.block"),f=v("react.server.block"),g=v("react.fundamental"),h=v("react.debug_trace_mode"),E=v("react.legacy_hidden")}function b(I){if(typeof I=="object"&&I!==null){var j=I.$$typeof;switch(j){case e:switch(I=I.type,I){case n:case a:case o:case d:case c:return I;default:switch(I=I&&I.$$typeof,I){case i:case l:case m:case u:case s:return I;default:return j}}case t:return j}}}var C=s,w=e,T=l,x=n,F=m,y=u,k=t,M=a,P=o,G=d;return ve.ContextConsumer=i,ve.ContextProvider=C,ve.Element=w,ve.ForwardRef=T,ve.Fragment=x,ve.Lazy=F,ve.Memo=y,ve.Portal=k,ve.Profiler=M,ve.StrictMode=P,ve.Suspense=G,ve.isAsyncMode=function(){return!1},ve.isConcurrentMode=function(){return!1},ve.isContextConsumer=function(I){return b(I)===i},ve.isContextProvider=function(I){return b(I)===s},ve.isElement=function(I){return typeof I=="object"&&I!==null&&I.$$typeof===e},ve.isForwardRef=function(I){return b(I)===l},ve.isFragment=function(I){return b(I)===n},ve.isLazy=function(I){return b(I)===m},ve.isMemo=function(I){return b(I)===u},ve.isPortal=function(I){return b(I)===t},ve.isProfiler=function(I){return b(I)===a},ve.isStrictMode=function(I){return b(I)===o},ve.isSuspense=function(I){return b(I)===d},ve.isValidElementType=function(I){return typeof I=="string"||typeof I=="function"||I===n||I===a||I===h||I===o||I===d||I===c||I===E||typeof I=="object"&&I!==null&&(I.$$typeof===m||I.$$typeof===u||I.$$typeof===s||I.$$typeof===i||I.$$typeof===l||I.$$typeof===g||I.$$typeof===p||I[0]===f)},ve.typeOf=b,ve}var ye={};/** @license React v17.0.2
+ */var ol;function df(){if(ol)return ye;ol=1;var e=60103,t=60106,n=60107,o=60108,a=60114,s=60109,i=60110,l=60112,d=60113,c=60120,u=60115,m=60116,p=60121,f=60122,g=60117,h=60129,E=60131;if(typeof Symbol=="function"&&Symbol.for){var v=Symbol.for;e=v("react.element"),t=v("react.portal"),n=v("react.fragment"),o=v("react.strict_mode"),a=v("react.profiler"),s=v("react.provider"),i=v("react.context"),l=v("react.forward_ref"),d=v("react.suspense"),c=v("react.suspense_list"),u=v("react.memo"),m=v("react.lazy"),p=v("react.block"),f=v("react.server.block"),g=v("react.fundamental"),h=v("react.debug_trace_mode"),E=v("react.legacy_hidden")}function b(I){if(typeof I=="object"&&I!==null){var Y=I.$$typeof;switch(Y){case e:switch(I=I.type,I){case n:case a:case o:case d:case c:return I;default:switch(I=I&&I.$$typeof,I){case i:case l:case m:case u:case s:return I;default:return Y}}case t:return Y}}}var C=s,w=e,T=l,M=n,_=m,y=u,k=t,x=a,P=o,z=d;return ye.ContextConsumer=i,ye.ContextProvider=C,ye.Element=w,ye.ForwardRef=T,ye.Fragment=M,ye.Lazy=_,ye.Memo=y,ye.Portal=k,ye.Profiler=x,ye.StrictMode=P,ye.Suspense=z,ye.isAsyncMode=function(){return!1},ye.isConcurrentMode=function(){return!1},ye.isContextConsumer=function(I){return b(I)===i},ye.isContextProvider=function(I){return b(I)===s},ye.isElement=function(I){return typeof I=="object"&&I!==null&&I.$$typeof===e},ye.isForwardRef=function(I){return b(I)===l},ye.isFragment=function(I){return b(I)===n},ye.isLazy=function(I){return b(I)===m},ye.isMemo=function(I){return b(I)===u},ye.isPortal=function(I){return b(I)===t},ye.isProfiler=function(I){return b(I)===a},ye.isStrictMode=function(I){return b(I)===o},ye.isSuspense=function(I){return b(I)===d},ye.isValidElementType=function(I){return typeof I=="string"||typeof I=="function"||I===n||I===a||I===h||I===o||I===d||I===c||I===E||typeof I=="object"&&I!==null&&(I.$$typeof===m||I.$$typeof===u||I.$$typeof===s||I.$$typeof===i||I.$$typeof===l||I.$$typeof===g||I.$$typeof===p||I[0]===f)},ye.typeOf=b,ye}var Ee={};/** @license React v17.0.2
  * react-is.development.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var rl;function pf(){return rl||(rl=1,process.env.NODE_ENV!=="production"&&function(){var e=60103,t=60106,n=60107,o=60108,a=60114,s=60109,i=60110,l=60112,d=60113,c=60120,u=60115,m=60116,p=60121,f=60122,g=60117,h=60129,E=60131;if(typeof Symbol=="function"&&Symbol.for){var v=Symbol.for;e=v("react.element"),t=v("react.portal"),n=v("react.fragment"),o=v("react.strict_mode"),a=v("react.profiler"),s=v("react.provider"),i=v("react.context"),l=v("react.forward_ref"),d=v("react.suspense"),c=v("react.suspense_list"),u=v("react.memo"),m=v("react.lazy"),p=v("react.block"),f=v("react.server.block"),g=v("react.fundamental"),v("react.scope"),v("react.opaque.id"),h=v("react.debug_trace_mode"),v("react.offscreen"),E=v("react.legacy_hidden")}var b=!1;function C(J){return!!(typeof J=="string"||typeof J=="function"||J===n||J===a||J===h||J===o||J===d||J===c||J===E||b||typeof J=="object"&&J!==null&&(J.$$typeof===m||J.$$typeof===u||J.$$typeof===s||J.$$typeof===i||J.$$typeof===l||J.$$typeof===g||J.$$typeof===p||J[0]===f))}function w(J){if(typeof J=="object"&&J!==null){var Q=J.$$typeof;switch(Q){case e:var ue=J.type;switch(ue){case n:case a:case o:case d:case c:return ue;default:var de=ue&&ue.$$typeof;switch(de){case i:case l:case m:case u:case s:return de;default:return Q}}case t:return Q}}}var T=i,x=s,F=e,y=l,k=n,M=m,P=u,G=t,I=a,j=o,K=d,H=!1,R=!1;function Z(J){return H||(H=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")),!1}function $(J){return R||(R=!0,console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")),!1}function L(J){return w(J)===i}function _(J){return w(J)===s}function Y(J){return typeof J=="object"&&J!==null&&J.$$typeof===e}function te(J){return w(J)===l}function W(J){return w(J)===n}function ne(J){return w(J)===m}function O(J){return w(J)===u}function U(J){return w(J)===t}function q(J){return w(J)===a}function X(J){return w(J)===o}function ee(J){return w(J)===d}ye.ContextConsumer=T,ye.ContextProvider=x,ye.Element=F,ye.ForwardRef=y,ye.Fragment=k,ye.Lazy=M,ye.Memo=P,ye.Portal=G,ye.Profiler=I,ye.StrictMode=j,ye.Suspense=K,ye.isAsyncMode=Z,ye.isConcurrentMode=$,ye.isContextConsumer=L,ye.isContextProvider=_,ye.isElement=Y,ye.isForwardRef=te,ye.isFragment=W,ye.isLazy=ne,ye.isMemo=O,ye.isPortal=U,ye.isProfiler=q,ye.isStrictMode=X,ye.isSuspense=ee,ye.isValidElementType=C,ye.typeOf=w}()),ye}var al;function uf(){return al||(al=1,process.env.NODE_ENV==="production"?No.exports=df():No.exports=pf()),No.exports}var sl=uf(),mf=["getDisplayName","methodName","renderCountProp","shouldHandleStateChanges","storeKey","withRef","forwardRef","context"],ff=["reactReduxForwardedRef"],Sf=[],gf=[null,null],hf=function(t){try{return JSON.stringify(t)}catch{return String(t)}};function bf(e,t){var n=e[1];return[t.payload,n+1]}function il(e,t,n){Qi(function(){return e.apply(void 0,t)},n)}function vf(e,t,n,o,a,s,i){e.current=o,t.current=a,n.current=!1,s.current&&(s.current=null,i())}function yf(e,t,n,o,a,s,i,l,d,c){if(e){var u=!1,m=null,p=function(){if(!u){var h=t.getState(),E,v;try{E=o(h,a.current)}catch(b){v=b,m=b}v||(m=null),E===s.current?i.current||d():(s.current=E,l.current=E,i.current=!0,c({type:"STORE_UPDATED",payload:{error:v}}))}};n.onStateChange=p,n.trySubscribe(),p();var f=function(){if(u=!0,n.tryUnsubscribe(),n.onStateChange=null,m)throw m};return f}}var Ef=function(){return[null,0]};function Tf(e,t){t===void 0&&(t={});var n=t,o=n.getDisplayName,a=o===void 0?function(x){return"ConnectAdvanced("+x+")"}:o,s=n.methodName,i=s===void 0?"connectAdvanced":s,l=n.renderCountProp,d=l===void 0?void 0:l,c=n.shouldHandleStateChanges,u=c===void 0?!0:c,m=n.storeKey,p=m===void 0?"store":m,f=n.withRef,g=f===void 0?!1:f,h=n.forwardRef,E=h===void 0?!1:h,v=n.context,b=v===void 0?Hr:v,C=Do(n,mf);if(process.env.NODE_ENV!=="production"){if(d!==void 0)throw new Error("renderCountProp is removed. render counting is built into the latest React Dev Tools profiling extension");if(g)throw new Error("withRef is removed. To access the wrapped instance, use a ref on the connected component");var w="To use a custom Redux store for specific components, create a custom React context with React.createContext(), and pass the context object to React Redux's Provider and specific components like: <Provider context={MyContext}><ConnectedComponent context={MyContext} /></Provider>. You may also pass a {context : MyContext} option to connect";if(p!=="store")throw new Error("storeKey has been removed and does not do anything. "+w)}var T=b;return function(F){if(process.env.NODE_ENV!=="production"&&!sl.isValidElementType(F))throw new Error("You must pass a component to the function returned by "+(i+". Instead received "+hf(F)));var y=F.displayName||F.name||"Component",k=a(y),M=ie({},C,{getDisplayName:a,methodName:i,renderCountProp:d,shouldHandleStateChanges:u,storeKey:p,displayName:k,wrappedComponentName:y,WrappedComponent:F}),P=C.pure;function G(R){return e(R.dispatch,M)}var I=P?D.useMemo:function(R){return R()};function j(R){var Z=D.useMemo(function(){var xe=R.reactReduxForwardedRef,Ie=Do(R,ff);return[R.context,xe,Ie]},[R]),$=Z[0],L=Z[1],_=Z[2],Y=D.useMemo(function(){return $&&$.Consumer&&sl.isContextConsumer(D.createElement($.Consumer,null))?$:T},[$,T]),te=D.useContext(Y),W=!!R.store&&!!R.store.getState&&!!R.store.dispatch,ne=!!te&&!!te.store;if(process.env.NODE_ENV!=="production"&&!W&&!ne)throw new Error('Could not find "store" in the context of '+('"'+k+'". Either wrap the root component in a <Provider>, ')+"or pass a custom React context provider to <Provider> and the corresponding "+("React context consumer to "+k+" in connect options."));var O=W?R.store:te.store,U=D.useMemo(function(){return G(O)},[O]),q=D.useMemo(function(){if(!u)return gf;var xe=Zi(O,W?null:te.subscription),Ie=xe.notifyNestedSubs.bind(xe);return[xe,Ie]},[O,W,te]),X=q[0],ee=q[1],J=D.useMemo(function(){return W?te:ie({},te,{subscription:X})},[W,te,X]),Q=D.useReducer(bf,Sf,Ef),ue=Q[0],de=ue[0],Ee=Q[1];if(de&&de.error)throw de.error;var Oe=D.useRef(),qe=D.useRef(_),Ke=D.useRef(),yt=D.useRef(!1),Ve=I(function(){return Ke.current&&_===qe.current?Ke.current:U(O.getState(),_)},[O,de,_]);il(vf,[qe,Oe,yt,_,Ve,Ke,ee]),il(yf,[u,O,X,U,qe,Oe,yt,Ke,ee,Ee],[O,X,U]);var $e=D.useMemo(function(){return D.createElement(F,ie({},Ve,{ref:L}))},[L,F,Ve]),le=D.useMemo(function(){return u?D.createElement(Y.Provider,{value:J},$e):$e},[Y,$e,J]);return le}var K=P?D.memo(j):j;if(K.WrappedComponent=F,K.displayName=j.displayName=k,E){var H=D.forwardRef(function(Z,$){return D.createElement(K,ie({},Z,{reactReduxForwardedRef:$}))});return H.displayName=k,H.WrappedComponent=F,nl(H,F)}return nl(K,F)}}function ll(e,t){return e===t?e!==0||t!==0||1/e===1/t:e!==e&&t!==t}function Gr(e,t){if(ll(e,t))return!0;if(typeof e!="object"||e===null||typeof t!="object"||t===null)return!1;var n=Object.keys(e),o=Object.keys(t);if(n.length!==o.length)return!1;for(var a=0;a<n.length;a++)if(!Object.prototype.hasOwnProperty.call(t,n[a])||!ll(e[n[a]],t[n[a]]))return!1;return!0}function wf(e,t){var n={},o=function(i){var l=e[i];typeof l=="function"&&(n[i]=function(){return t(l.apply(void 0,arguments))})};for(var a in e)o(a);return n}function Cf(e){if(typeof e!="object"||e===null)return!1;var t=Object.getPrototypeOf(e);if(t===null)return!0;for(var n=t;Object.getPrototypeOf(n)!==null;)n=Object.getPrototypeOf(n);return t===n}function cl(e){typeof console<"u"&&typeof console.error=="function"&&console.error(e);try{throw new Error(e)}catch{}}function dl(e,t,n){Cf(e)||cl(n+"() in "+t+" must return a plain object. Instead received "+e+".")}function Ur(e){return function(n,o){var a=e(n,o);function s(){return a}return s.dependsOnOwnProps=!1,s}}function pl(e){return e.dependsOnOwnProps!==null&&e.dependsOnOwnProps!==void 0?!!e.dependsOnOwnProps:e.length!==1}function ul(e,t){return function(o,a){var s=a.displayName,i=function(d,c){return i.dependsOnOwnProps?i.mapToProps(d,c):i.mapToProps(d)};return i.dependsOnOwnProps=!0,i.mapToProps=function(d,c){i.mapToProps=e,i.dependsOnOwnProps=pl(e);var u=i(d,c);return typeof u=="function"&&(i.mapToProps=u,i.dependsOnOwnProps=pl(u),u=i(d,c)),process.env.NODE_ENV!=="production"&&dl(u,s,t),u},i}}function Df(e){return typeof e=="function"?ul(e,"mapDispatchToProps"):void 0}function Nf(e){return e?void 0:Ur(function(t){return{dispatch:t}})}function If(e){return e&&typeof e=="object"?Ur(function(t){return wf(e,t)}):void 0}const xf=[Df,Nf,If];function Mf(e){return typeof e=="function"?ul(e,"mapStateToProps"):void 0}function kf(e){return e?void 0:Ur(function(){return{}})}const Lf=[Mf,kf];function Of(e,t,n){return ie({},n,e,t)}function Bf(e){return function(n,o){var a=o.displayName,s=o.pure,i=o.areMergedPropsEqual,l=!1,d;return function(u,m,p){var f=e(u,m,p);return l?(!s||!i(f,d))&&(d=f):(l=!0,d=f,process.env.NODE_ENV!=="production"&&dl(d,a,"mergeProps")),d}}}function Pf(e){return typeof e=="function"?Bf(e):void 0}function _f(e){return e?void 0:function(){return Of}}const Rf=[Pf,_f];function zr(e,t,n){if(e)(t==="mapStateToProps"||t==="mapDispatchToProps")&&(Object.prototype.hasOwnProperty.call(e,"dependsOnOwnProps")||cl("The selector for "+t+" of "+n+" did not specify a value for dependsOnOwnProps."));else throw new Error("Unexpected value for "+t+" in "+n+".")}function Af(e,t,n,o){zr(e,"mapStateToProps",o),zr(t,"mapDispatchToProps",o),zr(n,"mergeProps",o)}var Ff=["initMapStateToProps","initMapDispatchToProps","initMergeProps"];function Vf(e,t,n,o){return function(s,i){return n(e(s,i),t(o,i),i)}}function $f(e,t,n,o,a){var s=a.areStatesEqual,i=a.areOwnPropsEqual,l=a.areStatePropsEqual,d=!1,c,u,m,p,f;function g(C,w){return c=C,u=w,m=e(c,u),p=t(o,u),f=n(m,p,u),d=!0,f}function h(){return m=e(c,u),t.dependsOnOwnProps&&(p=t(o,u)),f=n(m,p,u),f}function E(){return e.dependsOnOwnProps&&(m=e(c,u)),t.dependsOnOwnProps&&(p=t(o,u)),f=n(m,p,u),f}function v(){var C=e(c,u),w=!l(C,m);return m=C,w&&(f=n(m,p,u)),f}function b(C,w){var T=!i(w,u),x=!s(C,c,w,u);return c=C,u=w,T&&x?h():T?E():x?v():f}return function(w,T){return d?b(w,T):g(w,T)}}function Kf(e,t){var n=t.initMapStateToProps,o=t.initMapDispatchToProps,a=t.initMergeProps,s=Do(t,Ff),i=n(e,s),l=o(e,s),d=a(e,s);process.env.NODE_ENV!=="production"&&Af(i,l,d,s.displayName);var c=s.pure?$f:Vf;return c(i,l,d,e,s)}var Hf=["pure","areStatesEqual","areOwnPropsEqual","areStatePropsEqual","areMergedPropsEqual"];function jr(e,t,n){for(var o=t.length-1;o>=0;o--){var a=t[o](e);if(a)return a}return function(s,i){throw new Error("Invalid value of type "+typeof e+" for "+n+" argument when connecting component "+i.wrappedComponentName+".")}}function Wf(e,t){return e===t}function Gf(e){var t=e===void 0?{}:e,n=t.connectHOC,o=n===void 0?Tf:n,a=t.mapStateToPropsFactories,s=a===void 0?Lf:a,i=t.mapDispatchToPropsFactories,l=i===void 0?xf:i,d=t.mergePropsFactories,c=d===void 0?Rf:d,u=t.selectorFactory,m=u===void 0?Kf:u;return function(f,g,h,E){E===void 0&&(E={});var v=E,b=v.pure,C=b===void 0?!0:b,w=v.areStatesEqual,T=w===void 0?Wf:w,x=v.areOwnPropsEqual,F=x===void 0?Gr:x,y=v.areStatePropsEqual,k=y===void 0?Gr:y,M=v.areMergedPropsEqual,P=M===void 0?Gr:M,G=Do(v,Hf),I=jr(f,s,"mapStateToProps"),j=jr(g,l,"mapDispatchToProps"),K=jr(h,c,"mergeProps");return o(m,ie({methodName:"connect",getDisplayName:function(R){return"Connect("+R+")"},shouldHandleStateChanges:!!f,initMapStateToProps:I,initMapDispatchToProps:j,initMergeProps:K,pure:C,areStatesEqual:T,areOwnPropsEqual:F,areStatePropsEqual:k,areMergedPropsEqual:P},G))}}const ml=Gf();rf(uo.unstable_batchedUpdates);function Uf(e,t){if(e.length!==t.length)return!1;for(var n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}function fl(e,t){var n=D.useState(function(){return{inputs:t,result:e()}})[0],o=D.useRef(!0),a=D.useRef(n),s=o.current||!!(t&&a.current.inputs&&Uf(t,a.current.inputs)),i=s?a.current:{inputs:t,result:e()};return D.useEffect(function(){o.current=!1,a.current=i},[i]),i.result}function zf(e,t){return fl(function(){return e},t)}var me=fl,se=zf,jf=process.env.NODE_ENV==="production",Yr="Invariant failed";function Sl(e,t){if(jf)throw new Error(Yr);var n=typeof t=="function"?t():t,o=n?"".concat(Yr,": ").concat(n):Yr;throw new Error(o)}var dt=function(t){var n=t.top,o=t.right,a=t.bottom,s=t.left,i=o-s,l=a-n,d={top:n,right:o,bottom:a,left:s,width:i,height:l,x:s,y:n,center:{x:(o+s)/2,y:(a+n)/2}};return d},qr=function(t,n){return{top:t.top-n.top,left:t.left-n.left,bottom:t.bottom+n.bottom,right:t.right+n.right}},gl=function(t,n){return{top:t.top+n.top,left:t.left+n.left,bottom:t.bottom-n.bottom,right:t.right-n.right}},Yf=function(t,n){return{top:t.top+n.y,left:t.left+n.x,bottom:t.bottom+n.y,right:t.right+n.x}},Jr={top:0,right:0,bottom:0,left:0},Xr=function(t){var n=t.borderBox,o=t.margin,a=o===void 0?Jr:o,s=t.border,i=s===void 0?Jr:s,l=t.padding,d=l===void 0?Jr:l,c=dt(qr(n,a)),u=dt(gl(n,i)),m=dt(gl(u,d));return{marginBox:c,borderBox:dt(n),paddingBox:u,contentBox:m,margin:a,border:i,padding:d}},rt=function(t){var n=t.slice(0,-2),o=t.slice(-2);if(o!=="px")return 0;var a=Number(n);return isNaN(a)&&(process.env.NODE_ENV!=="production"?Sl(!1,"Could not parse value [raw: "+t+", without suffix: "+n+"]"):Sl()),a},qf=function(){return{x:window.pageXOffset,y:window.pageYOffset}},Io=function(t,n){var o=t.borderBox,a=t.border,s=t.margin,i=t.padding,l=Yf(o,n);return Xr({borderBox:l,border:a,margin:s,padding:i})},xo=function(t,n){return n===void 0&&(n=qf()),Io(t,n)},hl=function(t,n){var o={top:rt(n.marginTop),right:rt(n.marginRight),bottom:rt(n.marginBottom),left:rt(n.marginLeft)},a={top:rt(n.paddingTop),right:rt(n.paddingRight),bottom:rt(n.paddingBottom),left:rt(n.paddingLeft)},s={top:rt(n.borderTopWidth),right:rt(n.borderRightWidth),bottom:rt(n.borderBottomWidth),left:rt(n.borderLeftWidth)};return Xr({borderBox:t,margin:o,padding:a,border:s})},bl=function(t){var n=t.getBoundingClientRect(),o=window.getComputedStyle(t);return hl(n,o)},vl=Number.isNaN||function(t){return typeof t=="number"&&t!==t};function Jf(e,t){return!!(e===t||vl(e)&&vl(t))}function Xf(e,t){if(e.length!==t.length)return!1;for(var n=0;n<e.length;n++)if(!Jf(e[n],t[n]))return!1;return!0}function Be(e,t){t===void 0&&(t=Xf);var n,o=[],a,s=!1;function i(){for(var l=[],d=0;d<arguments.length;d++)l[d]=arguments[d];return s&&n===this&&t(l,o)||(a=e.apply(this,l),s=!0,n=this,o=l),a}return i}var Vn=function(t){var n=[],o=null,a=function(){for(var i=arguments.length,l=new Array(i),d=0;d<i;d++)l[d]=arguments[d];n=l,!o&&(o=requestAnimationFrame(function(){o=null,t.apply(void 0,n)}))};return a.cancel=function(){o&&(cancelAnimationFrame(o),o=null)},a},Zf=process.env.NODE_ENV==="production",Qf=/[ \t]{2,}/g,eS=/^[ \t]*/gm,yl=function(t){return t.replace(Qf," ").replace(eS,"").trim()},tS=function(t){return yl(`
+ */var rl;function pf(){return rl||(rl=1,process.env.NODE_ENV!=="production"&&function(){var e=60103,t=60106,n=60107,o=60108,a=60114,s=60109,i=60110,l=60112,d=60113,c=60120,u=60115,m=60116,p=60121,f=60122,g=60117,h=60129,E=60131;if(typeof Symbol=="function"&&Symbol.for){var v=Symbol.for;e=v("react.element"),t=v("react.portal"),n=v("react.fragment"),o=v("react.strict_mode"),a=v("react.profiler"),s=v("react.provider"),i=v("react.context"),l=v("react.forward_ref"),d=v("react.suspense"),c=v("react.suspense_list"),u=v("react.memo"),m=v("react.lazy"),p=v("react.block"),f=v("react.server.block"),g=v("react.fundamental"),v("react.scope"),v("react.opaque.id"),h=v("react.debug_trace_mode"),v("react.offscreen"),E=v("react.legacy_hidden")}var b=!1;function C(q){return!!(typeof q=="string"||typeof q=="function"||q===n||q===a||q===h||q===o||q===d||q===c||q===E||b||typeof q=="object"&&q!==null&&(q.$$typeof===m||q.$$typeof===u||q.$$typeof===s||q.$$typeof===i||q.$$typeof===l||q.$$typeof===g||q.$$typeof===p||q[0]===f))}function w(q){if(typeof q=="object"&&q!==null){var Q=q.$$typeof;switch(Q){case e:var ue=q.type;switch(ue){case n:case a:case o:case d:case c:return ue;default:var pe=ue&&ue.$$typeof;switch(pe){case i:case l:case m:case u:case s:return pe;default:return Q}}case t:return Q}}}var T=i,M=s,_=e,y=l,k=n,x=m,P=u,z=t,I=a,Y=o,V=d,W=!1,A=!1;function Z(q){return W||(W=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")),!1}function $(q){return A||(A=!0,console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")),!1}function L(q){return w(q)===i}function B(q){return w(q)===s}function J(q){return typeof q=="object"&&q!==null&&q.$$typeof===e}function te(q){return w(q)===l}function G(q){return w(q)===n}function ne(q){return w(q)===m}function K(q){return w(q)===u}function U(q){return w(q)===t}function H(q){return w(q)===a}function X(q){return w(q)===o}function ee(q){return w(q)===d}Ee.ContextConsumer=T,Ee.ContextProvider=M,Ee.Element=_,Ee.ForwardRef=y,Ee.Fragment=k,Ee.Lazy=x,Ee.Memo=P,Ee.Portal=z,Ee.Profiler=I,Ee.StrictMode=Y,Ee.Suspense=V,Ee.isAsyncMode=Z,Ee.isConcurrentMode=$,Ee.isContextConsumer=L,Ee.isContextProvider=B,Ee.isElement=J,Ee.isForwardRef=te,Ee.isFragment=G,Ee.isLazy=ne,Ee.isMemo=K,Ee.isPortal=U,Ee.isProfiler=H,Ee.isStrictMode=X,Ee.isSuspense=ee,Ee.isValidElementType=C,Ee.typeOf=w}()),Ee}var al;function uf(){return al||(al=1,process.env.NODE_ENV==="production"?No.exports=df():No.exports=pf()),No.exports}var sl=uf(),mf=["getDisplayName","methodName","renderCountProp","shouldHandleStateChanges","storeKey","withRef","forwardRef","context"],ff=["reactReduxForwardedRef"],Sf=[],gf=[null,null],hf=function(t){try{return JSON.stringify(t)}catch{return String(t)}};function bf(e,t){var n=e[1];return[t.payload,n+1]}function il(e,t,n){Qi(function(){return e.apply(void 0,t)},n)}function vf(e,t,n,o,a,s,i){e.current=o,t.current=a,n.current=!1,s.current&&(s.current=null,i())}function yf(e,t,n,o,a,s,i,l,d,c){if(e){var u=!1,m=null,p=function(){if(!u){var h=t.getState(),E,v;try{E=o(h,a.current)}catch(b){v=b,m=b}v||(m=null),E===s.current?i.current||d():(s.current=E,l.current=E,i.current=!0,c({type:"STORE_UPDATED",payload:{error:v}}))}};n.onStateChange=p,n.trySubscribe(),p();var f=function(){if(u=!0,n.tryUnsubscribe(),n.onStateChange=null,m)throw m};return f}}var Ef=function(){return[null,0]};function Tf(e,t){t===void 0&&(t={});var n=t,o=n.getDisplayName,a=o===void 0?function(M){return"ConnectAdvanced("+M+")"}:o,s=n.methodName,i=s===void 0?"connectAdvanced":s,l=n.renderCountProp,d=l===void 0?void 0:l,c=n.shouldHandleStateChanges,u=c===void 0?!0:c,m=n.storeKey,p=m===void 0?"store":m,f=n.withRef,g=f===void 0?!1:f,h=n.forwardRef,E=h===void 0?!1:h,v=n.context,b=v===void 0?Hr:v,C=Do(n,mf);if(process.env.NODE_ENV!=="production"){if(d!==void 0)throw new Error("renderCountProp is removed. render counting is built into the latest React Dev Tools profiling extension");if(g)throw new Error("withRef is removed. To access the wrapped instance, use a ref on the connected component");var w="To use a custom Redux store for specific components, create a custom React context with React.createContext(), and pass the context object to React Redux's Provider and specific components like: <Provider context={MyContext}><ConnectedComponent context={MyContext} /></Provider>. You may also pass a {context : MyContext} option to connect";if(p!=="store")throw new Error("storeKey has been removed and does not do anything. "+w)}var T=b;return function(_){if(process.env.NODE_ENV!=="production"&&!sl.isValidElementType(_))throw new Error("You must pass a component to the function returned by "+(i+". Instead received "+hf(_)));var y=_.displayName||_.name||"Component",k=a(y),x=ie({},C,{getDisplayName:a,methodName:i,renderCountProp:d,shouldHandleStateChanges:u,storeKey:p,displayName:k,wrappedComponentName:y,WrappedComponent:_}),P=C.pure;function z(A){return e(A.dispatch,x)}var I=P?D.useMemo:function(A){return A()};function Y(A){var Z=D.useMemo(function(){var ce=A.reactReduxForwardedRef,ve=Do(A,ff);return[A.context,ce,ve]},[A]),$=Z[0],L=Z[1],B=Z[2],J=D.useMemo(function(){return $&&$.Consumer&&sl.isContextConsumer(D.createElement($.Consumer,null))?$:T},[$,T]),te=D.useContext(J),G=!!A.store&&!!A.store.getState&&!!A.store.dispatch,ne=!!te&&!!te.store;if(process.env.NODE_ENV!=="production"&&!G&&!ne)throw new Error('Could not find "store" in the context of '+('"'+k+'". Either wrap the root component in a <Provider>, ')+"or pass a custom React context provider to <Provider> and the corresponding "+("React context consumer to "+k+" in connect options."));var K=G?A.store:te.store,U=D.useMemo(function(){return z(K)},[K]),H=D.useMemo(function(){if(!u)return gf;var ce=Zi(K,G?null:te.subscription),ve=ce.notifyNestedSubs.bind(ce);return[ce,ve]},[K,G,te]),X=H[0],ee=H[1],q=D.useMemo(function(){return G?te:ie({},te,{subscription:X})},[G,te,X]),Q=D.useReducer(bf,Sf,Ef),ue=Q[0],pe=ue[0],Te=Q[1];if(pe&&pe.error)throw pe.error;var Le=D.useRef(),qe=D.useRef(B),Ue=D.useRef(),St=D.useRef(!1),Fe=I(function(){return Ue.current&&B===qe.current?Ue.current:U(K.getState(),B)},[K,pe,B]);il(vf,[qe,Le,St,B,Fe,Ue,ee]),il(yf,[u,K,X,U,qe,Le,St,Ue,ee,Te],[K,X,U]);var Ve=D.useMemo(function(){return D.createElement(_,ie({},Fe,{ref:L}))},[L,_,Fe]),$e=D.useMemo(function(){return u?D.createElement(J.Provider,{value:q},Ve):Ve},[J,Ve,q]);return $e}var V=P?D.memo(Y):Y;if(V.WrappedComponent=_,V.displayName=Y.displayName=k,E){var W=D.forwardRef(function(Z,$){return D.createElement(V,ie({},Z,{reactReduxForwardedRef:$}))});return W.displayName=k,W.WrappedComponent=_,nl(W,_)}return nl(V,_)}}function ll(e,t){return e===t?e!==0||t!==0||1/e===1/t:e!==e&&t!==t}function Gr(e,t){if(ll(e,t))return!0;if(typeof e!="object"||e===null||typeof t!="object"||t===null)return!1;var n=Object.keys(e),o=Object.keys(t);if(n.length!==o.length)return!1;for(var a=0;a<n.length;a++)if(!Object.prototype.hasOwnProperty.call(t,n[a])||!ll(e[n[a]],t[n[a]]))return!1;return!0}function wf(e,t){var n={},o=function(i){var l=e[i];typeof l=="function"&&(n[i]=function(){return t(l.apply(void 0,arguments))})};for(var a in e)o(a);return n}function Cf(e){if(typeof e!="object"||e===null)return!1;var t=Object.getPrototypeOf(e);if(t===null)return!0;for(var n=t;Object.getPrototypeOf(n)!==null;)n=Object.getPrototypeOf(n);return t===n}function cl(e){typeof console<"u"&&typeof console.error=="function"&&console.error(e);try{throw new Error(e)}catch{}}function dl(e,t,n){Cf(e)||cl(n+"() in "+t+" must return a plain object. Instead received "+e+".")}function Ur(e){return function(n,o){var a=e(n,o);function s(){return a}return s.dependsOnOwnProps=!1,s}}function pl(e){return e.dependsOnOwnProps!==null&&e.dependsOnOwnProps!==void 0?!!e.dependsOnOwnProps:e.length!==1}function ul(e,t){return function(o,a){var s=a.displayName,i=function(d,c){return i.dependsOnOwnProps?i.mapToProps(d,c):i.mapToProps(d)};return i.dependsOnOwnProps=!0,i.mapToProps=function(d,c){i.mapToProps=e,i.dependsOnOwnProps=pl(e);var u=i(d,c);return typeof u=="function"&&(i.mapToProps=u,i.dependsOnOwnProps=pl(u),u=i(d,c)),process.env.NODE_ENV!=="production"&&dl(u,s,t),u},i}}function Df(e){return typeof e=="function"?ul(e,"mapDispatchToProps"):void 0}function Nf(e){return e?void 0:Ur(function(t){return{dispatch:t}})}function If(e){return e&&typeof e=="object"?Ur(function(t){return wf(e,t)}):void 0}const xf=[Df,Nf,If];function Mf(e){return typeof e=="function"?ul(e,"mapStateToProps"):void 0}function kf(e){return e?void 0:Ur(function(){return{}})}const Lf=[Mf,kf];function Of(e,t,n){return ie({},n,e,t)}function Bf(e){return function(n,o){var a=o.displayName,s=o.pure,i=o.areMergedPropsEqual,l=!1,d;return function(u,m,p){var f=e(u,m,p);return l?(!s||!i(f,d))&&(d=f):(l=!0,d=f,process.env.NODE_ENV!=="production"&&dl(d,a,"mergeProps")),d}}}function Pf(e){return typeof e=="function"?Bf(e):void 0}function _f(e){return e?void 0:function(){return Of}}const Rf=[Pf,_f];function zr(e,t,n){if(e)(t==="mapStateToProps"||t==="mapDispatchToProps")&&(Object.prototype.hasOwnProperty.call(e,"dependsOnOwnProps")||cl("The selector for "+t+" of "+n+" did not specify a value for dependsOnOwnProps."));else throw new Error("Unexpected value for "+t+" in "+n+".")}function Af(e,t,n,o){zr(e,"mapStateToProps",o),zr(t,"mapDispatchToProps",o),zr(n,"mergeProps",o)}var Ff=["initMapStateToProps","initMapDispatchToProps","initMergeProps"];function Vf(e,t,n,o){return function(s,i){return n(e(s,i),t(o,i),i)}}function $f(e,t,n,o,a){var s=a.areStatesEqual,i=a.areOwnPropsEqual,l=a.areStatePropsEqual,d=!1,c,u,m,p,f;function g(C,w){return c=C,u=w,m=e(c,u),p=t(o,u),f=n(m,p,u),d=!0,f}function h(){return m=e(c,u),t.dependsOnOwnProps&&(p=t(o,u)),f=n(m,p,u),f}function E(){return e.dependsOnOwnProps&&(m=e(c,u)),t.dependsOnOwnProps&&(p=t(o,u)),f=n(m,p,u),f}function v(){var C=e(c,u),w=!l(C,m);return m=C,w&&(f=n(m,p,u)),f}function b(C,w){var T=!i(w,u),M=!s(C,c,w,u);return c=C,u=w,T&&M?h():T?E():M?v():f}return function(w,T){return d?b(w,T):g(w,T)}}function Kf(e,t){var n=t.initMapStateToProps,o=t.initMapDispatchToProps,a=t.initMergeProps,s=Do(t,Ff),i=n(e,s),l=o(e,s),d=a(e,s);process.env.NODE_ENV!=="production"&&Af(i,l,d,s.displayName);var c=s.pure?$f:Vf;return c(i,l,d,e,s)}var Hf=["pure","areStatesEqual","areOwnPropsEqual","areStatePropsEqual","areMergedPropsEqual"];function jr(e,t,n){for(var o=t.length-1;o>=0;o--){var a=t[o](e);if(a)return a}return function(s,i){throw new Error("Invalid value of type "+typeof e+" for "+n+" argument when connecting component "+i.wrappedComponentName+".")}}function Wf(e,t){return e===t}function Gf(e){var t=e===void 0?{}:e,n=t.connectHOC,o=n===void 0?Tf:n,a=t.mapStateToPropsFactories,s=a===void 0?Lf:a,i=t.mapDispatchToPropsFactories,l=i===void 0?xf:i,d=t.mergePropsFactories,c=d===void 0?Rf:d,u=t.selectorFactory,m=u===void 0?Kf:u;return function(f,g,h,E){E===void 0&&(E={});var v=E,b=v.pure,C=b===void 0?!0:b,w=v.areStatesEqual,T=w===void 0?Wf:w,M=v.areOwnPropsEqual,_=M===void 0?Gr:M,y=v.areStatePropsEqual,k=y===void 0?Gr:y,x=v.areMergedPropsEqual,P=x===void 0?Gr:x,z=Do(v,Hf),I=jr(f,s,"mapStateToProps"),Y=jr(g,l,"mapDispatchToProps"),V=jr(h,c,"mergeProps");return o(m,ie({methodName:"connect",getDisplayName:function(A){return"Connect("+A+")"},shouldHandleStateChanges:!!f,initMapStateToProps:I,initMapDispatchToProps:Y,initMergeProps:V,pure:C,areStatesEqual:T,areOwnPropsEqual:_,areStatePropsEqual:k,areMergedPropsEqual:P},z))}}const ml=Gf();rf(uo.unstable_batchedUpdates);function Uf(e,t){if(e.length!==t.length)return!1;for(var n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}function fl(e,t){var n=D.useState(function(){return{inputs:t,result:e()}})[0],o=D.useRef(!0),a=D.useRef(n),s=o.current||!!(t&&a.current.inputs&&Uf(t,a.current.inputs)),i=s?a.current:{inputs:t,result:e()};return D.useEffect(function(){o.current=!1,a.current=i},[i]),i.result}function zf(e,t){return fl(function(){return e},t)}var me=fl,se=zf,jf=process.env.NODE_ENV==="production",Yr="Invariant failed";function Sl(e,t){if(jf)throw new Error(Yr);var n=typeof t=="function"?t():t,o=n?"".concat(Yr,": ").concat(n):Yr;throw new Error(o)}var dt=function(t){var n=t.top,o=t.right,a=t.bottom,s=t.left,i=o-s,l=a-n,d={top:n,right:o,bottom:a,left:s,width:i,height:l,x:s,y:n,center:{x:(o+s)/2,y:(a+n)/2}};return d},qr=function(t,n){return{top:t.top-n.top,left:t.left-n.left,bottom:t.bottom+n.bottom,right:t.right+n.right}},gl=function(t,n){return{top:t.top+n.top,left:t.left+n.left,bottom:t.bottom-n.bottom,right:t.right-n.right}},Yf=function(t,n){return{top:t.top+n.y,left:t.left+n.x,bottom:t.bottom+n.y,right:t.right+n.x}},Jr={top:0,right:0,bottom:0,left:0},Xr=function(t){var n=t.borderBox,o=t.margin,a=o===void 0?Jr:o,s=t.border,i=s===void 0?Jr:s,l=t.padding,d=l===void 0?Jr:l,c=dt(qr(n,a)),u=dt(gl(n,i)),m=dt(gl(u,d));return{marginBox:c,borderBox:dt(n),paddingBox:u,contentBox:m,margin:a,border:i,padding:d}},rt=function(t){var n=t.slice(0,-2),o=t.slice(-2);if(o!=="px")return 0;var a=Number(n);return isNaN(a)&&(process.env.NODE_ENV!=="production"?Sl(!1,"Could not parse value [raw: "+t+", without suffix: "+n+"]"):Sl()),a},qf=function(){return{x:window.pageXOffset,y:window.pageYOffset}},Io=function(t,n){var o=t.borderBox,a=t.border,s=t.margin,i=t.padding,l=Yf(o,n);return Xr({borderBox:l,border:a,margin:s,padding:i})},xo=function(t,n){return n===void 0&&(n=qf()),Io(t,n)},hl=function(t,n){var o={top:rt(n.marginTop),right:rt(n.marginRight),bottom:rt(n.marginBottom),left:rt(n.marginLeft)},a={top:rt(n.paddingTop),right:rt(n.paddingRight),bottom:rt(n.paddingBottom),left:rt(n.paddingLeft)},s={top:rt(n.borderTopWidth),right:rt(n.borderRightWidth),bottom:rt(n.borderBottomWidth),left:rt(n.borderLeftWidth)};return Xr({borderBox:t,margin:o,padding:a,border:s})},bl=function(t){var n=t.getBoundingClientRect(),o=window.getComputedStyle(t);return hl(n,o)},vl=Number.isNaN||function(t){return typeof t=="number"&&t!==t};function Jf(e,t){return!!(e===t||vl(e)&&vl(t))}function Xf(e,t){if(e.length!==t.length)return!1;for(var n=0;n<e.length;n++)if(!Jf(e[n],t[n]))return!1;return!0}function Oe(e,t){t===void 0&&(t=Xf);var n,o=[],a,s=!1;function i(){for(var l=[],d=0;d<arguments.length;d++)l[d]=arguments[d];return s&&n===this&&t(l,o)||(a=e.apply(this,l),s=!0,n=this,o=l),a}return i}var Vn=function(t){var n=[],o=null,a=function(){for(var i=arguments.length,l=new Array(i),d=0;d<i;d++)l[d]=arguments[d];n=l,!o&&(o=requestAnimationFrame(function(){o=null,t.apply(void 0,n)}))};return a.cancel=function(){o&&(cancelAnimationFrame(o),o=null)},a},Zf=process.env.NODE_ENV==="production",Qf=/[ \t]{2,}/g,eS=/^[ \t]*/gm,yl=function(t){return t.replace(Qf," ").replace(eS,"").trim()},tS=function(t){return yl(`
   %creact-beautiful-dnd
 
   %c`+yl(t)+`
 
   %c👷‍ This is a development only message. It will be removed in production builds.
-`)},nS=function(t){return[tS(t),"color: #00C584; font-size: 1.2em; font-weight: bold;","line-height: 1.5","color: #723874;"]},oS="__react-beautiful-dnd-disable-dev-warnings";function El(e,t){var n;Zf||typeof window<"u"&&window[oS]||(n=console)[e].apply(n,nS(t))}var we=El.bind(null,"warn"),Zr=El.bind(null,"error");function Mt(){}function rS(e,t){return ie({},e,{},t)}function at(e,t,n){var o=t.map(function(a){var s=rS(n,a.options);return e.addEventListener(a.eventName,a.fn,s),function(){e.removeEventListener(a.eventName,a.fn,s)}});return function(){o.forEach(function(s){s()})}}var aS=process.env.NODE_ENV==="production",Tl="Invariant failed";function $n(e){this.message=e}$n.prototype.toString=function(){return this.message};function B(e,t){throw aS?new $n(Tl):new $n(Tl+": "+(t||""))}var sS=function(e){Mi(t,e);function t(){for(var o,a=arguments.length,s=new Array(a),i=0;i<a;i++)s[i]=arguments[i];return o=e.call.apply(e,[this].concat(s))||this,o.callbacks=null,o.unbind=Mt,o.onWindowError=function(l){var d=o.getCallbacks();d.isDragging()&&(d.tryAbort(),process.env.NODE_ENV!=="production"&&we(`
+`)},nS=function(t){return[tS(t),"color: #00C584; font-size: 1.2em; font-weight: bold;","line-height: 1.5","color: #723874;"]},oS="__react-beautiful-dnd-disable-dev-warnings";function El(e,t){var n;Zf||typeof window<"u"&&window[oS]||(n=console)[e].apply(n,nS(t))}var Ce=El.bind(null,"warn"),Zr=El.bind(null,"error");function Mt(){}function rS(e,t){return ie({},e,{},t)}function at(e,t,n){var o=t.map(function(a){var s=rS(n,a.options);return e.addEventListener(a.eventName,a.fn,s),function(){e.removeEventListener(a.eventName,a.fn,s)}});return function(){o.forEach(function(s){s()})}}var aS=process.env.NODE_ENV==="production",Tl="Invariant failed";function $n(e){this.message=e}$n.prototype.toString=function(){return this.message};function O(e,t){throw aS?new $n(Tl):new $n(Tl+": "+(t||""))}var sS=function(e){Mi(t,e);function t(){for(var o,a=arguments.length,s=new Array(a),i=0;i<a;i++)s[i]=arguments[i];return o=e.call.apply(e,[this].concat(s))||this,o.callbacks=null,o.unbind=Mt,o.onWindowError=function(l){var d=o.getCallbacks();d.isDragging()&&(d.tryAbort(),process.env.NODE_ENV!=="production"&&Ce(`
         An error was caught by our window 'error' event listener while a drag was occurring.
         The active drag has been aborted.
       `));var c=l.error;c instanceof $n&&(l.preventDefault(),process.env.NODE_ENV!=="production"&&Zr(c.message))},o.getCallbacks=function(){if(!o.callbacks)throw new Error("Unable to find AppCallbacks in <ErrorBoundary/>");return o.callbacks},o.setCallbacks=function(l){o.callbacks=l},o}var n=t.prototype;return n.componentDidMount=function(){this.unbind=at(window,[{eventName:"error",fn:this.onWindowError}])},n.componentDidCatch=function(a){if(a instanceof $n){process.env.NODE_ENV!=="production"&&Zr(a.message),this.setState({});return}throw a},n.componentWillUnmount=function(){this.unbind()},n.render=function(){return this.props.children(this.setCallbacks)},t}(D.Component),iS=`
@@ -401,27 +427,27 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
     `:`
     The item has been dropped while not over a drop area.
     `+Dl(t.source)+`
-  `},ko={dragHandleUsageInstructions:iS,onDragStart:lS,onDragUpdate:cS,onDragEnd:dS},Pe={x:0,y:0},Fe=function(t,n){return{x:t.x+n.x,y:t.y+n.y}},Xe=function(t,n){return{x:t.x-n.x,y:t.y-n.y}},kt=function(t,n){return t.x===n.x&&t.y===n.y},gn=function(t){return{x:t.x!==0?-t.x:0,y:t.y!==0?-t.y:0}},jt=function(t,n,o){var a;return o===void 0&&(o=0),a={},a[t]=n,a[t==="x"?"y":"x"]=o,a},Kn=function(t,n){return Math.sqrt(Math.pow(n.x-t.x,2)+Math.pow(n.y-t.y,2))},Nl=function(t,n){return Math.min.apply(Math,n.map(function(o){return Kn(t,o)}))},Il=function(t){return function(n){return{x:t(n.x),y:t(n.y)}}},pS=function(e,t){var n=dt({top:Math.max(t.top,e.top),right:Math.min(t.right,e.right),bottom:Math.min(t.bottom,e.bottom),left:Math.max(t.left,e.left)});return n.width<=0||n.height<=0?null:n},Hn=function(t,n){return{top:t.top+n.y,left:t.left+n.x,bottom:t.bottom+n.y,right:t.right+n.x}},xl=function(t){return[{x:t.left,y:t.top},{x:t.right,y:t.top},{x:t.left,y:t.bottom},{x:t.right,y:t.bottom}]},uS={top:0,right:0,bottom:0,left:0},mS=function(t,n){return n?Hn(t,n.scroll.diff.displacement):t},fS=function(t,n,o){if(o&&o.increasedBy){var a;return ie({},t,(a={},a[n.end]=t[n.end]+o.increasedBy[n.line],a))}return t},SS=function(t,n){return n&&n.shouldClipSubject?pS(n.pageMarginBox,t):dt(t)},hn=function(e){var t=e.page,n=e.withPlaceholder,o=e.axis,a=e.frame,s=mS(t.marginBox,a),i=fS(s,o,n),l=SS(i,a);return{page:t,withPlaceholder:n,active:l}},Qr=function(e,t){e.frame||(process.env.NODE_ENV,B());var n=e.frame,o=Xe(t,n.scroll.initial),a=gn(o),s=ie({},n,{scroll:{initial:n.scroll.initial,current:t,diff:{value:o,displacement:a},max:n.scroll.max}}),i=hn({page:e.subject.page,withPlaceholder:e.subject.withPlaceholder,axis:e.axis,frame:s}),l=ie({},e,{frame:s,subject:i});return l};function gS(e){return Number.isInteger?Number.isInteger(e):typeof e=="number"&&isFinite(e)&&Math.floor(e)===e}function Lo(e){return Object.values?Object.values(e):Object.keys(e).map(function(t){return e[t]})}function ea(e,t){if(e.findIndex)return e.findIndex(t);for(var n=0;n<e.length;n++)if(t(e[n]))return n;return-1}function Lt(e,t){if(e.find)return e.find(t);var n=ea(e,t);if(n!==-1)return e[n]}function Ml(e){return Array.prototype.slice.call(e)}var kl=Be(function(e){return e.reduce(function(t,n){return t[n.descriptor.id]=n,t},{})}),Ll=Be(function(e){return e.reduce(function(t,n){return t[n.descriptor.id]=n,t},{})}),Oo=Be(function(e){return Lo(e)}),hS=Be(function(e){return Lo(e)}),Yt=Be(function(e,t){var n=hS(t).filter(function(o){return e===o.descriptor.droppableId}).sort(function(o,a){return o.descriptor.index-a.descriptor.index});return n});function ta(e){return e.at&&e.at.type==="REORDER"?e.at.destination:null}function Bo(e){return e.at&&e.at.type==="COMBINE"?e.at.combine:null}var Po=Be(function(e,t){return t.filter(function(n){return n.descriptor.id!==e.descriptor.id})}),bS=function(e){var t=e.isMovingForward,n=e.draggable,o=e.destination,a=e.insideDestination,s=e.previousImpact;if(!o.isCombineEnabled)return null;var i=ta(s);if(!i)return null;function l(h){var E={type:"COMBINE",combine:{draggableId:h,droppableId:o.descriptor.id}};return ie({},s,{at:E})}var d=s.displaced.all,c=d.length?d[0]:null;if(t)return c?l(c):null;var u=Po(n,a);if(!c){if(!u.length)return null;var m=u[u.length-1];return l(m.descriptor.id)}var p=ea(u,function(h){return h.descriptor.id===c});p===-1&&(process.env.NODE_ENV!=="production"?B(!1,"Could not find displaced item in set"):B());var f=p-1;if(f<0)return null;var g=u[f];return l(g.descriptor.id)},bn=function(e,t){return e.descriptor.droppableId===t.descriptor.id},Ol={point:Pe,value:0},Wn={invisible:{},visible:{},all:[]},vS={displaced:Wn,displacedBy:Ol,at:null},st=function(e,t){return function(n){return e<=n&&n<=t}},Bl=function(e){var t=st(e.top,e.bottom),n=st(e.left,e.right);return function(o){var a=t(o.top)&&t(o.bottom)&&n(o.left)&&n(o.right);if(a)return!0;var s=t(o.top)||t(o.bottom),i=n(o.left)||n(o.right),l=s&&i;if(l)return!0;var d=o.top<e.top&&o.bottom>e.bottom,c=o.left<e.left&&o.right>e.right,u=d&&c;if(u)return!0;var m=d&&i||c&&s;return m}},yS=function(e){var t=st(e.top,e.bottom),n=st(e.left,e.right);return function(o){var a=t(o.top)&&t(o.bottom)&&n(o.left)&&n(o.right);return a}},na={direction:"vertical",line:"y",crossAxisLine:"x",start:"top",end:"bottom",size:"height",crossAxisStart:"left",crossAxisEnd:"right",crossAxisSize:"width"},Pl={direction:"horizontal",line:"x",crossAxisLine:"y",start:"left",end:"right",size:"width",crossAxisStart:"top",crossAxisEnd:"bottom",crossAxisSize:"height"},ES=function(e){return function(t){var n=st(t.top,t.bottom),o=st(t.left,t.right);return function(a){return e===na?n(a.top)&&n(a.bottom):o(a.left)&&o(a.right)}}},TS=function(t,n){var o=n.frame?n.frame.scroll.diff.displacement:Pe;return Hn(t,o)},wS=function(t,n,o){return n.subject.active?o(n.subject.active)(t):!1},CS=function(t,n,o){return o(n)(t)},oa=function(t){var n=t.target,o=t.destination,a=t.viewport,s=t.withDroppableDisplacement,i=t.isVisibleThroughFrameFn,l=s?TS(n,o):n;return wS(l,o,i)&&CS(l,a,i)},DS=function(t){return oa(ie({},t,{isVisibleThroughFrameFn:Bl}))},_l=function(t){return oa(ie({},t,{isVisibleThroughFrameFn:yS}))},NS=function(t){return oa(ie({},t,{isVisibleThroughFrameFn:ES(t.destination.axis)}))},IS=function(t,n,o){if(typeof o=="boolean")return o;if(!n)return!0;var a=n.invisible,s=n.visible;if(a[t])return!1;var i=s[t];return i?i.shouldAnimate:!0};function xS(e,t){var n=e.page.marginBox,o={top:t.point.y,right:0,bottom:0,left:t.point.x};return dt(qr(n,o))}function Gn(e){var t=e.afterDragging,n=e.destination,o=e.displacedBy,a=e.viewport,s=e.forceShouldAnimate,i=e.last;return t.reduce(function(d,c){var u=xS(c,o),m=c.descriptor.id;d.all.push(m);var p=DS({target:u,destination:n,viewport:a,withDroppableDisplacement:!0});if(!p)return d.invisible[c.descriptor.id]=!0,d;var f=IS(m,i,s),g={draggableId:m,shouldAnimate:f};return d.visible[m]=g,d},{all:[],visible:{},invisible:{}})}function MS(e,t){if(!e.length)return 0;var n=e[e.length-1].descriptor.index;return t.inHomeList?n:n+1}function Rl(e){var t=e.insideDestination,n=e.inHomeList,o=e.displacedBy,a=e.destination,s=MS(t,{inHomeList:n});return{displaced:Wn,displacedBy:o,at:{type:"REORDER",destination:{droppableId:a.descriptor.id,index:s}}}}function _o(e){var t=e.draggable,n=e.insideDestination,o=e.destination,a=e.viewport,s=e.displacedBy,i=e.last,l=e.index,d=e.forceShouldAnimate,c=bn(t,o);if(l==null)return Rl({insideDestination:n,inHomeList:c,displacedBy:s,destination:o});var u=Lt(n,function(h){return h.descriptor.index===l});if(!u)return Rl({insideDestination:n,inHomeList:c,displacedBy:s,destination:o});var m=Po(t,n),p=n.indexOf(u),f=m.slice(p),g=Gn({afterDragging:f,destination:o,displacedBy:s,last:i,viewport:a.frame,forceShouldAnimate:d});return{displaced:g,displacedBy:s,at:{type:"REORDER",destination:{droppableId:o.descriptor.id,index:l}}}}function Ot(e,t){return!!t.effected[e]}var kS=function(e){var t=e.isMovingForward,n=e.destination,o=e.draggables,a=e.combine,s=e.afterCritical;if(!n.isCombineEnabled)return null;var i=a.draggableId,l=o[i],d=l.descriptor.index,c=Ot(i,s);return c?t?d:d-1:t?d+1:d},LS=function(e){var t=e.isMovingForward,n=e.isInHomeList,o=e.insideDestination,a=e.location;if(!o.length)return null;var s=a.index,i=t?s+1:s-1,l=o[0].descriptor.index,d=o[o.length-1].descriptor.index,c=n?d:d+1;return i<l||i>c?null:i},OS=function(e){var t=e.isMovingForward,n=e.isInHomeList,o=e.draggable,a=e.draggables,s=e.destination,i=e.insideDestination,l=e.previousImpact,d=e.viewport,c=e.afterCritical,u=l.at;if(u||(process.env.NODE_ENV!=="production"?B(!1,"Cannot move in direction without previous impact location"):B()),u.type==="REORDER"){var m=LS({isMovingForward:t,isInHomeList:n,location:u.destination,insideDestination:i});return m==null?null:_o({draggable:o,insideDestination:i,destination:s,viewport:d,last:l.displaced,displacedBy:l.displacedBy,index:m})}var p=kS({isMovingForward:t,destination:s,displaced:l.displaced,draggables:a,combine:u.combine,afterCritical:c});return p==null?null:_o({draggable:o,insideDestination:i,destination:s,viewport:d,last:l.displaced,displacedBy:l.displacedBy,index:p})},BS=function(e){var t=e.displaced,n=e.afterCritical,o=e.combineWith,a=e.displacedBy,s=!!(t.visible[o]||t.invisible[o]);return Ot(o,n)?s?Pe:gn(a.point):s?a.point:Pe},PS=function(e){var t=e.afterCritical,n=e.impact,o=e.draggables,a=Bo(n);a||(process.env.NODE_ENV,B());var s=a.draggableId,i=o[s].page.borderBox.center,l=BS({displaced:n.displaced,afterCritical:t,combineWith:s,displacedBy:n.displacedBy});return Fe(i,l)},Al=function(t,n){return n.margin[t.start]+n.borderBox[t.size]/2},_S=function(t,n){return n.margin[t.end]+n.borderBox[t.size]/2},ra=function(t,n,o){return n[t.crossAxisStart]+o.margin[t.crossAxisStart]+o.borderBox[t.crossAxisSize]/2},Fl=function(t){var n=t.axis,o=t.moveRelativeTo,a=t.isMoving;return jt(n.line,o.marginBox[n.end]+Al(n,a),ra(n,o.marginBox,a))},Vl=function(t){var n=t.axis,o=t.moveRelativeTo,a=t.isMoving;return jt(n.line,o.marginBox[n.start]-_S(n,a),ra(n,o.marginBox,a))},RS=function(t){var n=t.axis,o=t.moveInto,a=t.isMoving;return jt(n.line,o.contentBox[n.start]+Al(n,a),ra(n,o.contentBox,a))},AS=function(e){var t=e.impact,n=e.draggable,o=e.draggables,a=e.droppable,s=e.afterCritical,i=Yt(a.descriptor.id,o),l=n.page,d=a.axis;if(!i.length)return RS({axis:d,moveInto:a.page,isMoving:l});var c=t.displaced,u=t.displacedBy,m=c.all[0];if(m){var p=o[m];if(Ot(m,s))return Vl({axis:d,moveRelativeTo:p.page,isMoving:l});var f=Io(p.page,u.point);return Vl({axis:d,moveRelativeTo:f,isMoving:l})}var g=i[i.length-1];if(g.descriptor.id===n.descriptor.id)return l.borderBox.center;if(Ot(g.descriptor.id,s)){var h=Io(g.page,gn(s.displacedBy.point));return Fl({axis:d,moveRelativeTo:h,isMoving:l})}return Fl({axis:d,moveRelativeTo:g.page,isMoving:l})},aa=function(e,t){var n=e.frame;return n?Fe(t,n.scroll.diff.displacement):t},FS=function(t){var n=t.impact,o=t.draggable,a=t.droppable,s=t.draggables,i=t.afterCritical,l=o.page.borderBox.center,d=n.at;return!a||!d?l:d.type==="REORDER"?AS({impact:n,draggable:o,draggables:s,droppable:a,afterCritical:i}):PS({impact:n,draggables:s,afterCritical:i})},Ro=function(e){var t=FS(e),n=e.droppable,o=n?aa(n,t):t;return o},$l=function(e,t){var n=Xe(t,e.scroll.initial),o=gn(n),a=dt({top:t.y,bottom:t.y+e.frame.height,left:t.x,right:t.x+e.frame.width}),s={frame:a,scroll:{initial:e.scroll.initial,max:e.scroll.max,current:t,diff:{value:n,displacement:o}}};return s};function Kl(e,t){return e.map(function(n){return t[n]})}function VS(e,t){for(var n=0;n<t.length;n++){var o=t[n].visible[e];if(o)return o}return null}var $S=function(e){var t=e.impact,n=e.viewport,o=e.destination,a=e.draggables,s=e.maxScrollChange,i=$l(n,Fe(n.scroll.current,s)),l=o.frame?Qr(o,Fe(o.frame.scroll.current,s)):o,d=t.displaced,c=Gn({afterDragging:Kl(d.all,a),destination:o,displacedBy:t.displacedBy,viewport:i.frame,last:d,forceShouldAnimate:!1}),u=Gn({afterDragging:Kl(d.all,a),destination:l,displacedBy:t.displacedBy,viewport:n.frame,last:d,forceShouldAnimate:!1}),m={},p={},f=[d,c,u];d.all.forEach(function(h){var E=VS(h,f);if(E){p[h]=E;return}m[h]=!0});var g=ie({},t,{displaced:{all:d.all,invisible:m,visible:p}});return g},KS=function(e,t){return Fe(e.scroll.diff.displacement,t)},sa=function(e){var t=e.pageBorderBoxCenter,n=e.draggable,o=e.viewport,a=KS(o,t),s=Xe(a,n.page.borderBox.center);return Fe(n.client.borderBox.center,s)},Hl=function(e){var t=e.draggable,n=e.destination,o=e.newPageBorderBoxCenter,a=e.viewport,s=e.withDroppableDisplacement,i=e.onlyOnMainAxis,l=i===void 0?!1:i,d=Xe(o,t.page.borderBox.center),c=Hn(t.page.borderBox,d),u={target:c,destination:n,withDroppableDisplacement:s,viewport:a};return l?NS(u):_l(u)},HS=function(e){var t=e.isMovingForward,n=e.draggable,o=e.destination,a=e.draggables,s=e.previousImpact,i=e.viewport,l=e.previousPageBorderBoxCenter,d=e.previousClientSelection,c=e.afterCritical;if(!o.isEnabled)return null;var u=Yt(o.descriptor.id,a),m=bn(n,o),p=bS({isMovingForward:t,draggable:n,destination:o,insideDestination:u,previousImpact:s})||OS({isMovingForward:t,isInHomeList:m,draggable:n,draggables:a,destination:o,insideDestination:u,previousImpact:s,viewport:i,afterCritical:c});if(!p)return null;var f=Ro({impact:p,draggable:n,droppable:o,draggables:a,afterCritical:c}),g=Hl({draggable:n,destination:o,newPageBorderBoxCenter:f,viewport:i.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0});if(g){var h=sa({pageBorderBoxCenter:f,draggable:n,viewport:i});return{clientSelection:h,impact:p,scrollJumpRequest:null}}var E=Xe(f,l),v=$S({impact:p,viewport:i,destination:o,draggables:a,maxScrollChange:E});return{clientSelection:d,impact:v,scrollJumpRequest:E}},Ge=function(t){var n=t.subject.active;return n||(process.env.NODE_ENV!=="production"?B(!1,"Cannot get clipped area from droppable"):B()),n},WS=function(e){var t=e.isMovingForward,n=e.pageBorderBoxCenter,o=e.source,a=e.droppables,s=e.viewport,i=o.subject.active;if(!i)return null;var l=o.axis,d=st(i[l.start],i[l.end]),c=Oo(a).filter(function(m){return m!==o}).filter(function(m){return m.isEnabled}).filter(function(m){return!!m.subject.active}).filter(function(m){return Bl(s.frame)(Ge(m))}).filter(function(m){var p=Ge(m);return t?i[l.crossAxisEnd]<p[l.crossAxisEnd]:p[l.crossAxisStart]<i[l.crossAxisStart]}).filter(function(m){var p=Ge(m),f=st(p[l.start],p[l.end]);return d(p[l.start])||d(p[l.end])||f(i[l.start])||f(i[l.end])}).sort(function(m,p){var f=Ge(m)[l.crossAxisStart],g=Ge(p)[l.crossAxisStart];return t?f-g:g-f}).filter(function(m,p,f){return Ge(m)[l.crossAxisStart]===Ge(f[0])[l.crossAxisStart]});if(!c.length)return null;if(c.length===1)return c[0];var u=c.filter(function(m){var p=st(Ge(m)[l.start],Ge(m)[l.end]);return p(n[l.line])});return u.length===1?u[0]:u.length>1?u.sort(function(m,p){return Ge(m)[l.start]-Ge(p)[l.start]})[0]:c.sort(function(m,p){var f=Nl(n,xl(Ge(m))),g=Nl(n,xl(Ge(p)));return f!==g?f-g:Ge(m)[l.start]-Ge(p)[l.start]})[0]},Wl=function(t,n){var o=t.page.borderBox.center;return Ot(t.descriptor.id,n)?Xe(o,n.displacedBy.point):o},GS=function(t,n){var o=t.page.borderBox;return Ot(t.descriptor.id,n)?Hn(o,gn(n.displacedBy.point)):o},US=function(e){var t=e.pageBorderBoxCenter,n=e.viewport,o=e.destination,a=e.insideDestination,s=e.afterCritical,i=a.filter(function(l){return _l({target:GS(l,s),destination:o,viewport:n.frame,withDroppableDisplacement:!0})}).sort(function(l,d){var c=Kn(t,aa(o,Wl(l,s))),u=Kn(t,aa(o,Wl(d,s)));return c<u?-1:u<c?1:l.descriptor.index-d.descriptor.index});return i[0]||null},Un=Be(function(t,n){var o=n[t.line];return{value:o,point:jt(t.line,o)}}),zS=function(t,n,o){var a=t.axis;if(t.descriptor.mode==="virtual")return jt(a.line,n[a.line]);var s=t.subject.page.contentBox[a.size],i=Yt(t.descriptor.id,o),l=i.reduce(function(u,m){return u+m.client.marginBox[a.size]},0),d=l+n[a.line],c=d-s;return c<=0?null:jt(a.line,c)},Gl=function(t,n){return ie({},t,{scroll:ie({},t.scroll,{max:n})})},Ul=function(t,n,o){var a=t.frame;bn(n,t)&&(process.env.NODE_ENV!=="production"?B(!1,"Should not add placeholder space to home list"):B()),t.subject.withPlaceholder&&(process.env.NODE_ENV!=="production"?B(!1,"Cannot add placeholder size to a subject when it already has one"):B());var s=Un(t.axis,n.displaceBy).point,i=zS(t,s,o),l={placeholderSize:s,increasedBy:i,oldFrameMaxScroll:t.frame?t.frame.scroll.max:null};if(!a){var d=hn({page:t.subject.page,withPlaceholder:l,axis:t.axis,frame:t.frame});return ie({},t,{subject:d})}var c=i?Fe(a.scroll.max,i):a.scroll.max,u=Gl(a,c),m=hn({page:t.subject.page,withPlaceholder:l,axis:t.axis,frame:u});return ie({},t,{subject:m,frame:u})},jS=function(t){var n=t.subject.withPlaceholder;n||(process.env.NODE_ENV!=="production"?B(!1,"Cannot remove placeholder form subject when there was none"):B());var o=t.frame;if(!o){var a=hn({page:t.subject.page,axis:t.axis,frame:null,withPlaceholder:null});return ie({},t,{subject:a})}var s=n.oldFrameMaxScroll;s||(process.env.NODE_ENV!=="production"?B(!1,"Expected droppable with frame to have old max frame scroll when removing placeholder"):B());var i=Gl(o,s),l=hn({page:t.subject.page,axis:t.axis,frame:i,withPlaceholder:null});return ie({},t,{subject:l,frame:i})},YS=function(e){var t=e.previousPageBorderBoxCenter,n=e.moveRelativeTo,o=e.insideDestination,a=e.draggable,s=e.draggables,i=e.destination,l=e.viewport,d=e.afterCritical;if(!n){if(o.length)return null;var c={displaced:Wn,displacedBy:Ol,at:{type:"REORDER",destination:{droppableId:i.descriptor.id,index:0}}},u=Ro({impact:c,draggable:a,droppable:i,draggables:s,afterCritical:d}),m=bn(a,i)?i:Ul(i,a,s),p=Hl({draggable:a,destination:m,newPageBorderBoxCenter:u,viewport:l.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0});return p?c:null}var f=t[i.axis.line]<=n.page.borderBox.center[i.axis.line],g=function(){var E=n.descriptor.index;return n.descriptor.id===a.descriptor.id||f?E:E+1}(),h=Un(i.axis,a.displaceBy);return _o({draggable:a,insideDestination:o,destination:i,viewport:l,displacedBy:h,last:Wn,index:g})},qS=function(e){var t=e.isMovingForward,n=e.previousPageBorderBoxCenter,o=e.draggable,a=e.isOver,s=e.draggables,i=e.droppables,l=e.viewport,d=e.afterCritical,c=WS({isMovingForward:t,pageBorderBoxCenter:n,source:a,droppables:i,viewport:l});if(!c)return null;var u=Yt(c.descriptor.id,s),m=US({pageBorderBoxCenter:n,viewport:l,destination:c,insideDestination:u,afterCritical:d}),p=YS({previousPageBorderBoxCenter:n,destination:c,draggable:o,draggables:s,moveRelativeTo:m,insideDestination:u,viewport:l,afterCritical:d});if(!p)return null;var f=Ro({impact:p,draggable:o,droppable:c,draggables:s,afterCritical:d}),g=sa({pageBorderBoxCenter:f,draggable:o,viewport:l});return{clientSelection:g,impact:p,scrollJumpRequest:null}},Ze=function(e){var t=e.at;return t?t.type==="REORDER"?t.destination.droppableId:t.combine.droppableId:null},JS=function(t,n){var o=Ze(t);return o?n[o]:null},XS=function(e){var t=e.state,n=e.type,o=JS(t.impact,t.dimensions.droppables),a=!!o,s=t.dimensions.droppables[t.critical.droppable.id],i=o||s,l=i.axis.direction,d=l==="vertical"&&(n==="MOVE_UP"||n==="MOVE_DOWN")||l==="horizontal"&&(n==="MOVE_LEFT"||n==="MOVE_RIGHT");if(d&&!a)return null;var c=n==="MOVE_DOWN"||n==="MOVE_RIGHT",u=t.dimensions.draggables[t.critical.draggable.id],m=t.current.page.borderBoxCenter,p=t.dimensions,f=p.draggables,g=p.droppables;return d?HS({isMovingForward:c,previousPageBorderBoxCenter:m,draggable:u,destination:i,draggables:f,viewport:t.viewport,previousClientSelection:t.current.client.selection,previousImpact:t.impact,afterCritical:t.afterCritical}):qS({isMovingForward:c,previousPageBorderBoxCenter:m,draggable:u,isOver:i,draggables:f,droppables:g,viewport:t.viewport,afterCritical:t.afterCritical})};function qt(e){return e.phase==="DRAGGING"||e.phase==="COLLECTING"}function zl(e){var t=st(e.top,e.bottom),n=st(e.left,e.right);return function(a){return t(a.y)&&n(a.x)}}function ZS(e,t){return e.left<t.right&&e.right>t.left&&e.top<t.bottom&&e.bottom>t.top}function QS(e){var t=e.pageBorderBox,n=e.draggable,o=e.candidates,a=n.page.borderBox.center,s=o.map(function(i){var l=i.axis,d=jt(i.axis.line,t.center[l.line],i.page.borderBox.center[l.crossAxisLine]);return{id:i.descriptor.id,distance:Kn(a,d)}}).sort(function(i,l){return l.distance-i.distance});return s[0]?s[0].id:null}function eg(e){var t=e.pageBorderBox,n=e.draggable,o=e.droppables,a=Oo(o).filter(function(s){if(!s.isEnabled)return!1;var i=s.subject.active;if(!i||!ZS(t,i))return!1;if(zl(i)(t.center))return!0;var l=s.axis,d=i.center[l.crossAxisLine],c=t[l.crossAxisStart],u=t[l.crossAxisEnd],m=st(i[l.crossAxisStart],i[l.crossAxisEnd]),p=m(c),f=m(u);return!p&&!f?!0:p?c<d:u>d});return a.length?a.length===1?a[0].descriptor.id:QS({pageBorderBox:t,draggable:n,candidates:a}):null}var jl=function(t,n){return dt(Hn(t,n))},tg=function(e,t){var n=e.frame;return n?jl(t,n.scroll.diff.value):t};function Yl(e){var t=e.displaced,n=e.id;return!!(t.visible[n]||t.invisible[n])}function ng(e){var t=e.draggable,n=e.closest,o=e.inHomeList;return n?o&&n.descriptor.index>t.descriptor.index?n.descriptor.index-1:n.descriptor.index:null}var og=function(e){var t=e.pageBorderBoxWithDroppableScroll,n=e.draggable,o=e.destination,a=e.insideDestination,s=e.last,i=e.viewport,l=e.afterCritical,d=o.axis,c=Un(o.axis,n.displaceBy),u=c.value,m=t[d.start],p=t[d.end],f=Po(n,a),g=Lt(f,function(E){var v=E.descriptor.id,b=E.page.borderBox.center[d.line],C=Ot(v,l),w=Yl({displaced:s,id:v});return C?w?p<=b:m<b-u:w?p<=b+u:m<b}),h=ng({draggable:n,closest:g,inHomeList:bn(n,o)});return _o({draggable:n,insideDestination:a,destination:o,viewport:i,last:s,displacedBy:c,index:h})},rg=4,ag=function(e){var t=e.draggable,n=e.pageBorderBoxWithDroppableScroll,o=e.previousImpact,a=e.destination,s=e.insideDestination,i=e.afterCritical;if(!a.isCombineEnabled)return null;var l=a.axis,d=Un(a.axis,t.displaceBy),c=d.value,u=n[l.start],m=n[l.end],p=Po(t,s),f=Lt(p,function(h){var E=h.descriptor.id,v=h.page.borderBox,b=v[l.size],C=b/rg,w=Ot(E,i),T=Yl({displaced:o.displaced,id:E});return w?T?m>v[l.start]+C&&m<v[l.end]-C:u>v[l.start]-c+C&&u<v[l.end]-c-C:T?m>v[l.start]+c+C&&m<v[l.end]+c-C:u>v[l.start]+C&&u<v[l.end]-C});if(!f)return null;var g={displacedBy:d,displaced:o.displaced,at:{type:"COMBINE",combine:{draggableId:f.descriptor.id,droppableId:a.descriptor.id}}};return g},ql=function(e){var t=e.pageOffset,n=e.draggable,o=e.draggables,a=e.droppables,s=e.previousImpact,i=e.viewport,l=e.afterCritical,d=jl(n.page.borderBox,t),c=eg({pageBorderBox:d,draggable:n,droppables:a});if(!c)return vS;var u=a[c],m=Yt(u.descriptor.id,o),p=tg(u,d);return ag({pageBorderBoxWithDroppableScroll:p,draggable:n,previousImpact:s,destination:u,insideDestination:m,afterCritical:l})||og({pageBorderBoxWithDroppableScroll:p,draggable:n,destination:u,insideDestination:m,last:s.displaced,viewport:i,afterCritical:l})},ia=function(e,t){var n;return ie({},e,(n={},n[t.descriptor.id]=t,n))},sg=function(t){var n=t.previousImpact,o=t.impact,a=t.droppables,s=Ze(n),i=Ze(o);if(!s||s===i)return a;var l=a[s];if(!l.subject.withPlaceholder)return a;var d=jS(l);return ia(a,d)},ig=function(e){var t=e.draggable,n=e.draggables,o=e.droppables,a=e.previousImpact,s=e.impact,i=sg({previousImpact:a,impact:s,droppables:o}),l=Ze(s);if(!l)return i;var d=o[l];if(bn(t,d)||d.subject.withPlaceholder)return i;var c=Ul(d,t,n);return ia(i,c)},zn=function(e){var t=e.state,n=e.clientSelection,o=e.dimensions,a=e.viewport,s=e.impact,i=e.scrollJumpRequest,l=a||t.viewport,d=o||t.dimensions,c=n||t.current.client.selection,u=Xe(c,t.initial.client.selection),m={offset:u,selection:c,borderBoxCenter:Fe(t.initial.client.borderBoxCenter,u)},p={selection:Fe(m.selection,l.scroll.current),borderBoxCenter:Fe(m.borderBoxCenter,l.scroll.current),offset:Fe(m.offset,l.scroll.diff.value)},f={client:m,page:p};if(t.phase==="COLLECTING")return ie({phase:"COLLECTING"},t,{dimensions:d,viewport:l,current:f});var g=d.draggables[t.critical.draggable.id],h=s||ql({pageOffset:p.offset,draggable:g,draggables:d.draggables,droppables:d.droppables,previousImpact:t.impact,viewport:l,afterCritical:t.afterCritical}),E=ig({draggable:g,impact:h,previousImpact:t.impact,draggables:d.draggables,droppables:d.droppables}),v=ie({},t,{current:f,dimensions:{draggables:d.draggables,droppables:E},impact:h,viewport:l,scrollJumpRequest:i||null,forceShouldAnimate:i?!1:null});return v};function lg(e,t){return e.map(function(n){return t[n]})}var Jl=function(e){var t=e.impact,n=e.viewport,o=e.draggables,a=e.destination,s=e.forceShouldAnimate,i=t.displaced,l=lg(i.all,o),d=Gn({afterDragging:l,destination:a,displacedBy:t.displacedBy,viewport:n.frame,forceShouldAnimate:s,last:i});return ie({},t,{displaced:d})},Xl=function(e){var t=e.impact,n=e.draggable,o=e.droppable,a=e.draggables,s=e.viewport,i=e.afterCritical,l=Ro({impact:t,draggable:n,draggables:a,droppable:o,afterCritical:i});return sa({pageBorderBoxCenter:l,draggable:n,viewport:s})},Zl=function(e){var t=e.state,n=e.dimensions,o=e.viewport;t.movementMode!=="SNAP"&&(process.env.NODE_ENV,B());var a=t.impact,s=o||t.viewport,i=n||t.dimensions,l=i.draggables,d=i.droppables,c=l[t.critical.draggable.id],u=Ze(a);u||(process.env.NODE_ENV!=="production"?B(!1,"Must be over a destination in SNAP movement mode"):B());var m=d[u],p=Jl({impact:a,viewport:s,destination:m,draggables:l}),f=Xl({impact:p,draggable:c,droppable:m,draggables:l,viewport:s,afterCritical:t.afterCritical});return zn({impact:p,clientSelection:f,state:t,dimensions:i,viewport:s})},cg=function(e){return{index:e.index,droppableId:e.droppableId}},Ql=function(e){var t=e.draggable,n=e.home,o=e.draggables,a=e.viewport,s=Un(n.axis,t.displaceBy),i=Yt(n.descriptor.id,o),l=i.indexOf(t);l===-1&&(process.env.NODE_ENV!=="production"?B(!1,"Expected draggable to be inside home list"):B());var d=i.slice(l+1),c=d.reduce(function(f,g){return f[g.descriptor.id]=!0,f},{}),u={inVirtualList:n.descriptor.mode==="virtual",displacedBy:s,effected:c},m=Gn({afterDragging:d,destination:n,displacedBy:s,last:null,viewport:a.frame,forceShouldAnimate:!1}),p={displaced:m,displacedBy:s,at:{type:"REORDER",destination:cg(t.descriptor)}};return{impact:p,afterCritical:u}},dg=function(e,t){return{draggables:e.draggables,droppables:ia(e.droppables,t)}},jn=function(t){process.env.NODE_ENV},Yn=function(t){process.env.NODE_ENV},pg=function(e){var t=e.draggable,n=e.offset,o=e.initialWindowScroll,a=Io(t.client,n),s=xo(a,o),i=ie({},t,{placeholder:ie({},t.placeholder,{client:a}),client:a,page:s});return i},ug=function(e){var t=e.frame;return t||(process.env.NODE_ENV!=="production"?B(!1,"Expected Droppable to have a frame"):B()),t},mg=function(e){var t=e.additions,n=e.updatedDroppables,o=e.viewport,a=o.scroll.diff.value;return t.map(function(s){var i=s.descriptor.droppableId,l=n[i],d=ug(l),c=d.scroll.diff.value,u=Fe(a,c),m=pg({draggable:s,offset:u,initialWindowScroll:o.scroll.initial});return m})},fg=function(e){var t=e.state,n=e.published;jn();var o=n.modified.map(function(C){var w=t.dimensions.droppables[C.droppableId],T=Qr(w,C.scroll);return T}),a=ie({},t.dimensions.droppables,{},kl(o)),s=Ll(mg({additions:n.additions,updatedDroppables:a,viewport:t.viewport})),i=ie({},t.dimensions.draggables,{},s);n.removals.forEach(function(C){delete i[C]});var l={droppables:a,draggables:i},d=Ze(t.impact),c=d?l.droppables[d]:null,u=l.draggables[t.critical.draggable.id],m=l.droppables[t.critical.droppable.id],p=Ql({draggable:u,home:m,draggables:i,viewport:t.viewport}),f=p.impact,g=p.afterCritical,h=c&&c.isCombineEnabled?t.impact:f,E=ql({pageOffset:t.current.page.offset,draggable:l.draggables[t.critical.draggable.id],draggables:l.draggables,droppables:l.droppables,previousImpact:h,viewport:t.viewport,afterCritical:g});Yn();var v=ie({phase:"DRAGGING"},t,{phase:"DRAGGING",impact:E,onLiftImpact:f,dimensions:l,afterCritical:g,forceShouldAnimate:!1});if(t.phase==="COLLECTING")return v;var b=ie({phase:"DROP_PENDING"},v,{phase:"DROP_PENDING",reason:t.reason,isWaiting:!1});return b},la=function(t){return t.movementMode==="SNAP"},ca=function(t,n,o){var a=dg(t.dimensions,n);return!la(t)||o?zn({state:t,dimensions:a}):Zl({state:t,dimensions:a})};function da(e){return e.isDragging&&e.movementMode==="SNAP"?ie({phase:"DRAGGING"},e,{scrollJumpRequest:null}):e}var ec={phase:"IDLE",completed:null,shouldFlush:!1},Sg=function(e,t){if(e===void 0&&(e=ec),t.type==="FLUSH")return ie({},ec,{shouldFlush:!0});if(t.type==="INITIAL_PUBLISH"){e.phase!=="IDLE"&&(process.env.NODE_ENV!=="production"?B(!1,"INITIAL_PUBLISH must come after a IDLE phase"):B());var n=t.payload,o=n.critical,a=n.clientSelection,s=n.viewport,i=n.dimensions,l=n.movementMode,d=i.draggables[o.draggable.id],c=i.droppables[o.droppable.id],u={selection:a,borderBoxCenter:d.client.borderBox.center,offset:Pe},m={client:u,page:{selection:Fe(u.selection,s.scroll.initial),borderBoxCenter:Fe(u.selection,s.scroll.initial),offset:Fe(u.selection,s.scroll.diff.value)}},p=Oo(i.droppables).every(function(J){return!J.isFixedOnPage}),f=Ql({draggable:d,home:c,draggables:i.draggables,viewport:s}),g=f.impact,h=f.afterCritical,E={phase:"DRAGGING",isDragging:!0,critical:o,movementMode:l,dimensions:i,initial:m,current:m,isWindowScrollAllowed:p,impact:g,afterCritical:h,onLiftImpact:g,viewport:s,scrollJumpRequest:null,forceShouldAnimate:null};return E}if(t.type==="COLLECTION_STARTING"){if(e.phase==="COLLECTING"||e.phase==="DROP_PENDING")return e;e.phase!=="DRAGGING"&&(process.env.NODE_ENV!=="production"?B(!1,"Collection cannot start from phase "+e.phase):B());var v=ie({phase:"COLLECTING"},e,{phase:"COLLECTING"});return v}if(t.type==="PUBLISH_WHILE_DRAGGING")return e.phase==="COLLECTING"||e.phase==="DROP_PENDING"||(process.env.NODE_ENV!=="production"?B(!1,"Unexpected "+t.type+" received in phase "+e.phase):B()),fg({state:e,published:t.payload});if(t.type==="MOVE"){if(e.phase==="DROP_PENDING")return e;qt(e)||(process.env.NODE_ENV!=="production"?B(!1,t.type+" not permitted in phase "+e.phase):B());var b=t.payload.client;return kt(b,e.current.client.selection)?e:zn({state:e,clientSelection:b,impact:la(e)?e.impact:null})}if(t.type==="UPDATE_DROPPABLE_SCROLL"){if(e.phase==="DROP_PENDING"||e.phase==="COLLECTING")return da(e);qt(e)||(process.env.NODE_ENV!=="production"?B(!1,t.type+" not permitted in phase "+e.phase):B());var C=t.payload,w=C.id,T=C.newScroll,x=e.dimensions.droppables[w];if(!x)return e;var F=Qr(x,T);return ca(e,F,!1)}if(t.type==="UPDATE_DROPPABLE_IS_ENABLED"){if(e.phase==="DROP_PENDING")return e;qt(e)||(process.env.NODE_ENV!=="production"?B(!1,"Attempting to move in an unsupported phase "+e.phase):B());var y=t.payload,k=y.id,M=y.isEnabled,P=e.dimensions.droppables[k];P||(process.env.NODE_ENV!=="production"?B(!1,"Cannot find Droppable[id: "+k+"] to toggle its enabled state"):B()),P.isEnabled===M&&(process.env.NODE_ENV!=="production"?B(!1,"Trying to set droppable isEnabled to "+String(M)+`
-      but it is already `+String(P.isEnabled)):B());var G=ie({},P,{isEnabled:M});return ca(e,G,!0)}if(t.type==="UPDATE_DROPPABLE_IS_COMBINE_ENABLED"){if(e.phase==="DROP_PENDING")return e;qt(e)||(process.env.NODE_ENV!=="production"?B(!1,"Attempting to move in an unsupported phase "+e.phase):B());var I=t.payload,j=I.id,K=I.isCombineEnabled,H=e.dimensions.droppables[j];H||(process.env.NODE_ENV!=="production"?B(!1,"Cannot find Droppable[id: "+j+"] to toggle its isCombineEnabled state"):B()),H.isCombineEnabled===K&&(process.env.NODE_ENV!=="production"?B(!1,"Trying to set droppable isCombineEnabled to "+String(K)+`
-      but it is already `+String(H.isCombineEnabled)):B());var R=ie({},H,{isCombineEnabled:K});return ca(e,R,!0)}if(t.type==="MOVE_BY_WINDOW_SCROLL"){if(e.phase==="DROP_PENDING"||e.phase==="DROP_ANIMATING")return e;qt(e)||(process.env.NODE_ENV!=="production"?B(!1,"Cannot move by window in phase "+e.phase):B()),e.isWindowScrollAllowed||(process.env.NODE_ENV!=="production"?B(!1,"Window scrolling is currently not supported for fixed lists"):B());var Z=t.payload.newScroll;if(kt(e.viewport.scroll.current,Z))return da(e);var $=$l(e.viewport,Z);return la(e)?Zl({state:e,viewport:$}):zn({state:e,viewport:$})}if(t.type==="UPDATE_VIEWPORT_MAX_SCROLL"){if(!qt(e))return e;var L=t.payload.maxScroll;if(kt(L,e.viewport.scroll.max))return e;var _=ie({},e.viewport,{scroll:ie({},e.viewport.scroll,{max:L})});return ie({phase:"DRAGGING"},e,{viewport:_})}if(t.type==="MOVE_UP"||t.type==="MOVE_DOWN"||t.type==="MOVE_LEFT"||t.type==="MOVE_RIGHT"){if(e.phase==="COLLECTING"||e.phase==="DROP_PENDING")return e;e.phase!=="DRAGGING"&&(process.env.NODE_ENV!=="production"?B(!1,t.type+" received while not in DRAGGING phase"):B());var Y=XS({state:e,type:t.type});return Y?zn({state:e,impact:Y.impact,clientSelection:Y.clientSelection,scrollJumpRequest:Y.scrollJumpRequest}):e}if(t.type==="DROP_PENDING"){var te=t.payload.reason;e.phase!=="COLLECTING"&&(process.env.NODE_ENV!=="production"?B(!1,"Can only move into the DROP_PENDING phase from the COLLECTING phase"):B());var W=ie({phase:"DROP_PENDING"},e,{phase:"DROP_PENDING",isWaiting:!0,reason:te});return W}if(t.type==="DROP_ANIMATE"){var ne=t.payload,O=ne.completed,U=ne.dropDuration,q=ne.newHomeClientOffset;e.phase==="DRAGGING"||e.phase==="DROP_PENDING"||(process.env.NODE_ENV!=="production"?B(!1,"Cannot animate drop from phase "+e.phase):B());var X={phase:"DROP_ANIMATING",completed:O,dropDuration:U,newHomeClientOffset:q,dimensions:e.dimensions};return X}if(t.type==="DROP_COMPLETE"){var ee=t.payload.completed;return{phase:"IDLE",completed:ee,shouldFlush:!1}}return e},gg=function(t){return{type:"BEFORE_INITIAL_CAPTURE",payload:t}},hg=function(t){return{type:"LIFT",payload:t}},bg=function(t){return{type:"INITIAL_PUBLISH",payload:t}},vg=function(t){return{type:"PUBLISH_WHILE_DRAGGING",payload:t}},yg=function(){return{type:"COLLECTION_STARTING",payload:null}},Eg=function(t){return{type:"UPDATE_DROPPABLE_SCROLL",payload:t}},Tg=function(t){return{type:"UPDATE_DROPPABLE_IS_ENABLED",payload:t}},wg=function(t){return{type:"UPDATE_DROPPABLE_IS_COMBINE_ENABLED",payload:t}},tc=function(t){return{type:"MOVE",payload:t}},Cg=function(t){return{type:"MOVE_BY_WINDOW_SCROLL",payload:t}},Dg=function(t){return{type:"UPDATE_VIEWPORT_MAX_SCROLL",payload:t}},Ng=function(){return{type:"MOVE_UP",payload:null}},Ig=function(){return{type:"MOVE_DOWN",payload:null}},xg=function(){return{type:"MOVE_RIGHT",payload:null}},Mg=function(){return{type:"MOVE_LEFT",payload:null}},pa=function(){return{type:"FLUSH",payload:null}},kg=function(t){return{type:"DROP_ANIMATE",payload:t}},ua=function(t){return{type:"DROP_COMPLETE",payload:t}},nc=function(t){return{type:"DROP",payload:t}},Lg=function(t){return{type:"DROP_PENDING",payload:t}},oc=function(){return{type:"DROP_ANIMATION_FINISHED",payload:null}};function Og(e){if(!(e.length<=1)){for(var t=e.map(function(l){return l.descriptor.index}),n={},o=1;o<t.length;o++){var a=t[o],s=t[o-1];a!==s+1&&(n[a]=!0)}if(Object.keys(n).length){var i=t.map(function(l){var d=!!n[l];return d?"[🔥"+l+"]":""+l}).join(", ");process.env.NODE_ENV!=="production"&&we(`
+  `},ko={dragHandleUsageInstructions:iS,onDragStart:lS,onDragUpdate:cS,onDragEnd:dS},Be={x:0,y:0},Ae=function(t,n){return{x:t.x+n.x,y:t.y+n.y}},Xe=function(t,n){return{x:t.x-n.x,y:t.y-n.y}},kt=function(t,n){return t.x===n.x&&t.y===n.y},gn=function(t){return{x:t.x!==0?-t.x:0,y:t.y!==0?-t.y:0}},jt=function(t,n,o){var a;return o===void 0&&(o=0),a={},a[t]=n,a[t==="x"?"y":"x"]=o,a},Kn=function(t,n){return Math.sqrt(Math.pow(n.x-t.x,2)+Math.pow(n.y-t.y,2))},Nl=function(t,n){return Math.min.apply(Math,n.map(function(o){return Kn(t,o)}))},Il=function(t){return function(n){return{x:t(n.x),y:t(n.y)}}},pS=function(e,t){var n=dt({top:Math.max(t.top,e.top),right:Math.min(t.right,e.right),bottom:Math.min(t.bottom,e.bottom),left:Math.max(t.left,e.left)});return n.width<=0||n.height<=0?null:n},Hn=function(t,n){return{top:t.top+n.y,left:t.left+n.x,bottom:t.bottom+n.y,right:t.right+n.x}},xl=function(t){return[{x:t.left,y:t.top},{x:t.right,y:t.top},{x:t.left,y:t.bottom},{x:t.right,y:t.bottom}]},uS={top:0,right:0,bottom:0,left:0},mS=function(t,n){return n?Hn(t,n.scroll.diff.displacement):t},fS=function(t,n,o){if(o&&o.increasedBy){var a;return ie({},t,(a={},a[n.end]=t[n.end]+o.increasedBy[n.line],a))}return t},SS=function(t,n){return n&&n.shouldClipSubject?pS(n.pageMarginBox,t):dt(t)},hn=function(e){var t=e.page,n=e.withPlaceholder,o=e.axis,a=e.frame,s=mS(t.marginBox,a),i=fS(s,o,n),l=SS(i,a);return{page:t,withPlaceholder:n,active:l}},Qr=function(e,t){e.frame||(process.env.NODE_ENV,O());var n=e.frame,o=Xe(t,n.scroll.initial),a=gn(o),s=ie({},n,{scroll:{initial:n.scroll.initial,current:t,diff:{value:o,displacement:a},max:n.scroll.max}}),i=hn({page:e.subject.page,withPlaceholder:e.subject.withPlaceholder,axis:e.axis,frame:s}),l=ie({},e,{frame:s,subject:i});return l};function gS(e){return Number.isInteger?Number.isInteger(e):typeof e=="number"&&isFinite(e)&&Math.floor(e)===e}function Lo(e){return Object.values?Object.values(e):Object.keys(e).map(function(t){return e[t]})}function ea(e,t){if(e.findIndex)return e.findIndex(t);for(var n=0;n<e.length;n++)if(t(e[n]))return n;return-1}function Lt(e,t){if(e.find)return e.find(t);var n=ea(e,t);if(n!==-1)return e[n]}function Ml(e){return Array.prototype.slice.call(e)}var kl=Oe(function(e){return e.reduce(function(t,n){return t[n.descriptor.id]=n,t},{})}),Ll=Oe(function(e){return e.reduce(function(t,n){return t[n.descriptor.id]=n,t},{})}),Oo=Oe(function(e){return Lo(e)}),hS=Oe(function(e){return Lo(e)}),Yt=Oe(function(e,t){var n=hS(t).filter(function(o){return e===o.descriptor.droppableId}).sort(function(o,a){return o.descriptor.index-a.descriptor.index});return n});function ta(e){return e.at&&e.at.type==="REORDER"?e.at.destination:null}function Bo(e){return e.at&&e.at.type==="COMBINE"?e.at.combine:null}var Po=Oe(function(e,t){return t.filter(function(n){return n.descriptor.id!==e.descriptor.id})}),bS=function(e){var t=e.isMovingForward,n=e.draggable,o=e.destination,a=e.insideDestination,s=e.previousImpact;if(!o.isCombineEnabled)return null;var i=ta(s);if(!i)return null;function l(h){var E={type:"COMBINE",combine:{draggableId:h,droppableId:o.descriptor.id}};return ie({},s,{at:E})}var d=s.displaced.all,c=d.length?d[0]:null;if(t)return c?l(c):null;var u=Po(n,a);if(!c){if(!u.length)return null;var m=u[u.length-1];return l(m.descriptor.id)}var p=ea(u,function(h){return h.descriptor.id===c});p===-1&&(process.env.NODE_ENV!=="production"?O(!1,"Could not find displaced item in set"):O());var f=p-1;if(f<0)return null;var g=u[f];return l(g.descriptor.id)},bn=function(e,t){return e.descriptor.droppableId===t.descriptor.id},Ol={point:Be,value:0},Wn={invisible:{},visible:{},all:[]},vS={displaced:Wn,displacedBy:Ol,at:null},st=function(e,t){return function(n){return e<=n&&n<=t}},Bl=function(e){var t=st(e.top,e.bottom),n=st(e.left,e.right);return function(o){var a=t(o.top)&&t(o.bottom)&&n(o.left)&&n(o.right);if(a)return!0;var s=t(o.top)||t(o.bottom),i=n(o.left)||n(o.right),l=s&&i;if(l)return!0;var d=o.top<e.top&&o.bottom>e.bottom,c=o.left<e.left&&o.right>e.right,u=d&&c;if(u)return!0;var m=d&&i||c&&s;return m}},yS=function(e){var t=st(e.top,e.bottom),n=st(e.left,e.right);return function(o){var a=t(o.top)&&t(o.bottom)&&n(o.left)&&n(o.right);return a}},na={direction:"vertical",line:"y",crossAxisLine:"x",start:"top",end:"bottom",size:"height",crossAxisStart:"left",crossAxisEnd:"right",crossAxisSize:"width"},Pl={direction:"horizontal",line:"x",crossAxisLine:"y",start:"left",end:"right",size:"width",crossAxisStart:"top",crossAxisEnd:"bottom",crossAxisSize:"height"},ES=function(e){return function(t){var n=st(t.top,t.bottom),o=st(t.left,t.right);return function(a){return e===na?n(a.top)&&n(a.bottom):o(a.left)&&o(a.right)}}},TS=function(t,n){var o=n.frame?n.frame.scroll.diff.displacement:Be;return Hn(t,o)},wS=function(t,n,o){return n.subject.active?o(n.subject.active)(t):!1},CS=function(t,n,o){return o(n)(t)},oa=function(t){var n=t.target,o=t.destination,a=t.viewport,s=t.withDroppableDisplacement,i=t.isVisibleThroughFrameFn,l=s?TS(n,o):n;return wS(l,o,i)&&CS(l,a,i)},DS=function(t){return oa(ie({},t,{isVisibleThroughFrameFn:Bl}))},_l=function(t){return oa(ie({},t,{isVisibleThroughFrameFn:yS}))},NS=function(t){return oa(ie({},t,{isVisibleThroughFrameFn:ES(t.destination.axis)}))},IS=function(t,n,o){if(typeof o=="boolean")return o;if(!n)return!0;var a=n.invisible,s=n.visible;if(a[t])return!1;var i=s[t];return i?i.shouldAnimate:!0};function xS(e,t){var n=e.page.marginBox,o={top:t.point.y,right:0,bottom:0,left:t.point.x};return dt(qr(n,o))}function Gn(e){var t=e.afterDragging,n=e.destination,o=e.displacedBy,a=e.viewport,s=e.forceShouldAnimate,i=e.last;return t.reduce(function(d,c){var u=xS(c,o),m=c.descriptor.id;d.all.push(m);var p=DS({target:u,destination:n,viewport:a,withDroppableDisplacement:!0});if(!p)return d.invisible[c.descriptor.id]=!0,d;var f=IS(m,i,s),g={draggableId:m,shouldAnimate:f};return d.visible[m]=g,d},{all:[],visible:{},invisible:{}})}function MS(e,t){if(!e.length)return 0;var n=e[e.length-1].descriptor.index;return t.inHomeList?n:n+1}function Rl(e){var t=e.insideDestination,n=e.inHomeList,o=e.displacedBy,a=e.destination,s=MS(t,{inHomeList:n});return{displaced:Wn,displacedBy:o,at:{type:"REORDER",destination:{droppableId:a.descriptor.id,index:s}}}}function _o(e){var t=e.draggable,n=e.insideDestination,o=e.destination,a=e.viewport,s=e.displacedBy,i=e.last,l=e.index,d=e.forceShouldAnimate,c=bn(t,o);if(l==null)return Rl({insideDestination:n,inHomeList:c,displacedBy:s,destination:o});var u=Lt(n,function(h){return h.descriptor.index===l});if(!u)return Rl({insideDestination:n,inHomeList:c,displacedBy:s,destination:o});var m=Po(t,n),p=n.indexOf(u),f=m.slice(p),g=Gn({afterDragging:f,destination:o,displacedBy:s,last:i,viewport:a.frame,forceShouldAnimate:d});return{displaced:g,displacedBy:s,at:{type:"REORDER",destination:{droppableId:o.descriptor.id,index:l}}}}function Ot(e,t){return!!t.effected[e]}var kS=function(e){var t=e.isMovingForward,n=e.destination,o=e.draggables,a=e.combine,s=e.afterCritical;if(!n.isCombineEnabled)return null;var i=a.draggableId,l=o[i],d=l.descriptor.index,c=Ot(i,s);return c?t?d:d-1:t?d+1:d},LS=function(e){var t=e.isMovingForward,n=e.isInHomeList,o=e.insideDestination,a=e.location;if(!o.length)return null;var s=a.index,i=t?s+1:s-1,l=o[0].descriptor.index,d=o[o.length-1].descriptor.index,c=n?d:d+1;return i<l||i>c?null:i},OS=function(e){var t=e.isMovingForward,n=e.isInHomeList,o=e.draggable,a=e.draggables,s=e.destination,i=e.insideDestination,l=e.previousImpact,d=e.viewport,c=e.afterCritical,u=l.at;if(u||(process.env.NODE_ENV!=="production"?O(!1,"Cannot move in direction without previous impact location"):O()),u.type==="REORDER"){var m=LS({isMovingForward:t,isInHomeList:n,location:u.destination,insideDestination:i});return m==null?null:_o({draggable:o,insideDestination:i,destination:s,viewport:d,last:l.displaced,displacedBy:l.displacedBy,index:m})}var p=kS({isMovingForward:t,destination:s,displaced:l.displaced,draggables:a,combine:u.combine,afterCritical:c});return p==null?null:_o({draggable:o,insideDestination:i,destination:s,viewport:d,last:l.displaced,displacedBy:l.displacedBy,index:p})},BS=function(e){var t=e.displaced,n=e.afterCritical,o=e.combineWith,a=e.displacedBy,s=!!(t.visible[o]||t.invisible[o]);return Ot(o,n)?s?Be:gn(a.point):s?a.point:Be},PS=function(e){var t=e.afterCritical,n=e.impact,o=e.draggables,a=Bo(n);a||(process.env.NODE_ENV,O());var s=a.draggableId,i=o[s].page.borderBox.center,l=BS({displaced:n.displaced,afterCritical:t,combineWith:s,displacedBy:n.displacedBy});return Ae(i,l)},Al=function(t,n){return n.margin[t.start]+n.borderBox[t.size]/2},_S=function(t,n){return n.margin[t.end]+n.borderBox[t.size]/2},ra=function(t,n,o){return n[t.crossAxisStart]+o.margin[t.crossAxisStart]+o.borderBox[t.crossAxisSize]/2},Fl=function(t){var n=t.axis,o=t.moveRelativeTo,a=t.isMoving;return jt(n.line,o.marginBox[n.end]+Al(n,a),ra(n,o.marginBox,a))},Vl=function(t){var n=t.axis,o=t.moveRelativeTo,a=t.isMoving;return jt(n.line,o.marginBox[n.start]-_S(n,a),ra(n,o.marginBox,a))},RS=function(t){var n=t.axis,o=t.moveInto,a=t.isMoving;return jt(n.line,o.contentBox[n.start]+Al(n,a),ra(n,o.contentBox,a))},AS=function(e){var t=e.impact,n=e.draggable,o=e.draggables,a=e.droppable,s=e.afterCritical,i=Yt(a.descriptor.id,o),l=n.page,d=a.axis;if(!i.length)return RS({axis:d,moveInto:a.page,isMoving:l});var c=t.displaced,u=t.displacedBy,m=c.all[0];if(m){var p=o[m];if(Ot(m,s))return Vl({axis:d,moveRelativeTo:p.page,isMoving:l});var f=Io(p.page,u.point);return Vl({axis:d,moveRelativeTo:f,isMoving:l})}var g=i[i.length-1];if(g.descriptor.id===n.descriptor.id)return l.borderBox.center;if(Ot(g.descriptor.id,s)){var h=Io(g.page,gn(s.displacedBy.point));return Fl({axis:d,moveRelativeTo:h,isMoving:l})}return Fl({axis:d,moveRelativeTo:g.page,isMoving:l})},aa=function(e,t){var n=e.frame;return n?Ae(t,n.scroll.diff.displacement):t},FS=function(t){var n=t.impact,o=t.draggable,a=t.droppable,s=t.draggables,i=t.afterCritical,l=o.page.borderBox.center,d=n.at;return!a||!d?l:d.type==="REORDER"?AS({impact:n,draggable:o,draggables:s,droppable:a,afterCritical:i}):PS({impact:n,draggables:s,afterCritical:i})},Ro=function(e){var t=FS(e),n=e.droppable,o=n?aa(n,t):t;return o},$l=function(e,t){var n=Xe(t,e.scroll.initial),o=gn(n),a=dt({top:t.y,bottom:t.y+e.frame.height,left:t.x,right:t.x+e.frame.width}),s={frame:a,scroll:{initial:e.scroll.initial,max:e.scroll.max,current:t,diff:{value:n,displacement:o}}};return s};function Kl(e,t){return e.map(function(n){return t[n]})}function VS(e,t){for(var n=0;n<t.length;n++){var o=t[n].visible[e];if(o)return o}return null}var $S=function(e){var t=e.impact,n=e.viewport,o=e.destination,a=e.draggables,s=e.maxScrollChange,i=$l(n,Ae(n.scroll.current,s)),l=o.frame?Qr(o,Ae(o.frame.scroll.current,s)):o,d=t.displaced,c=Gn({afterDragging:Kl(d.all,a),destination:o,displacedBy:t.displacedBy,viewport:i.frame,last:d,forceShouldAnimate:!1}),u=Gn({afterDragging:Kl(d.all,a),destination:l,displacedBy:t.displacedBy,viewport:n.frame,last:d,forceShouldAnimate:!1}),m={},p={},f=[d,c,u];d.all.forEach(function(h){var E=VS(h,f);if(E){p[h]=E;return}m[h]=!0});var g=ie({},t,{displaced:{all:d.all,invisible:m,visible:p}});return g},KS=function(e,t){return Ae(e.scroll.diff.displacement,t)},sa=function(e){var t=e.pageBorderBoxCenter,n=e.draggable,o=e.viewport,a=KS(o,t),s=Xe(a,n.page.borderBox.center);return Ae(n.client.borderBox.center,s)},Hl=function(e){var t=e.draggable,n=e.destination,o=e.newPageBorderBoxCenter,a=e.viewport,s=e.withDroppableDisplacement,i=e.onlyOnMainAxis,l=i===void 0?!1:i,d=Xe(o,t.page.borderBox.center),c=Hn(t.page.borderBox,d),u={target:c,destination:n,withDroppableDisplacement:s,viewport:a};return l?NS(u):_l(u)},HS=function(e){var t=e.isMovingForward,n=e.draggable,o=e.destination,a=e.draggables,s=e.previousImpact,i=e.viewport,l=e.previousPageBorderBoxCenter,d=e.previousClientSelection,c=e.afterCritical;if(!o.isEnabled)return null;var u=Yt(o.descriptor.id,a),m=bn(n,o),p=bS({isMovingForward:t,draggable:n,destination:o,insideDestination:u,previousImpact:s})||OS({isMovingForward:t,isInHomeList:m,draggable:n,draggables:a,destination:o,insideDestination:u,previousImpact:s,viewport:i,afterCritical:c});if(!p)return null;var f=Ro({impact:p,draggable:n,droppable:o,draggables:a,afterCritical:c}),g=Hl({draggable:n,destination:o,newPageBorderBoxCenter:f,viewport:i.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0});if(g){var h=sa({pageBorderBoxCenter:f,draggable:n,viewport:i});return{clientSelection:h,impact:p,scrollJumpRequest:null}}var E=Xe(f,l),v=$S({impact:p,viewport:i,destination:o,draggables:a,maxScrollChange:E});return{clientSelection:d,impact:v,scrollJumpRequest:E}},We=function(t){var n=t.subject.active;return n||(process.env.NODE_ENV!=="production"?O(!1,"Cannot get clipped area from droppable"):O()),n},WS=function(e){var t=e.isMovingForward,n=e.pageBorderBoxCenter,o=e.source,a=e.droppables,s=e.viewport,i=o.subject.active;if(!i)return null;var l=o.axis,d=st(i[l.start],i[l.end]),c=Oo(a).filter(function(m){return m!==o}).filter(function(m){return m.isEnabled}).filter(function(m){return!!m.subject.active}).filter(function(m){return Bl(s.frame)(We(m))}).filter(function(m){var p=We(m);return t?i[l.crossAxisEnd]<p[l.crossAxisEnd]:p[l.crossAxisStart]<i[l.crossAxisStart]}).filter(function(m){var p=We(m),f=st(p[l.start],p[l.end]);return d(p[l.start])||d(p[l.end])||f(i[l.start])||f(i[l.end])}).sort(function(m,p){var f=We(m)[l.crossAxisStart],g=We(p)[l.crossAxisStart];return t?f-g:g-f}).filter(function(m,p,f){return We(m)[l.crossAxisStart]===We(f[0])[l.crossAxisStart]});if(!c.length)return null;if(c.length===1)return c[0];var u=c.filter(function(m){var p=st(We(m)[l.start],We(m)[l.end]);return p(n[l.line])});return u.length===1?u[0]:u.length>1?u.sort(function(m,p){return We(m)[l.start]-We(p)[l.start]})[0]:c.sort(function(m,p){var f=Nl(n,xl(We(m))),g=Nl(n,xl(We(p)));return f!==g?f-g:We(m)[l.start]-We(p)[l.start]})[0]},Wl=function(t,n){var o=t.page.borderBox.center;return Ot(t.descriptor.id,n)?Xe(o,n.displacedBy.point):o},GS=function(t,n){var o=t.page.borderBox;return Ot(t.descriptor.id,n)?Hn(o,gn(n.displacedBy.point)):o},US=function(e){var t=e.pageBorderBoxCenter,n=e.viewport,o=e.destination,a=e.insideDestination,s=e.afterCritical,i=a.filter(function(l){return _l({target:GS(l,s),destination:o,viewport:n.frame,withDroppableDisplacement:!0})}).sort(function(l,d){var c=Kn(t,aa(o,Wl(l,s))),u=Kn(t,aa(o,Wl(d,s)));return c<u?-1:u<c?1:l.descriptor.index-d.descriptor.index});return i[0]||null},Un=Oe(function(t,n){var o=n[t.line];return{value:o,point:jt(t.line,o)}}),zS=function(t,n,o){var a=t.axis;if(t.descriptor.mode==="virtual")return jt(a.line,n[a.line]);var s=t.subject.page.contentBox[a.size],i=Yt(t.descriptor.id,o),l=i.reduce(function(u,m){return u+m.client.marginBox[a.size]},0),d=l+n[a.line],c=d-s;return c<=0?null:jt(a.line,c)},Gl=function(t,n){return ie({},t,{scroll:ie({},t.scroll,{max:n})})},Ul=function(t,n,o){var a=t.frame;bn(n,t)&&(process.env.NODE_ENV!=="production"?O(!1,"Should not add placeholder space to home list"):O()),t.subject.withPlaceholder&&(process.env.NODE_ENV!=="production"?O(!1,"Cannot add placeholder size to a subject when it already has one"):O());var s=Un(t.axis,n.displaceBy).point,i=zS(t,s,o),l={placeholderSize:s,increasedBy:i,oldFrameMaxScroll:t.frame?t.frame.scroll.max:null};if(!a){var d=hn({page:t.subject.page,withPlaceholder:l,axis:t.axis,frame:t.frame});return ie({},t,{subject:d})}var c=i?Ae(a.scroll.max,i):a.scroll.max,u=Gl(a,c),m=hn({page:t.subject.page,withPlaceholder:l,axis:t.axis,frame:u});return ie({},t,{subject:m,frame:u})},jS=function(t){var n=t.subject.withPlaceholder;n||(process.env.NODE_ENV!=="production"?O(!1,"Cannot remove placeholder form subject when there was none"):O());var o=t.frame;if(!o){var a=hn({page:t.subject.page,axis:t.axis,frame:null,withPlaceholder:null});return ie({},t,{subject:a})}var s=n.oldFrameMaxScroll;s||(process.env.NODE_ENV!=="production"?O(!1,"Expected droppable with frame to have old max frame scroll when removing placeholder"):O());var i=Gl(o,s),l=hn({page:t.subject.page,axis:t.axis,frame:i,withPlaceholder:null});return ie({},t,{subject:l,frame:i})},YS=function(e){var t=e.previousPageBorderBoxCenter,n=e.moveRelativeTo,o=e.insideDestination,a=e.draggable,s=e.draggables,i=e.destination,l=e.viewport,d=e.afterCritical;if(!n){if(o.length)return null;var c={displaced:Wn,displacedBy:Ol,at:{type:"REORDER",destination:{droppableId:i.descriptor.id,index:0}}},u=Ro({impact:c,draggable:a,droppable:i,draggables:s,afterCritical:d}),m=bn(a,i)?i:Ul(i,a,s),p=Hl({draggable:a,destination:m,newPageBorderBoxCenter:u,viewport:l.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0});return p?c:null}var f=t[i.axis.line]<=n.page.borderBox.center[i.axis.line],g=function(){var E=n.descriptor.index;return n.descriptor.id===a.descriptor.id||f?E:E+1}(),h=Un(i.axis,a.displaceBy);return _o({draggable:a,insideDestination:o,destination:i,viewport:l,displacedBy:h,last:Wn,index:g})},qS=function(e){var t=e.isMovingForward,n=e.previousPageBorderBoxCenter,o=e.draggable,a=e.isOver,s=e.draggables,i=e.droppables,l=e.viewport,d=e.afterCritical,c=WS({isMovingForward:t,pageBorderBoxCenter:n,source:a,droppables:i,viewport:l});if(!c)return null;var u=Yt(c.descriptor.id,s),m=US({pageBorderBoxCenter:n,viewport:l,destination:c,insideDestination:u,afterCritical:d}),p=YS({previousPageBorderBoxCenter:n,destination:c,draggable:o,draggables:s,moveRelativeTo:m,insideDestination:u,viewport:l,afterCritical:d});if(!p)return null;var f=Ro({impact:p,draggable:o,droppable:c,draggables:s,afterCritical:d}),g=sa({pageBorderBoxCenter:f,draggable:o,viewport:l});return{clientSelection:g,impact:p,scrollJumpRequest:null}},Ze=function(e){var t=e.at;return t?t.type==="REORDER"?t.destination.droppableId:t.combine.droppableId:null},JS=function(t,n){var o=Ze(t);return o?n[o]:null},XS=function(e){var t=e.state,n=e.type,o=JS(t.impact,t.dimensions.droppables),a=!!o,s=t.dimensions.droppables[t.critical.droppable.id],i=o||s,l=i.axis.direction,d=l==="vertical"&&(n==="MOVE_UP"||n==="MOVE_DOWN")||l==="horizontal"&&(n==="MOVE_LEFT"||n==="MOVE_RIGHT");if(d&&!a)return null;var c=n==="MOVE_DOWN"||n==="MOVE_RIGHT",u=t.dimensions.draggables[t.critical.draggable.id],m=t.current.page.borderBoxCenter,p=t.dimensions,f=p.draggables,g=p.droppables;return d?HS({isMovingForward:c,previousPageBorderBoxCenter:m,draggable:u,destination:i,draggables:f,viewport:t.viewport,previousClientSelection:t.current.client.selection,previousImpact:t.impact,afterCritical:t.afterCritical}):qS({isMovingForward:c,previousPageBorderBoxCenter:m,draggable:u,isOver:i,draggables:f,droppables:g,viewport:t.viewport,afterCritical:t.afterCritical})};function qt(e){return e.phase==="DRAGGING"||e.phase==="COLLECTING"}function zl(e){var t=st(e.top,e.bottom),n=st(e.left,e.right);return function(a){return t(a.y)&&n(a.x)}}function ZS(e,t){return e.left<t.right&&e.right>t.left&&e.top<t.bottom&&e.bottom>t.top}function QS(e){var t=e.pageBorderBox,n=e.draggable,o=e.candidates,a=n.page.borderBox.center,s=o.map(function(i){var l=i.axis,d=jt(i.axis.line,t.center[l.line],i.page.borderBox.center[l.crossAxisLine]);return{id:i.descriptor.id,distance:Kn(a,d)}}).sort(function(i,l){return l.distance-i.distance});return s[0]?s[0].id:null}function eg(e){var t=e.pageBorderBox,n=e.draggable,o=e.droppables,a=Oo(o).filter(function(s){if(!s.isEnabled)return!1;var i=s.subject.active;if(!i||!ZS(t,i))return!1;if(zl(i)(t.center))return!0;var l=s.axis,d=i.center[l.crossAxisLine],c=t[l.crossAxisStart],u=t[l.crossAxisEnd],m=st(i[l.crossAxisStart],i[l.crossAxisEnd]),p=m(c),f=m(u);return!p&&!f?!0:p?c<d:u>d});return a.length?a.length===1?a[0].descriptor.id:QS({pageBorderBox:t,draggable:n,candidates:a}):null}var jl=function(t,n){return dt(Hn(t,n))},tg=function(e,t){var n=e.frame;return n?jl(t,n.scroll.diff.value):t};function Yl(e){var t=e.displaced,n=e.id;return!!(t.visible[n]||t.invisible[n])}function ng(e){var t=e.draggable,n=e.closest,o=e.inHomeList;return n?o&&n.descriptor.index>t.descriptor.index?n.descriptor.index-1:n.descriptor.index:null}var og=function(e){var t=e.pageBorderBoxWithDroppableScroll,n=e.draggable,o=e.destination,a=e.insideDestination,s=e.last,i=e.viewport,l=e.afterCritical,d=o.axis,c=Un(o.axis,n.displaceBy),u=c.value,m=t[d.start],p=t[d.end],f=Po(n,a),g=Lt(f,function(E){var v=E.descriptor.id,b=E.page.borderBox.center[d.line],C=Ot(v,l),w=Yl({displaced:s,id:v});return C?w?p<=b:m<b-u:w?p<=b+u:m<b}),h=ng({draggable:n,closest:g,inHomeList:bn(n,o)});return _o({draggable:n,insideDestination:a,destination:o,viewport:i,last:s,displacedBy:c,index:h})},rg=4,ag=function(e){var t=e.draggable,n=e.pageBorderBoxWithDroppableScroll,o=e.previousImpact,a=e.destination,s=e.insideDestination,i=e.afterCritical;if(!a.isCombineEnabled)return null;var l=a.axis,d=Un(a.axis,t.displaceBy),c=d.value,u=n[l.start],m=n[l.end],p=Po(t,s),f=Lt(p,function(h){var E=h.descriptor.id,v=h.page.borderBox,b=v[l.size],C=b/rg,w=Ot(E,i),T=Yl({displaced:o.displaced,id:E});return w?T?m>v[l.start]+C&&m<v[l.end]-C:u>v[l.start]-c+C&&u<v[l.end]-c-C:T?m>v[l.start]+c+C&&m<v[l.end]+c-C:u>v[l.start]+C&&u<v[l.end]-C});if(!f)return null;var g={displacedBy:d,displaced:o.displaced,at:{type:"COMBINE",combine:{draggableId:f.descriptor.id,droppableId:a.descriptor.id}}};return g},ql=function(e){var t=e.pageOffset,n=e.draggable,o=e.draggables,a=e.droppables,s=e.previousImpact,i=e.viewport,l=e.afterCritical,d=jl(n.page.borderBox,t),c=eg({pageBorderBox:d,draggable:n,droppables:a});if(!c)return vS;var u=a[c],m=Yt(u.descriptor.id,o),p=tg(u,d);return ag({pageBorderBoxWithDroppableScroll:p,draggable:n,previousImpact:s,destination:u,insideDestination:m,afterCritical:l})||og({pageBorderBoxWithDroppableScroll:p,draggable:n,destination:u,insideDestination:m,last:s.displaced,viewport:i,afterCritical:l})},ia=function(e,t){var n;return ie({},e,(n={},n[t.descriptor.id]=t,n))},sg=function(t){var n=t.previousImpact,o=t.impact,a=t.droppables,s=Ze(n),i=Ze(o);if(!s||s===i)return a;var l=a[s];if(!l.subject.withPlaceholder)return a;var d=jS(l);return ia(a,d)},ig=function(e){var t=e.draggable,n=e.draggables,o=e.droppables,a=e.previousImpact,s=e.impact,i=sg({previousImpact:a,impact:s,droppables:o}),l=Ze(s);if(!l)return i;var d=o[l];if(bn(t,d)||d.subject.withPlaceholder)return i;var c=Ul(d,t,n);return ia(i,c)},zn=function(e){var t=e.state,n=e.clientSelection,o=e.dimensions,a=e.viewport,s=e.impact,i=e.scrollJumpRequest,l=a||t.viewport,d=o||t.dimensions,c=n||t.current.client.selection,u=Xe(c,t.initial.client.selection),m={offset:u,selection:c,borderBoxCenter:Ae(t.initial.client.borderBoxCenter,u)},p={selection:Ae(m.selection,l.scroll.current),borderBoxCenter:Ae(m.borderBoxCenter,l.scroll.current),offset:Ae(m.offset,l.scroll.diff.value)},f={client:m,page:p};if(t.phase==="COLLECTING")return ie({phase:"COLLECTING"},t,{dimensions:d,viewport:l,current:f});var g=d.draggables[t.critical.draggable.id],h=s||ql({pageOffset:p.offset,draggable:g,draggables:d.draggables,droppables:d.droppables,previousImpact:t.impact,viewport:l,afterCritical:t.afterCritical}),E=ig({draggable:g,impact:h,previousImpact:t.impact,draggables:d.draggables,droppables:d.droppables}),v=ie({},t,{current:f,dimensions:{draggables:d.draggables,droppables:E},impact:h,viewport:l,scrollJumpRequest:i||null,forceShouldAnimate:i?!1:null});return v};function lg(e,t){return e.map(function(n){return t[n]})}var Jl=function(e){var t=e.impact,n=e.viewport,o=e.draggables,a=e.destination,s=e.forceShouldAnimate,i=t.displaced,l=lg(i.all,o),d=Gn({afterDragging:l,destination:a,displacedBy:t.displacedBy,viewport:n.frame,forceShouldAnimate:s,last:i});return ie({},t,{displaced:d})},Xl=function(e){var t=e.impact,n=e.draggable,o=e.droppable,a=e.draggables,s=e.viewport,i=e.afterCritical,l=Ro({impact:t,draggable:n,draggables:a,droppable:o,afterCritical:i});return sa({pageBorderBoxCenter:l,draggable:n,viewport:s})},Zl=function(e){var t=e.state,n=e.dimensions,o=e.viewport;t.movementMode!=="SNAP"&&(process.env.NODE_ENV,O());var a=t.impact,s=o||t.viewport,i=n||t.dimensions,l=i.draggables,d=i.droppables,c=l[t.critical.draggable.id],u=Ze(a);u||(process.env.NODE_ENV!=="production"?O(!1,"Must be over a destination in SNAP movement mode"):O());var m=d[u],p=Jl({impact:a,viewport:s,destination:m,draggables:l}),f=Xl({impact:p,draggable:c,droppable:m,draggables:l,viewport:s,afterCritical:t.afterCritical});return zn({impact:p,clientSelection:f,state:t,dimensions:i,viewport:s})},cg=function(e){return{index:e.index,droppableId:e.droppableId}},Ql=function(e){var t=e.draggable,n=e.home,o=e.draggables,a=e.viewport,s=Un(n.axis,t.displaceBy),i=Yt(n.descriptor.id,o),l=i.indexOf(t);l===-1&&(process.env.NODE_ENV!=="production"?O(!1,"Expected draggable to be inside home list"):O());var d=i.slice(l+1),c=d.reduce(function(f,g){return f[g.descriptor.id]=!0,f},{}),u={inVirtualList:n.descriptor.mode==="virtual",displacedBy:s,effected:c},m=Gn({afterDragging:d,destination:n,displacedBy:s,last:null,viewport:a.frame,forceShouldAnimate:!1}),p={displaced:m,displacedBy:s,at:{type:"REORDER",destination:cg(t.descriptor)}};return{impact:p,afterCritical:u}},dg=function(e,t){return{draggables:e.draggables,droppables:ia(e.droppables,t)}},jn=function(t){process.env.NODE_ENV},Yn=function(t){process.env.NODE_ENV},pg=function(e){var t=e.draggable,n=e.offset,o=e.initialWindowScroll,a=Io(t.client,n),s=xo(a,o),i=ie({},t,{placeholder:ie({},t.placeholder,{client:a}),client:a,page:s});return i},ug=function(e){var t=e.frame;return t||(process.env.NODE_ENV!=="production"?O(!1,"Expected Droppable to have a frame"):O()),t},mg=function(e){var t=e.additions,n=e.updatedDroppables,o=e.viewport,a=o.scroll.diff.value;return t.map(function(s){var i=s.descriptor.droppableId,l=n[i],d=ug(l),c=d.scroll.diff.value,u=Ae(a,c),m=pg({draggable:s,offset:u,initialWindowScroll:o.scroll.initial});return m})},fg=function(e){var t=e.state,n=e.published;jn();var o=n.modified.map(function(C){var w=t.dimensions.droppables[C.droppableId],T=Qr(w,C.scroll);return T}),a=ie({},t.dimensions.droppables,{},kl(o)),s=Ll(mg({additions:n.additions,updatedDroppables:a,viewport:t.viewport})),i=ie({},t.dimensions.draggables,{},s);n.removals.forEach(function(C){delete i[C]});var l={droppables:a,draggables:i},d=Ze(t.impact),c=d?l.droppables[d]:null,u=l.draggables[t.critical.draggable.id],m=l.droppables[t.critical.droppable.id],p=Ql({draggable:u,home:m,draggables:i,viewport:t.viewport}),f=p.impact,g=p.afterCritical,h=c&&c.isCombineEnabled?t.impact:f,E=ql({pageOffset:t.current.page.offset,draggable:l.draggables[t.critical.draggable.id],draggables:l.draggables,droppables:l.droppables,previousImpact:h,viewport:t.viewport,afterCritical:g});Yn();var v=ie({phase:"DRAGGING"},t,{phase:"DRAGGING",impact:E,onLiftImpact:f,dimensions:l,afterCritical:g,forceShouldAnimate:!1});if(t.phase==="COLLECTING")return v;var b=ie({phase:"DROP_PENDING"},v,{phase:"DROP_PENDING",reason:t.reason,isWaiting:!1});return b},la=function(t){return t.movementMode==="SNAP"},ca=function(t,n,o){var a=dg(t.dimensions,n);return!la(t)||o?zn({state:t,dimensions:a}):Zl({state:t,dimensions:a})};function da(e){return e.isDragging&&e.movementMode==="SNAP"?ie({phase:"DRAGGING"},e,{scrollJumpRequest:null}):e}var ec={phase:"IDLE",completed:null,shouldFlush:!1},Sg=function(e,t){if(e===void 0&&(e=ec),t.type==="FLUSH")return ie({},ec,{shouldFlush:!0});if(t.type==="INITIAL_PUBLISH"){e.phase!=="IDLE"&&(process.env.NODE_ENV!=="production"?O(!1,"INITIAL_PUBLISH must come after a IDLE phase"):O());var n=t.payload,o=n.critical,a=n.clientSelection,s=n.viewport,i=n.dimensions,l=n.movementMode,d=i.draggables[o.draggable.id],c=i.droppables[o.droppable.id],u={selection:a,borderBoxCenter:d.client.borderBox.center,offset:Be},m={client:u,page:{selection:Ae(u.selection,s.scroll.initial),borderBoxCenter:Ae(u.selection,s.scroll.initial),offset:Ae(u.selection,s.scroll.diff.value)}},p=Oo(i.droppables).every(function(q){return!q.isFixedOnPage}),f=Ql({draggable:d,home:c,draggables:i.draggables,viewport:s}),g=f.impact,h=f.afterCritical,E={phase:"DRAGGING",isDragging:!0,critical:o,movementMode:l,dimensions:i,initial:m,current:m,isWindowScrollAllowed:p,impact:g,afterCritical:h,onLiftImpact:g,viewport:s,scrollJumpRequest:null,forceShouldAnimate:null};return E}if(t.type==="COLLECTION_STARTING"){if(e.phase==="COLLECTING"||e.phase==="DROP_PENDING")return e;e.phase!=="DRAGGING"&&(process.env.NODE_ENV!=="production"?O(!1,"Collection cannot start from phase "+e.phase):O());var v=ie({phase:"COLLECTING"},e,{phase:"COLLECTING"});return v}if(t.type==="PUBLISH_WHILE_DRAGGING")return e.phase==="COLLECTING"||e.phase==="DROP_PENDING"||(process.env.NODE_ENV!=="production"?O(!1,"Unexpected "+t.type+" received in phase "+e.phase):O()),fg({state:e,published:t.payload});if(t.type==="MOVE"){if(e.phase==="DROP_PENDING")return e;qt(e)||(process.env.NODE_ENV!=="production"?O(!1,t.type+" not permitted in phase "+e.phase):O());var b=t.payload.client;return kt(b,e.current.client.selection)?e:zn({state:e,clientSelection:b,impact:la(e)?e.impact:null})}if(t.type==="UPDATE_DROPPABLE_SCROLL"){if(e.phase==="DROP_PENDING"||e.phase==="COLLECTING")return da(e);qt(e)||(process.env.NODE_ENV!=="production"?O(!1,t.type+" not permitted in phase "+e.phase):O());var C=t.payload,w=C.id,T=C.newScroll,M=e.dimensions.droppables[w];if(!M)return e;var _=Qr(M,T);return ca(e,_,!1)}if(t.type==="UPDATE_DROPPABLE_IS_ENABLED"){if(e.phase==="DROP_PENDING")return e;qt(e)||(process.env.NODE_ENV!=="production"?O(!1,"Attempting to move in an unsupported phase "+e.phase):O());var y=t.payload,k=y.id,x=y.isEnabled,P=e.dimensions.droppables[k];P||(process.env.NODE_ENV!=="production"?O(!1,"Cannot find Droppable[id: "+k+"] to toggle its enabled state"):O()),P.isEnabled===x&&(process.env.NODE_ENV!=="production"?O(!1,"Trying to set droppable isEnabled to "+String(x)+`
+      but it is already `+String(P.isEnabled)):O());var z=ie({},P,{isEnabled:x});return ca(e,z,!0)}if(t.type==="UPDATE_DROPPABLE_IS_COMBINE_ENABLED"){if(e.phase==="DROP_PENDING")return e;qt(e)||(process.env.NODE_ENV!=="production"?O(!1,"Attempting to move in an unsupported phase "+e.phase):O());var I=t.payload,Y=I.id,V=I.isCombineEnabled,W=e.dimensions.droppables[Y];W||(process.env.NODE_ENV!=="production"?O(!1,"Cannot find Droppable[id: "+Y+"] to toggle its isCombineEnabled state"):O()),W.isCombineEnabled===V&&(process.env.NODE_ENV!=="production"?O(!1,"Trying to set droppable isCombineEnabled to "+String(V)+`
+      but it is already `+String(W.isCombineEnabled)):O());var A=ie({},W,{isCombineEnabled:V});return ca(e,A,!0)}if(t.type==="MOVE_BY_WINDOW_SCROLL"){if(e.phase==="DROP_PENDING"||e.phase==="DROP_ANIMATING")return e;qt(e)||(process.env.NODE_ENV!=="production"?O(!1,"Cannot move by window in phase "+e.phase):O()),e.isWindowScrollAllowed||(process.env.NODE_ENV!=="production"?O(!1,"Window scrolling is currently not supported for fixed lists"):O());var Z=t.payload.newScroll;if(kt(e.viewport.scroll.current,Z))return da(e);var $=$l(e.viewport,Z);return la(e)?Zl({state:e,viewport:$}):zn({state:e,viewport:$})}if(t.type==="UPDATE_VIEWPORT_MAX_SCROLL"){if(!qt(e))return e;var L=t.payload.maxScroll;if(kt(L,e.viewport.scroll.max))return e;var B=ie({},e.viewport,{scroll:ie({},e.viewport.scroll,{max:L})});return ie({phase:"DRAGGING"},e,{viewport:B})}if(t.type==="MOVE_UP"||t.type==="MOVE_DOWN"||t.type==="MOVE_LEFT"||t.type==="MOVE_RIGHT"){if(e.phase==="COLLECTING"||e.phase==="DROP_PENDING")return e;e.phase!=="DRAGGING"&&(process.env.NODE_ENV!=="production"?O(!1,t.type+" received while not in DRAGGING phase"):O());var J=XS({state:e,type:t.type});return J?zn({state:e,impact:J.impact,clientSelection:J.clientSelection,scrollJumpRequest:J.scrollJumpRequest}):e}if(t.type==="DROP_PENDING"){var te=t.payload.reason;e.phase!=="COLLECTING"&&(process.env.NODE_ENV!=="production"?O(!1,"Can only move into the DROP_PENDING phase from the COLLECTING phase"):O());var G=ie({phase:"DROP_PENDING"},e,{phase:"DROP_PENDING",isWaiting:!0,reason:te});return G}if(t.type==="DROP_ANIMATE"){var ne=t.payload,K=ne.completed,U=ne.dropDuration,H=ne.newHomeClientOffset;e.phase==="DRAGGING"||e.phase==="DROP_PENDING"||(process.env.NODE_ENV!=="production"?O(!1,"Cannot animate drop from phase "+e.phase):O());var X={phase:"DROP_ANIMATING",completed:K,dropDuration:U,newHomeClientOffset:H,dimensions:e.dimensions};return X}if(t.type==="DROP_COMPLETE"){var ee=t.payload.completed;return{phase:"IDLE",completed:ee,shouldFlush:!1}}return e},gg=function(t){return{type:"BEFORE_INITIAL_CAPTURE",payload:t}},hg=function(t){return{type:"LIFT",payload:t}},bg=function(t){return{type:"INITIAL_PUBLISH",payload:t}},vg=function(t){return{type:"PUBLISH_WHILE_DRAGGING",payload:t}},yg=function(){return{type:"COLLECTION_STARTING",payload:null}},Eg=function(t){return{type:"UPDATE_DROPPABLE_SCROLL",payload:t}},Tg=function(t){return{type:"UPDATE_DROPPABLE_IS_ENABLED",payload:t}},wg=function(t){return{type:"UPDATE_DROPPABLE_IS_COMBINE_ENABLED",payload:t}},tc=function(t){return{type:"MOVE",payload:t}},Cg=function(t){return{type:"MOVE_BY_WINDOW_SCROLL",payload:t}},Dg=function(t){return{type:"UPDATE_VIEWPORT_MAX_SCROLL",payload:t}},Ng=function(){return{type:"MOVE_UP",payload:null}},Ig=function(){return{type:"MOVE_DOWN",payload:null}},xg=function(){return{type:"MOVE_RIGHT",payload:null}},Mg=function(){return{type:"MOVE_LEFT",payload:null}},pa=function(){return{type:"FLUSH",payload:null}},kg=function(t){return{type:"DROP_ANIMATE",payload:t}},ua=function(t){return{type:"DROP_COMPLETE",payload:t}},nc=function(t){return{type:"DROP",payload:t}},Lg=function(t){return{type:"DROP_PENDING",payload:t}},oc=function(){return{type:"DROP_ANIMATION_FINISHED",payload:null}};function Og(e){if(!(e.length<=1)){for(var t=e.map(function(l){return l.descriptor.index}),n={},o=1;o<t.length;o++){var a=t[o],s=t[o-1];a!==s+1&&(n[a]=!0)}if(Object.keys(n).length){var i=t.map(function(l){var d=!!n[l];return d?"[🔥"+l+"]":""+l}).join(", ");process.env.NODE_ENV!=="production"&&Ce(`
     Detected non-consecutive <Draggable /> indexes.
 
     (This can cause unexpected bugs)
 
     `+i+`
-  `)}}}function Bg(e,t){if(process.env.NODE_ENV!=="production"){var n=Yt(e.droppable.id,t.draggables);Og(n)}}var Pg=function(e){return function(t){var n=t.getState,o=t.dispatch;return function(a){return function(s){if(s.type!=="LIFT"){a(s);return}var i=s.payload,l=i.id,d=i.clientSelection,c=i.movementMode,u=n();u.phase==="DROP_ANIMATING"&&o(ua({completed:u.completed})),n().phase!=="IDLE"&&(process.env.NODE_ENV!=="production"?B(!1,"Unexpected phase to start a drag"):B()),o(pa()),o(gg({draggableId:l,movementMode:c}));var m={shouldPublishImmediately:c==="SNAP"},p={draggableId:l,scrollOptions:m},f=e.startPublishing(p),g=f.critical,h=f.dimensions,E=f.viewport;Bg(g,h),o(bg({critical:g,dimensions:h,clientSelection:d,movementMode:c,viewport:E}))}}}},_g=function(e){return function(){return function(t){return function(n){n.type==="INITIAL_PUBLISH"&&e.dragging(),n.type==="DROP_ANIMATE"&&e.dropping(n.payload.completed.result.reason),(n.type==="FLUSH"||n.type==="DROP_COMPLETE")&&e.resting(),t(n)}}}},ma={outOfTheWay:"cubic-bezier(0.2, 0, 0, 1)",drop:"cubic-bezier(.2,1,.1,1)"},qn={opacity:{drop:0,combining:.7},scale:{drop:.75}},fa={outOfTheWay:.2,minDropTime:.33,maxDropTime:.55},Jt=fa.outOfTheWay+"s "+ma.outOfTheWay,Jn={fluid:"opacity "+Jt,snap:"transform "+Jt+", opacity "+Jt,drop:function(t){var n=t+"s "+ma.drop;return"transform "+n+", opacity "+n},outOfTheWay:"transform "+Jt,placeholder:"height "+Jt+", width "+Jt+", margin "+Jt},rc=function(t){return kt(t,Pe)?null:"translate("+t.x+"px, "+t.y+"px)"},Sa={moveTo:rc,drop:function(t,n){var o=rc(t);return o?n?o+" scale("+qn.scale.drop+")":o:null}},ga=fa.minDropTime,ac=fa.maxDropTime,Rg=ac-ga,sc=1500,Ag=.6,Fg=function(e){var t=e.current,n=e.destination,o=e.reason,a=Kn(t,n);if(a<=0)return ga;if(a>=sc)return ac;var s=a/sc,i=ga+Rg*s,l=o==="CANCEL"?i*Ag:i;return Number(l.toFixed(2))},Vg=function(e){var t=e.impact,n=e.draggable,o=e.dimensions,a=e.viewport,s=e.afterCritical,i=o.draggables,l=o.droppables,d=Ze(t),c=d?l[d]:null,u=l[n.descriptor.droppableId],m=Xl({impact:t,draggable:n,draggables:i,afterCritical:s,droppable:c||u,viewport:a}),p=Xe(m,n.client.borderBox.center);return p},$g=function(e){var t=e.draggables,n=e.reason,o=e.lastImpact,a=e.home,s=e.viewport,i=e.onLiftImpact;if(!o.at||n!=="DROP"){var l=Jl({draggables:t,impact:i,destination:a,viewport:s,forceShouldAnimate:!0});return{impact:l,didDropInsideDroppable:!1}}if(o.at.type==="REORDER")return{impact:o,didDropInsideDroppable:!0};var d=ie({},o,{displaced:Wn});return{impact:d,didDropInsideDroppable:!0}},Kg=function(e){var t=e.getState,n=e.dispatch;return function(o){return function(a){if(a.type!=="DROP"){o(a);return}var s=t(),i=a.payload.reason;if(s.phase==="COLLECTING"){n(Lg({reason:i}));return}if(s.phase!=="IDLE"){var l=s.phase==="DROP_PENDING"&&s.isWaiting;l&&(process.env.NODE_ENV!=="production"?B(!1,"A DROP action occurred while DROP_PENDING and still waiting"):B()),s.phase==="DRAGGING"||s.phase==="DROP_PENDING"||(process.env.NODE_ENV!=="production"?B(!1,"Cannot drop in phase: "+s.phase):B());var d=s.critical,c=s.dimensions,u=c.draggables[s.critical.draggable.id],m=$g({reason:i,lastImpact:s.impact,afterCritical:s.afterCritical,onLiftImpact:s.onLiftImpact,home:s.dimensions.droppables[s.critical.droppable.id],viewport:s.viewport,draggables:s.dimensions.draggables}),p=m.impact,f=m.didDropInsideDroppable,g=f?ta(p):null,h=f?Bo(p):null,E={index:d.draggable.index,droppableId:d.droppable.id},v={draggableId:u.descriptor.id,type:u.descriptor.type,source:E,reason:i,mode:s.movementMode,destination:g,combine:h},b=Vg({impact:p,draggable:u,dimensions:c,viewport:s.viewport,afterCritical:s.afterCritical}),C={critical:s.critical,afterCritical:s.afterCritical,result:v,impact:p},w=!kt(s.current.client.offset,b)||!!v.combine;if(!w){n(ua({completed:C}));return}var T=Fg({current:s.current.client.offset,destination:b,reason:i}),x={newHomeClientOffset:b,dropDuration:T,completed:C};n(kg(x))}}}},ic=function(){return{x:window.pageXOffset,y:window.pageYOffset}};function Hg(e){return{eventName:"scroll",options:{passive:!0,capture:!1},fn:function(n){n.target!==window&&n.target!==window.document||e()}}}function Wg(e){var t=e.onWindowScroll;function n(){t(ic())}var o=Vn(n),a=Hg(o),s=Mt;function i(){return s!==Mt}function l(){i()&&(process.env.NODE_ENV!=="production"?B(!1,"Cannot start scroll listener when already active"):B()),s=at(window,[a])}function d(){i()||(process.env.NODE_ENV!=="production"?B(!1,"Cannot stop scroll listener when not active"):B()),o.cancel(),s(),s=Mt}return{start:l,stop:d,isActive:i}}var Gg=function(t){return t.type==="DROP_COMPLETE"||t.type==="DROP_ANIMATE"||t.type==="FLUSH"},Ug=function(e){var t=Wg({onWindowScroll:function(o){e.dispatch(Cg({newScroll:o}))}});return function(n){return function(o){!t.isActive()&&o.type==="INITIAL_PUBLISH"&&t.start(),t.isActive()&&Gg(o)&&t.stop(),n(o)}}},zg=function(e){var t=!1,n=!1,o=setTimeout(function(){n=!0}),a=function(i){if(t){process.env.NODE_ENV!=="production"&&we("Announcement already made. Not making a second announcement");return}if(n){process.env.NODE_ENV!=="production"&&we(`
+  `)}}}function Bg(e,t){if(process.env.NODE_ENV!=="production"){var n=Yt(e.droppable.id,t.draggables);Og(n)}}var Pg=function(e){return function(t){var n=t.getState,o=t.dispatch;return function(a){return function(s){if(s.type!=="LIFT"){a(s);return}var i=s.payload,l=i.id,d=i.clientSelection,c=i.movementMode,u=n();u.phase==="DROP_ANIMATING"&&o(ua({completed:u.completed})),n().phase!=="IDLE"&&(process.env.NODE_ENV!=="production"?O(!1,"Unexpected phase to start a drag"):O()),o(pa()),o(gg({draggableId:l,movementMode:c}));var m={shouldPublishImmediately:c==="SNAP"},p={draggableId:l,scrollOptions:m},f=e.startPublishing(p),g=f.critical,h=f.dimensions,E=f.viewport;Bg(g,h),o(bg({critical:g,dimensions:h,clientSelection:d,movementMode:c,viewport:E}))}}}},_g=function(e){return function(){return function(t){return function(n){n.type==="INITIAL_PUBLISH"&&e.dragging(),n.type==="DROP_ANIMATE"&&e.dropping(n.payload.completed.result.reason),(n.type==="FLUSH"||n.type==="DROP_COMPLETE")&&e.resting(),t(n)}}}},ma={outOfTheWay:"cubic-bezier(0.2, 0, 0, 1)",drop:"cubic-bezier(.2,1,.1,1)"},qn={opacity:{drop:0,combining:.7},scale:{drop:.75}},fa={outOfTheWay:.2,minDropTime:.33,maxDropTime:.55},Jt=fa.outOfTheWay+"s "+ma.outOfTheWay,Jn={fluid:"opacity "+Jt,snap:"transform "+Jt+", opacity "+Jt,drop:function(t){var n=t+"s "+ma.drop;return"transform "+n+", opacity "+n},outOfTheWay:"transform "+Jt,placeholder:"height "+Jt+", width "+Jt+", margin "+Jt},rc=function(t){return kt(t,Be)?null:"translate("+t.x+"px, "+t.y+"px)"},Sa={moveTo:rc,drop:function(t,n){var o=rc(t);return o?n?o+" scale("+qn.scale.drop+")":o:null}},ga=fa.minDropTime,ac=fa.maxDropTime,Rg=ac-ga,sc=1500,Ag=.6,Fg=function(e){var t=e.current,n=e.destination,o=e.reason,a=Kn(t,n);if(a<=0)return ga;if(a>=sc)return ac;var s=a/sc,i=ga+Rg*s,l=o==="CANCEL"?i*Ag:i;return Number(l.toFixed(2))},Vg=function(e){var t=e.impact,n=e.draggable,o=e.dimensions,a=e.viewport,s=e.afterCritical,i=o.draggables,l=o.droppables,d=Ze(t),c=d?l[d]:null,u=l[n.descriptor.droppableId],m=Xl({impact:t,draggable:n,draggables:i,afterCritical:s,droppable:c||u,viewport:a}),p=Xe(m,n.client.borderBox.center);return p},$g=function(e){var t=e.draggables,n=e.reason,o=e.lastImpact,a=e.home,s=e.viewport,i=e.onLiftImpact;if(!o.at||n!=="DROP"){var l=Jl({draggables:t,impact:i,destination:a,viewport:s,forceShouldAnimate:!0});return{impact:l,didDropInsideDroppable:!1}}if(o.at.type==="REORDER")return{impact:o,didDropInsideDroppable:!0};var d=ie({},o,{displaced:Wn});return{impact:d,didDropInsideDroppable:!0}},Kg=function(e){var t=e.getState,n=e.dispatch;return function(o){return function(a){if(a.type!=="DROP"){o(a);return}var s=t(),i=a.payload.reason;if(s.phase==="COLLECTING"){n(Lg({reason:i}));return}if(s.phase!=="IDLE"){var l=s.phase==="DROP_PENDING"&&s.isWaiting;l&&(process.env.NODE_ENV!=="production"?O(!1,"A DROP action occurred while DROP_PENDING and still waiting"):O()),s.phase==="DRAGGING"||s.phase==="DROP_PENDING"||(process.env.NODE_ENV!=="production"?O(!1,"Cannot drop in phase: "+s.phase):O());var d=s.critical,c=s.dimensions,u=c.draggables[s.critical.draggable.id],m=$g({reason:i,lastImpact:s.impact,afterCritical:s.afterCritical,onLiftImpact:s.onLiftImpact,home:s.dimensions.droppables[s.critical.droppable.id],viewport:s.viewport,draggables:s.dimensions.draggables}),p=m.impact,f=m.didDropInsideDroppable,g=f?ta(p):null,h=f?Bo(p):null,E={index:d.draggable.index,droppableId:d.droppable.id},v={draggableId:u.descriptor.id,type:u.descriptor.type,source:E,reason:i,mode:s.movementMode,destination:g,combine:h},b=Vg({impact:p,draggable:u,dimensions:c,viewport:s.viewport,afterCritical:s.afterCritical}),C={critical:s.critical,afterCritical:s.afterCritical,result:v,impact:p},w=!kt(s.current.client.offset,b)||!!v.combine;if(!w){n(ua({completed:C}));return}var T=Fg({current:s.current.client.offset,destination:b,reason:i}),M={newHomeClientOffset:b,dropDuration:T,completed:C};n(kg(M))}}}},ic=function(){return{x:window.pageXOffset,y:window.pageYOffset}};function Hg(e){return{eventName:"scroll",options:{passive:!0,capture:!1},fn:function(n){n.target!==window&&n.target!==window.document||e()}}}function Wg(e){var t=e.onWindowScroll;function n(){t(ic())}var o=Vn(n),a=Hg(o),s=Mt;function i(){return s!==Mt}function l(){i()&&(process.env.NODE_ENV!=="production"?O(!1,"Cannot start scroll listener when already active"):O()),s=at(window,[a])}function d(){i()||(process.env.NODE_ENV!=="production"?O(!1,"Cannot stop scroll listener when not active"):O()),o.cancel(),s(),s=Mt}return{start:l,stop:d,isActive:i}}var Gg=function(t){return t.type==="DROP_COMPLETE"||t.type==="DROP_ANIMATE"||t.type==="FLUSH"},Ug=function(e){var t=Wg({onWindowScroll:function(o){e.dispatch(Cg({newScroll:o}))}});return function(n){return function(o){!t.isActive()&&o.type==="INITIAL_PUBLISH"&&t.start(),t.isActive()&&Gg(o)&&t.stop(),n(o)}}},zg=function(e){var t=!1,n=!1,o=setTimeout(function(){n=!0}),a=function(i){if(t){process.env.NODE_ENV!=="production"&&Ce("Announcement already made. Not making a second announcement");return}if(n){process.env.NODE_ENV!=="production"&&Ce(`
         Announcements cannot be made asynchronously.
         Default message has already been announced.
-      `);return}t=!0,e(i),clearTimeout(o)};return a.wasCalled=function(){return t},a},jg=function(){var e=[],t=function(s){var i=ea(e,function(c){return c.timerId===s});i===-1&&(process.env.NODE_ENV!=="production"?B(!1,"Could not find timer"):B());var l=e.splice(i,1),d=l[0];d.callback()},n=function(s){var i=setTimeout(function(){return t(i)}),l={timerId:i,callback:s};e.push(l)},o=function(){if(e.length){var s=[].concat(e);e.length=0,s.forEach(function(i){clearTimeout(i.timerId),i.callback()})}};return{add:n,flush:o}},Yg=function(t,n){return t==null&&n==null?!0:t==null||n==null?!1:t.droppableId===n.droppableId&&t.index===n.index},qg=function(t,n){return t==null&&n==null?!0:t==null||n==null?!1:t.draggableId===n.draggableId&&t.droppableId===n.droppableId},Jg=function(t,n){if(t===n)return!0;var o=t.draggable.id===n.draggable.id&&t.draggable.droppableId===n.draggable.droppableId&&t.draggable.type===n.draggable.type&&t.draggable.index===n.draggable.index,a=t.droppable.id===n.droppable.id&&t.droppable.type===n.droppable.type;return o&&a},Xn=function(t,n){jn(),n(),Yn()},Ao=function(t,n){return{draggableId:t.draggable.id,type:t.droppable.type,source:{droppableId:t.droppable.id,index:t.draggable.index},mode:n}},ha=function(t,n,o,a){if(!t){o(a(n));return}var s=zg(o),i={announce:s};t(n,i),s.wasCalled()||o(a(n))},Xg=function(e,t){var n=jg(),o=null,a=function(p,f){o&&(process.env.NODE_ENV!=="production"?B(!1,"Cannot fire onBeforeCapture as a drag start has already been published"):B()),Xn("onBeforeCapture",function(){var g=e().onBeforeCapture;if(g){var h={draggableId:p,mode:f};g(h)}})},s=function(p,f){o&&(process.env.NODE_ENV!=="production"?B(!1,"Cannot fire onBeforeDragStart as a drag start has already been published"):B()),Xn("onBeforeDragStart",function(){var g=e().onBeforeDragStart;g&&g(Ao(p,f))})},i=function(p,f){o&&(process.env.NODE_ENV!=="production"?B(!1,"Cannot fire onBeforeDragStart as a drag start has already been published"):B());var g=Ao(p,f);o={mode:f,lastCritical:p,lastLocation:g.source,lastCombine:null},n.add(function(){Xn("onDragStart",function(){return ha(e().onDragStart,g,t,ko.onDragStart)})})},l=function(p,f){var g=ta(f),h=Bo(f);o||(process.env.NODE_ENV!=="production"?B(!1,"Cannot fire onDragMove when onDragStart has not been called"):B());var E=!Jg(p,o.lastCritical);E&&(o.lastCritical=p);var v=!Yg(o.lastLocation,g);v&&(o.lastLocation=g);var b=!qg(o.lastCombine,h);if(b&&(o.lastCombine=h),!(!E&&!v&&!b)){var C=ie({},Ao(p,o.mode),{combine:h,destination:g});n.add(function(){Xn("onDragUpdate",function(){return ha(e().onDragUpdate,C,t,ko.onDragUpdate)})})}},d=function(){o||(process.env.NODE_ENV!=="production"?B(!1,"Can only flush responders while dragging"):B()),n.flush()},c=function(p){o||(process.env.NODE_ENV!=="production"?B(!1,"Cannot fire onDragEnd when there is no matching onDragStart"):B()),o=null,Xn("onDragEnd",function(){return ha(e().onDragEnd,p,t,ko.onDragEnd)})},u=function(){if(o){var p=ie({},Ao(o.lastCritical,o.mode),{combine:null,destination:null,reason:"CANCEL"});c(p)}};return{beforeCapture:a,beforeStart:s,start:i,update:l,flush:d,drop:c,abort:u}},Zg=function(e,t){var n=Xg(e,t);return function(o){return function(a){return function(s){if(s.type==="BEFORE_INITIAL_CAPTURE"){n.beforeCapture(s.payload.draggableId,s.payload.movementMode);return}if(s.type==="INITIAL_PUBLISH"){var i=s.payload.critical;n.beforeStart(i,s.payload.movementMode),a(s),n.start(i,s.payload.movementMode);return}if(s.type==="DROP_COMPLETE"){var l=s.payload.completed.result;n.flush(),a(s),n.drop(l);return}if(a(s),s.type==="FLUSH"){n.abort();return}var d=o.getState();d.phase==="DRAGGING"&&n.update(d.critical,d.impact)}}}},Qg=function(e){return function(t){return function(n){if(n.type!=="DROP_ANIMATION_FINISHED"){t(n);return}var o=e.getState();o.phase!=="DROP_ANIMATING"&&(process.env.NODE_ENV!=="production"?B(!1,"Cannot finish a drop animating when no drop is occurring"):B()),e.dispatch(ua({completed:o.completed}))}}},eh=function(e){var t=null,n=null;function o(){n&&(cancelAnimationFrame(n),n=null),t&&(t(),t=null)}return function(a){return function(s){if((s.type==="FLUSH"||s.type==="DROP_COMPLETE"||s.type==="DROP_ANIMATION_FINISHED")&&o(),a(s),s.type==="DROP_ANIMATE"){var i={eventName:"scroll",options:{capture:!0,passive:!1,once:!0},fn:function(){var d=e.getState();d.phase==="DROP_ANIMATING"&&e.dispatch(oc())}};n=requestAnimationFrame(function(){n=null,t=at(window,[i])})}}}},th=function(e){return function(){return function(t){return function(n){(n.type==="DROP_COMPLETE"||n.type==="FLUSH"||n.type==="DROP_ANIMATE")&&e.stopPublishing(),t(n)}}}},nh=function(e){var t=!1;return function(){return function(n){return function(o){if(o.type==="INITIAL_PUBLISH"){t=!0,e.tryRecordFocus(o.payload.critical.draggable.id),n(o),e.tryRestoreFocusRecorded();return}if(n(o),!!t){if(o.type==="FLUSH"){t=!1,e.tryRestoreFocusRecorded();return}if(o.type==="DROP_COMPLETE"){t=!1;var a=o.payload.completed.result;a.combine&&e.tryShiftRecord(a.draggableId,a.combine.draggableId),e.tryRestoreFocusRecorded()}}}}}},oh=function(t){return t.type==="DROP_COMPLETE"||t.type==="DROP_ANIMATE"||t.type==="FLUSH"},rh=function(e){return function(t){return function(n){return function(o){if(oh(o)){e.stop(),n(o);return}if(o.type==="INITIAL_PUBLISH"){n(o);var a=t.getState();a.phase!=="DRAGGING"&&(process.env.NODE_ENV!=="production"?B(!1,"Expected phase to be DRAGGING after INITIAL_PUBLISH"):B()),e.start(a);return}n(o),e.scroll(t.getState())}}}},ah=function(e){return function(t){return function(n){if(t(n),n.type==="PUBLISH_WHILE_DRAGGING"){var o=e.getState();o.phase==="DROP_PENDING"&&(o.isWaiting||e.dispatch(nc({reason:o.reason})))}}}},sh=process.env.NODE_ENV!=="production"&&typeof window<"u"&&window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__?window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({name:"react-beautiful-dnd"}):Fi,ih=function(e){var t=e.dimensionMarshal,n=e.focusMarshal,o=e.styleMarshal,a=e.getResponders,s=e.announce,i=e.autoScroller;return _i(Sg,sh(Ym(_g(o),th(t),Pg(t),Kg,Qg,eh,ah,rh(i),Ug,nh(n),Zg(a,s))))},ba=function(){return{additions:{},removals:{},modified:{}}};function lh(e){var t=e.registry,n=e.callbacks,o=ba(),a=null,s=function(){a||(n.collectionStarting(),a=requestAnimationFrame(function(){a=null,jn();var u=o,m=u.additions,p=u.removals,f=u.modified,g=Object.keys(m).map(function(v){return t.draggable.getById(v).getDimension(Pe)}).sort(function(v,b){return v.descriptor.index-b.descriptor.index}),h=Object.keys(f).map(function(v){var b=t.droppable.getById(v),C=b.callbacks.getScrollWhileDragging();return{droppableId:v,scroll:C}}),E={additions:g,removals:Object.keys(p),modified:h};o=ba(),Yn(),n.publish(E)}))},i=function(u){var m=u.descriptor.id;o.additions[m]=u,o.modified[u.descriptor.droppableId]=!0,o.removals[m]&&delete o.removals[m],s()},l=function(u){var m=u.descriptor;o.removals[m.id]=!0,o.modified[m.droppableId]=!0,o.additions[m.id]&&delete o.additions[m.id],s()},d=function(){a&&(cancelAnimationFrame(a),a=null,o=ba())};return{add:i,remove:l,stop:d}}var lc=function(e){var t=e.scrollHeight,n=e.scrollWidth,o=e.height,a=e.width,s=Xe({x:n,y:t},{x:a,y:o}),i={x:Math.max(0,s.x),y:Math.max(0,s.y)};return i},cc=function(){var e=document.documentElement;return e||(process.env.NODE_ENV!=="production"?B(!1,"Cannot find document.documentElement"):B()),e},dc=function(){var e=cc(),t=lc({scrollHeight:e.scrollHeight,scrollWidth:e.scrollWidth,width:e.clientWidth,height:e.clientHeight});return t},ch=function(){var e=ic(),t=dc(),n=e.y,o=e.x,a=cc(),s=a.clientWidth,i=a.clientHeight,l=o+s,d=n+i,c=dt({top:n,left:o,right:l,bottom:d}),u={frame:c,scroll:{initial:e,current:e,max:t,diff:{value:Pe,displacement:Pe}}};return u},dh=function(e){var t=e.critical,n=e.scrollOptions,o=e.registry;jn();var a=ch(),s=a.scroll.current,i=t.droppable,l=o.droppable.getAllByType(i.type).map(function(m){return m.callbacks.getDimensionAndWatchScroll(s,n)}),d=o.draggable.getAllByType(t.draggable.type).map(function(m){return m.getDimension(s)}),c={draggables:Ll(d),droppables:kl(l)};Yn();var u={dimensions:c,critical:t,viewport:a};return u};function pc(e,t,n){if(n.descriptor.id===t.id||n.descriptor.type!==t.type)return!1;var o=e.droppable.getById(n.descriptor.droppableId);return o.descriptor.mode!=="virtual"?(process.env.NODE_ENV!=="production"&&we(`
+      `);return}t=!0,e(i),clearTimeout(o)};return a.wasCalled=function(){return t},a},jg=function(){var e=[],t=function(s){var i=ea(e,function(c){return c.timerId===s});i===-1&&(process.env.NODE_ENV!=="production"?O(!1,"Could not find timer"):O());var l=e.splice(i,1),d=l[0];d.callback()},n=function(s){var i=setTimeout(function(){return t(i)}),l={timerId:i,callback:s};e.push(l)},o=function(){if(e.length){var s=[].concat(e);e.length=0,s.forEach(function(i){clearTimeout(i.timerId),i.callback()})}};return{add:n,flush:o}},Yg=function(t,n){return t==null&&n==null?!0:t==null||n==null?!1:t.droppableId===n.droppableId&&t.index===n.index},qg=function(t,n){return t==null&&n==null?!0:t==null||n==null?!1:t.draggableId===n.draggableId&&t.droppableId===n.droppableId},Jg=function(t,n){if(t===n)return!0;var o=t.draggable.id===n.draggable.id&&t.draggable.droppableId===n.draggable.droppableId&&t.draggable.type===n.draggable.type&&t.draggable.index===n.draggable.index,a=t.droppable.id===n.droppable.id&&t.droppable.type===n.droppable.type;return o&&a},Xn=function(t,n){jn(),n(),Yn()},Ao=function(t,n){return{draggableId:t.draggable.id,type:t.droppable.type,source:{droppableId:t.droppable.id,index:t.draggable.index},mode:n}},ha=function(t,n,o,a){if(!t){o(a(n));return}var s=zg(o),i={announce:s};t(n,i),s.wasCalled()||o(a(n))},Xg=function(e,t){var n=jg(),o=null,a=function(p,f){o&&(process.env.NODE_ENV!=="production"?O(!1,"Cannot fire onBeforeCapture as a drag start has already been published"):O()),Xn("onBeforeCapture",function(){var g=e().onBeforeCapture;if(g){var h={draggableId:p,mode:f};g(h)}})},s=function(p,f){o&&(process.env.NODE_ENV!=="production"?O(!1,"Cannot fire onBeforeDragStart as a drag start has already been published"):O()),Xn("onBeforeDragStart",function(){var g=e().onBeforeDragStart;g&&g(Ao(p,f))})},i=function(p,f){o&&(process.env.NODE_ENV!=="production"?O(!1,"Cannot fire onBeforeDragStart as a drag start has already been published"):O());var g=Ao(p,f);o={mode:f,lastCritical:p,lastLocation:g.source,lastCombine:null},n.add(function(){Xn("onDragStart",function(){return ha(e().onDragStart,g,t,ko.onDragStart)})})},l=function(p,f){var g=ta(f),h=Bo(f);o||(process.env.NODE_ENV!=="production"?O(!1,"Cannot fire onDragMove when onDragStart has not been called"):O());var E=!Jg(p,o.lastCritical);E&&(o.lastCritical=p);var v=!Yg(o.lastLocation,g);v&&(o.lastLocation=g);var b=!qg(o.lastCombine,h);if(b&&(o.lastCombine=h),!(!E&&!v&&!b)){var C=ie({},Ao(p,o.mode),{combine:h,destination:g});n.add(function(){Xn("onDragUpdate",function(){return ha(e().onDragUpdate,C,t,ko.onDragUpdate)})})}},d=function(){o||(process.env.NODE_ENV!=="production"?O(!1,"Can only flush responders while dragging"):O()),n.flush()},c=function(p){o||(process.env.NODE_ENV!=="production"?O(!1,"Cannot fire onDragEnd when there is no matching onDragStart"):O()),o=null,Xn("onDragEnd",function(){return ha(e().onDragEnd,p,t,ko.onDragEnd)})},u=function(){if(o){var p=ie({},Ao(o.lastCritical,o.mode),{combine:null,destination:null,reason:"CANCEL"});c(p)}};return{beforeCapture:a,beforeStart:s,start:i,update:l,flush:d,drop:c,abort:u}},Zg=function(e,t){var n=Xg(e,t);return function(o){return function(a){return function(s){if(s.type==="BEFORE_INITIAL_CAPTURE"){n.beforeCapture(s.payload.draggableId,s.payload.movementMode);return}if(s.type==="INITIAL_PUBLISH"){var i=s.payload.critical;n.beforeStart(i,s.payload.movementMode),a(s),n.start(i,s.payload.movementMode);return}if(s.type==="DROP_COMPLETE"){var l=s.payload.completed.result;n.flush(),a(s),n.drop(l);return}if(a(s),s.type==="FLUSH"){n.abort();return}var d=o.getState();d.phase==="DRAGGING"&&n.update(d.critical,d.impact)}}}},Qg=function(e){return function(t){return function(n){if(n.type!=="DROP_ANIMATION_FINISHED"){t(n);return}var o=e.getState();o.phase!=="DROP_ANIMATING"&&(process.env.NODE_ENV!=="production"?O(!1,"Cannot finish a drop animating when no drop is occurring"):O()),e.dispatch(ua({completed:o.completed}))}}},eh=function(e){var t=null,n=null;function o(){n&&(cancelAnimationFrame(n),n=null),t&&(t(),t=null)}return function(a){return function(s){if((s.type==="FLUSH"||s.type==="DROP_COMPLETE"||s.type==="DROP_ANIMATION_FINISHED")&&o(),a(s),s.type==="DROP_ANIMATE"){var i={eventName:"scroll",options:{capture:!0,passive:!1,once:!0},fn:function(){var d=e.getState();d.phase==="DROP_ANIMATING"&&e.dispatch(oc())}};n=requestAnimationFrame(function(){n=null,t=at(window,[i])})}}}},th=function(e){return function(){return function(t){return function(n){(n.type==="DROP_COMPLETE"||n.type==="FLUSH"||n.type==="DROP_ANIMATE")&&e.stopPublishing(),t(n)}}}},nh=function(e){var t=!1;return function(){return function(n){return function(o){if(o.type==="INITIAL_PUBLISH"){t=!0,e.tryRecordFocus(o.payload.critical.draggable.id),n(o),e.tryRestoreFocusRecorded();return}if(n(o),!!t){if(o.type==="FLUSH"){t=!1,e.tryRestoreFocusRecorded();return}if(o.type==="DROP_COMPLETE"){t=!1;var a=o.payload.completed.result;a.combine&&e.tryShiftRecord(a.draggableId,a.combine.draggableId),e.tryRestoreFocusRecorded()}}}}}},oh=function(t){return t.type==="DROP_COMPLETE"||t.type==="DROP_ANIMATE"||t.type==="FLUSH"},rh=function(e){return function(t){return function(n){return function(o){if(oh(o)){e.stop(),n(o);return}if(o.type==="INITIAL_PUBLISH"){n(o);var a=t.getState();a.phase!=="DRAGGING"&&(process.env.NODE_ENV!=="production"?O(!1,"Expected phase to be DRAGGING after INITIAL_PUBLISH"):O()),e.start(a);return}n(o),e.scroll(t.getState())}}}},ah=function(e){return function(t){return function(n){if(t(n),n.type==="PUBLISH_WHILE_DRAGGING"){var o=e.getState();o.phase==="DROP_PENDING"&&(o.isWaiting||e.dispatch(nc({reason:o.reason})))}}}},sh=process.env.NODE_ENV!=="production"&&typeof window<"u"&&window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__?window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({name:"react-beautiful-dnd"}):Fi,ih=function(e){var t=e.dimensionMarshal,n=e.focusMarshal,o=e.styleMarshal,a=e.getResponders,s=e.announce,i=e.autoScroller;return _i(Sg,sh(Ym(_g(o),th(t),Pg(t),Kg,Qg,eh,ah,rh(i),Ug,nh(n),Zg(a,s))))},ba=function(){return{additions:{},removals:{},modified:{}}};function lh(e){var t=e.registry,n=e.callbacks,o=ba(),a=null,s=function(){a||(n.collectionStarting(),a=requestAnimationFrame(function(){a=null,jn();var u=o,m=u.additions,p=u.removals,f=u.modified,g=Object.keys(m).map(function(v){return t.draggable.getById(v).getDimension(Be)}).sort(function(v,b){return v.descriptor.index-b.descriptor.index}),h=Object.keys(f).map(function(v){var b=t.droppable.getById(v),C=b.callbacks.getScrollWhileDragging();return{droppableId:v,scroll:C}}),E={additions:g,removals:Object.keys(p),modified:h};o=ba(),Yn(),n.publish(E)}))},i=function(u){var m=u.descriptor.id;o.additions[m]=u,o.modified[u.descriptor.droppableId]=!0,o.removals[m]&&delete o.removals[m],s()},l=function(u){var m=u.descriptor;o.removals[m.id]=!0,o.modified[m.droppableId]=!0,o.additions[m.id]&&delete o.additions[m.id],s()},d=function(){a&&(cancelAnimationFrame(a),a=null,o=ba())};return{add:i,remove:l,stop:d}}var lc=function(e){var t=e.scrollHeight,n=e.scrollWidth,o=e.height,a=e.width,s=Xe({x:n,y:t},{x:a,y:o}),i={x:Math.max(0,s.x),y:Math.max(0,s.y)};return i},cc=function(){var e=document.documentElement;return e||(process.env.NODE_ENV!=="production"?O(!1,"Cannot find document.documentElement"):O()),e},dc=function(){var e=cc(),t=lc({scrollHeight:e.scrollHeight,scrollWidth:e.scrollWidth,width:e.clientWidth,height:e.clientHeight});return t},ch=function(){var e=ic(),t=dc(),n=e.y,o=e.x,a=cc(),s=a.clientWidth,i=a.clientHeight,l=o+s,d=n+i,c=dt({top:n,left:o,right:l,bottom:d}),u={frame:c,scroll:{initial:e,current:e,max:t,diff:{value:Be,displacement:Be}}};return u},dh=function(e){var t=e.critical,n=e.scrollOptions,o=e.registry;jn();var a=ch(),s=a.scroll.current,i=t.droppable,l=o.droppable.getAllByType(i.type).map(function(m){return m.callbacks.getDimensionAndWatchScroll(s,n)}),d=o.draggable.getAllByType(t.draggable.type).map(function(m){return m.getDimension(s)}),c={draggables:Ll(d),droppables:kl(l)};Yn();var u={dimensions:c,critical:t,viewport:a};return u};function pc(e,t,n){if(n.descriptor.id===t.id||n.descriptor.type!==t.type)return!1;var o=e.droppable.getById(n.descriptor.droppableId);return o.descriptor.mode!=="virtual"?(process.env.NODE_ENV!=="production"&&Ce(`
       You are attempting to add or remove a Draggable [id: `+n.descriptor.id+`]
       while a drag is occurring. This is only supported for virtual lists.
 
       See https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/patterns/virtual-lists.md
-    `),!1):!0}var ph=function(e,t){var n=null,o=lh({callbacks:{publish:t.publishWhileDragging,collectionStarting:t.collectionStarting},registry:e}),a=function(f,g){e.droppable.exists(f)||(process.env.NODE_ENV!=="production"?B(!1,"Cannot update is enabled flag of Droppable "+f+" as it is not registered"):B()),n&&t.updateDroppableIsEnabled({id:f,isEnabled:g})},s=function(f,g){n&&(e.droppable.exists(f)||(process.env.NODE_ENV!=="production"?B(!1,"Cannot update isCombineEnabled flag of Droppable "+f+" as it is not registered"):B()),t.updateDroppableIsCombineEnabled({id:f,isCombineEnabled:g}))},i=function(f,g){n&&(e.droppable.exists(f)||(process.env.NODE_ENV!=="production"?B(!1,"Cannot update the scroll on Droppable "+f+" as it is not registered"):B()),t.updateDroppableScroll({id:f,newScroll:g}))},l=function(f,g){n&&e.droppable.getById(f).callbacks.scroll(g)},d=function(){if(n){o.stop();var f=n.critical.droppable;e.droppable.getAllByType(f.type).forEach(function(g){return g.callbacks.dragStopped()}),n.unsubscribe(),n=null}},c=function(f){n||(process.env.NODE_ENV!=="production"?B(!1,"Should only be subscribed when a collection is occurring"):B());var g=n.critical.draggable;f.type==="ADDITION"&&pc(e,g,f.value)&&o.add(f.value),f.type==="REMOVAL"&&pc(e,g,f.value)&&o.remove(f.value)},u=function(f){n&&(process.env.NODE_ENV!=="production"?B(!1,"Cannot start capturing critical dimensions as there is already a collection"):B());var g=e.draggable.getById(f.draggableId),h=e.droppable.getById(g.descriptor.droppableId),E={draggable:g.descriptor,droppable:h.descriptor},v=e.subscribe(c);return n={critical:E,unsubscribe:v},dh({critical:E,registry:e,scrollOptions:f.scrollOptions})},m={updateDroppableIsEnabled:a,updateDroppableIsCombineEnabled:s,scrollDroppable:l,updateDroppableScroll:i,startPublishing:u,stopPublishing:d};return m},uc=function(e,t){return e.phase==="IDLE"?!0:e.phase!=="DROP_ANIMATING"||e.completed.result.draggableId===t?!1:e.completed.result.reason==="DROP"},uh=function(e){window.scrollBy(e.x,e.y)},mh=Be(function(e){return Oo(e).filter(function(t){return!(!t.isEnabled||!t.frame)})}),fh=function(t,n){var o=Lt(mh(n),function(a){return a.frame||(process.env.NODE_ENV!=="production"?B(!1,"Invalid result"):B()),zl(a.frame.pageMarginBox)(t)});return o},Sh=function(e){var t=e.center,n=e.destination,o=e.droppables;if(n){var a=o[n];return a.frame?a:null}var s=fh(t,o);return s},Bt={startFromPercentage:.25,maxScrollAtPercentage:.05,maxPixelScroll:28,ease:function(t){return Math.pow(t,2)},durationDampening:{stopDampeningAt:1200,accelerateAt:360}},gh=function(e,t){var n=e[t.size]*Bt.startFromPercentage,o=e[t.size]*Bt.maxScrollAtPercentage,a={startScrollingFrom:n,maxScrollValueAt:o};return a},mc=function(e){var t=e.startOfRange,n=e.endOfRange,o=e.current,a=n-t;if(a===0)return process.env.NODE_ENV!=="production"&&we(`
+    `),!1):!0}var ph=function(e,t){var n=null,o=lh({callbacks:{publish:t.publishWhileDragging,collectionStarting:t.collectionStarting},registry:e}),a=function(f,g){e.droppable.exists(f)||(process.env.NODE_ENV!=="production"?O(!1,"Cannot update is enabled flag of Droppable "+f+" as it is not registered"):O()),n&&t.updateDroppableIsEnabled({id:f,isEnabled:g})},s=function(f,g){n&&(e.droppable.exists(f)||(process.env.NODE_ENV!=="production"?O(!1,"Cannot update isCombineEnabled flag of Droppable "+f+" as it is not registered"):O()),t.updateDroppableIsCombineEnabled({id:f,isCombineEnabled:g}))},i=function(f,g){n&&(e.droppable.exists(f)||(process.env.NODE_ENV!=="production"?O(!1,"Cannot update the scroll on Droppable "+f+" as it is not registered"):O()),t.updateDroppableScroll({id:f,newScroll:g}))},l=function(f,g){n&&e.droppable.getById(f).callbacks.scroll(g)},d=function(){if(n){o.stop();var f=n.critical.droppable;e.droppable.getAllByType(f.type).forEach(function(g){return g.callbacks.dragStopped()}),n.unsubscribe(),n=null}},c=function(f){n||(process.env.NODE_ENV!=="production"?O(!1,"Should only be subscribed when a collection is occurring"):O());var g=n.critical.draggable;f.type==="ADDITION"&&pc(e,g,f.value)&&o.add(f.value),f.type==="REMOVAL"&&pc(e,g,f.value)&&o.remove(f.value)},u=function(f){n&&(process.env.NODE_ENV!=="production"?O(!1,"Cannot start capturing critical dimensions as there is already a collection"):O());var g=e.draggable.getById(f.draggableId),h=e.droppable.getById(g.descriptor.droppableId),E={draggable:g.descriptor,droppable:h.descriptor},v=e.subscribe(c);return n={critical:E,unsubscribe:v},dh({critical:E,registry:e,scrollOptions:f.scrollOptions})},m={updateDroppableIsEnabled:a,updateDroppableIsCombineEnabled:s,scrollDroppable:l,updateDroppableScroll:i,startPublishing:u,stopPublishing:d};return m},uc=function(e,t){return e.phase==="IDLE"?!0:e.phase!=="DROP_ANIMATING"||e.completed.result.draggableId===t?!1:e.completed.result.reason==="DROP"},uh=function(e){window.scrollBy(e.x,e.y)},mh=Oe(function(e){return Oo(e).filter(function(t){return!(!t.isEnabled||!t.frame)})}),fh=function(t,n){var o=Lt(mh(n),function(a){return a.frame||(process.env.NODE_ENV!=="production"?O(!1,"Invalid result"):O()),zl(a.frame.pageMarginBox)(t)});return o},Sh=function(e){var t=e.center,n=e.destination,o=e.droppables;if(n){var a=o[n];return a.frame?a:null}var s=fh(t,o);return s},Bt={startFromPercentage:.25,maxScrollAtPercentage:.05,maxPixelScroll:28,ease:function(t){return Math.pow(t,2)},durationDampening:{stopDampeningAt:1200,accelerateAt:360}},gh=function(e,t){var n=e[t.size]*Bt.startFromPercentage,o=e[t.size]*Bt.maxScrollAtPercentage,a={startScrollingFrom:n,maxScrollValueAt:o};return a},mc=function(e){var t=e.startOfRange,n=e.endOfRange,o=e.current,a=n-t;if(a===0)return process.env.NODE_ENV!=="production"&&Ce(`
       Detected distance range of 0 in the fluid auto scroller
       This is unexpected and would cause a divide by 0 issue.
       Not allowing an auto scroll
-    `),0;var s=o-t,i=s/a;return i},va=1,hh=function(e,t){if(e>t.startScrollingFrom)return 0;if(e<=t.maxScrollValueAt)return Bt.maxPixelScroll;if(e===t.startScrollingFrom)return va;var n=mc({startOfRange:t.maxScrollValueAt,endOfRange:t.startScrollingFrom,current:e}),o=1-n,a=Bt.maxPixelScroll*Bt.ease(o);return Math.ceil(a)},fc=Bt.durationDampening.accelerateAt,Sc=Bt.durationDampening.stopDampeningAt,bh=function(e,t){var n=t,o=Sc,a=Date.now(),s=a-n;if(s>=Sc)return e;if(s<fc)return va;var i=mc({startOfRange:fc,endOfRange:o,current:s}),l=e*Bt.ease(i);return Math.ceil(l)},gc=function(e){var t=e.distanceToEdge,n=e.thresholds,o=e.dragStartTime,a=e.shouldUseTimeDampening,s=hh(t,n);return s===0?0:a?Math.max(bh(s,o),va):s},hc=function(e){var t=e.container,n=e.distanceToEdges,o=e.dragStartTime,a=e.axis,s=e.shouldUseTimeDampening,i=gh(t,a),l=n[a.end]<n[a.start];return l?gc({distanceToEdge:n[a.end],thresholds:i,dragStartTime:o,shouldUseTimeDampening:s}):-1*gc({distanceToEdge:n[a.start],thresholds:i,dragStartTime:o,shouldUseTimeDampening:s})},vh=function(e){var t=e.container,n=e.subject,o=e.proposedScroll,a=n.height>t.height,s=n.width>t.width;return!s&&!a?o:s&&a?null:{x:s?0:o.x,y:a?0:o.y}},yh=Il(function(e){return e===0?0:e}),bc=function(e){var t=e.dragStartTime,n=e.container,o=e.subject,a=e.center,s=e.shouldUseTimeDampening,i={top:a.y-n.top,right:n.right-a.x,bottom:n.bottom-a.y,left:a.x-n.left},l=hc({container:n,distanceToEdges:i,dragStartTime:t,axis:na,shouldUseTimeDampening:s}),d=hc({container:n,distanceToEdges:i,dragStartTime:t,axis:Pl,shouldUseTimeDampening:s}),c=yh({x:d,y:l});if(kt(c,Pe))return null;var u=vh({container:n,subject:o,proposedScroll:c});return u?kt(u,Pe)?null:u:null},Eh=Il(function(e){return e===0?0:e>0?1:-1}),ya=function(){var e=function(n,o){return n<0?n:n>o?n-o:0};return function(t){var n=t.current,o=t.max,a=t.change,s=Fe(n,a),i={x:e(s.x,o.x),y:e(s.y,o.y)};return kt(i,Pe)?null:i}}(),vc=function(t){var n=t.max,o=t.current,a=t.change,s={x:Math.max(o.x,n.x),y:Math.max(o.y,n.y)},i=Eh(a),l=ya({max:s,current:o,change:i});return!l||i.x!==0&&l.x===0||i.y!==0&&l.y===0},Ea=function(t,n){return vc({current:t.scroll.current,max:t.scroll.max,change:n})},Th=function(t,n){if(!Ea(t,n))return null;var o=t.scroll.max,a=t.scroll.current;return ya({current:a,max:o,change:n})},Ta=function(t,n){var o=t.frame;return o?vc({current:o.scroll.current,max:o.scroll.max,change:n}):!1},wh=function(t,n){var o=t.frame;return!o||!Ta(t,n)?null:ya({current:o.scroll.current,max:o.scroll.max,change:n})},Ch=function(e){var t=e.viewport,n=e.subject,o=e.center,a=e.dragStartTime,s=e.shouldUseTimeDampening,i=bc({dragStartTime:a,container:t.frame,subject:n,center:o,shouldUseTimeDampening:s});return i&&Ea(t,i)?i:null},Dh=function(e){var t=e.droppable,n=e.subject,o=e.center,a=e.dragStartTime,s=e.shouldUseTimeDampening,i=t.frame;if(!i)return null;var l=bc({dragStartTime:a,container:i.pageMarginBox,subject:n,center:o,shouldUseTimeDampening:s});return l&&Ta(t,l)?l:null},yc=function(e){var t=e.state,n=e.dragStartTime,o=e.shouldUseTimeDampening,a=e.scrollWindow,s=e.scrollDroppable,i=t.current.page.borderBoxCenter,l=t.dimensions.draggables[t.critical.draggable.id],d=l.page.marginBox;if(t.isWindowScrollAllowed){var c=t.viewport,u=Ch({dragStartTime:n,viewport:c,subject:d,center:i,shouldUseTimeDampening:o});if(u){a(u);return}}var m=Sh({center:i,destination:Ze(t.impact),droppables:t.dimensions.droppables});if(m){var p=Dh({dragStartTime:n,droppable:m,subject:d,center:i,shouldUseTimeDampening:o});p&&s(m.descriptor.id,p)}},Nh=function(e){var t=e.scrollWindow,n=e.scrollDroppable,o=Vn(t),a=Vn(n),s=null,i=function(u){s||(process.env.NODE_ENV!=="production"?B(!1,"Cannot fluid scroll if not dragging"):B());var m=s,p=m.shouldUseTimeDampening,f=m.dragStartTime;yc({state:u,scrollWindow:o,scrollDroppable:a,dragStartTime:f,shouldUseTimeDampening:p})},l=function(u){jn(),s&&(process.env.NODE_ENV!=="production"?B(!1,"Cannot start auto scrolling when already started"):B());var m=Date.now(),p=!1,f=function(){p=!0};yc({state:u,dragStartTime:0,shouldUseTimeDampening:!1,scrollWindow:f,scrollDroppable:f}),s={dragStartTime:m,shouldUseTimeDampening:p},Yn(),p&&i(u)},d=function(){s&&(o.cancel(),a.cancel(),s=null)};return{start:l,stop:d,scroll:i}},Ih=function(e){var t=e.move,n=e.scrollDroppable,o=e.scrollWindow,a=function(c,u){var m=Fe(c.current.client.selection,u);t({client:m})},s=function(c,u){if(!Ta(c,u))return u;var m=wh(c,u);if(!m)return n(c.descriptor.id,u),null;var p=Xe(u,m);n(c.descriptor.id,p);var f=Xe(u,p);return f},i=function(c,u,m){if(!c||!Ea(u,m))return m;var p=Th(u,m);if(!p)return o(m),null;var f=Xe(m,p);o(f);var g=Xe(m,f);return g},l=function(c){var u=c.scrollJumpRequest;if(u){var m=Ze(c.impact);m||(process.env.NODE_ENV!=="production"?B(!1,"Cannot perform a jump scroll when there is no destination"):B());var p=s(c.dimensions.droppables[m],u);if(p){var f=c.viewport,g=i(c.isWindowScrollAllowed,f,p);g&&a(c,g)}}};return l},xh=function(e){var t=e.scrollDroppable,n=e.scrollWindow,o=e.move,a=Nh({scrollWindow:n,scrollDroppable:t}),s=Ih({move:o,scrollWindow:n,scrollDroppable:t}),i=function(c){if(c.phase==="DRAGGING"){if(c.movementMode==="FLUID"){a.scroll(c);return}c.scrollJumpRequest&&s(c)}},l={scroll:i,start:a.start,stop:a.stop};return l},vn="data-rbd",yn=function(){var e=vn+"-drag-handle";return{base:e,draggableId:e+"-draggable-id",contextId:e+"-context-id"}}(),wa=function(){var e=vn+"-draggable";return{base:e,contextId:e+"-context-id",id:e+"-id"}}(),Mh=function(){var e=vn+"-droppable";return{base:e,contextId:e+"-context-id",id:e+"-id"}}(),Ec={contextId:vn+"-scroll-container-context-id"},kh=function(t){return function(n){return"["+n+'="'+t+'"]'}},Zn=function(t,n){return t.map(function(o){var a=o.styles[n];return a?o.selector+" { "+a+" }":""}).join(" ")},Lh="pointer-events: none;",Oh=function(e){var t=kh(e),n=function(){var l=`
+    `),0;var s=o-t,i=s/a;return i},va=1,hh=function(e,t){if(e>t.startScrollingFrom)return 0;if(e<=t.maxScrollValueAt)return Bt.maxPixelScroll;if(e===t.startScrollingFrom)return va;var n=mc({startOfRange:t.maxScrollValueAt,endOfRange:t.startScrollingFrom,current:e}),o=1-n,a=Bt.maxPixelScroll*Bt.ease(o);return Math.ceil(a)},fc=Bt.durationDampening.accelerateAt,Sc=Bt.durationDampening.stopDampeningAt,bh=function(e,t){var n=t,o=Sc,a=Date.now(),s=a-n;if(s>=Sc)return e;if(s<fc)return va;var i=mc({startOfRange:fc,endOfRange:o,current:s}),l=e*Bt.ease(i);return Math.ceil(l)},gc=function(e){var t=e.distanceToEdge,n=e.thresholds,o=e.dragStartTime,a=e.shouldUseTimeDampening,s=hh(t,n);return s===0?0:a?Math.max(bh(s,o),va):s},hc=function(e){var t=e.container,n=e.distanceToEdges,o=e.dragStartTime,a=e.axis,s=e.shouldUseTimeDampening,i=gh(t,a),l=n[a.end]<n[a.start];return l?gc({distanceToEdge:n[a.end],thresholds:i,dragStartTime:o,shouldUseTimeDampening:s}):-1*gc({distanceToEdge:n[a.start],thresholds:i,dragStartTime:o,shouldUseTimeDampening:s})},vh=function(e){var t=e.container,n=e.subject,o=e.proposedScroll,a=n.height>t.height,s=n.width>t.width;return!s&&!a?o:s&&a?null:{x:s?0:o.x,y:a?0:o.y}},yh=Il(function(e){return e===0?0:e}),bc=function(e){var t=e.dragStartTime,n=e.container,o=e.subject,a=e.center,s=e.shouldUseTimeDampening,i={top:a.y-n.top,right:n.right-a.x,bottom:n.bottom-a.y,left:a.x-n.left},l=hc({container:n,distanceToEdges:i,dragStartTime:t,axis:na,shouldUseTimeDampening:s}),d=hc({container:n,distanceToEdges:i,dragStartTime:t,axis:Pl,shouldUseTimeDampening:s}),c=yh({x:d,y:l});if(kt(c,Be))return null;var u=vh({container:n,subject:o,proposedScroll:c});return u?kt(u,Be)?null:u:null},Eh=Il(function(e){return e===0?0:e>0?1:-1}),ya=function(){var e=function(n,o){return n<0?n:n>o?n-o:0};return function(t){var n=t.current,o=t.max,a=t.change,s=Ae(n,a),i={x:e(s.x,o.x),y:e(s.y,o.y)};return kt(i,Be)?null:i}}(),vc=function(t){var n=t.max,o=t.current,a=t.change,s={x:Math.max(o.x,n.x),y:Math.max(o.y,n.y)},i=Eh(a),l=ya({max:s,current:o,change:i});return!l||i.x!==0&&l.x===0||i.y!==0&&l.y===0},Ea=function(t,n){return vc({current:t.scroll.current,max:t.scroll.max,change:n})},Th=function(t,n){if(!Ea(t,n))return null;var o=t.scroll.max,a=t.scroll.current;return ya({current:a,max:o,change:n})},Ta=function(t,n){var o=t.frame;return o?vc({current:o.scroll.current,max:o.scroll.max,change:n}):!1},wh=function(t,n){var o=t.frame;return!o||!Ta(t,n)?null:ya({current:o.scroll.current,max:o.scroll.max,change:n})},Ch=function(e){var t=e.viewport,n=e.subject,o=e.center,a=e.dragStartTime,s=e.shouldUseTimeDampening,i=bc({dragStartTime:a,container:t.frame,subject:n,center:o,shouldUseTimeDampening:s});return i&&Ea(t,i)?i:null},Dh=function(e){var t=e.droppable,n=e.subject,o=e.center,a=e.dragStartTime,s=e.shouldUseTimeDampening,i=t.frame;if(!i)return null;var l=bc({dragStartTime:a,container:i.pageMarginBox,subject:n,center:o,shouldUseTimeDampening:s});return l&&Ta(t,l)?l:null},yc=function(e){var t=e.state,n=e.dragStartTime,o=e.shouldUseTimeDampening,a=e.scrollWindow,s=e.scrollDroppable,i=t.current.page.borderBoxCenter,l=t.dimensions.draggables[t.critical.draggable.id],d=l.page.marginBox;if(t.isWindowScrollAllowed){var c=t.viewport,u=Ch({dragStartTime:n,viewport:c,subject:d,center:i,shouldUseTimeDampening:o});if(u){a(u);return}}var m=Sh({center:i,destination:Ze(t.impact),droppables:t.dimensions.droppables});if(m){var p=Dh({dragStartTime:n,droppable:m,subject:d,center:i,shouldUseTimeDampening:o});p&&s(m.descriptor.id,p)}},Nh=function(e){var t=e.scrollWindow,n=e.scrollDroppable,o=Vn(t),a=Vn(n),s=null,i=function(u){s||(process.env.NODE_ENV!=="production"?O(!1,"Cannot fluid scroll if not dragging"):O());var m=s,p=m.shouldUseTimeDampening,f=m.dragStartTime;yc({state:u,scrollWindow:o,scrollDroppable:a,dragStartTime:f,shouldUseTimeDampening:p})},l=function(u){jn(),s&&(process.env.NODE_ENV!=="production"?O(!1,"Cannot start auto scrolling when already started"):O());var m=Date.now(),p=!1,f=function(){p=!0};yc({state:u,dragStartTime:0,shouldUseTimeDampening:!1,scrollWindow:f,scrollDroppable:f}),s={dragStartTime:m,shouldUseTimeDampening:p},Yn(),p&&i(u)},d=function(){s&&(o.cancel(),a.cancel(),s=null)};return{start:l,stop:d,scroll:i}},Ih=function(e){var t=e.move,n=e.scrollDroppable,o=e.scrollWindow,a=function(c,u){var m=Ae(c.current.client.selection,u);t({client:m})},s=function(c,u){if(!Ta(c,u))return u;var m=wh(c,u);if(!m)return n(c.descriptor.id,u),null;var p=Xe(u,m);n(c.descriptor.id,p);var f=Xe(u,p);return f},i=function(c,u,m){if(!c||!Ea(u,m))return m;var p=Th(u,m);if(!p)return o(m),null;var f=Xe(m,p);o(f);var g=Xe(m,f);return g},l=function(c){var u=c.scrollJumpRequest;if(u){var m=Ze(c.impact);m||(process.env.NODE_ENV!=="production"?O(!1,"Cannot perform a jump scroll when there is no destination"):O());var p=s(c.dimensions.droppables[m],u);if(p){var f=c.viewport,g=i(c.isWindowScrollAllowed,f,p);g&&a(c,g)}}};return l},xh=function(e){var t=e.scrollDroppable,n=e.scrollWindow,o=e.move,a=Nh({scrollWindow:n,scrollDroppable:t}),s=Ih({move:o,scrollWindow:n,scrollDroppable:t}),i=function(c){if(c.phase==="DRAGGING"){if(c.movementMode==="FLUID"){a.scroll(c);return}c.scrollJumpRequest&&s(c)}},l={scroll:i,start:a.start,stop:a.stop};return l},vn="data-rbd",yn=function(){var e=vn+"-drag-handle";return{base:e,draggableId:e+"-draggable-id",contextId:e+"-context-id"}}(),wa=function(){var e=vn+"-draggable";return{base:e,contextId:e+"-context-id",id:e+"-id"}}(),Mh=function(){var e=vn+"-droppable";return{base:e,contextId:e+"-context-id",id:e+"-id"}}(),Ec={contextId:vn+"-scroll-container-context-id"},kh=function(t){return function(n){return"["+n+'="'+t+'"]'}},Zn=function(t,n){return t.map(function(o){var a=o.styles[n];return a?o.selector+" { "+a+" }":""}).join(" ")},Lh="pointer-events: none;",Oh=function(e){var t=kh(e),n=function(){var l=`
       cursor: -webkit-grab;
       cursor: grab;
     `;return{selector:t(yn.contextId),styles:{always:`
@@ -438,7 +464,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
         -moz-user-select: none;
         -ms-user-select: none;
         overflow-anchor: none;
-      `}},i=[o,n,a,s];return{always:Zn(i,"always"),resting:Zn(i,"resting"),dragging:Zn(i,"dragging"),dropAnimating:Zn(i,"dropAnimating"),userCancel:Zn(i,"userCancel")}},Qe=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?D.useLayoutEffect:D.useEffect,Ca=function(){var t=document.querySelector("head");return t||(process.env.NODE_ENV!=="production"?B(!1,"Cannot find the head to append a style to"):B()),t},Tc=function(t){var n=document.createElement("style");return t&&n.setAttribute("nonce",t),n.type="text/css",n};function Bh(e,t){var n=me(function(){return Oh(e)},[e]),o=D.useRef(null),a=D.useRef(null),s=se(Be(function(m){var p=a.current;p||(process.env.NODE_ENV!=="production"?B(!1,"Cannot set dynamic style element if it is not set"):B()),p.textContent=m}),[]),i=se(function(m){var p=o.current;p||(process.env.NODE_ENV!=="production"?B(!1,"Cannot set dynamic style element if it is not set"):B()),p.textContent=m},[]);Qe(function(){!o.current&&!a.current||(process.env.NODE_ENV!=="production"?B(!1,"style elements already mounted"):B());var m=Tc(t),p=Tc(t);return o.current=m,a.current=p,m.setAttribute(vn+"-always",e),p.setAttribute(vn+"-dynamic",e),Ca().appendChild(m),Ca().appendChild(p),i(n.always),s(n.resting),function(){var f=function(h){var E=h.current;E||(process.env.NODE_ENV!=="production"?B(!1,"Cannot unmount ref as it is not set"):B()),Ca().removeChild(E),h.current=null};f(o),f(a)}},[t,i,s,n.always,n.resting,e]);var l=se(function(){return s(n.dragging)},[s,n.dragging]),d=se(function(m){if(m==="DROP"){s(n.dropAnimating);return}s(n.userCancel)},[s,n.dropAnimating,n.userCancel]),c=se(function(){a.current&&s(n.resting)},[s,n.resting]),u=me(function(){return{dragging:l,dropping:d,resting:c}},[l,d,c]);return u}var wc=function(e){return e&&e.ownerDocument?e.ownerDocument.defaultView:window};function Qn(e){return e instanceof wc(e).HTMLElement}function Cc(e,t){var n="["+yn.contextId+'="'+e+'"]',o=Ml(document.querySelectorAll(n));if(!o.length)return process.env.NODE_ENV!=="production"&&we('Unable to find any drag handles in the context "'+e+'"'),null;var a=Lt(o,function(s){return s.getAttribute(yn.draggableId)===t});return a?Qn(a)?a:(process.env.NODE_ENV!=="production"&&we("drag handle needs to be a HTMLElement"),null):(process.env.NODE_ENV!=="production"&&we('Unable to find drag handle with id "'+t+'" as no handle with a matching id was found'),null)}function Ph(e){var t=D.useRef({}),n=D.useRef(null),o=D.useRef(null),a=D.useRef(!1),s=se(function(p,f){var g={id:p,focus:f};return t.current[p]=g,function(){var E=t.current,v=E[p];v!==g&&delete E[p]}},[]),i=se(function(p){var f=Cc(e,p);f&&f!==document.activeElement&&f.focus()},[e]),l=se(function(p,f){n.current===p&&(n.current=f)},[]),d=se(function(){o.current||a.current&&(o.current=requestAnimationFrame(function(){o.current=null;var p=n.current;p&&i(p)}))},[i]),c=se(function(p){n.current=null;var f=document.activeElement;f&&f.getAttribute(yn.draggableId)===p&&(n.current=p)},[]);Qe(function(){return a.current=!0,function(){a.current=!1;var p=o.current;p&&cancelAnimationFrame(p)}},[]);var u=me(function(){return{register:s,tryRecordFocus:c,tryRestoreFocusRecorded:d,tryShiftRecord:l}},[s,c,d,l]);return u}function _h(){var e={draggables:{},droppables:{}},t=[];function n(m){return t.push(m),function(){var f=t.indexOf(m);f!==-1&&t.splice(f,1)}}function o(m){t.length&&t.forEach(function(p){return p(m)})}function a(m){return e.draggables[m]||null}function s(m){var p=a(m);return p||(process.env.NODE_ENV!=="production"?B(!1,"Cannot find draggable entry with id ["+m+"]"):B()),p}var i={register:function(p){e.draggables[p.descriptor.id]=p,o({type:"ADDITION",value:p})},update:function(p,f){var g=e.draggables[f.descriptor.id];g&&g.uniqueId===p.uniqueId&&(delete e.draggables[f.descriptor.id],e.draggables[p.descriptor.id]=p)},unregister:function(p){var f=p.descriptor.id,g=a(f);g&&p.uniqueId===g.uniqueId&&(delete e.draggables[f],o({type:"REMOVAL",value:p}))},getById:s,findById:a,exists:function(p){return!!a(p)},getAllByType:function(p){return Lo(e.draggables).filter(function(f){return f.descriptor.type===p})}};function l(m){return e.droppables[m]||null}function d(m){var p=l(m);return p||(process.env.NODE_ENV!=="production"?B(!1,"Cannot find droppable entry with id ["+m+"]"):B()),p}var c={register:function(p){e.droppables[p.descriptor.id]=p},unregister:function(p){var f=l(p.descriptor.id);f&&p.uniqueId===f.uniqueId&&delete e.droppables[p.descriptor.id]},getById:d,findById:l,exists:function(p){return!!l(p)},getAllByType:function(p){return Lo(e.droppables).filter(function(f){return f.descriptor.type===p})}};function u(){e.draggables={},e.droppables={},t.length=0}return{draggable:i,droppable:c,subscribe:n,clean:u}}function Rh(){var e=me(_h,[]);return D.useEffect(function(){return function(){requestAnimationFrame(e.clean)}},[e]),e}var Da=D.createContext(null),eo=function(){var e=document.body;return e||(process.env.NODE_ENV!=="production"?B(!1,"Cannot find document.body"):B()),e},Ah={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",overflow:"hidden",clip:"rect(0 0 0 0)","clip-path":"inset(100%)"},Fh=function(t){return"rbd-announcement-"+t};function Vh(e){var t=me(function(){return Fh(e)},[e]),n=D.useRef(null);D.useEffect(function(){var s=document.createElement("div");return n.current=s,s.id=t,s.setAttribute("aria-live","assertive"),s.setAttribute("aria-atomic","true"),ie(s.style,Ah),eo().appendChild(s),function(){setTimeout(function(){var d=eo();d.contains(s)&&d.removeChild(s),s===n.current&&(n.current=null)})}},[t]);var o=se(function(a){var s=n.current;if(s){s.textContent=a;return}process.env.NODE_ENV!=="production"&&we(`
+      `}},i=[o,n,a,s];return{always:Zn(i,"always"),resting:Zn(i,"resting"),dragging:Zn(i,"dragging"),dropAnimating:Zn(i,"dropAnimating"),userCancel:Zn(i,"userCancel")}},Qe=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?D.useLayoutEffect:D.useEffect,Ca=function(){var t=document.querySelector("head");return t||(process.env.NODE_ENV!=="production"?O(!1,"Cannot find the head to append a style to"):O()),t},Tc=function(t){var n=document.createElement("style");return t&&n.setAttribute("nonce",t),n.type="text/css",n};function Bh(e,t){var n=me(function(){return Oh(e)},[e]),o=D.useRef(null),a=D.useRef(null),s=se(Oe(function(m){var p=a.current;p||(process.env.NODE_ENV!=="production"?O(!1,"Cannot set dynamic style element if it is not set"):O()),p.textContent=m}),[]),i=se(function(m){var p=o.current;p||(process.env.NODE_ENV!=="production"?O(!1,"Cannot set dynamic style element if it is not set"):O()),p.textContent=m},[]);Qe(function(){!o.current&&!a.current||(process.env.NODE_ENV!=="production"?O(!1,"style elements already mounted"):O());var m=Tc(t),p=Tc(t);return o.current=m,a.current=p,m.setAttribute(vn+"-always",e),p.setAttribute(vn+"-dynamic",e),Ca().appendChild(m),Ca().appendChild(p),i(n.always),s(n.resting),function(){var f=function(h){var E=h.current;E||(process.env.NODE_ENV!=="production"?O(!1,"Cannot unmount ref as it is not set"):O()),Ca().removeChild(E),h.current=null};f(o),f(a)}},[t,i,s,n.always,n.resting,e]);var l=se(function(){return s(n.dragging)},[s,n.dragging]),d=se(function(m){if(m==="DROP"){s(n.dropAnimating);return}s(n.userCancel)},[s,n.dropAnimating,n.userCancel]),c=se(function(){a.current&&s(n.resting)},[s,n.resting]),u=me(function(){return{dragging:l,dropping:d,resting:c}},[l,d,c]);return u}var wc=function(e){return e&&e.ownerDocument?e.ownerDocument.defaultView:window};function Qn(e){return e instanceof wc(e).HTMLElement}function Cc(e,t){var n="["+yn.contextId+'="'+e+'"]',o=Ml(document.querySelectorAll(n));if(!o.length)return process.env.NODE_ENV!=="production"&&Ce('Unable to find any drag handles in the context "'+e+'"'),null;var a=Lt(o,function(s){return s.getAttribute(yn.draggableId)===t});return a?Qn(a)?a:(process.env.NODE_ENV!=="production"&&Ce("drag handle needs to be a HTMLElement"),null):(process.env.NODE_ENV!=="production"&&Ce('Unable to find drag handle with id "'+t+'" as no handle with a matching id was found'),null)}function Ph(e){var t=D.useRef({}),n=D.useRef(null),o=D.useRef(null),a=D.useRef(!1),s=se(function(p,f){var g={id:p,focus:f};return t.current[p]=g,function(){var E=t.current,v=E[p];v!==g&&delete E[p]}},[]),i=se(function(p){var f=Cc(e,p);f&&f!==document.activeElement&&f.focus()},[e]),l=se(function(p,f){n.current===p&&(n.current=f)},[]),d=se(function(){o.current||a.current&&(o.current=requestAnimationFrame(function(){o.current=null;var p=n.current;p&&i(p)}))},[i]),c=se(function(p){n.current=null;var f=document.activeElement;f&&f.getAttribute(yn.draggableId)===p&&(n.current=p)},[]);Qe(function(){return a.current=!0,function(){a.current=!1;var p=o.current;p&&cancelAnimationFrame(p)}},[]);var u=me(function(){return{register:s,tryRecordFocus:c,tryRestoreFocusRecorded:d,tryShiftRecord:l}},[s,c,d,l]);return u}function _h(){var e={draggables:{},droppables:{}},t=[];function n(m){return t.push(m),function(){var f=t.indexOf(m);f!==-1&&t.splice(f,1)}}function o(m){t.length&&t.forEach(function(p){return p(m)})}function a(m){return e.draggables[m]||null}function s(m){var p=a(m);return p||(process.env.NODE_ENV!=="production"?O(!1,"Cannot find draggable entry with id ["+m+"]"):O()),p}var i={register:function(p){e.draggables[p.descriptor.id]=p,o({type:"ADDITION",value:p})},update:function(p,f){var g=e.draggables[f.descriptor.id];g&&g.uniqueId===p.uniqueId&&(delete e.draggables[f.descriptor.id],e.draggables[p.descriptor.id]=p)},unregister:function(p){var f=p.descriptor.id,g=a(f);g&&p.uniqueId===g.uniqueId&&(delete e.draggables[f],o({type:"REMOVAL",value:p}))},getById:s,findById:a,exists:function(p){return!!a(p)},getAllByType:function(p){return Lo(e.draggables).filter(function(f){return f.descriptor.type===p})}};function l(m){return e.droppables[m]||null}function d(m){var p=l(m);return p||(process.env.NODE_ENV!=="production"?O(!1,"Cannot find droppable entry with id ["+m+"]"):O()),p}var c={register:function(p){e.droppables[p.descriptor.id]=p},unregister:function(p){var f=l(p.descriptor.id);f&&p.uniqueId===f.uniqueId&&delete e.droppables[p.descriptor.id]},getById:d,findById:l,exists:function(p){return!!l(p)},getAllByType:function(p){return Lo(e.droppables).filter(function(f){return f.descriptor.type===p})}};function u(){e.draggables={},e.droppables={},t.length=0}return{draggable:i,droppable:c,subscribe:n,clean:u}}function Rh(){var e=me(_h,[]);return D.useEffect(function(){return function(){requestAnimationFrame(e.clean)}},[e]),e}var Da=D.createContext(null),eo=function(){var e=document.body;return e||(process.env.NODE_ENV!=="production"?O(!1,"Cannot find document.body"):O()),e},Ah={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",overflow:"hidden",clip:"rect(0 0 0 0)","clip-path":"inset(100%)"},Fh=function(t){return"rbd-announcement-"+t};function Vh(e){var t=me(function(){return Fh(e)},[e]),n=D.useRef(null);D.useEffect(function(){var s=document.createElement("div");return n.current=s,s.id=t,s.setAttribute("aria-live","assertive"),s.setAttribute("aria-atomic","true"),ie(s.style,Ah),eo().appendChild(s),function(){setTimeout(function(){var d=eo();d.contains(s)&&d.removeChild(s),s===n.current&&(n.current=null)})}},[t]);var o=se(function(a){var s=n.current;if(s){s.textContent=a;return}process.env.NODE_ENV!=="production"&&Ce(`
       A screen reader message was trying to be announced but it was unable to do so.
       This can occur if you unmount your <DragDropContext /> in your onDragEnd.
       Consider calling provided.announce() before the unmount so that the instruction will
@@ -447,7 +473,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
       Message not passed to screen reader:
 
       "`+a+`"
-    `)},[]);return o}var Dc=0,$h={separator:"::"};function Kh(){Dc=0}function Na(e,t){return t===void 0&&(t=$h),me(function(){return""+e+t.separator+Dc++},[t.separator,e])}function Hh(e){var t=e.contextId,n=e.uniqueId;return"rbd-hidden-text-"+t+"-"+n}function Wh(e){var t=e.contextId,n=e.text,o=Na("hidden-text",{separator:"-"}),a=me(function(){return Hh({contextId:t,uniqueId:o})},[o,t]);return D.useEffect(function(){var i=document.createElement("div");return i.id=a,i.textContent=n,i.style.display="none",eo().appendChild(i),function(){var d=eo();d.contains(i)&&d.removeChild(i)}},[a,n]),a}var Fo=D.createContext(null),Gh={react:"^16.8.5 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.5 || ^17.0.0 || ^18.0.0"},Uh=/(\d+)\.(\d+)\.(\d+)/,Nc=function(t){var n=Uh.exec(t);n==null&&(process.env.NODE_ENV!=="production"?B(!1,"Unable to parse React version "+t):B());var o=Number(n[1]),a=Number(n[2]),s=Number(n[3]);return{major:o,minor:a,patch:s,raw:t}},zh=function(t,n){return n.major>t.major?!0:n.major<t.major?!1:n.minor>t.minor?!0:n.minor<t.minor?!1:n.patch>=t.patch},jh=function(e,t){var n=Nc(e),o=Nc(t);zh(n,o)||process.env.NODE_ENV!=="production"&&we(`
+    `)},[]);return o}var Dc=0,$h={separator:"::"};function Kh(){Dc=0}function Na(e,t){return t===void 0&&(t=$h),me(function(){return""+e+t.separator+Dc++},[t.separator,e])}function Hh(e){var t=e.contextId,n=e.uniqueId;return"rbd-hidden-text-"+t+"-"+n}function Wh(e){var t=e.contextId,n=e.text,o=Na("hidden-text",{separator:"-"}),a=me(function(){return Hh({contextId:t,uniqueId:o})},[o,t]);return D.useEffect(function(){var i=document.createElement("div");return i.id=a,i.textContent=n,i.style.display="none",eo().appendChild(i),function(){var d=eo();d.contains(i)&&d.removeChild(i)}},[a,n]),a}var Fo=D.createContext(null),Gh={react:"^16.8.5 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.5 || ^17.0.0 || ^18.0.0"},Uh=/(\d+)\.(\d+)\.(\d+)/,Nc=function(t){var n=Uh.exec(t);n==null&&(process.env.NODE_ENV!=="production"?O(!1,"Unable to parse React version "+t):O());var o=Number(n[1]),a=Number(n[2]),s=Number(n[3]);return{major:o,minor:a,patch:s,raw:t}},zh=function(t,n){return n.major>t.major?!0:n.major<t.major?!1:n.minor>t.minor?!0:n.minor<t.minor?!1:n.patch>=t.patch},jh=function(e,t){var n=Nc(e),o=Nc(t);zh(n,o)||process.env.NODE_ENV!=="production"&&Ce(`
     React version: [`+o.raw+`]
     does not satisfy expected peer dependency version: [`+n.raw+`]
 
@@ -457,15 +483,15 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
   This is to ensure consistent browser layout and measurement
 
   More information: https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/doctype.md
-`,Yh=function(e){var t=e.doctype;if(!t){process.env.NODE_ENV!=="production"&&we(`
+`,Yh=function(e){var t=e.doctype;if(!t){process.env.NODE_ENV!=="production"&&Ce(`
       No <!doctype html> found.
 
       `+Ia+`
-    `);return}t.name.toLowerCase()!=="html"&&process.env.NODE_ENV!=="production"&&we(`
+    `);return}t.name.toLowerCase()!=="html"&&process.env.NODE_ENV!=="production"&&Ce(`
       Unexpected <!doctype> found: (`+t.name+`)
 
       `+Ia+`
-    `),t.publicId!==""&&process.env.NODE_ENV!=="production"&&we(`
+    `),t.publicId!==""&&process.env.NODE_ENV!=="production"&&Ce(`
       Unexpected <!doctype> publicId found: (`+t.publicId+`)
       A html5 doctype does not have a publicId
 
@@ -474,7 +500,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
           A setup problem was encountered.
 
           > `+n.message+`
-        `)}},t)})}function qh(){to(function(){jh(Gh.react,D.version),Yh(document)},[])}function Ma(e){var t=D.useRef(e);return D.useEffect(function(){t.current=e}),t}function Jh(){var e=null;function t(){return!!e}function n(i){return i===e}function o(i){e&&(process.env.NODE_ENV!=="production"?B(!1,"Cannot claim lock as it is already claimed"):B());var l={abandon:i};return e=l,l}function a(){e||(process.env.NODE_ENV!=="production"?B(!1,"Cannot release lock when there is no lock"):B()),e=null}function s(){e&&(e.abandon(),a())}return{isClaimed:t,isActive:n,claim:o,release:a,tryAbandon:s}}var Xh=9,Zh=13,ka=27,Ic=32,Qh=33,eb=34,tb=35,nb=36,ob=37,rb=38,ab=39,sb=40,Vo,ib=(Vo={},Vo[Zh]=!0,Vo[Xh]=!0,Vo),xc=function(e){ib[e.keyCode]&&e.preventDefault()},$o=function(){var e="visibilitychange";if(typeof document>"u")return e;var t=[e,"ms"+e,"webkit"+e,"moz"+e,"o"+e],n=Lt(t,function(o){return"on"+o in document});return n||e}(),Mc=0,kc=5;function lb(e,t){return Math.abs(t.x-e.x)>=kc||Math.abs(t.y-e.y)>=kc}var Lc={type:"IDLE"};function cb(e){var t=e.cancel,n=e.completed,o=e.getPhase,a=e.setPhase;return[{eventName:"mousemove",fn:function(i){var l=i.button,d=i.clientX,c=i.clientY;if(l===Mc){var u={x:d,y:c},m=o();if(m.type==="DRAGGING"){i.preventDefault(),m.actions.move(u);return}m.type!=="PENDING"&&(process.env.NODE_ENV!=="production"?B(!1,"Cannot be IDLE"):B());var p=m.point;if(lb(p,u)){i.preventDefault();var f=m.actions.fluidLift(u);a({type:"DRAGGING",actions:f})}}}},{eventName:"mouseup",fn:function(i){var l=o();if(l.type!=="DRAGGING"){t();return}i.preventDefault(),l.actions.drop({shouldBlockNextClick:!0}),n()}},{eventName:"mousedown",fn:function(i){o().type==="DRAGGING"&&i.preventDefault(),t()}},{eventName:"keydown",fn:function(i){var l=o();if(l.type==="PENDING"){t();return}if(i.keyCode===ka){i.preventDefault(),t();return}xc(i)}},{eventName:"resize",fn:t},{eventName:"scroll",options:{passive:!0,capture:!1},fn:function(){o().type==="PENDING"&&t()}},{eventName:"webkitmouseforcedown",fn:function(i){var l=o();if(l.type==="IDLE"&&(process.env.NODE_ENV!=="production"?B(!1,"Unexpected phase"):B()),l.actions.shouldRespectForcePress()){t();return}i.preventDefault()}},{eventName:$o,fn:t}]}function Oc(e){var t=D.useRef(Lc),n=D.useRef(Mt),o=me(function(){return{eventName:"mousedown",fn:function(m){if(!m.defaultPrevented&&m.button===Mc&&!(m.ctrlKey||m.metaKey||m.shiftKey||m.altKey)){var p=e.findClosestDraggableId(m);if(p){var f=e.tryGetLock(p,i,{sourceEvent:m});if(f){m.preventDefault();var g={x:m.clientX,y:m.clientY};n.current(),c(f,g)}}}}}},[e]),a=me(function(){return{eventName:"webkitmouseforcewillbegin",fn:function(m){if(!m.defaultPrevented){var p=e.findClosestDraggableId(m);if(p){var f=e.findOptionsForDraggable(p);f&&(f.shouldRespectForcePress||e.canGetLock(p)&&m.preventDefault())}}}}},[e]),s=se(function(){var m={passive:!1,capture:!0};n.current=at(window,[a,o],m)},[a,o]),i=se(function(){var u=t.current;u.type!=="IDLE"&&(t.current=Lc,n.current(),s())},[s]),l=se(function(){var u=t.current;i(),u.type==="DRAGGING"&&u.actions.cancel({shouldBlockNextClick:!0}),u.type==="PENDING"&&u.actions.abort()},[i]),d=se(function(){var m={capture:!0,passive:!1},p=cb({cancel:l,completed:i,getPhase:function(){return t.current},setPhase:function(g){t.current=g}});n.current=at(window,p,m)},[l,i]),c=se(function(m,p){t.current.type!=="IDLE"&&(process.env.NODE_ENV!=="production"?B(!1,"Expected to move from IDLE to PENDING drag"):B()),t.current={type:"PENDING",point:p,actions:m},d()},[d]);Qe(function(){return s(),function(){n.current()}},[s])}var En;function db(){}var pb=(En={},En[eb]=!0,En[Qh]=!0,En[nb]=!0,En[tb]=!0,En);function ub(e,t){function n(){t(),e.cancel()}function o(){t(),e.drop()}return[{eventName:"keydown",fn:function(s){if(s.keyCode===ka){s.preventDefault(),n();return}if(s.keyCode===Ic){s.preventDefault(),o();return}if(s.keyCode===sb){s.preventDefault(),e.moveDown();return}if(s.keyCode===rb){s.preventDefault(),e.moveUp();return}if(s.keyCode===ab){s.preventDefault(),e.moveRight();return}if(s.keyCode===ob){s.preventDefault(),e.moveLeft();return}if(pb[s.keyCode]){s.preventDefault();return}xc(s)}},{eventName:"mousedown",fn:n},{eventName:"mouseup",fn:n},{eventName:"click",fn:n},{eventName:"touchstart",fn:n},{eventName:"resize",fn:n},{eventName:"wheel",fn:n,options:{passive:!0}},{eventName:$o,fn:n}]}function Bc(e){var t=D.useRef(db),n=me(function(){return{eventName:"keydown",fn:function(s){if(s.defaultPrevented||s.keyCode!==Ic)return;var i=e.findClosestDraggableId(s);if(!i)return;var l=e.tryGetLock(i,u,{sourceEvent:s});if(!l)return;s.preventDefault();var d=!0,c=l.snapLift();t.current();function u(){d||(process.env.NODE_ENV!=="production"?B(!1,"Cannot stop capturing a keyboard drag when not capturing"):B()),d=!1,t.current(),o()}t.current=at(window,ub(c,u),{capture:!0,passive:!1})}}},[e]),o=se(function(){var s={passive:!1,capture:!0};t.current=at(window,[n],s)},[n]);Qe(function(){return o(),function(){t.current()}},[o])}var La={type:"IDLE"},mb=120,fb=.15;function Sb(e){var t=e.cancel,n=e.getPhase;return[{eventName:"orientationchange",fn:t},{eventName:"resize",fn:t},{eventName:"contextmenu",fn:function(a){a.preventDefault()}},{eventName:"keydown",fn:function(a){if(n().type!=="DRAGGING"){t();return}a.keyCode===ka&&a.preventDefault(),t()}},{eventName:$o,fn:t}]}function gb(e){var t=e.cancel,n=e.completed,o=e.getPhase;return[{eventName:"touchmove",options:{capture:!1},fn:function(s){var i=o();if(i.type!=="DRAGGING"){t();return}i.hasMoved=!0;var l=s.touches[0],d=l.clientX,c=l.clientY,u={x:d,y:c};s.preventDefault(),i.actions.move(u)}},{eventName:"touchend",fn:function(s){var i=o();if(i.type!=="DRAGGING"){t();return}s.preventDefault(),i.actions.drop({shouldBlockNextClick:!0}),n()}},{eventName:"touchcancel",fn:function(s){if(o().type!=="DRAGGING"){t();return}s.preventDefault(),t()}},{eventName:"touchforcechange",fn:function(s){var i=o();i.type==="IDLE"&&(process.env.NODE_ENV,B());var l=s.touches[0];if(l){var d=l.force>=fb;if(d){var c=i.actions.shouldRespectForcePress();if(i.type==="PENDING"){c&&t();return}if(c){if(i.hasMoved){s.preventDefault();return}t();return}s.preventDefault()}}}},{eventName:$o,fn:t}]}function Pc(e){var t=D.useRef(La),n=D.useRef(Mt),o=se(function(){return t.current},[]),a=se(function(f){t.current=f},[]),s=me(function(){return{eventName:"touchstart",fn:function(f){if(!f.defaultPrevented){var g=e.findClosestDraggableId(f);if(g){var h=e.tryGetLock(g,l,{sourceEvent:f});if(h){var E=f.touches[0],v=E.clientX,b=E.clientY,C={x:v,y:b};n.current(),m(h,C)}}}}}},[e]),i=se(function(){var f={capture:!0,passive:!1};n.current=at(window,[s],f)},[s]),l=se(function(){var p=t.current;p.type!=="IDLE"&&(p.type==="PENDING"&&clearTimeout(p.longPressTimerId),a(La),n.current(),i())},[i,a]),d=se(function(){var p=t.current;l(),p.type==="DRAGGING"&&p.actions.cancel({shouldBlockNextClick:!0}),p.type==="PENDING"&&p.actions.abort()},[l]),c=se(function(){var f={capture:!0,passive:!1},g={cancel:d,completed:l,getPhase:o},h=at(window,gb(g),f),E=at(window,Sb(g),f);n.current=function(){h(),E()}},[d,o,l]),u=se(function(){var f=o();f.type!=="PENDING"&&(process.env.NODE_ENV!=="production"?B(!1,"Cannot start dragging from phase "+f.type):B());var g=f.actions.fluidLift(f.point);a({type:"DRAGGING",actions:g,hasMoved:!1})},[o,a]),m=se(function(f,g){o().type!=="IDLE"&&(process.env.NODE_ENV!=="production"?B(!1,"Expected to move from IDLE to PENDING drag"):B());var h=setTimeout(u,mb);a({type:"PENDING",point:g,actions:f,longPressTimerId:h}),c()},[c,o,a,u]);Qe(function(){return i(),function(){n.current();var g=o();g.type==="PENDING"&&(clearTimeout(g.longPressTimerId),a(La))}},[o,i,a]),Qe(function(){var f=at(window,[{eventName:"touchmove",fn:function(){},options:{capture:!1,passive:!1}}]);return f},[])}function hb(e){xa(function(){var t=Ma(e);to(function(){t.current.length!==e.length&&(process.env.NODE_ENV!=="production"?B(!1,"Cannot change the amount of sensor hooks after mounting"):B(!1))})})}var bb={input:!0,button:!0,textarea:!0,select:!0,option:!0,optgroup:!0,video:!0,audio:!0};function _c(e,t){if(t==null)return!1;var n=!!bb[t.tagName.toLowerCase()];if(n)return!0;var o=t.getAttribute("contenteditable");return o==="true"||o===""?!0:t===e?!1:_c(e,t.parentElement)}function vb(e,t){var n=t.target;return Qn(n)?_c(e,n):!1}var yb=function(e){return dt(e.getBoundingClientRect()).center};function Eb(e){return e instanceof wc(e).Element}var Tb=function(){var e="matches";if(typeof document>"u")return e;var t=[e,"msMatchesSelector","webkitMatchesSelector"],n=Lt(t,function(o){return o in Element.prototype});return n||e}();function Rc(e,t){return e==null?null:e[Tb](t)?e:Rc(e.parentElement,t)}function wb(e,t){return e.closest?e.closest(t):Rc(e,t)}function Cb(e){return"["+yn.contextId+'="'+e+'"]'}function Db(e,t){var n=t.target;if(!Eb(n))return process.env.NODE_ENV!=="production"&&we("event.target must be a Element"),null;var o=Cb(e),a=wb(n,o);return a?Qn(a)?a:(process.env.NODE_ENV!=="production"&&we("drag handle must be a HTMLElement"),null):null}function Nb(e,t){var n=Db(e,t);return n?n.getAttribute(yn.draggableId):null}function Ib(e,t){var n="["+wa.contextId+'="'+e+'"]',o=Ml(document.querySelectorAll(n)),a=Lt(o,function(s){return s.getAttribute(wa.id)===t});return a?Qn(a)?a:(process.env.NODE_ENV!=="production"&&we("Draggable element is not a HTMLElement"),null):null}function xb(e){e.preventDefault()}function Ko(e){var t=e.expected,n=e.phase,o=e.isLockActive,a=e.shouldWarn;return o()?t!==n?(a&&process.env.NODE_ENV!=="production"&&we(`
+        `)}},t)})}function qh(){to(function(){jh(Gh.react,D.version),Yh(document)},[])}function Ma(e){var t=D.useRef(e);return D.useEffect(function(){t.current=e}),t}function Jh(){var e=null;function t(){return!!e}function n(i){return i===e}function o(i){e&&(process.env.NODE_ENV!=="production"?O(!1,"Cannot claim lock as it is already claimed"):O());var l={abandon:i};return e=l,l}function a(){e||(process.env.NODE_ENV!=="production"?O(!1,"Cannot release lock when there is no lock"):O()),e=null}function s(){e&&(e.abandon(),a())}return{isClaimed:t,isActive:n,claim:o,release:a,tryAbandon:s}}var Xh=9,Zh=13,ka=27,Ic=32,Qh=33,eb=34,tb=35,nb=36,ob=37,rb=38,ab=39,sb=40,Vo,ib=(Vo={},Vo[Zh]=!0,Vo[Xh]=!0,Vo),xc=function(e){ib[e.keyCode]&&e.preventDefault()},$o=function(){var e="visibilitychange";if(typeof document>"u")return e;var t=[e,"ms"+e,"webkit"+e,"moz"+e,"o"+e],n=Lt(t,function(o){return"on"+o in document});return n||e}(),Mc=0,kc=5;function lb(e,t){return Math.abs(t.x-e.x)>=kc||Math.abs(t.y-e.y)>=kc}var Lc={type:"IDLE"};function cb(e){var t=e.cancel,n=e.completed,o=e.getPhase,a=e.setPhase;return[{eventName:"mousemove",fn:function(i){var l=i.button,d=i.clientX,c=i.clientY;if(l===Mc){var u={x:d,y:c},m=o();if(m.type==="DRAGGING"){i.preventDefault(),m.actions.move(u);return}m.type!=="PENDING"&&(process.env.NODE_ENV!=="production"?O(!1,"Cannot be IDLE"):O());var p=m.point;if(lb(p,u)){i.preventDefault();var f=m.actions.fluidLift(u);a({type:"DRAGGING",actions:f})}}}},{eventName:"mouseup",fn:function(i){var l=o();if(l.type!=="DRAGGING"){t();return}i.preventDefault(),l.actions.drop({shouldBlockNextClick:!0}),n()}},{eventName:"mousedown",fn:function(i){o().type==="DRAGGING"&&i.preventDefault(),t()}},{eventName:"keydown",fn:function(i){var l=o();if(l.type==="PENDING"){t();return}if(i.keyCode===ka){i.preventDefault(),t();return}xc(i)}},{eventName:"resize",fn:t},{eventName:"scroll",options:{passive:!0,capture:!1},fn:function(){o().type==="PENDING"&&t()}},{eventName:"webkitmouseforcedown",fn:function(i){var l=o();if(l.type==="IDLE"&&(process.env.NODE_ENV!=="production"?O(!1,"Unexpected phase"):O()),l.actions.shouldRespectForcePress()){t();return}i.preventDefault()}},{eventName:$o,fn:t}]}function Oc(e){var t=D.useRef(Lc),n=D.useRef(Mt),o=me(function(){return{eventName:"mousedown",fn:function(m){if(!m.defaultPrevented&&m.button===Mc&&!(m.ctrlKey||m.metaKey||m.shiftKey||m.altKey)){var p=e.findClosestDraggableId(m);if(p){var f=e.tryGetLock(p,i,{sourceEvent:m});if(f){m.preventDefault();var g={x:m.clientX,y:m.clientY};n.current(),c(f,g)}}}}}},[e]),a=me(function(){return{eventName:"webkitmouseforcewillbegin",fn:function(m){if(!m.defaultPrevented){var p=e.findClosestDraggableId(m);if(p){var f=e.findOptionsForDraggable(p);f&&(f.shouldRespectForcePress||e.canGetLock(p)&&m.preventDefault())}}}}},[e]),s=se(function(){var m={passive:!1,capture:!0};n.current=at(window,[a,o],m)},[a,o]),i=se(function(){var u=t.current;u.type!=="IDLE"&&(t.current=Lc,n.current(),s())},[s]),l=se(function(){var u=t.current;i(),u.type==="DRAGGING"&&u.actions.cancel({shouldBlockNextClick:!0}),u.type==="PENDING"&&u.actions.abort()},[i]),d=se(function(){var m={capture:!0,passive:!1},p=cb({cancel:l,completed:i,getPhase:function(){return t.current},setPhase:function(g){t.current=g}});n.current=at(window,p,m)},[l,i]),c=se(function(m,p){t.current.type!=="IDLE"&&(process.env.NODE_ENV!=="production"?O(!1,"Expected to move from IDLE to PENDING drag"):O()),t.current={type:"PENDING",point:p,actions:m},d()},[d]);Qe(function(){return s(),function(){n.current()}},[s])}var En;function db(){}var pb=(En={},En[eb]=!0,En[Qh]=!0,En[nb]=!0,En[tb]=!0,En);function ub(e,t){function n(){t(),e.cancel()}function o(){t(),e.drop()}return[{eventName:"keydown",fn:function(s){if(s.keyCode===ka){s.preventDefault(),n();return}if(s.keyCode===Ic){s.preventDefault(),o();return}if(s.keyCode===sb){s.preventDefault(),e.moveDown();return}if(s.keyCode===rb){s.preventDefault(),e.moveUp();return}if(s.keyCode===ab){s.preventDefault(),e.moveRight();return}if(s.keyCode===ob){s.preventDefault(),e.moveLeft();return}if(pb[s.keyCode]){s.preventDefault();return}xc(s)}},{eventName:"mousedown",fn:n},{eventName:"mouseup",fn:n},{eventName:"click",fn:n},{eventName:"touchstart",fn:n},{eventName:"resize",fn:n},{eventName:"wheel",fn:n,options:{passive:!0}},{eventName:$o,fn:n}]}function Bc(e){var t=D.useRef(db),n=me(function(){return{eventName:"keydown",fn:function(s){if(s.defaultPrevented||s.keyCode!==Ic)return;var i=e.findClosestDraggableId(s);if(!i)return;var l=e.tryGetLock(i,u,{sourceEvent:s});if(!l)return;s.preventDefault();var d=!0,c=l.snapLift();t.current();function u(){d||(process.env.NODE_ENV!=="production"?O(!1,"Cannot stop capturing a keyboard drag when not capturing"):O()),d=!1,t.current(),o()}t.current=at(window,ub(c,u),{capture:!0,passive:!1})}}},[e]),o=se(function(){var s={passive:!1,capture:!0};t.current=at(window,[n],s)},[n]);Qe(function(){return o(),function(){t.current()}},[o])}var La={type:"IDLE"},mb=120,fb=.15;function Sb(e){var t=e.cancel,n=e.getPhase;return[{eventName:"orientationchange",fn:t},{eventName:"resize",fn:t},{eventName:"contextmenu",fn:function(a){a.preventDefault()}},{eventName:"keydown",fn:function(a){if(n().type!=="DRAGGING"){t();return}a.keyCode===ka&&a.preventDefault(),t()}},{eventName:$o,fn:t}]}function gb(e){var t=e.cancel,n=e.completed,o=e.getPhase;return[{eventName:"touchmove",options:{capture:!1},fn:function(s){var i=o();if(i.type!=="DRAGGING"){t();return}i.hasMoved=!0;var l=s.touches[0],d=l.clientX,c=l.clientY,u={x:d,y:c};s.preventDefault(),i.actions.move(u)}},{eventName:"touchend",fn:function(s){var i=o();if(i.type!=="DRAGGING"){t();return}s.preventDefault(),i.actions.drop({shouldBlockNextClick:!0}),n()}},{eventName:"touchcancel",fn:function(s){if(o().type!=="DRAGGING"){t();return}s.preventDefault(),t()}},{eventName:"touchforcechange",fn:function(s){var i=o();i.type==="IDLE"&&(process.env.NODE_ENV,O());var l=s.touches[0];if(l){var d=l.force>=fb;if(d){var c=i.actions.shouldRespectForcePress();if(i.type==="PENDING"){c&&t();return}if(c){if(i.hasMoved){s.preventDefault();return}t();return}s.preventDefault()}}}},{eventName:$o,fn:t}]}function Pc(e){var t=D.useRef(La),n=D.useRef(Mt),o=se(function(){return t.current},[]),a=se(function(f){t.current=f},[]),s=me(function(){return{eventName:"touchstart",fn:function(f){if(!f.defaultPrevented){var g=e.findClosestDraggableId(f);if(g){var h=e.tryGetLock(g,l,{sourceEvent:f});if(h){var E=f.touches[0],v=E.clientX,b=E.clientY,C={x:v,y:b};n.current(),m(h,C)}}}}}},[e]),i=se(function(){var f={capture:!0,passive:!1};n.current=at(window,[s],f)},[s]),l=se(function(){var p=t.current;p.type!=="IDLE"&&(p.type==="PENDING"&&clearTimeout(p.longPressTimerId),a(La),n.current(),i())},[i,a]),d=se(function(){var p=t.current;l(),p.type==="DRAGGING"&&p.actions.cancel({shouldBlockNextClick:!0}),p.type==="PENDING"&&p.actions.abort()},[l]),c=se(function(){var f={capture:!0,passive:!1},g={cancel:d,completed:l,getPhase:o},h=at(window,gb(g),f),E=at(window,Sb(g),f);n.current=function(){h(),E()}},[d,o,l]),u=se(function(){var f=o();f.type!=="PENDING"&&(process.env.NODE_ENV!=="production"?O(!1,"Cannot start dragging from phase "+f.type):O());var g=f.actions.fluidLift(f.point);a({type:"DRAGGING",actions:g,hasMoved:!1})},[o,a]),m=se(function(f,g){o().type!=="IDLE"&&(process.env.NODE_ENV!=="production"?O(!1,"Expected to move from IDLE to PENDING drag"):O());var h=setTimeout(u,mb);a({type:"PENDING",point:g,actions:f,longPressTimerId:h}),c()},[c,o,a,u]);Qe(function(){return i(),function(){n.current();var g=o();g.type==="PENDING"&&(clearTimeout(g.longPressTimerId),a(La))}},[o,i,a]),Qe(function(){var f=at(window,[{eventName:"touchmove",fn:function(){},options:{capture:!1,passive:!1}}]);return f},[])}function hb(e){xa(function(){var t=Ma(e);to(function(){t.current.length!==e.length&&(process.env.NODE_ENV!=="production"?O(!1,"Cannot change the amount of sensor hooks after mounting"):O(!1))})})}var bb={input:!0,button:!0,textarea:!0,select:!0,option:!0,optgroup:!0,video:!0,audio:!0};function _c(e,t){if(t==null)return!1;var n=!!bb[t.tagName.toLowerCase()];if(n)return!0;var o=t.getAttribute("contenteditable");return o==="true"||o===""?!0:t===e?!1:_c(e,t.parentElement)}function vb(e,t){var n=t.target;return Qn(n)?_c(e,n):!1}var yb=function(e){return dt(e.getBoundingClientRect()).center};function Eb(e){return e instanceof wc(e).Element}var Tb=function(){var e="matches";if(typeof document>"u")return e;var t=[e,"msMatchesSelector","webkitMatchesSelector"],n=Lt(t,function(o){return o in Element.prototype});return n||e}();function Rc(e,t){return e==null?null:e[Tb](t)?e:Rc(e.parentElement,t)}function wb(e,t){return e.closest?e.closest(t):Rc(e,t)}function Cb(e){return"["+yn.contextId+'="'+e+'"]'}function Db(e,t){var n=t.target;if(!Eb(n))return process.env.NODE_ENV!=="production"&&Ce("event.target must be a Element"),null;var o=Cb(e),a=wb(n,o);return a?Qn(a)?a:(process.env.NODE_ENV!=="production"&&Ce("drag handle must be a HTMLElement"),null):null}function Nb(e,t){var n=Db(e,t);return n?n.getAttribute(yn.draggableId):null}function Ib(e,t){var n="["+wa.contextId+'="'+e+'"]',o=Ml(document.querySelectorAll(n)),a=Lt(o,function(s){return s.getAttribute(wa.id)===t});return a?Qn(a)?a:(process.env.NODE_ENV!=="production"&&Ce("Draggable element is not a HTMLElement"),null):null}function xb(e){e.preventDefault()}function Ko(e){var t=e.expected,n=e.phase,o=e.isLockActive,a=e.shouldWarn;return o()?t!==n?(a&&process.env.NODE_ENV!=="production"&&Ce(`
         Cannot perform action.
         The actions you used belong to an outdated phase
 
@@ -484,7 +510,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
         Tips:
 
         - Do not use preDragActions actions after calling preDragActions.lift()
-      `),!1):!0:(a&&process.env.NODE_ENV!=="production"&&we(`
+      `),!1):!0:(a&&process.env.NODE_ENV!=="production"&&Ce(`
         Cannot perform action.
         The sensor no longer has an action lock.
 
@@ -492,7 +518,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
 
         - Throw away your action handlers when forceStop() is called
         - Check actions.isActive() if you really need to
-      `),!1)}function Ac(e){var t=e.lockAPI,n=e.store,o=e.registry,a=e.draggableId;if(t.isClaimed())return!1;var s=o.draggable.findById(a);return s?!(!s.options.isEnabled||!uc(n.getState(),a)):(process.env.NODE_ENV!=="production"&&we("Unable to find draggable with id: "+a),!1)}function Mb(e){var t=e.lockAPI,n=e.contextId,o=e.store,a=e.registry,s=e.draggableId,i=e.forceSensorStop,l=e.sourceEvent,d=Ac({lockAPI:t,store:o,registry:a,draggableId:s});if(!d)return null;var c=a.draggable.getById(s),u=Ib(n,c.descriptor.id);if(!u)return process.env.NODE_ENV!=="production"&&we("Unable to find draggable element with id: "+s),null;if(l&&!c.options.canDragInteractiveElements&&vb(u,l))return null;var m=t.claim(i||Mt),p="PRE_DRAG";function f(){return c.options.shouldRespectForcePress}function g(){return t.isActive(m)}function h(x,F){Ko({expected:x,phase:p,isLockActive:g,shouldWarn:!0})&&o.dispatch(F())}var E=h.bind(null,"DRAGGING");function v(x){function F(){t.release(),p="COMPLETED"}p!=="PRE_DRAG"&&(F(),p!=="PRE_DRAG"&&(process.env.NODE_ENV!=="production"?B(!1,"Cannot lift in phase "+p):B())),o.dispatch(hg(x.liftActionArgs)),p="DRAGGING";function y(k,M){if(M===void 0&&(M={shouldBlockNextClick:!1}),x.cleanup(),M.shouldBlockNextClick){var P=at(window,[{eventName:"click",fn:xb,options:{once:!0,passive:!1,capture:!0}}]);setTimeout(P)}F(),o.dispatch(nc({reason:k}))}return ie({isActive:function(){return Ko({expected:"DRAGGING",phase:p,isLockActive:g,shouldWarn:!1})},shouldRespectForcePress:f,drop:function(M){return y("DROP",M)},cancel:function(M){return y("CANCEL",M)}},x.actions)}function b(x){var F=Vn(function(k){E(function(){return tc({client:k})})}),y=v({liftActionArgs:{id:s,clientSelection:x,movementMode:"FLUID"},cleanup:function(){return F.cancel()},actions:{move:F}});return ie({},y,{move:F})}function C(){var x={moveUp:function(){return E(Ng)},moveRight:function(){return E(xg)},moveDown:function(){return E(Ig)},moveLeft:function(){return E(Mg)}};return v({liftActionArgs:{id:s,clientSelection:yb(u),movementMode:"SNAP"},cleanup:Mt,actions:x})}function w(){var x=Ko({expected:"PRE_DRAG",phase:p,isLockActive:g,shouldWarn:!0});x&&t.release()}var T={isActive:function(){return Ko({expected:"PRE_DRAG",phase:p,isLockActive:g,shouldWarn:!1})},shouldRespectForcePress:f,fluidLift:b,snapLift:C,abort:w};return T}var kb=[Oc,Bc,Pc];function Lb(e){var t=e.contextId,n=e.store,o=e.registry,a=e.customSensors,s=e.enableDefaultSensors,i=[].concat(s?kb:[],a||[]),l=D.useState(function(){return Jh()})[0],d=se(function(b,C){b.isDragging&&!C.isDragging&&l.tryAbandon()},[l]);Qe(function(){var b=n.getState(),C=n.subscribe(function(){var w=n.getState();d(b,w),b=w});return C},[l,n,d]),Qe(function(){return l.tryAbandon},[l.tryAbandon]);var c=se(function(v){return Ac({lockAPI:l,registry:o,store:n,draggableId:v})},[l,o,n]),u=se(function(v,b,C){return Mb({lockAPI:l,registry:o,contextId:t,store:n,draggableId:v,forceSensorStop:b,sourceEvent:C&&C.sourceEvent?C.sourceEvent:null})},[t,l,o,n]),m=se(function(v){return Nb(t,v)},[t]),p=se(function(v){var b=o.draggable.findById(v);return b?b.options:null},[o.draggable]),f=se(function(){l.isClaimed()&&(l.tryAbandon(),n.getState().phase!=="IDLE"&&n.dispatch(pa()))},[l,n]),g=se(l.isClaimed,[l]),h=me(function(){return{canGetLock:c,tryGetLock:u,findClosestDraggableId:m,findOptionsForDraggable:p,tryReleaseLock:f,isLockClaimed:g}},[c,u,m,p,f,g]);hb(i);for(var E=0;E<i.length;E++)i[E](h)}var Ob=function(t){return{onBeforeCapture:t.onBeforeCapture,onBeforeDragStart:t.onBeforeDragStart,onDragStart:t.onDragStart,onDragEnd:t.onDragEnd,onDragUpdate:t.onDragUpdate}};function no(e){return e.current||(process.env.NODE_ENV!=="production"?B(!1,"Could not find store from lazy ref"):B()),e.current}function Bb(e){var t=e.contextId,n=e.setCallbacks,o=e.sensors,a=e.nonce,s=e.dragHandleUsageInstructions,i=D.useRef(null);qh();var l=Ma(e),d=se(function(){return Ob(l.current)},[l]),c=Vh(t),u=Wh({contextId:t,text:s}),m=Bh(t,a),p=se(function(k){no(i).dispatch(k)},[]),f=me(function(){return Ai({publishWhileDragging:vg,updateDroppableScroll:Eg,updateDroppableIsEnabled:Tg,updateDroppableIsCombineEnabled:wg,collectionStarting:yg},p)},[p]),g=Rh(),h=me(function(){return ph(g,f)},[g,f]),E=me(function(){return xh(ie({scrollWindow:uh,scrollDroppable:h.scrollDroppable},Ai({move:tc},p)))},[h.scrollDroppable,p]),v=Ph(t),b=me(function(){return ih({announce:c,autoScroller:E,dimensionMarshal:h,focusMarshal:v,getResponders:d,styleMarshal:m})},[c,E,h,v,d,m]);process.env.NODE_ENV!=="production"&&i.current&&i.current!==b&&process.env.NODE_ENV!=="production"&&we("unexpected store change"),i.current=b;var C=se(function(){var k=no(i),M=k.getState();M.phase!=="IDLE"&&k.dispatch(pa())},[]),w=se(function(){var k=no(i).getState();return k.isDragging||k.phase==="DROP_ANIMATING"},[]),T=me(function(){return{isDragging:w,tryAbort:C}},[w,C]);n(T);var x=se(function(k){return uc(no(i).getState(),k)},[]),F=se(function(){return qt(no(i).getState())},[]),y=me(function(){return{marshal:h,focus:v,contextId:t,canLift:x,isMovementAllowed:F,dragHandleUsageInstructionsId:u,registry:g}},[t,h,u,v,x,F,g]);return Lb({contextId:t,store:b,registry:g,customSensors:o,enableDefaultSensors:e.enableDefaultSensors!==!1}),D.useEffect(function(){return C},[C]),D.createElement(Fo.Provider,{value:y},D.createElement(el,{context:Da,store:b},e.children))}var Fc=0;function Pb(){Fc=0}function _b(){return me(function(){return""+Fc++},[])}function Rb(){Pb(),Kh()}function Vc(e){var t=_b(),n=e.dragHandleUsageInstructions||ko.dragHandleUsageInstructions;return D.createElement(sS,null,function(o){return D.createElement(Bb,{nonce:e.nonce,contextId:t,setCallbacks:o,dragHandleUsageInstructions:n,enableDefaultSensors:e.enableDefaultSensors,sensors:e.sensors,onBeforeCapture:e.onBeforeCapture,onBeforeDragStart:e.onBeforeDragStart,onDragStart:e.onDragStart,onDragUpdate:e.onDragUpdate,onDragEnd:e.onDragEnd},e.children)})}var Oa=function(t){return function(n){return t===n}},Ab=Oa("scroll"),Fb=Oa("auto"),Vb=Oa("visible"),$c=function(t,n){return n(t.overflowX)||n(t.overflowY)},$b=function(t,n){return n(t.overflowX)&&n(t.overflowY)},Kc=function(t){var n=window.getComputedStyle(t),o={overflowX:n.overflowX,overflowY:n.overflowY};return $c(o,Ab)||$c(o,Fb)},Kb=function(){if(process.env.NODE_ENV==="production")return!1;var t=eo(),n=document.documentElement;if(n||(process.env.NODE_ENV,B()),!Kc(t))return!1;var o=window.getComputedStyle(n),a={overflowX:o.overflowX,overflowY:o.overflowY};return $b(a,Vb)||process.env.NODE_ENV!=="production"&&we(`
+      `),!1)}function Ac(e){var t=e.lockAPI,n=e.store,o=e.registry,a=e.draggableId;if(t.isClaimed())return!1;var s=o.draggable.findById(a);return s?!(!s.options.isEnabled||!uc(n.getState(),a)):(process.env.NODE_ENV!=="production"&&Ce("Unable to find draggable with id: "+a),!1)}function Mb(e){var t=e.lockAPI,n=e.contextId,o=e.store,a=e.registry,s=e.draggableId,i=e.forceSensorStop,l=e.sourceEvent,d=Ac({lockAPI:t,store:o,registry:a,draggableId:s});if(!d)return null;var c=a.draggable.getById(s),u=Ib(n,c.descriptor.id);if(!u)return process.env.NODE_ENV!=="production"&&Ce("Unable to find draggable element with id: "+s),null;if(l&&!c.options.canDragInteractiveElements&&vb(u,l))return null;var m=t.claim(i||Mt),p="PRE_DRAG";function f(){return c.options.shouldRespectForcePress}function g(){return t.isActive(m)}function h(M,_){Ko({expected:M,phase:p,isLockActive:g,shouldWarn:!0})&&o.dispatch(_())}var E=h.bind(null,"DRAGGING");function v(M){function _(){t.release(),p="COMPLETED"}p!=="PRE_DRAG"&&(_(),p!=="PRE_DRAG"&&(process.env.NODE_ENV!=="production"?O(!1,"Cannot lift in phase "+p):O())),o.dispatch(hg(M.liftActionArgs)),p="DRAGGING";function y(k,x){if(x===void 0&&(x={shouldBlockNextClick:!1}),M.cleanup(),x.shouldBlockNextClick){var P=at(window,[{eventName:"click",fn:xb,options:{once:!0,passive:!1,capture:!0}}]);setTimeout(P)}_(),o.dispatch(nc({reason:k}))}return ie({isActive:function(){return Ko({expected:"DRAGGING",phase:p,isLockActive:g,shouldWarn:!1})},shouldRespectForcePress:f,drop:function(x){return y("DROP",x)},cancel:function(x){return y("CANCEL",x)}},M.actions)}function b(M){var _=Vn(function(k){E(function(){return tc({client:k})})}),y=v({liftActionArgs:{id:s,clientSelection:M,movementMode:"FLUID"},cleanup:function(){return _.cancel()},actions:{move:_}});return ie({},y,{move:_})}function C(){var M={moveUp:function(){return E(Ng)},moveRight:function(){return E(xg)},moveDown:function(){return E(Ig)},moveLeft:function(){return E(Mg)}};return v({liftActionArgs:{id:s,clientSelection:yb(u),movementMode:"SNAP"},cleanup:Mt,actions:M})}function w(){var M=Ko({expected:"PRE_DRAG",phase:p,isLockActive:g,shouldWarn:!0});M&&t.release()}var T={isActive:function(){return Ko({expected:"PRE_DRAG",phase:p,isLockActive:g,shouldWarn:!1})},shouldRespectForcePress:f,fluidLift:b,snapLift:C,abort:w};return T}var kb=[Oc,Bc,Pc];function Lb(e){var t=e.contextId,n=e.store,o=e.registry,a=e.customSensors,s=e.enableDefaultSensors,i=[].concat(s?kb:[],a||[]),l=D.useState(function(){return Jh()})[0],d=se(function(b,C){b.isDragging&&!C.isDragging&&l.tryAbandon()},[l]);Qe(function(){var b=n.getState(),C=n.subscribe(function(){var w=n.getState();d(b,w),b=w});return C},[l,n,d]),Qe(function(){return l.tryAbandon},[l.tryAbandon]);var c=se(function(v){return Ac({lockAPI:l,registry:o,store:n,draggableId:v})},[l,o,n]),u=se(function(v,b,C){return Mb({lockAPI:l,registry:o,contextId:t,store:n,draggableId:v,forceSensorStop:b,sourceEvent:C&&C.sourceEvent?C.sourceEvent:null})},[t,l,o,n]),m=se(function(v){return Nb(t,v)},[t]),p=se(function(v){var b=o.draggable.findById(v);return b?b.options:null},[o.draggable]),f=se(function(){l.isClaimed()&&(l.tryAbandon(),n.getState().phase!=="IDLE"&&n.dispatch(pa()))},[l,n]),g=se(l.isClaimed,[l]),h=me(function(){return{canGetLock:c,tryGetLock:u,findClosestDraggableId:m,findOptionsForDraggable:p,tryReleaseLock:f,isLockClaimed:g}},[c,u,m,p,f,g]);hb(i);for(var E=0;E<i.length;E++)i[E](h)}var Ob=function(t){return{onBeforeCapture:t.onBeforeCapture,onBeforeDragStart:t.onBeforeDragStart,onDragStart:t.onDragStart,onDragEnd:t.onDragEnd,onDragUpdate:t.onDragUpdate}};function no(e){return e.current||(process.env.NODE_ENV!=="production"?O(!1,"Could not find store from lazy ref"):O()),e.current}function Bb(e){var t=e.contextId,n=e.setCallbacks,o=e.sensors,a=e.nonce,s=e.dragHandleUsageInstructions,i=D.useRef(null);qh();var l=Ma(e),d=se(function(){return Ob(l.current)},[l]),c=Vh(t),u=Wh({contextId:t,text:s}),m=Bh(t,a),p=se(function(k){no(i).dispatch(k)},[]),f=me(function(){return Ai({publishWhileDragging:vg,updateDroppableScroll:Eg,updateDroppableIsEnabled:Tg,updateDroppableIsCombineEnabled:wg,collectionStarting:yg},p)},[p]),g=Rh(),h=me(function(){return ph(g,f)},[g,f]),E=me(function(){return xh(ie({scrollWindow:uh,scrollDroppable:h.scrollDroppable},Ai({move:tc},p)))},[h.scrollDroppable,p]),v=Ph(t),b=me(function(){return ih({announce:c,autoScroller:E,dimensionMarshal:h,focusMarshal:v,getResponders:d,styleMarshal:m})},[c,E,h,v,d,m]);process.env.NODE_ENV!=="production"&&i.current&&i.current!==b&&process.env.NODE_ENV!=="production"&&Ce("unexpected store change"),i.current=b;var C=se(function(){var k=no(i),x=k.getState();x.phase!=="IDLE"&&k.dispatch(pa())},[]),w=se(function(){var k=no(i).getState();return k.isDragging||k.phase==="DROP_ANIMATING"},[]),T=me(function(){return{isDragging:w,tryAbort:C}},[w,C]);n(T);var M=se(function(k){return uc(no(i).getState(),k)},[]),_=se(function(){return qt(no(i).getState())},[]),y=me(function(){return{marshal:h,focus:v,contextId:t,canLift:M,isMovementAllowed:_,dragHandleUsageInstructionsId:u,registry:g}},[t,h,u,v,M,_,g]);return Lb({contextId:t,store:b,registry:g,customSensors:o,enableDefaultSensors:e.enableDefaultSensors!==!1}),D.useEffect(function(){return C},[C]),D.createElement(Fo.Provider,{value:y},D.createElement(el,{context:Da,store:b},e.children))}var Fc=0;function Pb(){Fc=0}function _b(){return me(function(){return""+Fc++},[])}function Rb(){Pb(),Kh()}function Vc(e){var t=_b(),n=e.dragHandleUsageInstructions||ko.dragHandleUsageInstructions;return D.createElement(sS,null,function(o){return D.createElement(Bb,{nonce:e.nonce,contextId:t,setCallbacks:o,dragHandleUsageInstructions:n,enableDefaultSensors:e.enableDefaultSensors,sensors:e.sensors,onBeforeCapture:e.onBeforeCapture,onBeforeDragStart:e.onBeforeDragStart,onDragStart:e.onDragStart,onDragUpdate:e.onDragUpdate,onDragEnd:e.onDragEnd},e.children)})}var Oa=function(t){return function(n){return t===n}},Ab=Oa("scroll"),Fb=Oa("auto"),Vb=Oa("visible"),$c=function(t,n){return n(t.overflowX)||n(t.overflowY)},$b=function(t,n){return n(t.overflowX)&&n(t.overflowY)},Kc=function(t){var n=window.getComputedStyle(t),o={overflowX:n.overflowX,overflowY:n.overflowY};return $c(o,Ab)||$c(o,Fb)},Kb=function(){if(process.env.NODE_ENV==="production")return!1;var t=eo(),n=document.documentElement;if(n||(process.env.NODE_ENV,O()),!Kc(t))return!1;var o=window.getComputedStyle(n),a={overflowX:o.overflowX,overflowY:o.overflowY};return $b(a,Vb)||process.env.NODE_ENV!=="production"&&Ce(`
     We have detected that your <body> element might be a scroll container.
     We have found no reliable way of detecting whether the <body> element is a scroll container.
     Under most circumstances a <body> scroll bar will be on the <html> element (document.documentElement)
@@ -501,25 +527,25 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
     we will be treating the <body> as *not* a scroll container
 
     More information: https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/how-we-detect-scroll-containers.md
-  `),!1},Hc=function e(t){return t==null?null:t===document.body?Kb()?t:null:t===document.documentElement?null:Kc(t)?t:e(t.parentElement)},Hb=function(e){if(e){var t=Hc(e.parentElement);t&&process.env.NODE_ENV!=="production"&&we(`
+  `),!1},Hc=function e(t){return t==null?null:t===document.body?Kb()?t:null:t===document.documentElement?null:Kc(t)?t:e(t.parentElement)},Hb=function(e){if(e){var t=Hc(e.parentElement);t&&process.env.NODE_ENV!=="production"&&Ce(`
     Droppable: unsupported nested scroll container detected.
     A Droppable can only have one scroll parent (which can be itself)
     Nested scroll containers are currently not supported.
 
     We hope to support nested scroll containers soon: https://github.com/atlassian/react-beautiful-dnd/issues/131
-  `)}},Ba=function(e){return{x:e.scrollLeft,y:e.scrollTop}},Wb=function e(t){if(!t)return!1;var n=window.getComputedStyle(t);return n.position==="fixed"?!0:e(t.parentElement)},Gb=function(e){var t=Hc(e),n=Wb(e);return{closestScrollable:t,isFixedOnPage:n}},Ub=function(e){var t=e.descriptor,n=e.isEnabled,o=e.isCombineEnabled,a=e.isFixedOnPage,s=e.direction,i=e.client,l=e.page,d=e.closest,c=function(){if(!d)return null;var f=d.scrollSize,g=d.client,h=lc({scrollHeight:f.scrollHeight,scrollWidth:f.scrollWidth,height:g.paddingBox.height,width:g.paddingBox.width});return{pageMarginBox:d.page.marginBox,frameClient:g,scrollSize:f,shouldClipSubject:d.shouldClipSubject,scroll:{initial:d.scroll,current:d.scroll,max:h,diff:{value:Pe,displacement:Pe}}}}(),u=s==="vertical"?na:Pl,m=hn({page:l,withPlaceholder:null,axis:u,frame:c}),p={descriptor:t,isCombineEnabled:o,isFixedOnPage:a,axis:u,isEnabled:n,client:i,page:l,frame:c,subject:m};return p},zb=function(t,n){var o=bl(t);if(!n||t!==n)return o;var a=o.paddingBox.top-n.scrollTop,s=o.paddingBox.left-n.scrollLeft,i=a+n.scrollHeight,l=s+n.scrollWidth,d={top:a,right:l,bottom:i,left:s},c=qr(d,o.border),u=Xr({borderBox:c,margin:o.margin,border:o.border,padding:o.padding});return u},jb=function(e){var t=e.ref,n=e.descriptor,o=e.env,a=e.windowScroll,s=e.direction,i=e.isDropDisabled,l=e.isCombineEnabled,d=e.shouldClipSubject,c=o.closestScrollable,u=zb(t,c),m=xo(u,a),p=function(){if(!c)return null;var g=bl(c),h={scrollHeight:c.scrollHeight,scrollWidth:c.scrollWidth};return{client:g,page:xo(g,a),scroll:Ba(c),scrollSize:h,shouldClipSubject:d}}(),f=Ub({descriptor:n,isEnabled:!i,isCombineEnabled:l,isFixedOnPage:o.isFixedOnPage,direction:s,client:u,page:m,closest:p});return f},Yb={passive:!1},qb={passive:!0},Wc=function(e){return e.shouldPublishImmediately?Yb:qb};function Ho(e){var t=D.useContext(e);return t||(process.env.NODE_ENV!=="production"?B(!1,"Could not find required context"):B()),t}var Wo=function(t){return t&&t.env.closestScrollable||null};function Jb(e){var t=D.useRef(null),n=Ho(Fo),o=Na("droppable"),a=n.registry,s=n.marshal,i=Ma(e),l=me(function(){return{id:e.droppableId,type:e.type,mode:e.mode}},[e.droppableId,e.mode,e.type]),d=D.useRef(l),c=me(function(){return Be(function(w,T){t.current||(process.env.NODE_ENV!=="production"?B(!1,"Can only update scroll when dragging"):B());var x={x:w,y:T};s.updateDroppableScroll(l.id,x)})},[l.id,s]),u=se(function(){var w=t.current;return!w||!w.env.closestScrollable?Pe:Ba(w.env.closestScrollable)},[]),m=se(function(){var w=u();c(w.x,w.y)},[u,c]),p=me(function(){return Vn(m)},[m]),f=se(function(){var w=t.current,T=Wo(w);w&&T||(process.env.NODE_ENV!=="production"?B(!1,"Could not find scroll options while scrolling"):B());var x=w.scrollOptions;if(x.shouldPublishImmediately){m();return}p()},[p,m]),g=se(function(w,T){t.current&&(process.env.NODE_ENV!=="production"?B(!1,"Cannot collect a droppable while a drag is occurring"):B());var x=i.current,F=x.getDroppableRef();F||(process.env.NODE_ENV!=="production"?B(!1,"Cannot collect without a droppable ref"):B());var y=Gb(F),k={ref:F,descriptor:l,env:y,scrollOptions:T};t.current=k;var M=jb({ref:F,descriptor:l,env:y,windowScroll:w,direction:x.direction,isDropDisabled:x.isDropDisabled,isCombineEnabled:x.isCombineEnabled,shouldClipSubject:!x.ignoreContainerClipping}),P=y.closestScrollable;return P&&(P.setAttribute(Ec.contextId,n.contextId),P.addEventListener("scroll",f,Wc(k.scrollOptions)),process.env.NODE_ENV!=="production"&&Hb(P)),M},[n.contextId,l,f,i]),h=se(function(){var w=t.current,T=Wo(w);return w&&T||(process.env.NODE_ENV!=="production"?B(!1,"Can only recollect Droppable client for Droppables that have a scroll container"):B()),Ba(T)},[]),E=se(function(){var w=t.current;w||(process.env.NODE_ENV!=="production"?B(!1,"Cannot stop drag when no active drag"):B());var T=Wo(w);t.current=null,T&&(p.cancel(),T.removeAttribute(Ec.contextId),T.removeEventListener("scroll",f,Wc(w.scrollOptions)))},[f,p]),v=se(function(w){var T=t.current;T||(process.env.NODE_ENV!=="production"?B(!1,"Cannot scroll when there is no drag"):B());var x=Wo(T);x||(process.env.NODE_ENV!=="production"?B(!1,"Cannot scroll a droppable with no closest scrollable"):B()),x.scrollTop+=w.y,x.scrollLeft+=w.x},[]),b=me(function(){return{getDimensionAndWatchScroll:g,getScrollWhileDragging:h,dragStopped:E,scroll:v}},[E,g,h,v]),C=me(function(){return{uniqueId:o,descriptor:l,callbacks:b}},[b,l,o]);Qe(function(){return d.current=C.descriptor,a.droppable.register(C),function(){t.current&&(process.env.NODE_ENV!=="production"&&we("Unsupported: changing the droppableId or type of a Droppable during a drag"),E()),a.droppable.unregister(C)}},[b,l,E,C,s,a.droppable]),Qe(function(){t.current&&s.updateDroppableIsEnabled(d.current.id,!e.isDropDisabled)},[e.isDropDisabled,s]),Qe(function(){t.current&&s.updateDroppableIsCombineEnabled(d.current.id,e.isCombineEnabled)},[e.isCombineEnabled,s])}function Pa(){}var Gc={width:0,height:0,margin:uS},Xb=function(t){var n=t.isAnimatingOpenOnMount,o=t.placeholder,a=t.animate;return n||a==="close"?Gc:{height:o.client.borderBox.height,width:o.client.borderBox.width,margin:o.client.margin}},Zb=function(t){var n=t.isAnimatingOpenOnMount,o=t.placeholder,a=t.animate,s=Xb({isAnimatingOpenOnMount:n,placeholder:o,animate:a});return{display:o.display,boxSizing:"border-box",width:s.width,height:s.height,marginTop:s.margin.top,marginRight:s.margin.right,marginBottom:s.margin.bottom,marginLeft:s.margin.left,flexShrink:"0",flexGrow:"0",pointerEvents:"none",transition:a!=="none"?Jn.placeholder:null}};function Qb(e){var t=D.useRef(null),n=se(function(){t.current&&(clearTimeout(t.current),t.current=null)},[]),o=e.animate,a=e.onTransitionEnd,s=e.onClose,i=e.contextId,l=D.useState(e.animate==="open"),d=l[0],c=l[1];D.useEffect(function(){return d?o!=="open"?(n(),c(!1),Pa):t.current?Pa:(t.current=setTimeout(function(){t.current=null,c(!1)}),n):Pa},[o,d,n]);var u=se(function(p){p.propertyName==="height"&&(a(),o==="close"&&s())},[o,s,a]),m=Zb({isAnimatingOpenOnMount:d,animate:e.animate,placeholder:e.placeholder});return D.createElement(e.placeholder.tagName,{style:m,"data-rbd-placeholder-context-id":i,onTransitionEnd:u,ref:e.innerRef})}var ev=D.memo(Qb),_a=D.createContext(null);function Uc(e){e&&Qn(e)||(process.env.NODE_ENV!=="production"?B(!1,`
+  `)}},Ba=function(e){return{x:e.scrollLeft,y:e.scrollTop}},Wb=function e(t){if(!t)return!1;var n=window.getComputedStyle(t);return n.position==="fixed"?!0:e(t.parentElement)},Gb=function(e){var t=Hc(e),n=Wb(e);return{closestScrollable:t,isFixedOnPage:n}},Ub=function(e){var t=e.descriptor,n=e.isEnabled,o=e.isCombineEnabled,a=e.isFixedOnPage,s=e.direction,i=e.client,l=e.page,d=e.closest,c=function(){if(!d)return null;var f=d.scrollSize,g=d.client,h=lc({scrollHeight:f.scrollHeight,scrollWidth:f.scrollWidth,height:g.paddingBox.height,width:g.paddingBox.width});return{pageMarginBox:d.page.marginBox,frameClient:g,scrollSize:f,shouldClipSubject:d.shouldClipSubject,scroll:{initial:d.scroll,current:d.scroll,max:h,diff:{value:Be,displacement:Be}}}}(),u=s==="vertical"?na:Pl,m=hn({page:l,withPlaceholder:null,axis:u,frame:c}),p={descriptor:t,isCombineEnabled:o,isFixedOnPage:a,axis:u,isEnabled:n,client:i,page:l,frame:c,subject:m};return p},zb=function(t,n){var o=bl(t);if(!n||t!==n)return o;var a=o.paddingBox.top-n.scrollTop,s=o.paddingBox.left-n.scrollLeft,i=a+n.scrollHeight,l=s+n.scrollWidth,d={top:a,right:l,bottom:i,left:s},c=qr(d,o.border),u=Xr({borderBox:c,margin:o.margin,border:o.border,padding:o.padding});return u},jb=function(e){var t=e.ref,n=e.descriptor,o=e.env,a=e.windowScroll,s=e.direction,i=e.isDropDisabled,l=e.isCombineEnabled,d=e.shouldClipSubject,c=o.closestScrollable,u=zb(t,c),m=xo(u,a),p=function(){if(!c)return null;var g=bl(c),h={scrollHeight:c.scrollHeight,scrollWidth:c.scrollWidth};return{client:g,page:xo(g,a),scroll:Ba(c),scrollSize:h,shouldClipSubject:d}}(),f=Ub({descriptor:n,isEnabled:!i,isCombineEnabled:l,isFixedOnPage:o.isFixedOnPage,direction:s,client:u,page:m,closest:p});return f},Yb={passive:!1},qb={passive:!0},Wc=function(e){return e.shouldPublishImmediately?Yb:qb};function Ho(e){var t=D.useContext(e);return t||(process.env.NODE_ENV!=="production"?O(!1,"Could not find required context"):O()),t}var Wo=function(t){return t&&t.env.closestScrollable||null};function Jb(e){var t=D.useRef(null),n=Ho(Fo),o=Na("droppable"),a=n.registry,s=n.marshal,i=Ma(e),l=me(function(){return{id:e.droppableId,type:e.type,mode:e.mode}},[e.droppableId,e.mode,e.type]),d=D.useRef(l),c=me(function(){return Oe(function(w,T){t.current||(process.env.NODE_ENV!=="production"?O(!1,"Can only update scroll when dragging"):O());var M={x:w,y:T};s.updateDroppableScroll(l.id,M)})},[l.id,s]),u=se(function(){var w=t.current;return!w||!w.env.closestScrollable?Be:Ba(w.env.closestScrollable)},[]),m=se(function(){var w=u();c(w.x,w.y)},[u,c]),p=me(function(){return Vn(m)},[m]),f=se(function(){var w=t.current,T=Wo(w);w&&T||(process.env.NODE_ENV!=="production"?O(!1,"Could not find scroll options while scrolling"):O());var M=w.scrollOptions;if(M.shouldPublishImmediately){m();return}p()},[p,m]),g=se(function(w,T){t.current&&(process.env.NODE_ENV!=="production"?O(!1,"Cannot collect a droppable while a drag is occurring"):O());var M=i.current,_=M.getDroppableRef();_||(process.env.NODE_ENV!=="production"?O(!1,"Cannot collect without a droppable ref"):O());var y=Gb(_),k={ref:_,descriptor:l,env:y,scrollOptions:T};t.current=k;var x=jb({ref:_,descriptor:l,env:y,windowScroll:w,direction:M.direction,isDropDisabled:M.isDropDisabled,isCombineEnabled:M.isCombineEnabled,shouldClipSubject:!M.ignoreContainerClipping}),P=y.closestScrollable;return P&&(P.setAttribute(Ec.contextId,n.contextId),P.addEventListener("scroll",f,Wc(k.scrollOptions)),process.env.NODE_ENV!=="production"&&Hb(P)),x},[n.contextId,l,f,i]),h=se(function(){var w=t.current,T=Wo(w);return w&&T||(process.env.NODE_ENV!=="production"?O(!1,"Can only recollect Droppable client for Droppables that have a scroll container"):O()),Ba(T)},[]),E=se(function(){var w=t.current;w||(process.env.NODE_ENV!=="production"?O(!1,"Cannot stop drag when no active drag"):O());var T=Wo(w);t.current=null,T&&(p.cancel(),T.removeAttribute(Ec.contextId),T.removeEventListener("scroll",f,Wc(w.scrollOptions)))},[f,p]),v=se(function(w){var T=t.current;T||(process.env.NODE_ENV!=="production"?O(!1,"Cannot scroll when there is no drag"):O());var M=Wo(T);M||(process.env.NODE_ENV!=="production"?O(!1,"Cannot scroll a droppable with no closest scrollable"):O()),M.scrollTop+=w.y,M.scrollLeft+=w.x},[]),b=me(function(){return{getDimensionAndWatchScroll:g,getScrollWhileDragging:h,dragStopped:E,scroll:v}},[E,g,h,v]),C=me(function(){return{uniqueId:o,descriptor:l,callbacks:b}},[b,l,o]);Qe(function(){return d.current=C.descriptor,a.droppable.register(C),function(){t.current&&(process.env.NODE_ENV!=="production"&&Ce("Unsupported: changing the droppableId or type of a Droppable during a drag"),E()),a.droppable.unregister(C)}},[b,l,E,C,s,a.droppable]),Qe(function(){t.current&&s.updateDroppableIsEnabled(d.current.id,!e.isDropDisabled)},[e.isDropDisabled,s]),Qe(function(){t.current&&s.updateDroppableIsCombineEnabled(d.current.id,e.isCombineEnabled)},[e.isCombineEnabled,s])}function Pa(){}var Gc={width:0,height:0,margin:uS},Xb=function(t){var n=t.isAnimatingOpenOnMount,o=t.placeholder,a=t.animate;return n||a==="close"?Gc:{height:o.client.borderBox.height,width:o.client.borderBox.width,margin:o.client.margin}},Zb=function(t){var n=t.isAnimatingOpenOnMount,o=t.placeholder,a=t.animate,s=Xb({isAnimatingOpenOnMount:n,placeholder:o,animate:a});return{display:o.display,boxSizing:"border-box",width:s.width,height:s.height,marginTop:s.margin.top,marginRight:s.margin.right,marginBottom:s.margin.bottom,marginLeft:s.margin.left,flexShrink:"0",flexGrow:"0",pointerEvents:"none",transition:a!=="none"?Jn.placeholder:null}};function Qb(e){var t=D.useRef(null),n=se(function(){t.current&&(clearTimeout(t.current),t.current=null)},[]),o=e.animate,a=e.onTransitionEnd,s=e.onClose,i=e.contextId,l=D.useState(e.animate==="open"),d=l[0],c=l[1];D.useEffect(function(){return d?o!=="open"?(n(),c(!1),Pa):t.current?Pa:(t.current=setTimeout(function(){t.current=null,c(!1)}),n):Pa},[o,d,n]);var u=se(function(p){p.propertyName==="height"&&(a(),o==="close"&&s())},[o,s,a]),m=Zb({isAnimatingOpenOnMount:d,animate:e.animate,placeholder:e.placeholder});return D.createElement(e.placeholder.tagName,{style:m,"data-rbd-placeholder-context-id":i,onTransitionEnd:u,ref:e.innerRef})}var ev=D.memo(Qb),_a=D.createContext(null);function Uc(e){e&&Qn(e)||(process.env.NODE_ENV!=="production"?O(!1,`
     provided.innerRef has not been provided with a HTMLElement.
 
     You can find a guide on using the innerRef callback functions at:
     https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/using-inner-ref.md
-  `):B())}function Ra(e){return typeof e=="boolean"}function Aa(e,t){t.forEach(function(n){return n(e)})}var tv=[function(t){var n=t.props;n.droppableId||(process.env.NODE_ENV!=="production"?B(!1,"A Droppable requires a droppableId prop"):B()),typeof n.droppableId!="string"&&(process.env.NODE_ENV!=="production"?B(!1,"A Droppable requires a [string] droppableId. Provided: ["+typeof n.droppableId+"]"):B())},function(t){var n=t.props;Ra(n.isDropDisabled)||(process.env.NODE_ENV!=="production"?B(!1,"isDropDisabled must be a boolean"):B()),Ra(n.isCombineEnabled)||(process.env.NODE_ENV!=="production"?B(!1,"isCombineEnabled must be a boolean"):B()),Ra(n.ignoreContainerClipping)||(process.env.NODE_ENV!=="production"?B(!1,"ignoreContainerClipping must be a boolean"):B())},function(t){var n=t.getDroppableRef;Uc(n())}],nv=[function(t){var n=t.props,o=t.getPlaceholderRef;if(n.placeholder){var a=o();a||process.env.NODE_ENV!=="production"&&we(`
+  `):O())}function Ra(e){return typeof e=="boolean"}function Aa(e,t){t.forEach(function(n){return n(e)})}var tv=[function(t){var n=t.props;n.droppableId||(process.env.NODE_ENV!=="production"?O(!1,"A Droppable requires a droppableId prop"):O()),typeof n.droppableId!="string"&&(process.env.NODE_ENV!=="production"?O(!1,"A Droppable requires a [string] droppableId. Provided: ["+typeof n.droppableId+"]"):O())},function(t){var n=t.props;Ra(n.isDropDisabled)||(process.env.NODE_ENV!=="production"?O(!1,"isDropDisabled must be a boolean"):O()),Ra(n.isCombineEnabled)||(process.env.NODE_ENV!=="production"?O(!1,"isCombineEnabled must be a boolean"):O()),Ra(n.ignoreContainerClipping)||(process.env.NODE_ENV!=="production"?O(!1,"ignoreContainerClipping must be a boolean"):O())},function(t){var n=t.getDroppableRef;Uc(n())}],nv=[function(t){var n=t.props,o=t.getPlaceholderRef;if(n.placeholder){var a=o();a||process.env.NODE_ENV!=="production"&&Ce(`
       Droppable setup issue [droppableId: "`+n.droppableId+`"]:
       DroppableProvided > placeholder could not be found.
 
       Please be sure to add the {provided.placeholder} React Node as a child of your Droppable.
       More information: https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/api/droppable.md
-    `)}}],ov=[function(t){var n=t.props;n.renderClone||(process.env.NODE_ENV!=="production"?B(!1,"Must provide a clone render function (renderClone) for virtual lists"):B())},function(t){var n=t.getPlaceholderRef;n()&&(process.env.NODE_ENV!=="production"?B(!1,"Expected virtual list to not have a placeholder"):B())}];function rv(e){to(function(){Aa(e,tv),e.props.mode==="standard"&&Aa(e,nv),e.props.mode==="virtual"&&Aa(e,ov)})}var av=function(e){Mi(t,e);function t(){for(var o,a=arguments.length,s=new Array(a),i=0;i<a;i++)s[i]=arguments[i];return o=e.call.apply(e,[this].concat(s))||this,o.state={isVisible:!!o.props.on,data:o.props.on,animate:o.props.shouldAnimate&&o.props.on?"open":"none"},o.onClose=function(){o.state.animate==="close"&&o.setState({isVisible:!1})},o}t.getDerivedStateFromProps=function(a,s){return a.shouldAnimate?a.on?{isVisible:!0,data:a.on,animate:"open"}:s.isVisible?{isVisible:!0,data:s.data,animate:"close"}:{isVisible:!1,animate:"close",data:null}:{isVisible:!!a.on,data:a.on,animate:"none"}};var n=t.prototype;return n.render=function(){if(!this.state.isVisible)return null;var a={onClose:this.onClose,data:this.state.data,animate:this.state.animate};return this.props.children(a)},t}(D.PureComponent),zc={dragging:5e3,dropAnimating:4500},sv=function(t,n){return n?Jn.drop(n.duration):t?Jn.snap:Jn.fluid},iv=function(t,n){return t?n?qn.opacity.drop:qn.opacity.combining:null},lv=function(t){return t.forceShouldAnimate!=null?t.forceShouldAnimate:t.mode==="SNAP"};function cv(e){var t=e.dimension,n=t.client,o=e.offset,a=e.combineWith,s=e.dropping,i=!!a,l=lv(e),d=!!s,c=d?Sa.drop(o,i):Sa.moveTo(o),u={position:"fixed",top:n.marginBox.top,left:n.marginBox.left,boxSizing:"border-box",width:n.borderBox.width,height:n.borderBox.height,transition:sv(l,s),transform:c,opacity:iv(i,d),zIndex:d?zc.dropAnimating:zc.dragging,pointerEvents:"none"};return u}function dv(e){return{transform:Sa.moveTo(e.offset),transition:e.shouldAnimateDisplacement?null:"none"}}function pv(e){return e.type==="DRAGGING"?cv(e):dv(e)}function uv(e,t,n){n===void 0&&(n=Pe);var o=window.getComputedStyle(t),a=t.getBoundingClientRect(),s=hl(a,o),i=xo(s,n),l={client:s,tagName:t.tagName.toLowerCase(),display:o.display},d={x:s.marginBox.width,y:s.marginBox.height},c={descriptor:e,placeholder:l,displaceBy:d,client:s,page:i};return c}function mv(e){var t=Na("draggable"),n=e.descriptor,o=e.registry,a=e.getDraggableRef,s=e.canDragInteractiveElements,i=e.shouldRespectForcePress,l=e.isEnabled,d=me(function(){return{canDragInteractiveElements:s,shouldRespectForcePress:i,isEnabled:l}},[s,l,i]),c=se(function(f){var g=a();return g||(process.env.NODE_ENV!=="production"?B(!1,"Cannot get dimension when no ref is set"):B()),uv(n,g,f)},[n,a]),u=me(function(){return{uniqueId:t,descriptor:n,options:d,getDimension:c}},[n,c,d,t]),m=D.useRef(u),p=D.useRef(!0);Qe(function(){return o.draggable.register(m.current),function(){return o.draggable.unregister(m.current)}},[o.draggable]),Qe(function(){if(p.current){p.current=!1;return}var f=m.current;m.current=u,o.draggable.update(u,f)},[u,o.draggable])}function fv(e,t,n){to(function(){function o(s){return"Draggable[id: "+s+"]: "}var a=e.draggableId;a||(process.env.NODE_ENV!=="production"?B(!1,"Draggable requires a draggableId"):B(!1)),typeof a!="string"&&(process.env.NODE_ENV!=="production"?B(!1,`Draggable requires a [string] draggableId.
-      Provided: [type: `+typeof a+"] (value: "+a+")"):B(!1)),gS(e.index)||(process.env.NODE_ENV!=="production"?B(!1,o(a)+" requires an integer index prop"):B(!1)),e.mapped.type!=="DRAGGING"&&(Uc(n()),e.isEnabled&&(Cc(t,a)||(process.env.NODE_ENV!=="production"?B(!1,o(a)+" Unable to find drag handle"):B(!1))))})}function Sv(e){xa(function(){var t=D.useRef(e);to(function(){e!==t.current&&(process.env.NODE_ENV!=="production"?B(!1,"Draggable isClone prop value changed during component life"):B(!1))},[e])})}function gv(e){e.preventDefault()}function hv(e){var t=D.useRef(null),n=se(function(k){t.current=k},[]),o=se(function(){return t.current},[]),a=Ho(Fo),s=a.contextId,i=a.dragHandleUsageInstructionsId,l=a.registry,d=Ho(_a),c=d.type,u=d.droppableId,m=me(function(){return{id:e.draggableId,index:e.index,type:c,droppableId:u}},[e.draggableId,e.index,c,u]),p=e.children,f=e.draggableId,g=e.isEnabled,h=e.shouldRespectForcePress,E=e.canDragInteractiveElements,v=e.isClone,b=e.mapped,C=e.dropAnimationFinished;if(fv(e,s,o),Sv(v),!v){var w=me(function(){return{descriptor:m,registry:l,getDraggableRef:o,canDragInteractiveElements:E,shouldRespectForcePress:h,isEnabled:g}},[m,l,o,E,h,g]);mv(w)}var T=me(function(){return g?{tabIndex:0,role:"button","aria-describedby":i,"data-rbd-drag-handle-draggable-id":f,"data-rbd-drag-handle-context-id":s,draggable:!1,onDragStart:gv}:null},[s,i,f,g]),x=se(function(k){b.type==="DRAGGING"&&b.dropping&&k.propertyName==="transform"&&C()},[C,b]),F=me(function(){var k=pv(b),M=b.type==="DRAGGING"&&b.dropping?x:null,P={innerRef:n,draggableProps:{"data-rbd-draggable-context-id":s,"data-rbd-draggable-id":f,style:k,onTransitionEnd:M},dragHandleProps:T};return P},[s,T,f,b,x,n]),y=me(function(){return{draggableId:m.id,type:m.type,source:{index:m.index,droppableId:m.droppableId}}},[m.droppableId,m.id,m.index,m.type]);return p(F,b.snapshot,y)}var jc=function(e,t){return e===t},Yc=function(e){var t=e.combine,n=e.destination;return n?n.droppableId:t?t.droppableId:null},bv=function(t){return t.combine?t.combine.draggableId:null},vv=function(t){return t.at&&t.at.type==="COMBINE"?t.at.combine.draggableId:null};function yv(){var e=Be(function(a,s){return{x:a,y:s}}),t=Be(function(a,s,i,l,d){return{isDragging:!0,isClone:s,isDropAnimating:!!d,dropAnimation:d,mode:a,draggingOver:i,combineWith:l,combineTargetFor:null}}),n=Be(function(a,s,i,l,d,c,u){return{mapped:{type:"DRAGGING",dropping:null,draggingOver:d,combineWith:c,mode:s,offset:a,dimension:i,forceShouldAnimate:u,snapshot:t(s,l,d,c,null)}}}),o=function(s,i){if(s.isDragging){if(s.critical.draggable.id!==i.draggableId)return null;var l=s.current.client.offset,d=s.dimensions.draggables[i.draggableId],c=Ze(s.impact),u=vv(s.impact),m=s.forceShouldAnimate;return n(e(l.x,l.y),s.movementMode,d,i.isClone,c,u,m)}if(s.phase==="DROP_ANIMATING"){var p=s.completed;if(p.result.draggableId!==i.draggableId)return null;var f=i.isClone,g=s.dimensions.draggables[i.draggableId],h=p.result,E=h.mode,v=Yc(h),b=bv(h),C=s.dropDuration,w={duration:C,curve:ma.drop,moveTo:s.newHomeClientOffset,opacity:b?qn.opacity.drop:null,scale:b?qn.scale.drop:null};return{mapped:{type:"DRAGGING",offset:s.newHomeClientOffset,dimension:g,dropping:w,draggingOver:v,combineWith:b,mode:E,forceShouldAnimate:null,snapshot:t(E,f,v,b,w)}}}return null};return o}function qc(e){return{isDragging:!1,isDropAnimating:!1,isClone:!1,dropAnimation:null,mode:null,draggingOver:null,combineTargetFor:e,combineWith:null}}var Ev={mapped:{type:"SECONDARY",offset:Pe,combineTargetFor:null,shouldAnimateDisplacement:!0,snapshot:qc(null)}};function Tv(){var e=Be(function(i,l){return{x:i,y:l}}),t=Be(qc),n=Be(function(i,l,d){return l===void 0&&(l=null),{mapped:{type:"SECONDARY",offset:i,combineTargetFor:l,shouldAnimateDisplacement:d,snapshot:t(l)}}}),o=function(l){return l?n(Pe,l,!0):null},a=function(l,d,c,u){var m=c.displaced.visible[l],p=!!(u.inVirtualList&&u.effected[l]),f=Bo(c),g=f&&f.draggableId===l?d:null;if(!m){if(!p)return o(g);if(c.displaced.invisible[l])return null;var h=gn(u.displacedBy.point),E=e(h.x,h.y);return n(E,g,!0)}if(p)return o(g);var v=c.displacedBy.point,b=e(v.x,v.y);return n(b,g,m.shouldAnimate)},s=function(l,d){if(l.isDragging)return l.critical.draggable.id===d.draggableId?null:a(d.draggableId,l.critical.draggable.id,l.impact,l.afterCritical);if(l.phase==="DROP_ANIMATING"){var c=l.completed;return c.result.draggableId===d.draggableId?null:a(d.draggableId,c.result.draggableId,c.impact,c.afterCritical)}return null};return s}var wv=function(){var t=yv(),n=Tv(),o=function(s,i){return t(s,i)||n(s,i)||Ev};return o},Cv={dropAnimationFinished:oc},Dv=ml(wv,Cv,null,{context:Da,pure:!0,areStatePropsEqual:jc})(hv);function Jc(e){var t=Ho(_a),n=t.isUsingCloneFor;return n===e.draggableId&&!e.isClone?null:D.createElement(Dv,e)}function Xc(e){var t=typeof e.isDragDisabled=="boolean"?!e.isDragDisabled:!0,n=!!e.disableInteractiveElementBlocking,o=!!e.shouldRespectForcePress;return D.createElement(Jc,ie({},e,{isClone:!1,isEnabled:t,canDragInteractiveElements:n,shouldRespectForcePress:o}))}function Nv(e){var t=D.useContext(Fo);t||(process.env.NODE_ENV!=="production"?B(!1,"Could not find app context"):B());var n=t.contextId,o=t.isMovementAllowed,a=D.useRef(null),s=D.useRef(null),i=e.children,l=e.droppableId,d=e.type,c=e.mode,u=e.direction,m=e.ignoreContainerClipping,p=e.isDropDisabled,f=e.isCombineEnabled,g=e.snapshot,h=e.useClone,E=e.updateViewportMaxScroll,v=e.getContainerForClone,b=se(function(){return a.current},[]),C=se(function(G){a.current=G},[]),w=se(function(){return s.current},[]),T=se(function(G){s.current=G},[]);rv({props:e,getDroppableRef:b,getPlaceholderRef:w});var x=se(function(){o()&&E({maxScroll:dc()})},[o,E]);Jb({droppableId:l,type:d,mode:c,direction:u,isDropDisabled:p,isCombineEnabled:f,ignoreContainerClipping:m,getDroppableRef:b});var F=D.createElement(av,{on:e.placeholder,shouldAnimate:e.shouldAnimatePlaceholder},function(G){var I=G.onClose,j=G.data,K=G.animate;return D.createElement(ev,{placeholder:j,onClose:I,innerRef:T,animate:K,contextId:n,onTransitionEnd:x})}),y=me(function(){return{innerRef:C,placeholder:F,droppableProps:{"data-rbd-droppable-id":l,"data-rbd-droppable-context-id":n}}},[n,l,F,C]),k=h?h.dragging.draggableId:null,M=me(function(){return{droppableId:l,type:d,isUsingCloneFor:k}},[l,k,d]);function P(){if(!h)return null;var G=h.dragging,I=h.render,j=D.createElement(Jc,{draggableId:G.draggableId,index:G.source.index,isClone:!0,isEnabled:!0,shouldRespectForcePress:!1,canDragInteractiveElements:!0},function(K,H){return I(K,H,G)});return uo.createPortal(j,v())}return D.createElement(_a.Provider,{value:M},i(y,g),P())}var Fa=function(t,n){return t===n.droppable.type},Zc=function(t,n){return n.draggables[t.draggable.id]},Iv=function(){var t={placeholder:null,shouldAnimatePlaceholder:!0,snapshot:{isDraggingOver:!1,draggingOverWith:null,draggingFromThisWith:null,isUsingPlaceholder:!1},useClone:null},n=ie({},t,{shouldAnimatePlaceholder:!1}),o=Be(function(i){return{draggableId:i.id,type:i.type,source:{index:i.index,droppableId:i.droppableId}}}),a=Be(function(i,l,d,c,u,m){var p=u.descriptor.id,f=u.descriptor.droppableId===i;if(f){var g=m?{render:m,dragging:o(u.descriptor)}:null,h={isDraggingOver:d,draggingOverWith:d?p:null,draggingFromThisWith:p,isUsingPlaceholder:!0};return{placeholder:u.placeholder,shouldAnimatePlaceholder:!1,snapshot:h,useClone:g}}if(!l)return n;if(!c)return t;var E={isDraggingOver:d,draggingOverWith:p,draggingFromThisWith:null,isUsingPlaceholder:!0};return{placeholder:u.placeholder,shouldAnimatePlaceholder:!0,snapshot:E,useClone:null}}),s=function(l,d){var c=d.droppableId,u=d.type,m=!d.isDropDisabled,p=d.renderClone;if(l.isDragging){var f=l.critical;if(!Fa(u,f))return n;var g=Zc(f,l.dimensions),h=Ze(l.impact)===c;return a(c,m,h,h,g,p)}if(l.phase==="DROP_ANIMATING"){var E=l.completed;if(!Fa(u,E.critical))return n;var v=Zc(E.critical,l.dimensions);return a(c,m,Yc(E.result)===c,Ze(E.impact)===c,v,p)}if(l.phase==="IDLE"&&l.completed&&!l.shouldFlush){var b=l.completed;if(!Fa(u,b.critical))return n;var C=Ze(b.impact)===c,w=!!(b.impact.at&&b.impact.at.type==="COMBINE"),T=b.critical.droppable.id===c;return C?w?t:n:T?t:n}return n};return s},xv={updateViewportMaxScroll:Dg};function Mv(){return document.body||(process.env.NODE_ENV!=="production"?B(!1,"document.body is not ready"):B()),document.body}var kv={mode:"standard",type:"DEFAULT",direction:"vertical",isDropDisabled:!1,isCombineEnabled:!1,ignoreContainerClipping:!1,renderClone:null,getContainerForClone:Mv},Va=ml(Iv,xv,null,{context:Da,pure:!0,areStatePropsEqual:jc})(Nv);Va.defaultProps=kv;const Lv={disabled:"boolean",href:"string",icon:"SpsIcon",kind:"ButtonKind",spinning:"boolean",spinningTitle:"string",type:"ButtonType"};function Ne(e){const{children:t,className:n,href:o,icon:a,kind:s=A.ButtonKind.DEFAULT,spinning:i,spinningTitle:l,type:d=A.ButtonType.BUTTON,unsafelyReplaceClassName:c,...u}=e;let{disabled:m}=e;i&&(m=!0);const{t:p}=Se.useWoodlandLanguage(),f=V(c||"sps-button",`sps-button--${s}`,m&&"sps-button--disabled",i&&"sps-button--spinning",n),g=a&&r.createElement("i",{className:V("sps-icon",`sps-icon-${a}`),"aria-hidden":"true"}),h=i&&r.createElement("div",{className:"sps-spinner"},l||p("button.spinningTitle"));return r.createElement("div",{className:f},o?r.createElement("a",{...u,href:o,className:"sps-button__clickable-element"},g,t,h):r.createElement("button",{...u,type:d,className:"sps-button__clickable-element",disabled:m},g,t,h))}Object.assign(Ne,{props:Lv,displayName:"SpsButton"});const Ov={content:"ReactNodeLike",icon:"SpsIcon",title:"string"};function Qc(e){const{content:t,className:n,icon:o,title:a,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,d=V(i||"sps-card__header",n);return r.createElement("div",{className:d,title:a,...l},r.createElement("div",{className:"sps-card__title"}," ",o&&r.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${o}`})," ",a),r.createElement("div",{className:"sps-card__header-content"},t))}Object.assign(Qc,{props:Ov,displayName:"SpsCardHeader"});const Bv={icon:"SpsIcon",kind:"TagKind"};function pt(e){const{children:t,className:n,icon:o,kind:a=A.TagKind.DEFAULT,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,d=r.Children.toArray(t).filter(u=>typeof u=="string").join(""),c=V(i||"sps-tag",`sps-tag--${a}`,n);return r.createElement("span",{className:c,"data-testid":`${s}__tag`,title:d,...l},o&&r.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${o}`,"data-testid":`${s}__icon`}),t)}Object.assign(pt,{props:Bv,displayName:"SpsTag"});const Pv={activateTab:"Function",active:"boolean",icon:"SpsIcon",label:"string",index:"number",tag:"string",tagKind:"TagKind",tagIcon:"SpsIcon"};function $a(e){const{activateTab:t,active:n,children:o,className:a,label:s,icon:i,id:l,index:d=0,tag:c,tagKind:u,tagIcon:m,"data-testid":p,unsafelyReplaceClassName:f,...g}=e,h=()=>{t&&t(this,d,o)},E=b=>{(b.key==="Enter"||b.key===" "||b.key==="Spacebar")&&(b.preventDefault(),b.stopPropagation(),t&&t(this,d,o))},v=V(f||"sps-nav__item","sps-nav__link",n&&"active",a);return r.createElement("a",{className:v,onClick:h,"data-toggle":"tab",id:l,role:"tab","aria-controls":l,...g,tabIndex:0,onKeyDown:E},i&&r.createElement("i",{className:`sps-icon sps-icon-${i}`}),r.createElement("span",null,s),c&&r.createElement(pt,{kind:u||A.TagKind.KEY,icon:m},c))}Object.assign($a,{props:Pv,displayName:"SpsCardTabbedPane"});function _v(e,t,n){const[o,a]=r.useState({index:0,content:null}),s=r.useCallback((i,l,d)=>{a({index:l,content:d})},[]);return r.useEffect(()=>{function i(c){for(const u of c){const m=u.props;a({...o,content:m.children});break}}function l(c,u){for(let m=0;m<=c.length;m+=1){const p=c[m];if(p&&p.props&&(p.props.id&&p.props.id===u||p.props.label&&p.props.label===u)){a({content:p.props.children,index:m});break}}}const d=r.Children.toArray(e);n&&t?l(d,t):n&&i(d)},[t,e]),[o,s]}const Rv={activeTab:"string",footer:"ReactNodeOrRenderFn",headerContent:"ReactNodeOrRenderFn",headerIcon:"SpsIcon",headerTitle:"string"};function Ka(e){r.useEffect(()=>{console.log(["App developers: There's a new card component! Update for improved performance,","fewer bugs, and increased flexibility. Reach out to the design system help Slack","channel if you have any questions!"].join(" "))},[]);const{activeTab:t,children:n,className:o,footer:a,headerContent:s,headerIcon:i,headerTitle:l,"data-testid":d,unsafelyReplaceClassName:c,...u}=e,m=r.Children.toArray(n).some(h=>r.isValidElement(h)&&h.type===$a),[p,f]=_v(n,t,m),g=V(c||"sps-card",o);return r.createElement("div",{...u,className:g,"data-testid":`${d}__card`},(l||s)&&r.createElement(Qc,{title:l,content:je(s),icon:i,"data-testid":`${d}__header`}),m===!0?r.createElement(r.Fragment,null,r.createElement("nav",{className:"sps-nav sps-nav--tabs",role:"tablist","data-testid":`${d}__tabs`},r.Children.map(n,(h,E)=>{if(r.isValidElement(h))return r.cloneElement(h,{active:E===p.index,index:E,activateTab:f,"data-testid":`${d}__tab`})})),r.createElement("div",{className:"sps-card__body","data-testid":`${d}__body--tab-active`},p.content)):r.createElement("div",{className:"sps-card__body","data-testid":`${d}__body`},n),a&&r.createElement("div",{className:"sps-card__footer","data-testid":`${d}__footer`},je(a)))}Object.assign(Ka,{props:Rv,displayName:"SpsCard"});function Ha(e,t){const[n,...o]=S.crumblePath(t);return o.length?e.members[n].get(o):e.members[n]}function Av(e=[],t={}){return{validators:[],...t,_type:"Array",members:[...e],errors:null,invalid:!1,isValid(){const n=this;return!n.invalid&&n.members.every(o=>o.isValid())},isRequired(){const n=this;return n.validators&&n.validators.indexOf(So.required)>-1},hasError(n){const o=this;return o.errors&&Object.prototype.hasOwnProperty.call(o.errors,n)},length:e.length,setInitValue(n){for(const[o,a]of this.members.entries())a.setInitValue(n[o]);return this},getValue(){return this.members.map(n=>n.getValue())},setValue(n=[]){for(const[o,a]of this.members.entries())a.setValue(n[o]);return this},update(){return this},isFocused(){return this.members.some(n=>n.isFocused())},focus(){const n=this;return n.members.length&&n.members[0].focus(),this},blur(){for(const n of this.members)n.blur();return this},isPristine(){return this.members.every(n=>n.isPristine())},markAsPristine(){for(const n of this.members)n.markAsPristine();return this},markAsDirty(){for(const n of this.members)n.markAsDirty();return this},reset(n){const o=this;o.members=[...e],o.length=e.length;for(const[a,s]of o.members.entries())n&&a<n.length?s.reset(n[a]):s.reset();return o.update(),this},get(n){return Ha(this,n)},at(n){return this.members[n]},push(n){const o=this;return o.members.push(n),o.length=o.members.length,o.update(),this},insert(n,o){const a=this;return a.members.splice(n,0,o),a.length=a.members.length,a.update(),this},removeAt(n){const o=this;return o.members.splice(n,1),o.length=o.members.length,o.update(),this},setControl(n,o){const a=this;return a.members[n]=o,a.update(),this}}}function Fv(e,t={}){return{validators:[],id:He(),...t,_type:"Control",initValue:e,setInitValue(n){return this.value=n,this.initValue=n,this},value:e,getValue(){return this.value},setValue(n){return this.value=n,this.update(),this},errors:null,invalid:!1,isValid(){return!this.invalid},hasError(n){return this.errors&&Object.prototype.hasOwnProperty.call(this.errors,n)},focused:!1,isFocused(){return this.focused},pristine:!0,isPristine(){return this.pristine},isRequired(){return this.validators&&this.validators.indexOf(So.required)>-1},update(){return this},focus(){return this.focused=!0,this.update(),this.onFocus&&this.onFocus(),this},blur(){return this.focused=!1,this.update(),this.onBlur&&this.onBlur(),this},markAsPristine(){return this.pristine=!0,this.update(),this},markAsDirty(){return this.pristine=!1,this.update(),this},reset(n=this.initValue){return this.value=n,this.pristine=!0,this.update(),this}}}function Vv(e={},t={}){return{validators:[],...t,_type:"Group",members:{...e},errors:null,invalid:!1,isValid(){return!this.invalid&&Object.keys(this.members).every(n=>this.members[n].isValid())},hasError(n){return this.errors&&Object.prototype.hasOwnProperty.call(this.errors,n)},setInitValue(n={}){for(const o of Object.keys(this.members))this.members[o].setInitValue(n[o]);return this},getValue(){return Object.keys(this.members).reduce((n,o)=>Object.assign(n,{[o]:this.members[o].getValue()}),{})},setValue(n={}){for(const o of Object.keys(this.members))this.members[o].setValue(n[o]);return this},update(){return this},isFocused(){return Object.keys(this.members).some(n=>this.members[n].isFocused())},focus(){const n=Object.keys(this.members);return n.length&&this.members[n[0]].focus(),this},blur(){for(const n of Object.keys(this.members))this.members[n].blur();return this},isPristine(){return Object.keys(this.members).every(n=>this.members[n].isPristine())},markAsPristine(){for(const n of Object.keys(this.members))this.members[n].markAsPristine();return this},markAsDirty(){for(const n of Object.keys(this.members))this.members[n].markAsDirty();return this},reset(n){this.members={...e};for(const o of Object.keys(this.members))n&&Object.prototype.hasOwnProperty.call(n,o)?this.members[o].reset(n[o]):this.members[o].reset();return this.update(),this},get(n){return Ha(this,n)},addControl(n,o){if(this.contains(n))throw new Error(`Form group already contains a control called "${n}".`);return this.members[n]=o,this.update(),this},removeControl(n){return delete this.members[n],this.update(),this},setControl(n,o){return this.members[n]=o,this.update(),this},contains(n){return Object.keys(this.members).indexOf(n)>-1}}}function $v(e,t){t&&e.setInitValue(t);const[n,o]=D.useState(),[a,s]=D.useState([]),[i,l]=D.useReducer(d=>{for(const c of a)for(const u of S.traversePath(d,c))u.validators&&u.validators.length&&(u.errors=go(u.getValue(),u.validators),u.invalid=!!u.errors&&!u.pristine);return o(void 0),s([]),{...d}},e);return S.forEachNestedObject(i,(d,c)=>{c._type&&(c.update=function(){return a.push(d),s(a),n||o(window.setTimeout(l,0)),this})}),i}function Kv(e,t=null){const[n,o]=D.useState(t),a=D.useRef(()=>null);return D.useEffect(()=>{const s=()=>n;if(e.validators){const i=e.validators.indexOf(a.current);i===-1?e.validators.push(s):e.validators[i]=s,e.update(),a.current=s}},[n]),[n,o]}const ed={formMeta:"SpsFormSetMeta<any>",onSubmit:"React.FormEventHandler"},oo=r.forwardRef((e,t)=>{const{children:n,onSubmit:o,formArray:a,formGroup:s,formMeta:i,...l}=e,d=s||a;function c(u){u.preventDefault(),d&&d.markAsDirty(),i&&(i.markAsDirty(),i.markAsBlurred(),i.markAsSubmitted()),o&&o(u)}return r.createElement("form",{ref:t,onSubmit:c,...l},n)});Object.assign(oo,{props:ed,displayName:"SpsForm"});const td={},Hv={ideal:{label:"Ideal",examples:{ideal:{react:S.code`
+    `)}}],ov=[function(t){var n=t.props;n.renderClone||(process.env.NODE_ENV!=="production"?O(!1,"Must provide a clone render function (renderClone) for virtual lists"):O())},function(t){var n=t.getPlaceholderRef;n()&&(process.env.NODE_ENV!=="production"?O(!1,"Expected virtual list to not have a placeholder"):O())}];function rv(e){to(function(){Aa(e,tv),e.props.mode==="standard"&&Aa(e,nv),e.props.mode==="virtual"&&Aa(e,ov)})}var av=function(e){Mi(t,e);function t(){for(var o,a=arguments.length,s=new Array(a),i=0;i<a;i++)s[i]=arguments[i];return o=e.call.apply(e,[this].concat(s))||this,o.state={isVisible:!!o.props.on,data:o.props.on,animate:o.props.shouldAnimate&&o.props.on?"open":"none"},o.onClose=function(){o.state.animate==="close"&&o.setState({isVisible:!1})},o}t.getDerivedStateFromProps=function(a,s){return a.shouldAnimate?a.on?{isVisible:!0,data:a.on,animate:"open"}:s.isVisible?{isVisible:!0,data:s.data,animate:"close"}:{isVisible:!1,animate:"close",data:null}:{isVisible:!!a.on,data:a.on,animate:"none"}};var n=t.prototype;return n.render=function(){if(!this.state.isVisible)return null;var a={onClose:this.onClose,data:this.state.data,animate:this.state.animate};return this.props.children(a)},t}(D.PureComponent),zc={dragging:5e3,dropAnimating:4500},sv=function(t,n){return n?Jn.drop(n.duration):t?Jn.snap:Jn.fluid},iv=function(t,n){return t?n?qn.opacity.drop:qn.opacity.combining:null},lv=function(t){return t.forceShouldAnimate!=null?t.forceShouldAnimate:t.mode==="SNAP"};function cv(e){var t=e.dimension,n=t.client,o=e.offset,a=e.combineWith,s=e.dropping,i=!!a,l=lv(e),d=!!s,c=d?Sa.drop(o,i):Sa.moveTo(o),u={position:"fixed",top:n.marginBox.top,left:n.marginBox.left,boxSizing:"border-box",width:n.borderBox.width,height:n.borderBox.height,transition:sv(l,s),transform:c,opacity:iv(i,d),zIndex:d?zc.dropAnimating:zc.dragging,pointerEvents:"none"};return u}function dv(e){return{transform:Sa.moveTo(e.offset),transition:e.shouldAnimateDisplacement?null:"none"}}function pv(e){return e.type==="DRAGGING"?cv(e):dv(e)}function uv(e,t,n){n===void 0&&(n=Be);var o=window.getComputedStyle(t),a=t.getBoundingClientRect(),s=hl(a,o),i=xo(s,n),l={client:s,tagName:t.tagName.toLowerCase(),display:o.display},d={x:s.marginBox.width,y:s.marginBox.height},c={descriptor:e,placeholder:l,displaceBy:d,client:s,page:i};return c}function mv(e){var t=Na("draggable"),n=e.descriptor,o=e.registry,a=e.getDraggableRef,s=e.canDragInteractiveElements,i=e.shouldRespectForcePress,l=e.isEnabled,d=me(function(){return{canDragInteractiveElements:s,shouldRespectForcePress:i,isEnabled:l}},[s,l,i]),c=se(function(f){var g=a();return g||(process.env.NODE_ENV!=="production"?O(!1,"Cannot get dimension when no ref is set"):O()),uv(n,g,f)},[n,a]),u=me(function(){return{uniqueId:t,descriptor:n,options:d,getDimension:c}},[n,c,d,t]),m=D.useRef(u),p=D.useRef(!0);Qe(function(){return o.draggable.register(m.current),function(){return o.draggable.unregister(m.current)}},[o.draggable]),Qe(function(){if(p.current){p.current=!1;return}var f=m.current;m.current=u,o.draggable.update(u,f)},[u,o.draggable])}function fv(e,t,n){to(function(){function o(s){return"Draggable[id: "+s+"]: "}var a=e.draggableId;a||(process.env.NODE_ENV!=="production"?O(!1,"Draggable requires a draggableId"):O(!1)),typeof a!="string"&&(process.env.NODE_ENV!=="production"?O(!1,`Draggable requires a [string] draggableId.
+      Provided: [type: `+typeof a+"] (value: "+a+")"):O(!1)),gS(e.index)||(process.env.NODE_ENV!=="production"?O(!1,o(a)+" requires an integer index prop"):O(!1)),e.mapped.type!=="DRAGGING"&&(Uc(n()),e.isEnabled&&(Cc(t,a)||(process.env.NODE_ENV!=="production"?O(!1,o(a)+" Unable to find drag handle"):O(!1))))})}function Sv(e){xa(function(){var t=D.useRef(e);to(function(){e!==t.current&&(process.env.NODE_ENV!=="production"?O(!1,"Draggable isClone prop value changed during component life"):O(!1))},[e])})}function gv(e){e.preventDefault()}function hv(e){var t=D.useRef(null),n=se(function(k){t.current=k},[]),o=se(function(){return t.current},[]),a=Ho(Fo),s=a.contextId,i=a.dragHandleUsageInstructionsId,l=a.registry,d=Ho(_a),c=d.type,u=d.droppableId,m=me(function(){return{id:e.draggableId,index:e.index,type:c,droppableId:u}},[e.draggableId,e.index,c,u]),p=e.children,f=e.draggableId,g=e.isEnabled,h=e.shouldRespectForcePress,E=e.canDragInteractiveElements,v=e.isClone,b=e.mapped,C=e.dropAnimationFinished;if(fv(e,s,o),Sv(v),!v){var w=me(function(){return{descriptor:m,registry:l,getDraggableRef:o,canDragInteractiveElements:E,shouldRespectForcePress:h,isEnabled:g}},[m,l,o,E,h,g]);mv(w)}var T=me(function(){return g?{tabIndex:0,role:"button","aria-describedby":i,"data-rbd-drag-handle-draggable-id":f,"data-rbd-drag-handle-context-id":s,draggable:!1,onDragStart:gv}:null},[s,i,f,g]),M=se(function(k){b.type==="DRAGGING"&&b.dropping&&k.propertyName==="transform"&&C()},[C,b]),_=me(function(){var k=pv(b),x=b.type==="DRAGGING"&&b.dropping?M:null,P={innerRef:n,draggableProps:{"data-rbd-draggable-context-id":s,"data-rbd-draggable-id":f,style:k,onTransitionEnd:x},dragHandleProps:T};return P},[s,T,f,b,M,n]),y=me(function(){return{draggableId:m.id,type:m.type,source:{index:m.index,droppableId:m.droppableId}}},[m.droppableId,m.id,m.index,m.type]);return p(_,b.snapshot,y)}var jc=function(e,t){return e===t},Yc=function(e){var t=e.combine,n=e.destination;return n?n.droppableId:t?t.droppableId:null},bv=function(t){return t.combine?t.combine.draggableId:null},vv=function(t){return t.at&&t.at.type==="COMBINE"?t.at.combine.draggableId:null};function yv(){var e=Oe(function(a,s){return{x:a,y:s}}),t=Oe(function(a,s,i,l,d){return{isDragging:!0,isClone:s,isDropAnimating:!!d,dropAnimation:d,mode:a,draggingOver:i,combineWith:l,combineTargetFor:null}}),n=Oe(function(a,s,i,l,d,c,u){return{mapped:{type:"DRAGGING",dropping:null,draggingOver:d,combineWith:c,mode:s,offset:a,dimension:i,forceShouldAnimate:u,snapshot:t(s,l,d,c,null)}}}),o=function(s,i){if(s.isDragging){if(s.critical.draggable.id!==i.draggableId)return null;var l=s.current.client.offset,d=s.dimensions.draggables[i.draggableId],c=Ze(s.impact),u=vv(s.impact),m=s.forceShouldAnimate;return n(e(l.x,l.y),s.movementMode,d,i.isClone,c,u,m)}if(s.phase==="DROP_ANIMATING"){var p=s.completed;if(p.result.draggableId!==i.draggableId)return null;var f=i.isClone,g=s.dimensions.draggables[i.draggableId],h=p.result,E=h.mode,v=Yc(h),b=bv(h),C=s.dropDuration,w={duration:C,curve:ma.drop,moveTo:s.newHomeClientOffset,opacity:b?qn.opacity.drop:null,scale:b?qn.scale.drop:null};return{mapped:{type:"DRAGGING",offset:s.newHomeClientOffset,dimension:g,dropping:w,draggingOver:v,combineWith:b,mode:E,forceShouldAnimate:null,snapshot:t(E,f,v,b,w)}}}return null};return o}function qc(e){return{isDragging:!1,isDropAnimating:!1,isClone:!1,dropAnimation:null,mode:null,draggingOver:null,combineTargetFor:e,combineWith:null}}var Ev={mapped:{type:"SECONDARY",offset:Be,combineTargetFor:null,shouldAnimateDisplacement:!0,snapshot:qc(null)}};function Tv(){var e=Oe(function(i,l){return{x:i,y:l}}),t=Oe(qc),n=Oe(function(i,l,d){return l===void 0&&(l=null),{mapped:{type:"SECONDARY",offset:i,combineTargetFor:l,shouldAnimateDisplacement:d,snapshot:t(l)}}}),o=function(l){return l?n(Be,l,!0):null},a=function(l,d,c,u){var m=c.displaced.visible[l],p=!!(u.inVirtualList&&u.effected[l]),f=Bo(c),g=f&&f.draggableId===l?d:null;if(!m){if(!p)return o(g);if(c.displaced.invisible[l])return null;var h=gn(u.displacedBy.point),E=e(h.x,h.y);return n(E,g,!0)}if(p)return o(g);var v=c.displacedBy.point,b=e(v.x,v.y);return n(b,g,m.shouldAnimate)},s=function(l,d){if(l.isDragging)return l.critical.draggable.id===d.draggableId?null:a(d.draggableId,l.critical.draggable.id,l.impact,l.afterCritical);if(l.phase==="DROP_ANIMATING"){var c=l.completed;return c.result.draggableId===d.draggableId?null:a(d.draggableId,c.result.draggableId,c.impact,c.afterCritical)}return null};return s}var wv=function(){var t=yv(),n=Tv(),o=function(s,i){return t(s,i)||n(s,i)||Ev};return o},Cv={dropAnimationFinished:oc},Dv=ml(wv,Cv,null,{context:Da,pure:!0,areStatePropsEqual:jc})(hv);function Jc(e){var t=Ho(_a),n=t.isUsingCloneFor;return n===e.draggableId&&!e.isClone?null:D.createElement(Dv,e)}function Xc(e){var t=typeof e.isDragDisabled=="boolean"?!e.isDragDisabled:!0,n=!!e.disableInteractiveElementBlocking,o=!!e.shouldRespectForcePress;return D.createElement(Jc,ie({},e,{isClone:!1,isEnabled:t,canDragInteractiveElements:n,shouldRespectForcePress:o}))}function Nv(e){var t=D.useContext(Fo);t||(process.env.NODE_ENV!=="production"?O(!1,"Could not find app context"):O());var n=t.contextId,o=t.isMovementAllowed,a=D.useRef(null),s=D.useRef(null),i=e.children,l=e.droppableId,d=e.type,c=e.mode,u=e.direction,m=e.ignoreContainerClipping,p=e.isDropDisabled,f=e.isCombineEnabled,g=e.snapshot,h=e.useClone,E=e.updateViewportMaxScroll,v=e.getContainerForClone,b=se(function(){return a.current},[]),C=se(function(z){a.current=z},[]),w=se(function(){return s.current},[]),T=se(function(z){s.current=z},[]);rv({props:e,getDroppableRef:b,getPlaceholderRef:w});var M=se(function(){o()&&E({maxScroll:dc()})},[o,E]);Jb({droppableId:l,type:d,mode:c,direction:u,isDropDisabled:p,isCombineEnabled:f,ignoreContainerClipping:m,getDroppableRef:b});var _=D.createElement(av,{on:e.placeholder,shouldAnimate:e.shouldAnimatePlaceholder},function(z){var I=z.onClose,Y=z.data,V=z.animate;return D.createElement(ev,{placeholder:Y,onClose:I,innerRef:T,animate:V,contextId:n,onTransitionEnd:M})}),y=me(function(){return{innerRef:C,placeholder:_,droppableProps:{"data-rbd-droppable-id":l,"data-rbd-droppable-context-id":n}}},[n,l,_,C]),k=h?h.dragging.draggableId:null,x=me(function(){return{droppableId:l,type:d,isUsingCloneFor:k}},[l,k,d]);function P(){if(!h)return null;var z=h.dragging,I=h.render,Y=D.createElement(Jc,{draggableId:z.draggableId,index:z.source.index,isClone:!0,isEnabled:!0,shouldRespectForcePress:!1,canDragInteractiveElements:!0},function(V,W){return I(V,W,z)});return uo.createPortal(Y,v())}return D.createElement(_a.Provider,{value:x},i(y,g),P())}var Fa=function(t,n){return t===n.droppable.type},Zc=function(t,n){return n.draggables[t.draggable.id]},Iv=function(){var t={placeholder:null,shouldAnimatePlaceholder:!0,snapshot:{isDraggingOver:!1,draggingOverWith:null,draggingFromThisWith:null,isUsingPlaceholder:!1},useClone:null},n=ie({},t,{shouldAnimatePlaceholder:!1}),o=Oe(function(i){return{draggableId:i.id,type:i.type,source:{index:i.index,droppableId:i.droppableId}}}),a=Oe(function(i,l,d,c,u,m){var p=u.descriptor.id,f=u.descriptor.droppableId===i;if(f){var g=m?{render:m,dragging:o(u.descriptor)}:null,h={isDraggingOver:d,draggingOverWith:d?p:null,draggingFromThisWith:p,isUsingPlaceholder:!0};return{placeholder:u.placeholder,shouldAnimatePlaceholder:!1,snapshot:h,useClone:g}}if(!l)return n;if(!c)return t;var E={isDraggingOver:d,draggingOverWith:p,draggingFromThisWith:null,isUsingPlaceholder:!0};return{placeholder:u.placeholder,shouldAnimatePlaceholder:!0,snapshot:E,useClone:null}}),s=function(l,d){var c=d.droppableId,u=d.type,m=!d.isDropDisabled,p=d.renderClone;if(l.isDragging){var f=l.critical;if(!Fa(u,f))return n;var g=Zc(f,l.dimensions),h=Ze(l.impact)===c;return a(c,m,h,h,g,p)}if(l.phase==="DROP_ANIMATING"){var E=l.completed;if(!Fa(u,E.critical))return n;var v=Zc(E.critical,l.dimensions);return a(c,m,Yc(E.result)===c,Ze(E.impact)===c,v,p)}if(l.phase==="IDLE"&&l.completed&&!l.shouldFlush){var b=l.completed;if(!Fa(u,b.critical))return n;var C=Ze(b.impact)===c,w=!!(b.impact.at&&b.impact.at.type==="COMBINE"),T=b.critical.droppable.id===c;return C?w?t:n:T?t:n}return n};return s},xv={updateViewportMaxScroll:Dg};function Mv(){return document.body||(process.env.NODE_ENV!=="production"?O(!1,"document.body is not ready"):O()),document.body}var kv={mode:"standard",type:"DEFAULT",direction:"vertical",isDropDisabled:!1,isCombineEnabled:!1,ignoreContainerClipping:!1,renderClone:null,getContainerForClone:Mv},Va=ml(Iv,xv,null,{context:Da,pure:!0,areStatePropsEqual:jc})(Nv);Va.defaultProps=kv;const Lv={disabled:"boolean",href:"string",icon:"SpsIcon",kind:"ButtonKind",spinning:"boolean",spinningTitle:"string",type:"ButtonType"};function Ie(e){const{children:t,className:n,href:o,icon:a,kind:s=R.ButtonKind.DEFAULT,spinning:i,spinningTitle:l,type:d=R.ButtonType.BUTTON,unsafelyReplaceClassName:c,...u}=e;let{disabled:m}=e;i&&(m=!0);const{t:p}=Se.useWoodlandLanguage(),f=F(c||"sps-button",`sps-button--${s}`,m&&"sps-button--disabled",i&&"sps-button--spinning",n),g=a&&r.createElement("i",{className:F("sps-icon",`sps-icon-${a}`),"aria-hidden":"true"}),h=i&&r.createElement("div",{className:"sps-spinner"},l||p("button.spinningTitle"));return r.createElement("div",{className:f},o?r.createElement("a",{...u,href:o,className:"sps-button__clickable-element"},g,t,h):r.createElement("button",{...u,type:d,className:"sps-button__clickable-element",disabled:m},g,t,h))}Object.assign(Ie,{props:Lv,displayName:"SpsButton"});const Ov={content:"ReactNodeLike",icon:"SpsIcon",title:"string"};function Qc(e){const{content:t,className:n,icon:o,title:a,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,d=F(i||"sps-card__header",n);return r.createElement("div",{className:d,title:a,...l},r.createElement("div",{className:"sps-card__title"}," ",o&&r.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${o}`})," ",a),r.createElement("div",{className:"sps-card__header-content"},t))}Object.assign(Qc,{props:Ov,displayName:"SpsCardHeader"});const Bv={icon:"SpsIcon",kind:"TagKind"};function pt(e){const{children:t,className:n,icon:o,kind:a=R.TagKind.DEFAULT,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,d=r.Children.toArray(t).filter(u=>typeof u=="string").join(""),c=F(i||"sps-tag",`sps-tag--${a}`,n);return r.createElement("span",{className:c,"data-testid":`${s}__tag`,title:d,...l},o&&r.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${o}`,"data-testid":`${s}__icon`}),t)}Object.assign(pt,{props:Bv,displayName:"SpsTag"});const Pv={activateTab:"Function",active:"boolean",icon:"SpsIcon",label:"string",index:"number",tag:"string",tagKind:"TagKind",tagIcon:"SpsIcon"};function $a(e){const{activateTab:t,active:n,children:o,className:a,label:s,icon:i,id:l,index:d=0,tag:c,tagKind:u,tagIcon:m,"data-testid":p,unsafelyReplaceClassName:f,...g}=e,h=()=>{t&&t(this,d,o)},E=b=>{(b.key==="Enter"||b.key===" "||b.key==="Spacebar")&&(b.preventDefault(),b.stopPropagation(),t&&t(this,d,o))},v=F(f||"sps-nav__item","sps-nav__link",n&&"active",a);return r.createElement("a",{className:v,onClick:h,"data-toggle":"tab",id:l,role:"tab","aria-controls":l,...g,tabIndex:0,onKeyDown:E},i&&r.createElement("i",{className:`sps-icon sps-icon-${i}`}),r.createElement("span",null,s),c&&r.createElement(pt,{kind:u||R.TagKind.KEY,icon:m},c))}Object.assign($a,{props:Pv,displayName:"SpsCardTabbedPane"});function _v(e,t,n){const[o,a]=r.useState({index:0,content:null}),s=r.useCallback((i,l,d)=>{a({index:l,content:d})},[]);return r.useEffect(()=>{function i(c){for(const u of c){const m=u.props;a({...o,content:m.children});break}}function l(c,u){for(let m=0;m<=c.length;m+=1){const p=c[m];if(p&&p.props&&(p.props.id&&p.props.id===u||p.props.label&&p.props.label===u)){a({content:p.props.children,index:m});break}}}const d=r.Children.toArray(e);n&&t?l(d,t):n&&i(d)},[t,e]),[o,s]}const Rv={activeTab:"string",footer:"ReactNodeOrRenderFn",headerContent:"ReactNodeOrRenderFn",headerIcon:"SpsIcon",headerTitle:"string"};function Ka(e){r.useEffect(()=>{console.log(["App developers: There's a new card component! Update for improved performance,","fewer bugs, and increased flexibility. Reach out to the design system help Slack","channel if you have any questions!"].join(" "))},[]);const{activeTab:t,children:n,className:o,footer:a,headerContent:s,headerIcon:i,headerTitle:l,"data-testid":d,unsafelyReplaceClassName:c,...u}=e,m=r.Children.toArray(n).some(h=>r.isValidElement(h)&&h.type===$a),[p,f]=_v(n,t,m),g=F(c||"sps-card",o);return r.createElement("div",{...u,className:g,"data-testid":`${d}__card`},(l||s)&&r.createElement(Qc,{title:l,content:je(s),icon:i,"data-testid":`${d}__header`}),m===!0?r.createElement(r.Fragment,null,r.createElement("nav",{className:"sps-nav sps-nav--tabs",role:"tablist","data-testid":`${d}__tabs`},r.Children.map(n,(h,E)=>{if(r.isValidElement(h))return r.cloneElement(h,{active:E===p.index,index:E,activateTab:f,"data-testid":`${d}__tab`})})),r.createElement("div",{className:"sps-card__body","data-testid":`${d}__body--tab-active`},p.content)):r.createElement("div",{className:"sps-card__body","data-testid":`${d}__body`},n),a&&r.createElement("div",{className:"sps-card__footer","data-testid":`${d}__footer`},je(a)))}Object.assign(Ka,{props:Rv,displayName:"SpsCard"});function Ha(e,t){const[n,...o]=S.crumblePath(t);return o.length?e.members[n].get(o):e.members[n]}function Av(e=[],t={}){return{validators:[],...t,_type:"Array",members:[...e],errors:null,invalid:!1,isValid(){const n=this;return!n.invalid&&n.members.every(o=>o.isValid())},isRequired(){const n=this;return n.validators&&n.validators.indexOf(So.required)>-1},hasError(n){const o=this;return o.errors&&Object.prototype.hasOwnProperty.call(o.errors,n)},length:e.length,setInitValue(n){for(const[o,a]of this.members.entries())a.setInitValue(n[o]);return this},getValue(){return this.members.map(n=>n.getValue())},setValue(n=[]){for(const[o,a]of this.members.entries())a.setValue(n[o]);return this},update(){return this},isFocused(){return this.members.some(n=>n.isFocused())},focus(){const n=this;return n.members.length&&n.members[0].focus(),this},blur(){for(const n of this.members)n.blur();return this},isPristine(){return this.members.every(n=>n.isPristine())},markAsPristine(){for(const n of this.members)n.markAsPristine();return this},markAsDirty(){for(const n of this.members)n.markAsDirty();return this},reset(n){const o=this;o.members=[...e],o.length=e.length;for(const[a,s]of o.members.entries())n&&a<n.length?s.reset(n[a]):s.reset();return o.update(),this},get(n){return Ha(this,n)},at(n){return this.members[n]},push(n){const o=this;return o.members.push(n),o.length=o.members.length,o.update(),this},insert(n,o){const a=this;return a.members.splice(n,0,o),a.length=a.members.length,a.update(),this},removeAt(n){const o=this;return o.members.splice(n,1),o.length=o.members.length,o.update(),this},setControl(n,o){const a=this;return a.members[n]=o,a.update(),this}}}function Fv(e,t={}){return{validators:[],id:Ke(),...t,_type:"Control",initValue:e,setInitValue(n){return this.value=n,this.initValue=n,this},value:e,getValue(){return this.value},setValue(n){return this.value=n,this.update(),this},errors:null,invalid:!1,isValid(){return!this.invalid},hasError(n){return this.errors&&Object.prototype.hasOwnProperty.call(this.errors,n)},focused:!1,isFocused(){return this.focused},pristine:!0,isPristine(){return this.pristine},isRequired(){return this.validators&&this.validators.indexOf(So.required)>-1},update(){return this},focus(){return this.focused=!0,this.update(),this.onFocus&&this.onFocus(),this},blur(){return this.focused=!1,this.update(),this.onBlur&&this.onBlur(),this},markAsPristine(){return this.pristine=!0,this.update(),this},markAsDirty(){return this.pristine=!1,this.update(),this},reset(n=this.initValue){return this.value=n,this.pristine=!0,this.update(),this}}}function Vv(e={},t={}){return{validators:[],...t,_type:"Group",members:{...e},errors:null,invalid:!1,isValid(){return!this.invalid&&Object.keys(this.members).every(n=>this.members[n].isValid())},hasError(n){return this.errors&&Object.prototype.hasOwnProperty.call(this.errors,n)},setInitValue(n={}){for(const o of Object.keys(this.members))this.members[o].setInitValue(n[o]);return this},getValue(){return Object.keys(this.members).reduce((n,o)=>Object.assign(n,{[o]:this.members[o].getValue()}),{})},setValue(n={}){for(const o of Object.keys(this.members))this.members[o].setValue(n[o]);return this},update(){return this},isFocused(){return Object.keys(this.members).some(n=>this.members[n].isFocused())},focus(){const n=Object.keys(this.members);return n.length&&this.members[n[0]].focus(),this},blur(){for(const n of Object.keys(this.members))this.members[n].blur();return this},isPristine(){return Object.keys(this.members).every(n=>this.members[n].isPristine())},markAsPristine(){for(const n of Object.keys(this.members))this.members[n].markAsPristine();return this},markAsDirty(){for(const n of Object.keys(this.members))this.members[n].markAsDirty();return this},reset(n){this.members={...e};for(const o of Object.keys(this.members))n&&Object.prototype.hasOwnProperty.call(n,o)?this.members[o].reset(n[o]):this.members[o].reset();return this.update(),this},get(n){return Ha(this,n)},addControl(n,o){if(this.contains(n))throw new Error(`Form group already contains a control called "${n}".`);return this.members[n]=o,this.update(),this},removeControl(n){return delete this.members[n],this.update(),this},setControl(n,o){return this.members[n]=o,this.update(),this},contains(n){return Object.keys(this.members).indexOf(n)>-1}}}function $v(e,t){t&&e.setInitValue(t);const[n,o]=D.useState(),[a,s]=D.useState([]),[i,l]=D.useReducer(d=>{for(const c of a)for(const u of S.traversePath(d,c))u.validators&&u.validators.length&&(u.errors=go(u.getValue(),u.validators),u.invalid=!!u.errors&&!u.pristine);return o(void 0),s([]),{...d}},e);return S.forEachNestedObject(i,(d,c)=>{c._type&&(c.update=function(){return a.push(d),s(a),n||o(window.setTimeout(l,0)),this})}),i}function Kv(e,t=null){const[n,o]=D.useState(t),a=D.useRef(()=>null);return D.useEffect(()=>{const s=()=>n;if(e.validators){const i=e.validators.indexOf(a.current);i===-1?e.validators.push(s):e.validators[i]=s,e.update(),a.current=s}},[n]),[n,o]}const ed={formMeta:"SpsFormSetMeta<any>",onSubmit:"React.FormEventHandler"},oo=r.forwardRef((e,t)=>{const{children:n,onSubmit:o,formArray:a,formGroup:s,formMeta:i,...l}=e,d=s||a;function c(u){u.preventDefault(),d&&d.markAsDirty(),i&&(i.markAsDirty(),i.markAsBlurred(),i.markAsSubmitted()),o&&o(u)}return r.createElement("form",{ref:t,onSubmit:c,...l},n)});Object.assign(oo,{props:ed,displayName:"SpsForm"});const td={},Hv={ideal:{label:"Ideal",examples:{ideal:{react:S.code`
                 import {
                   SpsForm,
                   SpsLabel,
@@ -671,7 +697,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
                   </>
                 )
               }
-              `}}}},Wv={index:"number",key:"string",columnId:"string",name:"string",value:"string",onDelete:"(columnValue: string) => void",mandatory:"boolean"};function Go(e){const{index:t,key:n,columnId:o,name:a,value:s,onDelete:i,mandatory:l,ref:d,...c}=e,{t:u}=Se.useWoodlandLanguage();return r.createElement(Xc,{key:o,draggableId:o||"",index:t||0,...c},m=>r.createElement("div",{ref:m.innerRef,...m.draggableProps,...m.dragHandleProps,className:"sps-content-row"},r.createElement("div",{className:"sps-content-row__col-group","data-col-value":s},r.createElement("div",{className:"sps-content-row__col sps-column-chooser__grab-col"},r.createElement("i",{className:"sps-column-chooser__drag-handle"})),r.createElement("div",{className:"sps-content-row__col--borderless"},r.createElement("div",{className:"sps-body-12"},a)),r.createElement("div",{className:"sps-content-row__col sps-column-chooser__delete-col"},!l&&r.createElement(Ne,{"aria-label":u("columnChooser.removeButton",{elementName:a,defaultValue:`Remove ${a}`}),kind:A.ButtonKind.ICON,icon:A.SpsIcon.X,onClick:()=>{i&&i(s||"")}})))))}Object.assign(Go,{props:Wv,displayName:"SpsColumnChooserColumn"});const Gv={maxSelectedColumns:"number | null",unselectedColumns:"ColumnProps[]",selectedColumns:"ColumnProps[]",onApplyChanges:"(selectedColumns: ColumnProps[]) => void"};function Wa(e){const{unselectedColumns:t=[],selectedColumns:n=[],maxSelectedColumns:o=8,onApplyChanges:a,maxVisibleUnselectedColumns:s,updateInitialState:i,className:l,unsafelyReplaceClassName:d,...c}=e,[u,m]=bt({isVisible:!1,unselectedColumns:[...t.map(y=>({...y,label:y.name,columnId:He()}))],selectedColumns:[...n.map(y=>({...y,columnId:He()}))],searchSelectedColumn:null,pendingUnselectedColumns:[...t.map(y=>({...y,label:y.name,columnId:He()}))],pendingSelectedColumns:[...n.map(y=>({...y,columnId:He()}))]}),{t:p}=Se.useWoodlandLanguage(),f={searchSelectedColumn:""},g=V(u.isVisible&&"sps-button--open",l),{formMeta:h,formValue:E,updateForm:v}=Si(f);function b(y){if(y.target.value){const k=[...u.pendingSelectedColumns],M=[];u.pendingUnselectedColumns.forEach(P=>{y.target.value===P.name?(v(f),k.push({columnId:He(),name:P.name,value:P.value})):M.push(P)}),m({pendingSelectedColumns:k,pendingUnselectedColumns:M})}}function C(y){const k=[],M=[...u.pendingUnselectedColumns];u.pendingSelectedColumns.forEach(P=>{y===P.value?M.push({columnId:He(),name:P.name,value:P.value}):k.push(P)}),m({pendingSelectedColumns:k,pendingUnselectedColumns:M})}function w(y){if(!y.destination)return;const k=[...u.pendingSelectedColumns],[M]=k.splice(y.source.index,1);k.splice(y.destination.index,0,M),m({pendingSelectedColumns:k})}function T(){const y=u.pendingSelectedColumns.map(k=>{const M={...k};return M.columnId&&delete M.columnId,M});v(f),m({isVisible:!1,selectedColumns:[...u.pendingSelectedColumns],unselectedColumns:[...u.pendingUnselectedColumns]}),a&&a(y)}function x(){m({isVisible:!u.isVisible}),u.isVisible&&m({pendingSelectedColumns:[...u.selectedColumns],pendingUnselectedColumns:[...u.unselectedColumns]})}const F=r.useCallback(y=>{const k=new RegExp(y??"","i");return s?u.pendingUnselectedColumns.filter(M=>k.test(M.name)).map(M=>M.name).slice(0,s):u.pendingUnselectedColumns.map(M=>M.name)},[u.pendingUnselectedColumns,s]);return r.useEffect(()=>{i&&m({unselectedColumns:[...t.map(y=>({...y,label:y.name,columnId:He()}))],pendingUnselectedColumns:[...t.map(y=>({...y,label:y.name,columnId:He()}))]})},[t]),r.useEffect(()=>{i&&m({selectedColumns:[...n.map(y=>({...y,columnId:He()}))],pendingSelectedColumns:[...n.map(y=>({...y,columnId:He()}))]})},[n]),r.createElement("div",{className:"sps-column-chooser z-stratum-dropdown",...c},r.createElement(Ne,{className:g,"aria-label":`${u.isVisible?"Close":"Open"} Column Chooser`,kind:A.ButtonKind.ICON,icon:A.SpsIcon.TABLE,onClick:x,"data-testid":"button"}),u.isVisible&&r.createElement(Ka,{"data-testid":"open",footer:()=>r.createElement(Ne,{"aria-label":"Apply Changes",kind:A.ButtonKind.LINK,onClick:T},p("columnChooser.applyChanges",{defaultValue:"Apply Changes"}))},r.createElement("div",{className:"sps-column-chooser__search-container"},r.createElement(vt,{suggestions:F,disabled:!!(o&&u.pendingSelectedColumns.length>=o),value:E.searchSelectedColumn?E.searchSelectedColumn:"",formMeta:h.fields.searchSelectedColumn,onChange:b,placeholder:p("columnChooser.findColumnsToAdd",{defaultValue:"Find Columns to Add"}),"data-testid":"autocomplete",disableOptionsMemoization:!0})),r.createElement("div",{className:"sps-column-chooser__selected-title"},p("columnChooser.selected",{defaultValue:"Selected"})),r.createElement(Vc,{onDragEnd:w},r.createElement(Va,{droppableId:"column-chooser"},y=>r.createElement("div",{...y.droppableProps,ref:y.innerRef},u.pendingSelectedColumns.map((k,M)=>r.createElement(Go,{index:M,key:k.columnId,columnId:k.columnId,name:k.name,value:k.value,onDelete:C,mandatory:k.mandatory})),y.placeholder)))))}Object.assign(Wa,{props:Gv,displayName:"SpsColumnChooser"});const nd={basic:{label:"Basic",description:"Column chooser component",examples:{basic:{react:S.code`
+              `}}}},Wv={index:"number",key:"string",columnId:"string",name:"string",value:"string",onDelete:"(columnValue: string) => void",mandatory:"boolean"};function Go(e){const{index:t,key:n,columnId:o,name:a,value:s,onDelete:i,mandatory:l,ref:d,...c}=e,{t:u}=Se.useWoodlandLanguage();return r.createElement(Xc,{key:o,draggableId:o||"",index:t||0,...c},m=>r.createElement("div",{ref:m.innerRef,...m.draggableProps,...m.dragHandleProps,className:"sps-content-row"},r.createElement("div",{className:"sps-content-row__col-group","data-col-value":s},r.createElement("div",{className:"sps-content-row__col sps-column-chooser__grab-col"},r.createElement("i",{className:"sps-column-chooser__drag-handle"})),r.createElement("div",{className:"sps-content-row__col--borderless"},r.createElement("div",{className:"sps-body-12"},a)),r.createElement("div",{className:"sps-content-row__col sps-column-chooser__delete-col"},!l&&r.createElement(Ie,{"aria-label":u("columnChooser.removeButton",{elementName:a,defaultValue:`Remove ${a}`}),kind:R.ButtonKind.ICON,icon:R.SpsIcon.X,onClick:()=>{i&&i(s||"")}})))))}Object.assign(Go,{props:Wv,displayName:"SpsColumnChooserColumn"});const Gv={maxSelectedColumns:"number | null",unselectedColumns:"ColumnProps[]",selectedColumns:"ColumnProps[]",onApplyChanges:"(selectedColumns: ColumnProps[]) => void"};function Wa(e){const{unselectedColumns:t=[],selectedColumns:n=[],maxSelectedColumns:o=8,onApplyChanges:a,maxVisibleUnselectedColumns:s,updateInitialState:i,className:l,unsafelyReplaceClassName:d,...c}=e,[u,m]=vt({isVisible:!1,unselectedColumns:[...t.map(y=>({...y,label:y.name,columnId:Ke()}))],selectedColumns:[...n.map(y=>({...y,columnId:Ke()}))],searchSelectedColumn:null,pendingUnselectedColumns:[...t.map(y=>({...y,label:y.name,columnId:Ke()}))],pendingSelectedColumns:[...n.map(y=>({...y,columnId:Ke()}))]}),{t:p}=Se.useWoodlandLanguage(),f={searchSelectedColumn:""},g=F(u.isVisible&&"sps-button--open",l),{formMeta:h,formValue:E,updateForm:v}=Si(f);function b(y){if(y.target.value){const k=[...u.pendingSelectedColumns],x=[];u.pendingUnselectedColumns.forEach(P=>{y.target.value===P.name?(v(f),k.push({columnId:Ke(),name:P.name,value:P.value})):x.push(P)}),m({pendingSelectedColumns:k,pendingUnselectedColumns:x})}}function C(y){const k=[],x=[...u.pendingUnselectedColumns];u.pendingSelectedColumns.forEach(P=>{y===P.value?x.push({columnId:Ke(),name:P.name,value:P.value}):k.push(P)}),m({pendingSelectedColumns:k,pendingUnselectedColumns:x})}function w(y){if(!y.destination)return;const k=[...u.pendingSelectedColumns],[x]=k.splice(y.source.index,1);k.splice(y.destination.index,0,x),m({pendingSelectedColumns:k})}function T(){const y=u.pendingSelectedColumns.map(k=>{const x={...k};return x.columnId&&delete x.columnId,x});v(f),m({isVisible:!1,selectedColumns:[...u.pendingSelectedColumns],unselectedColumns:[...u.pendingUnselectedColumns]}),a&&a(y)}function M(){m({isVisible:!u.isVisible}),u.isVisible&&m({pendingSelectedColumns:[...u.selectedColumns],pendingUnselectedColumns:[...u.unselectedColumns]})}const _=r.useCallback(y=>{const k=new RegExp(y??"","i");return s?u.pendingUnselectedColumns.filter(x=>k.test(x.name)).map(x=>x.name).slice(0,s):u.pendingUnselectedColumns.map(x=>x.name)},[u.pendingUnselectedColumns,s]);return r.useEffect(()=>{i&&m({unselectedColumns:[...t.map(y=>({...y,label:y.name,columnId:Ke()}))],pendingUnselectedColumns:[...t.map(y=>({...y,label:y.name,columnId:Ke()}))]})},[t]),r.useEffect(()=>{i&&m({selectedColumns:[...n.map(y=>({...y,columnId:Ke()}))],pendingSelectedColumns:[...n.map(y=>({...y,columnId:Ke()}))]})},[n]),r.createElement("div",{className:"sps-column-chooser z-stratum-dropdown",...c},r.createElement(Ie,{className:g,"aria-label":`${u.isVisible?"Close":"Open"} Column Chooser`,kind:R.ButtonKind.ICON,icon:R.SpsIcon.TABLE,onClick:M,"data-testid":"button"}),u.isVisible&&r.createElement(Ka,{"data-testid":"open",footer:()=>r.createElement(Ie,{"aria-label":"Apply Changes",kind:R.ButtonKind.LINK,onClick:T},p("columnChooser.applyChanges",{defaultValue:"Apply Changes"}))},r.createElement("div",{className:"sps-column-chooser__search-container"},r.createElement(yt,{suggestions:_,disabled:!!(o&&u.pendingSelectedColumns.length>=o),value:E.searchSelectedColumn?E.searchSelectedColumn:"",formMeta:h.fields.searchSelectedColumn,onChange:b,placeholder:p("columnChooser.findColumnsToAdd",{defaultValue:"Find Columns to Add"}),"data-testid":"autocomplete",disableOptionsMemoization:!0})),r.createElement("div",{className:"sps-column-chooser__selected-title"},p("columnChooser.selected",{defaultValue:"Selected"})),r.createElement(Vc,{onDragEnd:w},r.createElement(Va,{droppableId:"column-chooser"},y=>r.createElement("div",{...y.droppableProps,ref:y.innerRef},u.pendingSelectedColumns.map((k,x)=>r.createElement(Go,{index:x,key:k.columnId,columnId:k.columnId,name:k.name,value:k.value,onDelete:C,mandatory:k.mandatory})),y.placeholder)))))}Object.assign(Wa,{props:Gv,displayName:"SpsColumnChooser"});const nd={basic:{label:"Basic",description:"Column chooser component",examples:{basic:{react:S.code`
                     import { SpsColumnChooser } from "@spscommerce/ds-react";
                     function DemoComponent() {
                         const unselectedCols = [
@@ -690,7 +716,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
                             />
                         );
                     }
-                `}}}},Uv={icon:{type:"SpsIcon",required:!0},size:"SpsIconSize"};function ut(e){const{className:t,"data-testid":n,icon:o,size:a=A.SpsIconSize.MEDIUM,unsafelyReplaceClassName:s,...i}=e,l=V(s||"sps-icon",`sps-icon-${o}`,`sps-icon--${a}`,e.onClick&&"interactive-icon",t);return r.createElement("i",{className:l,"aria-hidden":"true","data-testid":n,...i})}Object.assign(ut,{props:Uv,displayName:"SpsI"});const zv={borderless:"boolean",lean:"boolean",leaner:{type:"boolean",deprecated:!0},widthPx:"number",widthRem:"number"};function Xt(e){const{borderless:t,children:n,className:o,lean:a,leaner:s,style:i,unsafelyReplaceClassName:l,widthPx:d,widthRem:c,...u}=e;r.useEffect(()=>{s&&console.log(["The 'leaner' prop on SpsContentRowCol is deprecated. The padding for Content","Rows has been updated so the old 'lean' padding is the default, and the","'leaner' padding is enabled with 'lean'. This column will be displayed as","a new 'lean' column, but you should change the prop you're passing as well."].join(" "))},[s]);const m=V(l||"sps-content-row__col",t&&"sps-content-row__col--borderless",(a||s)&&"sps-content-row__col--lean",o),p=d?d/16:c,f=p?{...i,width:`${p}rem`}:i;return r.createElement("div",{...u,className:m,style:f},n)}Object.assign(Xt,{props:zv,displayName:"SpsContentRowCol"});const jv={};function Uo(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=V(a||"sps-content-row__expansion",n);return r.createElement("div",{className:i,...s,"data-testid":`${o}__expansion`},t)}Object.assign(Uo,{props:jv,displayName:"SpsContentRowExpansion"});const Yv={alternateLayout:"boolean",initiallyExpanded:"boolean",cardSpacing:"boolean",expanded:"boolean",onBeforeCollapsed:"() => boolean",onBeforeExpanded:"() => boolean",onSelectionChange:"ChangeEventHandler",onCollapsed:"() => void",onExpanded:"() => void",selectable:"boolean",selected:"boolean"};function Ga(e){const{alternateLayout:t=!1,children:n,className:o,expanded:a,onBeforeCollapsed:s,onBeforeExpanded:i,onSelectionChange:l,onCollapsed:d,onExpanded:c,initiallyExpanded:u=!1,cardSpacing:m=!1,selectable:p=!1,selected:f,"data-testid":g,unsafelyReplaceClassName:h,...E}=e,{t:v}=Se.useWoodlandLanguage(),[b,C]=r.useState(u),w=typeof a=="boolean"?a:b;function T(P){P.stopPropagation(),w&&(!s||s())?(C(!1),d&&d()):!w&&(!i||i())&&(C(!0),c&&c())}const x=()=>r.createElement(Ut,{checked:f,onChange:l}),F=()=>r.createElement("button",{type:"button",className:"sps-content-row__expand-btn",onClick:T,"aria-label":v(`contentRow.${w?"collapse":"expand"}`,{defaultValue:`${w?"Collapse":"Expand"}`})},r.createElement(ut,{icon:w?A.SpsIcon.MINUS_CIRCLE:A.SpsIcon.PLUS_CIRCLE})),y=V(h||"sps-content-row",w&&"sps-content-row--expanded",m&&"sps-content-row--card-spaced",f&&"sps-content-row--selected",t&&"sps-content-row--alternate-layout",o),[k,[M]]=ot(n,[{type:Xt},{type:Uo}]);return r.createElement("div",{className:y,"data-testid":g,...E},r.createElement("div",{className:"sps-content-row__col-group","data-testid":`${g}__children`},p&&!t&&r.createElement(Xt,{widthPx:46},r.createElement(x,null)),M&&!t&&r.createElement(Xt,{widthPx:44},r.createElement(F,null)),M&&p&&t&&r.createElement(Xt,{widthPx:46},r.createElement("section",null,r.createElement(x,null)),r.createElement("section",null,r.createElement(F,null))),k),M)}Object.assign(Ga,{props:Yv,displayName:"SpsContentRow"});const od={basic:{label:"Content rows",examples:{basic:{react:S.code`
+                `}}}},Uv={icon:{type:"SpsIcon",required:!0},size:"SpsIconSize"};function ut(e){const{className:t,"data-testid":n,icon:o,size:a=R.SpsIconSize.MEDIUM,unsafelyReplaceClassName:s,...i}=e,l=F(s||"sps-icon",`sps-icon-${o}`,`sps-icon--${a}`,e.onClick&&"interactive-icon",t);return r.createElement("i",{className:l,"aria-hidden":"true","data-testid":n,...i})}Object.assign(ut,{props:Uv,displayName:"SpsI"});const zv={borderless:"boolean",lean:"boolean",leaner:{type:"boolean",deprecated:!0},widthPx:"number",widthRem:"number"};function Xt(e){const{borderless:t,children:n,className:o,lean:a,leaner:s,style:i,unsafelyReplaceClassName:l,widthPx:d,widthRem:c,...u}=e;r.useEffect(()=>{s&&console.log(["The 'leaner' prop on SpsContentRowCol is deprecated. The padding for Content","Rows has been updated so the old 'lean' padding is the default, and the","'leaner' padding is enabled with 'lean'. This column will be displayed as","a new 'lean' column, but you should change the prop you're passing as well."].join(" "))},[s]);const m=F(l||"sps-content-row__col",t&&"sps-content-row__col--borderless",(a||s)&&"sps-content-row__col--lean",o),p=d?d/16:c,f=p?{...i,width:`${p}rem`}:i;return r.createElement("div",{...u,className:m,style:f},n)}Object.assign(Xt,{props:zv,displayName:"SpsContentRowCol"});const jv={};function Uo(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=F(a||"sps-content-row__expansion",n);return r.createElement("div",{className:i,...s,"data-testid":`${o}__expansion`},t)}Object.assign(Uo,{props:jv,displayName:"SpsContentRowExpansion"});const Yv={alternateLayout:"boolean",initiallyExpanded:"boolean",cardSpacing:"boolean",expanded:"boolean",onBeforeCollapsed:"() => boolean",onBeforeExpanded:"() => boolean",onSelectionChange:"ChangeEventHandler",onCollapsed:"() => void",onExpanded:"() => void",selectable:"boolean",selected:"boolean"};function Ga(e){const{alternateLayout:t=!1,children:n,className:o,expanded:a,onBeforeCollapsed:s,onBeforeExpanded:i,onSelectionChange:l,onCollapsed:d,onExpanded:c,initiallyExpanded:u=!1,cardSpacing:m=!1,selectable:p=!1,selected:f,"data-testid":g,unsafelyReplaceClassName:h,...E}=e,{t:v}=Se.useWoodlandLanguage(),[b,C]=r.useState(u),w=typeof a=="boolean"?a:b;function T(P){P.stopPropagation(),w&&(!s||s())?(C(!1),d&&d()):!w&&(!i||i())&&(C(!0),c&&c())}const M=()=>r.createElement(Ut,{checked:f,onChange:l}),_=()=>r.createElement("button",{type:"button",className:"sps-content-row__expand-btn",onClick:T,"aria-label":v(`contentRow.${w?"collapse":"expand"}`,{defaultValue:`${w?"Collapse":"Expand"}`})},r.createElement(ut,{icon:w?R.SpsIcon.MINUS_CIRCLE:R.SpsIcon.PLUS_CIRCLE})),y=F(h||"sps-content-row",w&&"sps-content-row--expanded",m&&"sps-content-row--card-spaced",f&&"sps-content-row--selected",t&&"sps-content-row--alternate-layout",o),[k,[x]]=ot(n,[{type:Xt},{type:Uo}]);return r.createElement("div",{className:y,"data-testid":g,...E},r.createElement("div",{className:"sps-content-row__col-group","data-testid":`${g}__children`},p&&!t&&r.createElement(Xt,{widthPx:46},r.createElement(M,null)),x&&!t&&r.createElement(Xt,{widthPx:44},r.createElement(_,null)),x&&p&&t&&r.createElement(Xt,{widthPx:46},r.createElement("section",null,r.createElement(M,null)),r.createElement("section",null,r.createElement(_,null))),k),x)}Object.assign(Ga,{props:Yv,displayName:"SpsContentRow"});const od={basic:{label:"Content rows",examples:{basic:{react:S.code`
                     import {
                         SpsContentRow,
                         SpsContentRowCol,
@@ -1158,7 +1184,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
                       </>
                     )
                   }
-                `}}}},qv=cn.default||cn;function Jv(){return new Array(7).fill(null)}function rd(e){const t=qv({year:e.year,month:e.month-1,date:1}),n=t.weekday(),o=t.daysInMonth(),a=Math.ceil((o+n)/7),s=a*7,i=new Array(a).fill(!0).map(Jv);t.subtract(n,"days");for(let l=0;l<s;l+=1){const d=i[Math.floor(l/7)],c=l%7;d[c]=Object.freeze({year:t.year(),month:t.month()+1,date:t.date()}),c===6&&Object.freeze(d),t.add(1,"day")}return i}function ad(e){const[t,n]=r.useState(()=>rd(e));return r.useEffect(()=>{n(rd(e))},[e]),t}function sd(e){const[t,n]=r.useState(()=>z.toMoment(e));return r.useEffect(()=>n(z.toMoment(e)),[e]),t}function zo(e){const t=e%10,n=~~(e%100/10)===1?"th":t===1?"st":t===2?"nd":t===3?"rd":"th";return e+n}function wt(e,t,n){const o={m:["eine Minute","einer Minute"],h:["eine Stunde","einer Stunde"],d:["ein Tag","einem Tag"],dd:[e+" Tage",e+" Tagen"],w:["eine Woche","einer Woche"],M:["ein Monat","einem Monat"],MM:[e+" Monate",e+" Monaten"],y:["ein Jahr","einem Jahr"],yy:[e+" Jahre",e+" Jahren"]};return t?o[n][0]:o[n][1]}function Xv(e){e.defineLocale("de",{months:"Januar_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"),monthsShort:"Jan._Feb._März_Apr._Mai_Juni_Juli_Aug._Sep._Okt._Nov._Dez.".split("_"),monthsParseExact:!0,weekdays:"Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"),weekdaysShort:"So._Mo._Di._Mi._Do._Fr._Sa.".split("_"),weekdaysMin:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd, D. MMMM YYYY HH:mm"},calendar:{sameDay:"[heute um] LT [Uhr]",sameElse:"L",nextDay:"[morgen um] LT [Uhr]",nextWeek:"dddd [um] LT [Uhr]",lastDay:"[gestern um] LT [Uhr]",lastWeek:"[letzten] dddd [um] LT [Uhr]"},relativeTime:{future:"in %s",past:"vor %s",s:"ein paar Sekunden",ss:"%d Sekunden",m:wt,mm:"%d Minuten",h:wt,hh:"%d Stunden",d:wt,dd:wt,w:wt,ww:"%d Wochen",M:wt,MM:wt,y:wt,yy:wt},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:4}})}function Zv(e){e.defineLocale("en-au",{months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY h:mm A",LLLL:"dddd, D MMMM YYYY h:mm A"},calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},dayOfMonthOrdinalParse:/\d{1,2}(st|nd|rd|th)/,ordinal:zo,week:{dow:0,doy:4}})}function Qv(e){e.defineLocale("en-ca",{months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A",L:"YYYY-MM-DD",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},dayOfMonthOrdinalParse:/\d{1,2}(st|nd|rd|th)/,ordinal:zo})}function ey(e){e.defineLocale("en-gb",{months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},dayOfMonthOrdinalParse:/\d{1,2}(st|nd|rd|th)/,ordinal:zo,week:{dow:1,doy:4}})}function ty(e){e.defineLocale("en-ie",{months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},dayOfMonthOrdinalParse:/\d{1,2}(st|nd|rd|th)/,ordinal:zo,week:{dow:1,doy:4}})}function ny(e){const t="ene._feb._mar._abr._may._jun._jul._ago._sep._oct._nov._dic.".split("_"),n="ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_");e.defineLocale("es",{months:"enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"),monthsShort:function(o,a){return o?/-MMM-/.test(a)?n[o.month()]:t[o.month()]:t},monthsParseExact:!0,weekdays:"domingo_lunes_martes_miércoles_jueves_viernes_sábado".split("_"),weekdaysShort:"dom._lun._mar._mié._jue._vie._sáb.".split("_"),weekdaysMin:"do_lu_ma_mi_ju_vi_sá".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY H:mm",LLLL:"dddd, D [de] MMMM [de] YYYY H:mm"},calendar:{sameDay:function(){return"[hoy a la"+(this.hours()!==1?"s":"")+"] LT"},nextDay:function(){return"[mañana a la"+(this.hours()!==1?"s":"")+"] LT"},nextWeek:function(){return"dddd [a la"+(this.hours()!==1?"s":"")+"] LT"},lastDay:function(){return"[ayer a la"+(this.hours()!==1?"s":"")+"] LT"},lastWeek:function(){return"[el] dddd [pasado a la"+(this.hours()!==1?"s":"")+"] LT"},sameElse:"L"},relativeTime:{future:"en %s",past:"hace %s",s:"unos segundos",ss:"%d segundos",m:"un minuto",mm:"%d minutos",h:"una hora",hh:"%d horas",d:"un día",dd:"%d días",w:"una semana",ww:"%d semanas",M:"un mes",MM:"%d meses",y:"un año",yy:"%d años"},dayOfMonthOrdinalParse:/\d{1,2}º/,ordinal:"%dº",week:{dow:1,doy:4},invalidDate:"Fecha inválida"})}function oy(e){e.defineLocale("fr",{months:"janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre".split("_"),monthsShort:"janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.".split("_"),monthsParseExact:!0,weekdays:"dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"),weekdaysShort:"dim._lun._mar._mer._jeu._ven._sam.".split("_"),weekdaysMin:"di_lu_ma_me_je_ve_sa".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:"[Aujourd'hui à] LT",nextDay:"[Demain à] LT",nextWeek:"dddd [à] LT",lastDay:"[Hier à] LT",lastWeek:"dddd [dernier à] LT",sameElse:"L"},relativeTime:{future:"dans %s",past:"il y a %s",s:"quelques secondes",ss:"%d secondes",m:"une minute",mm:"%d minutes",h:"une heure",hh:"%d heures",d:"un jour",dd:"%d jours",w:"une semaine",ww:"%d semaines",M:"un mois",MM:"%d mois",y:"un an",yy:"%d ans"},dayOfMonthOrdinalParse:/\d{1,2}(er|)/,ordinal:function(t,n){switch(n){case"D":return t+(t===1?"er":"");default:case"M":case"Q":case"DDD":case"d":return t+(t===1?"er":"e");case"w":case"W":return t+(t===1?"re":"e")}},week:{dow:1,doy:4}})}function ry(e){e.defineLocale("fr-ca",{months:"janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre".split("_"),monthsShort:"janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.".split("_"),monthsParseExact:!0,weekdays:"dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"),weekdaysShort:"dim._lun._mar._mer._jeu._ven._sam.".split("_"),weekdaysMin:"di_lu_ma_me_je_ve_sa".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:"[Aujourd'hui à] LT",nextDay:"[Demain à] LT",nextWeek:"dddd [à] LT",lastDay:"[Hier à] LT",lastWeek:"dddd [dernier à] LT",sameElse:"L"},relativeTime:{future:"dans %s",past:"il y a %s",s:"quelques secondes",ss:"%d secondes",m:"une minute",mm:"%d minutes",h:"une heure",hh:"%d heures",d:"un jour",dd:"%d jours",M:"un mois",MM:"%d mois",y:"un an",yy:"%d ans"},dayOfMonthOrdinalParse:/\d{1,2}(er|e)/,ordinal:function(t,n){switch(n){default:case"M":case"Q":case"D":case"DDD":case"d":return t+(t===1?"er":"e");case"w":case"W":return t+(t===1?"re":"e")}}})}function ay(e){e.defineLocale("it",{months:"gennaio_febbraio_marzo_aprile_maggio_giugno_luglio_agosto_settembre_ottobre_novembre_dicembre".split("_"),monthsShort:"gen_feb_mar_apr_mag_giu_lug_ago_set_ott_nov_dic".split("_"),weekdays:"domenica_lunedì_martedì_mercoledì_giovedì_venerdì_sabato".split("_"),weekdaysShort:"dom_lun_mar_mer_gio_ven_sab".split("_"),weekdaysMin:"do_lu_ma_me_gi_ve_sa".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:function(){return"[Oggi a"+(this.hours()>1?"lle ":this.hours()===0?" ":"ll'")+"]LT"},nextDay:function(){return"[Domani a"+(this.hours()>1?"lle ":this.hours()===0?" ":"ll'")+"]LT"},nextWeek:function(){return"dddd [a"+(this.hours()>1?"lle ":this.hours()===0?" ":"ll'")+"]LT"},lastDay:function(){return"[Ieri a"+(this.hours()>1?"lle ":this.hours()===0?" ":"ll'")+"]LT"},lastWeek:function(){switch(this.day()){case 0:return"[La scorsa] dddd [a"+(this.hours()>1?"lle ":this.hours()===0?" ":"ll'")+"]LT";default:return"[Lo scorso] dddd [a"+(this.hours()>1?"lle ":this.hours()===0?" ":"ll'")+"]LT"}},sameElse:"L"},relativeTime:{future:"tra %s",past:"%s fa",s:"alcuni secondi",ss:"%d secondi",m:"un minuto",mm:"%d minuti",h:"un'ora",hh:"%d ore",d:"un giorno",dd:"%d giorni",w:"una settimana",ww:"%d settimane",M:"un mese",MM:"%d mesi",y:"un anno",yy:"%d anni"},dayOfMonthOrdinalParse:/\d{1,2}º/,ordinal:"%dº",week:{dow:1,doy:4}})}function sy(e){const t="jan._feb._mrt._apr._mei_jun._jul._aug._sep._okt._nov._dec.".split("_"),n="jan_feb_mrt_apr_mei_jun_jul_aug_sep_okt_nov_dec".split("_");e.defineLocale("nl",{months:"januari_februari_maart_april_mei_juni_juli_augustus_september_oktober_november_december".split("_"),monthsShort:function(o,a){return o?/-MMM-/.test(a)?n[o.month()]:t[o.month()]:t},monthsParseExact:!0,weekdays:"zondag_maandag_dinsdag_woensdag_donderdag_vrijdag_zaterdag".split("_"),weekdaysShort:"zo._ma._di._wo._do._vr._za.".split("_"),weekdaysMin:"zo_ma_di_wo_do_vr_za".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD-MM-YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:"[vandaag om] LT",nextDay:"[morgen om] LT",nextWeek:"dddd [om] LT",lastDay:"[gisteren om] LT",lastWeek:"[afgelopen] dddd [om] LT",sameElse:"L"},relativeTime:{future:"over %s",past:"%s geleden",s:"een paar seconden",ss:"%d seconden",m:"één minuut",mm:"%d minuten",h:"één uur",hh:"%d uur",d:"één dag",dd:"%d dagen",w:"één week",ww:"%d weken",M:"één maand",MM:"%d maanden",y:"één jaar",yy:"%d jaar"},dayOfMonthOrdinalParse:/\d{1,2}(ste|de)/,ordinal:function(o){return o+(o===1||o===8||o>=20?"ste":"de")},week:{dow:1,doy:4}})}function iy(e){e.defineLocale("zh-cn",{months:"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),weekdays:"星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"),weekdaysShort:"周日_周一_周二_周三_周四_周五_周六".split("_"),weekdaysMin:"日_一_二_三_四_五_六".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY年M月D日",LLL:"YYYY年M月D日Ah点mm分",LLLL:"YYYY年M月D日ddddAh点mm分",l:"YYYY/M/D",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日dddd HH:mm"},meridiemParse:/凌晨|早上|上午|中午|下午|晚上/,meridiemHour:function(t,n){return t===12&&(t=0),n==="凌晨"||n==="早上"||n==="上午"?t:n==="下午"||n==="晚上"?t+12:t>=11?t:t+12},meridiem:function(t,n){const o=t*100+n;return o<600?"凌晨":o<900?"早上":o<1130?"上午":o<1230?"中午":o<1800?"下午":"晚上"},calendar:{sameDay:"[今天]LT",nextDay:"[明天]LT",nextWeek:function(t){return t.week()!==this.week()?"[下]dddLT":"[本]dddLT"},lastDay:"[昨天]LT",lastWeek:function(t){return this.week()!==t.week()?"[上]dddLT":"[本]dddLT"},sameElse:"L"},dayOfMonthOrdinalParse:/\d{1,2}(日|月|周)/,ordinal:function(t,n){switch(n){case"d":case"D":case"DDD":return t+"日";case"M":return t+"月";case"w":case"W":return t+"周";default:return String(t)}},relativeTime:{future:"%s后",past:"%s前",s:"几秒",ss:"%d 秒",m:"1 分钟",mm:"%d 分钟",h:"1 小时",hh:"%d 小时",d:"1 天",dd:"%d 天",w:"1 周",ww:"%d 周",M:"1 个月",MM:"%d 个月",y:"1 年",yy:"%d 年"},week:{dow:1,doy:4}})}function ly(e){e.defineLocale("zh-tw",{months:"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),weekdays:"星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"),weekdaysShort:"週日_週一_週二_週三_週四_週五_週六".split("_"),weekdaysMin:"日_一_二_三_四_五_六".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY年M月D日",LLL:"YYYY年M月D日 HH:mm",LLLL:"YYYY年M月D日dddd HH:mm",l:"YYYY/M/D",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日dddd HH:mm"},meridiemParse:/凌晨|早上|上午|中午|下午|晚上/,meridiemHour:function(t,n){return t===12&&(t=0),n==="凌晨"||n==="早上"||n==="上午"?t:n==="中午"?t>=11?t:t+12:n==="下午"||n==="晚上"?t+12:t},meridiem:function(t,n){const o=t*100+n;return o<600?"凌晨":o<900?"早上":o<1130?"上午":o<1230?"中午":o<1800?"下午":"晚上"},calendar:{sameDay:"[今天] LT",nextDay:"[明天] LT",nextWeek:"[下]dddd LT",lastDay:"[昨天] LT",lastWeek:"[上]dddd LT",sameElse:"L"},dayOfMonthOrdinalParse:/\d{1,2}(日|月|週)/,ordinal:function(t,n){switch(n){case"d":case"D":case"DDD":return t+"日";case"M":return t+"月";case"w":case"W":return t+"週";default:return String(t)}},relativeTime:{future:"%s後",past:"%s前",s:"幾秒",ss:"%d 秒",m:"1 分鐘",mm:"%d 分鐘",h:"1 小時",hh:"%d 小時",d:"1 天",dd:"%d 天",M:"1 個月",MM:"%d 個月",y:"1 年",yy:"%d 年"}})}function cy(e){const t=e.locale();Xv(e),Zv(e),Qv(e),ey(e),ty(e),ny(e),oy(e),ry(e),ay(e),sy(e),iy(e),ly(e),e.locale(t)}cy(ke);const dy=ke.locale(),Tn=ke.locales();Tn.indexOf("en-US")===-1&&ke.defineLocale("en-US",{parentLocale:"en",longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY @ LT",LLLL:"dddd MMMM D, YYYY @ LT"}}),Tn.indexOf("en-US24")===-1&&ke.defineLocale("en-US24",{parentLocale:"en-US",longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss"}}),Tn.indexOf("en-PH")===-1&&(ke.defineLocale("en-PH",{parentLocale:"en-GB"}),ke.updateLocale("en-PH",{longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A"}})),Tn.indexOf("en-IN")===-1&&(ke.defineLocale("en-IN",{parentLocale:"en-GB"}),ke.updateLocale("en-IN",{longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A",ll:"D-MMM-YYYY"}})),Tn.indexOf("en-SG")===-1&&(ke.defineLocale("en-SG",{parentLocale:"en-IN"}),ke.updateLocale("en-SG",{longDateFormat:{ll:"D MMM YYYY"}})),Tn.indexOf("en-HK")===-1&&ke.defineLocale("en-HK",{parentLocale:"en-GB"}),ke.locale(dy);function jo(){return typeof window>"u"?"en-US":window.navigator.languages?.[0]||window.navigator.language||"en-US"}function id(e){if(typeof Intl>"u"||typeof Intl.DateTimeFormat!="function")return!1;try{const t=e??jo();return new Intl.DateTimeFormat(t,{hour:"numeric"}).resolvedOptions().hour12===!1}catch{return!1}}function ld(e){const t=e??jo();return ke().locale(t).locale()}const cd=r.createContext(void 0);function py({currentUser:e,locale:t,children:n}){const o=r.useMemo(()=>({currentUser:e,locale:t}),[e,t]);return r.createElement(cd.Provider,{value:o},n)}function ro(e){const t=r.useContext(cd);return e?.preferences?.locale||e?.acting_entity?.user_info?.preferences?.locale||t?.locale||t?.currentUser?.preferences?.locale||t?.currentUser?.acting_entity?.user_info?.preferences?.locale||jo()}const uy=cn.default||cn,Ue="sps-datepicker__calendar";function ao({maxDate:e,selectedDate:t,selectedRange:n}){const o=n?z.nullifyInvalidDate(n[0])||z.nullifyInvalidDate(n[1]):null;return z.nullifyInvalidDate(t)||o||z.nullifyInvalidDate(e)||z.create()}function Yo(e){const{children:t,className:n,isOpen:o,maxDate:a,minDate:s,currentUser:i,onNewSelection:l,selectedDate:d,selectedRange:c,selectedPreset:u,showTwoMonths:m=!1,"data-testid":p,...f}=e,{t:g}=Se.useWoodlandLanguage(),h=ro(i),E=r.useMemo(()=>ld(h),[h]),v=r.useMemo(()=>uy.localeData(E).weekdaysShort(),[E]),[b,C]=r.useState(()=>ao(e)),[w,T]=r.useState(z.nextMonth({...b,date:15})),x=r.useMemo(()=>z.create(),[]);r.useEffect(()=>{if(c&&c[0]&&c[1]&&c[0].month!==b.month&&c[0].month!==w.month&&c[1].month!==b.month&&c[1].month!==w.month){const $=ao(e);C($),T(z.nextMonth({month:$.month,date:15,year:$.year}))}else if(c&&c[0]&&!c[1]&&c[0].month!==b.month&&c[0].month!==w.month){const $=ao(e);C($),T(z.nextMonth({month:$.month,date:15,year:$.year}))}else if(c&&!c[0]&&c[1]&&c[1].month!==b.month&&c[1].month!==w.month){const $=ao(e);C($),T(z.nextMonth({month:$.month,date:15,year:$.year}))}else{const $=ao(e);C($),T(z.nextMonth({month:$.month,date:15,year:$.year}))}},[d,c,a,o]);const F=sd(b),y=ad(b),k=sd(w),M=ad(w),[P,G]=r.useState();function I(){C(z.prevMonth({...b,date:15})),m&&T(z.prevMonth({...w,date:15}))}function j(){C(z.nextMonth({...b,date:15})),m&&T(z.nextMonth({...w,date:15}))}function K($){$.target&&$.target.classList.contains(`${Ue}-day`)?m&&$.target.classList.contains(`${w.month}`)?G({...w,date:Number($.target.textContent)}):G({...b,date:Number($.target.textContent)}):(!$.target||!$.target.classList.contains(`${Ue}-row`))&&G(void 0)}function H($,L=!1){const _=`${Ue}-day`;return V(`${Ue}-cell`,$&&b&&$.month===b.month&&!L&&_,m&&$.month===w.month&&L&&_,z.isSameDate(x,$)&&`${_}--current-day`,(z.isSameDate($,d)&&z.isInRange($,[s,a])!==!1||c&&z.isSameDate($,c[0])||z.isInRange($,c))&&`${_}--selected`,z.isInRange($,[s,a])===!1&&`${_}--disabled`,c&&c[1]&&z.isSameDate($,c[0])&&!z.isSameDate($,c[1])&&`${_}--selection-start`,z.isInRange($,c,!1)&&`${_}--selection-middle`,c&&z.isSameDate($,c[1])&&!z.isSameDate($,c[0])&&`${_}--selection-end`,c&&c[0]&&!c[1]&&(!s&&!a||z.isInRange(P,[s,a]))&&z.isInRange($,[c[0],P],!1)&&`${_}--pending-selection`,u&&u==="After"&&c&&c[0]&&c[1]===null&&(!s&&!a||z.isInRange($,[c[0],a]))&&z.isInRange($,[c[0],{month:12,date:31,year:3e3}],!1)&&`${_}--selected`,u&&u==="Before"&&c&&c[0]===null&&c[1]&&(!s&&!a||z.isInRange($,[s,c[1]]))&&z.isInRange($,[{month:1,date:1,year:1900},c[1]])&&`${_}--selected`)}function R($){$&&b&&$.month===b.month&&z.isInRange($,[s,a])!==!1&&l($),$&&m&&w&&$.month===w.month&&z.isInRange($,[s,a])!==!1&&l($)}const Z=V(Ue,n);return b?r.createElement(r.Fragment,null,r.createElement("div",{"data-testid":`${p}`,className:Z,...f,onMouseOver:K},r.createElement("div",{className:`${Ue}-head`},r.createElement("button",{"data-testid":`${p}_prev_month`,type:"button",tabIndex:-1,disabled:z.isSameMonth(b,s),title:g("datepicker.calendar.prevMonth",{defaultValue:"View Previous Month"}),className:"sps-datepicker__button sps-datepicker__button-previous-month",onClick:I},r.createElement("i",{className:"sps-icon sps-icon-chevron-left"})),r.createElement("span",{className:`${Ue}-head-label`},r.createElement("span",{className:`${Ue}-head-label-month`},F?F.clone().locale(E).format("MMMM"):""),r.createElement("span",{className:`${Ue}-head-label-year`},b.year)),!m&&r.createElement("button",{type:"button","data-testid":`${p}_next_month`,tabIndex:-1,disabled:z.isSameMonth(b,a),title:g("datepicker.calendar.nextMonth",{defaultValue:"View Next Month"}),className:"sps-datepicker__button sps-datepicker__button-next-month",onClick:j},r.createElement("i",{className:"sps-icon sps-icon-chevron-right"}))),r.createElement("div",{className:`${Ue}-body`},r.createElement("div",{className:"sps-datepicker__calendar-row"},v.map($=>r.createElement("div",{key:$,className:"sps-datepicker__calendar-header-cell"},$))),y.map(($,L)=>r.createElement("div",{key:L,className:"sps-datepicker__calendar-row"},$.map((_,Y)=>r.createElement("div",{key:Y,className:H(_),onClick:()=>R(_),"data-testid":`${p}_${z.toString(_)}`},_?_.date:"")))))),m&&r.createElement("div",{"data-testid":`${p}`,className:Z,...f,onMouseOver:K},r.createElement("div",{className:`${Ue}-head`},r.createElement("span",{className:`${Ue}-head-label`},r.createElement("span",{className:`${Ue}-head-label-month`},k?k.clone().locale(E).format("MMMM"):""),r.createElement("span",{className:`${Ue}-head-label-year`},w.year)),r.createElement("button",{type:"button","data-testid":`${p}_next_month`,tabIndex:-1,disabled:z.isSameMonth(w,a),title:g("datepicker.calendar.nextMonth",{defaultValue:"View Next Month"}),className:"sps-datepicker__button sps-datepicker__button-next-month",onClick:j},r.createElement("i",{className:"sps-icon sps-icon-chevron-right"}))),r.createElement("div",{className:`${Ue}-body`},r.createElement("div",{className:"sps-datepicker__calendar-row"},v.map($=>r.createElement("div",{key:$,className:"sps-datepicker__calendar-header-cell"},$))),M.map(($,L)=>r.createElement("div",{key:L,className:"sps-datepicker__calendar-row"},$.map((_,Y)=>r.createElement("div",{key:Y,className:V(H(_,!0),`${w.month.toString()}`),onClick:()=>R(_),"data-testid":`${p}_${z.toString(_)}`},_?_.date:""))))))):r.createElement(r.Fragment,null)}Object.assign(Yo,{displayName:"SpsDatepickerCalendar"});const dd="sps-datepicker__popup",qo=r.forwardRef(({attachTo:e,children:t,className:n,isOpen:o,...a},s)=>{const i=s||r.useRef(null),l=mn("sps-datepicker-popup-portal"),d=r.useContext(nt),[c]=o?Gt(i,e,A.Position.BOTTOM_LEFT,{altPosition:xr(A.Position.BOTTOM_LEFT),...d}):[{}],u=V(dd,"z-stratum-dropdown",o&&`${dd}--open`,n);return l(r.createElement("div",{...a,className:u,ref:i,style:c},t))});Object.assign(qo,{displayName:"SpsDatepickerPopup"});const my={currentUser:"any",disabled:"boolean",formMeta:"SpsFormFieldMeta<SimpleDate>",maxDate:"SimpleDate",minDate:"SimpleDate",onChange:"(newDate: SimpleDate) => void",value:"SimpleDate",format:"string",showTwoMonths:"boolean",autoCloseOnSelect:"boolean"},pd="sps-datepicker";function Ua({children:e,className:t,currentUser:n,disabled:o,formMeta:a,id:s,maxDate:i,minDate:l,onChange:d,value:c,format:u,showTwoMonths:m,autoCloseOnSelect:p=!0,"data-testid":f,...g}){const{wrapperId:h,controlId:E}=We(s,a),v=r.useRef(null),b=r.useRef(null),C=r.useRef(null),[w,T]=r.useState(z.toString(c,u)),{showPopup:x,doShowPopup:F,doHidePopup:y}=fn(v,b);function k(H){a&&(a.setValue(H),a.markAsDirty()),d&&d(H)}function M(H){k(H),T(z.toString(H,u)),C&&C.current&&C.current.focus(),p&&y()}function P(H){T(H.target.value);const R=z.createFrom(H.target.value,u);k(R)}function G(){y(),T(""),k()}function I(H){switch(H.key){case"Tab":y();break;case"Backspace":H.target.selectionStart===0&&c&&!Array.isArray(c)&&G();break}}const j=V(pd,"sps-text-input",x&&`${pd}--open`,t),K=r.useRef(!1);return r.useEffect(()=>{K.current?c?z.isValid(c)&&T(z.toString(c,u)):G():K.current=!0},[c,u]),r.createElement(r.Fragment,null,r.createElement(Le,{id:h,className:j,formMeta:a,inputRef:C,focusInputOnClick:!0,ref:v},r.createElement("div",{className:V("sps-form-control",o&&"disabled")},r.createElement("i",{className:V("sps-text-input__icon","sps-icon","sps-icon-calendar-blank")}),r.createElement("input",{type:"text",ref:C,className:"sps-text-input__input",id:E,placeholder:u?.toUpperCase()||pn,onChange:P,onClick:F,onFocus:F,onKeyDown:I,value:w,disabled:o,"data-testid":`${f}_date_input`,...g}),c&&!o&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:G}))),r.createElement(qo,{isOpen:x,attachTo:v,ref:b},r.createElement(Yo,{"data-testid":`${f}_calendar`,selectedDate:c,onNewSelection:M,minDate:l,maxDate:i,showTwoMonths:m,currentUser:n})))}Object.assign(Ua,{props:my,displayName:"SpsDatepicker"});const ud={basic:{label:"Basic",examples:{basic:{react:S.code`
+                `}}}},qv=cn.default||cn;function Jv(){return new Array(7).fill(null)}function rd(e){const t=qv({year:e.year,month:e.month-1,date:1}),n=t.weekday(),o=t.daysInMonth(),a=Math.ceil((o+n)/7),s=a*7,i=new Array(a).fill(!0).map(Jv);t.subtract(n,"days");for(let l=0;l<s;l+=1){const d=i[Math.floor(l/7)],c=l%7;d[c]=Object.freeze({year:t.year(),month:t.month()+1,date:t.date()}),c===6&&Object.freeze(d),t.add(1,"day")}return i}function ad(e){const[t,n]=r.useState(()=>rd(e));return r.useEffect(()=>{n(rd(e))},[e]),t}function sd(e){const[t,n]=r.useState(()=>j.toMoment(e));return r.useEffect(()=>n(j.toMoment(e)),[e]),t}function zo(e){const t=e%10,n=~~(e%100/10)===1?"th":t===1?"st":t===2?"nd":t===3?"rd":"th";return e+n}function wt(e,t,n){const o={m:["eine Minute","einer Minute"],h:["eine Stunde","einer Stunde"],d:["ein Tag","einem Tag"],dd:[e+" Tage",e+" Tagen"],w:["eine Woche","einer Woche"],M:["ein Monat","einem Monat"],MM:[e+" Monate",e+" Monaten"],y:["ein Jahr","einem Jahr"],yy:[e+" Jahre",e+" Jahren"]};return t?o[n][0]:o[n][1]}function Xv(e){e.defineLocale("de",{months:"Januar_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"),monthsShort:"Jan._Feb._März_Apr._Mai_Juni_Juli_Aug._Sep._Okt._Nov._Dez.".split("_"),monthsParseExact:!0,weekdays:"Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"),weekdaysShort:"So._Mo._Di._Mi._Do._Fr._Sa.".split("_"),weekdaysMin:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd, D. MMMM YYYY HH:mm"},calendar:{sameDay:"[heute um] LT [Uhr]",sameElse:"L",nextDay:"[morgen um] LT [Uhr]",nextWeek:"dddd [um] LT [Uhr]",lastDay:"[gestern um] LT [Uhr]",lastWeek:"[letzten] dddd [um] LT [Uhr]"},relativeTime:{future:"in %s",past:"vor %s",s:"ein paar Sekunden",ss:"%d Sekunden",m:wt,mm:"%d Minuten",h:wt,hh:"%d Stunden",d:wt,dd:wt,w:wt,ww:"%d Wochen",M:wt,MM:wt,y:wt,yy:wt},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:4}})}function Zv(e){e.defineLocale("en-au",{months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY h:mm A",LLLL:"dddd, D MMMM YYYY h:mm A"},calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},dayOfMonthOrdinalParse:/\d{1,2}(st|nd|rd|th)/,ordinal:zo,week:{dow:0,doy:4}})}function Qv(e){e.defineLocale("en-ca",{months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A",L:"YYYY-MM-DD",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},dayOfMonthOrdinalParse:/\d{1,2}(st|nd|rd|th)/,ordinal:zo})}function ey(e){e.defineLocale("en-gb",{months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},dayOfMonthOrdinalParse:/\d{1,2}(st|nd|rd|th)/,ordinal:zo,week:{dow:1,doy:4}})}function ty(e){e.defineLocale("en-ie",{months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},dayOfMonthOrdinalParse:/\d{1,2}(st|nd|rd|th)/,ordinal:zo,week:{dow:1,doy:4}})}function ny(e){const t="ene._feb._mar._abr._may._jun._jul._ago._sep._oct._nov._dic.".split("_"),n="ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_");e.defineLocale("es",{months:"enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"),monthsShort:function(o,a){return o?/-MMM-/.test(a)?n[o.month()]:t[o.month()]:t},monthsParseExact:!0,weekdays:"domingo_lunes_martes_miércoles_jueves_viernes_sábado".split("_"),weekdaysShort:"dom._lun._mar._mié._jue._vie._sáb.".split("_"),weekdaysMin:"do_lu_ma_mi_ju_vi_sá".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"H:mm",LTS:"H:mm:ss",L:"DD/MM/YYYY",LL:"D [de] MMMM [de] YYYY",LLL:"D [de] MMMM [de] YYYY H:mm",LLLL:"dddd, D [de] MMMM [de] YYYY H:mm"},calendar:{sameDay:function(){return"[hoy a la"+(this.hours()!==1?"s":"")+"] LT"},nextDay:function(){return"[mañana a la"+(this.hours()!==1?"s":"")+"] LT"},nextWeek:function(){return"dddd [a la"+(this.hours()!==1?"s":"")+"] LT"},lastDay:function(){return"[ayer a la"+(this.hours()!==1?"s":"")+"] LT"},lastWeek:function(){return"[el] dddd [pasado a la"+(this.hours()!==1?"s":"")+"] LT"},sameElse:"L"},relativeTime:{future:"en %s",past:"hace %s",s:"unos segundos",ss:"%d segundos",m:"un minuto",mm:"%d minutos",h:"una hora",hh:"%d horas",d:"un día",dd:"%d días",w:"una semana",ww:"%d semanas",M:"un mes",MM:"%d meses",y:"un año",yy:"%d años"},dayOfMonthOrdinalParse:/\d{1,2}º/,ordinal:"%dº",week:{dow:1,doy:4},invalidDate:"Fecha inválida"})}function oy(e){e.defineLocale("fr",{months:"janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre".split("_"),monthsShort:"janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.".split("_"),monthsParseExact:!0,weekdays:"dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"),weekdaysShort:"dim._lun._mar._mer._jeu._ven._sam.".split("_"),weekdaysMin:"di_lu_ma_me_je_ve_sa".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:"[Aujourd'hui à] LT",nextDay:"[Demain à] LT",nextWeek:"dddd [à] LT",lastDay:"[Hier à] LT",lastWeek:"dddd [dernier à] LT",sameElse:"L"},relativeTime:{future:"dans %s",past:"il y a %s",s:"quelques secondes",ss:"%d secondes",m:"une minute",mm:"%d minutes",h:"une heure",hh:"%d heures",d:"un jour",dd:"%d jours",w:"une semaine",ww:"%d semaines",M:"un mois",MM:"%d mois",y:"un an",yy:"%d ans"},dayOfMonthOrdinalParse:/\d{1,2}(er|)/,ordinal:function(t,n){switch(n){case"D":return t+(t===1?"er":"");default:case"M":case"Q":case"DDD":case"d":return t+(t===1?"er":"e");case"w":case"W":return t+(t===1?"re":"e")}},week:{dow:1,doy:4}})}function ry(e){e.defineLocale("fr-ca",{months:"janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre".split("_"),monthsShort:"janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.".split("_"),monthsParseExact:!0,weekdays:"dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"),weekdaysShort:"dim._lun._mar._mer._jeu._ven._sam.".split("_"),weekdaysMin:"di_lu_ma_me_je_ve_sa".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:"[Aujourd'hui à] LT",nextDay:"[Demain à] LT",nextWeek:"dddd [à] LT",lastDay:"[Hier à] LT",lastWeek:"dddd [dernier à] LT",sameElse:"L"},relativeTime:{future:"dans %s",past:"il y a %s",s:"quelques secondes",ss:"%d secondes",m:"une minute",mm:"%d minutes",h:"une heure",hh:"%d heures",d:"un jour",dd:"%d jours",M:"un mois",MM:"%d mois",y:"un an",yy:"%d ans"},dayOfMonthOrdinalParse:/\d{1,2}(er|e)/,ordinal:function(t,n){switch(n){default:case"M":case"Q":case"D":case"DDD":case"d":return t+(t===1?"er":"e");case"w":case"W":return t+(t===1?"re":"e")}}})}function ay(e){e.defineLocale("it",{months:"gennaio_febbraio_marzo_aprile_maggio_giugno_luglio_agosto_settembre_ottobre_novembre_dicembre".split("_"),monthsShort:"gen_feb_mar_apr_mag_giu_lug_ago_set_ott_nov_dic".split("_"),weekdays:"domenica_lunedì_martedì_mercoledì_giovedì_venerdì_sabato".split("_"),weekdaysShort:"dom_lun_mar_mer_gio_ven_sab".split("_"),weekdaysMin:"do_lu_ma_me_gi_ve_sa".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:function(){return"[Oggi a"+(this.hours()>1?"lle ":this.hours()===0?" ":"ll'")+"]LT"},nextDay:function(){return"[Domani a"+(this.hours()>1?"lle ":this.hours()===0?" ":"ll'")+"]LT"},nextWeek:function(){return"dddd [a"+(this.hours()>1?"lle ":this.hours()===0?" ":"ll'")+"]LT"},lastDay:function(){return"[Ieri a"+(this.hours()>1?"lle ":this.hours()===0?" ":"ll'")+"]LT"},lastWeek:function(){switch(this.day()){case 0:return"[La scorsa] dddd [a"+(this.hours()>1?"lle ":this.hours()===0?" ":"ll'")+"]LT";default:return"[Lo scorso] dddd [a"+(this.hours()>1?"lle ":this.hours()===0?" ":"ll'")+"]LT"}},sameElse:"L"},relativeTime:{future:"tra %s",past:"%s fa",s:"alcuni secondi",ss:"%d secondi",m:"un minuto",mm:"%d minuti",h:"un'ora",hh:"%d ore",d:"un giorno",dd:"%d giorni",w:"una settimana",ww:"%d settimane",M:"un mese",MM:"%d mesi",y:"un anno",yy:"%d anni"},dayOfMonthOrdinalParse:/\d{1,2}º/,ordinal:"%dº",week:{dow:1,doy:4}})}function sy(e){const t="jan._feb._mrt._apr._mei_jun._jul._aug._sep._okt._nov._dec.".split("_"),n="jan_feb_mrt_apr_mei_jun_jul_aug_sep_okt_nov_dec".split("_");e.defineLocale("nl",{months:"januari_februari_maart_april_mei_juni_juli_augustus_september_oktober_november_december".split("_"),monthsShort:function(o,a){return o?/-MMM-/.test(a)?n[o.month()]:t[o.month()]:t},monthsParseExact:!0,weekdays:"zondag_maandag_dinsdag_woensdag_donderdag_vrijdag_zaterdag".split("_"),weekdaysShort:"zo._ma._di._wo._do._vr._za.".split("_"),weekdaysMin:"zo_ma_di_wo_do_vr_za".split("_"),weekdaysParseExact:!0,longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD-MM-YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},calendar:{sameDay:"[vandaag om] LT",nextDay:"[morgen om] LT",nextWeek:"dddd [om] LT",lastDay:"[gisteren om] LT",lastWeek:"[afgelopen] dddd [om] LT",sameElse:"L"},relativeTime:{future:"over %s",past:"%s geleden",s:"een paar seconden",ss:"%d seconden",m:"één minuut",mm:"%d minuten",h:"één uur",hh:"%d uur",d:"één dag",dd:"%d dagen",w:"één week",ww:"%d weken",M:"één maand",MM:"%d maanden",y:"één jaar",yy:"%d jaar"},dayOfMonthOrdinalParse:/\d{1,2}(ste|de)/,ordinal:function(o){return o+(o===1||o===8||o>=20?"ste":"de")},week:{dow:1,doy:4}})}function iy(e){e.defineLocale("zh-cn",{months:"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),weekdays:"星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"),weekdaysShort:"周日_周一_周二_周三_周四_周五_周六".split("_"),weekdaysMin:"日_一_二_三_四_五_六".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY年M月D日",LLL:"YYYY年M月D日Ah点mm分",LLLL:"YYYY年M月D日ddddAh点mm分",l:"YYYY/M/D",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日dddd HH:mm"},meridiemParse:/凌晨|早上|上午|中午|下午|晚上/,meridiemHour:function(t,n){return t===12&&(t=0),n==="凌晨"||n==="早上"||n==="上午"?t:n==="下午"||n==="晚上"?t+12:t>=11?t:t+12},meridiem:function(t,n){const o=t*100+n;return o<600?"凌晨":o<900?"早上":o<1130?"上午":o<1230?"中午":o<1800?"下午":"晚上"},calendar:{sameDay:"[今天]LT",nextDay:"[明天]LT",nextWeek:function(t){return t.week()!==this.week()?"[下]dddLT":"[本]dddLT"},lastDay:"[昨天]LT",lastWeek:function(t){return this.week()!==t.week()?"[上]dddLT":"[本]dddLT"},sameElse:"L"},dayOfMonthOrdinalParse:/\d{1,2}(日|月|周)/,ordinal:function(t,n){switch(n){case"d":case"D":case"DDD":return t+"日";case"M":return t+"月";case"w":case"W":return t+"周";default:return String(t)}},relativeTime:{future:"%s后",past:"%s前",s:"几秒",ss:"%d 秒",m:"1 分钟",mm:"%d 分钟",h:"1 小时",hh:"%d 小时",d:"1 天",dd:"%d 天",w:"1 周",ww:"%d 周",M:"1 个月",MM:"%d 个月",y:"1 年",yy:"%d 年"},week:{dow:1,doy:4}})}function ly(e){e.defineLocale("zh-tw",{months:"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),weekdays:"星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"),weekdaysShort:"週日_週一_週二_週三_週四_週五_週六".split("_"),weekdaysMin:"日_一_二_三_四_五_六".split("_"),longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY年M月D日",LLL:"YYYY年M月D日 HH:mm",LLLL:"YYYY年M月D日dddd HH:mm",l:"YYYY/M/D",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日dddd HH:mm"},meridiemParse:/凌晨|早上|上午|中午|下午|晚上/,meridiemHour:function(t,n){return t===12&&(t=0),n==="凌晨"||n==="早上"||n==="上午"?t:n==="中午"?t>=11?t:t+12:n==="下午"||n==="晚上"?t+12:t},meridiem:function(t,n){const o=t*100+n;return o<600?"凌晨":o<900?"早上":o<1130?"上午":o<1230?"中午":o<1800?"下午":"晚上"},calendar:{sameDay:"[今天] LT",nextDay:"[明天] LT",nextWeek:"[下]dddd LT",lastDay:"[昨天] LT",lastWeek:"[上]dddd LT",sameElse:"L"},dayOfMonthOrdinalParse:/\d{1,2}(日|月|週)/,ordinal:function(t,n){switch(n){case"d":case"D":case"DDD":return t+"日";case"M":return t+"月";case"w":case"W":return t+"週";default:return String(t)}},relativeTime:{future:"%s後",past:"%s前",s:"幾秒",ss:"%d 秒",m:"1 分鐘",mm:"%d 分鐘",h:"1 小時",hh:"%d 小時",d:"1 天",dd:"%d 天",M:"1 個月",MM:"%d 個月",y:"1 年",yy:"%d 年"}})}function cy(e){const t=e.locale();Xv(e),Zv(e),Qv(e),ey(e),ty(e),ny(e),oy(e),ry(e),ay(e),sy(e),iy(e),ly(e),e.locale(t)}cy(Me);const dy=Me.locale(),Tn=Me.locales();Tn.indexOf("en-US")===-1&&Me.defineLocale("en-US",{parentLocale:"en",longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY @ LT",LLLL:"dddd MMMM D, YYYY @ LT"}}),Tn.indexOf("en-US24")===-1&&Me.defineLocale("en-US24",{parentLocale:"en-US",longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss"}}),Tn.indexOf("en-PH")===-1&&(Me.defineLocale("en-PH",{parentLocale:"en-GB"}),Me.updateLocale("en-PH",{longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A"}})),Tn.indexOf("en-IN")===-1&&(Me.defineLocale("en-IN",{parentLocale:"en-GB"}),Me.updateLocale("en-IN",{longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A",ll:"D-MMM-YYYY"}})),Tn.indexOf("en-SG")===-1&&(Me.defineLocale("en-SG",{parentLocale:"en-IN"}),Me.updateLocale("en-SG",{longDateFormat:{ll:"D MMM YYYY"}})),Tn.indexOf("en-HK")===-1&&Me.defineLocale("en-HK",{parentLocale:"en-GB"}),Me.locale(dy);function jo(){return typeof window>"u"?"en-US":window.navigator.languages?.[0]||window.navigator.language||"en-US"}function id(e){if(typeof Intl>"u"||typeof Intl.DateTimeFormat!="function")return!1;try{const t=e??jo();return new Intl.DateTimeFormat(t,{hour:"numeric"}).resolvedOptions().hour12===!1}catch{return!1}}function ld(e){const t=e??jo();return Me().locale(t).locale()}const cd=r.createContext(void 0);function py({currentUser:e,locale:t,children:n}){const o=r.useMemo(()=>({currentUser:e,locale:t}),[e,t]);return r.createElement(cd.Provider,{value:o},n)}function ro(e){const t=r.useContext(cd);return e?.preferences?.locale||e?.acting_entity?.user_info?.preferences?.locale||t?.locale||t?.currentUser?.preferences?.locale||t?.currentUser?.acting_entity?.user_info?.preferences?.locale||jo()}const uy=cn.default||cn,Ge="sps-datepicker__calendar";function ao({maxDate:e,selectedDate:t,selectedRange:n}){const o=n?j.nullifyInvalidDate(n[0])||j.nullifyInvalidDate(n[1]):null;return j.nullifyInvalidDate(t)||o||j.nullifyInvalidDate(e)||j.create()}function Yo(e){const{children:t,className:n,isOpen:o,maxDate:a,minDate:s,currentUser:i,onNewSelection:l,selectedDate:d,selectedRange:c,selectedPreset:u,showTwoMonths:m=!1,"data-testid":p,...f}=e,{t:g}=Se.useWoodlandLanguage(),h=ro(i),E=r.useMemo(()=>ld(h),[h]),v=r.useMemo(()=>uy.localeData(E).weekdaysShort(),[E]),[b,C]=r.useState(()=>ao(e)),[w,T]=r.useState(j.nextMonth({...b,date:15})),M=r.useMemo(()=>j.create(),[]);r.useEffect(()=>{if(c&&c[0]&&c[1]&&c[0].month!==b.month&&c[0].month!==w.month&&c[1].month!==b.month&&c[1].month!==w.month){const $=ao(e);C($),T(j.nextMonth({month:$.month,date:15,year:$.year}))}else if(c&&c[0]&&!c[1]&&c[0].month!==b.month&&c[0].month!==w.month){const $=ao(e);C($),T(j.nextMonth({month:$.month,date:15,year:$.year}))}else if(c&&!c[0]&&c[1]&&c[1].month!==b.month&&c[1].month!==w.month){const $=ao(e);C($),T(j.nextMonth({month:$.month,date:15,year:$.year}))}else{const $=ao(e);C($),T(j.nextMonth({month:$.month,date:15,year:$.year}))}},[d,c,a,o]);const _=sd(b),y=ad(b),k=sd(w),x=ad(w),[P,z]=r.useState();function I(){C(j.prevMonth({...b,date:15})),m&&T(j.prevMonth({...w,date:15}))}function Y(){C(j.nextMonth({...b,date:15})),m&&T(j.nextMonth({...w,date:15}))}function V($){$.target&&$.target.classList.contains(`${Ge}-day`)?m&&$.target.classList.contains(`${w.month}`)?z({...w,date:Number($.target.textContent)}):z({...b,date:Number($.target.textContent)}):(!$.target||!$.target.classList.contains(`${Ge}-row`))&&z(void 0)}function W($,L=!1){const B=`${Ge}-day`;return F(`${Ge}-cell`,$&&b&&$.month===b.month&&!L&&B,m&&$.month===w.month&&L&&B,j.isSameDate(M,$)&&`${B}--current-day`,(j.isSameDate($,d)&&j.isInRange($,[s,a])!==!1||c&&j.isSameDate($,c[0])||j.isInRange($,c))&&`${B}--selected`,j.isInRange($,[s,a])===!1&&`${B}--disabled`,c&&c[1]&&j.isSameDate($,c[0])&&!j.isSameDate($,c[1])&&`${B}--selection-start`,j.isInRange($,c,!1)&&`${B}--selection-middle`,c&&j.isSameDate($,c[1])&&!j.isSameDate($,c[0])&&`${B}--selection-end`,c&&c[0]&&!c[1]&&(!s&&!a||j.isInRange(P,[s,a]))&&j.isInRange($,[c[0],P],!1)&&`${B}--pending-selection`,u&&u==="After"&&c&&c[0]&&c[1]===null&&(!s&&!a||j.isInRange($,[c[0],a]))&&j.isInRange($,[c[0],{month:12,date:31,year:3e3}],!1)&&`${B}--selected`,u&&u==="Before"&&c&&c[0]===null&&c[1]&&(!s&&!a||j.isInRange($,[s,c[1]]))&&j.isInRange($,[{month:1,date:1,year:1900},c[1]])&&`${B}--selected`)}function A($){$&&b&&$.month===b.month&&j.isInRange($,[s,a])!==!1&&l($),$&&m&&w&&$.month===w.month&&j.isInRange($,[s,a])!==!1&&l($)}const Z=F(Ge,n);return b?r.createElement(r.Fragment,null,r.createElement("div",{"data-testid":`${p}`,className:Z,...f,onMouseOver:V},r.createElement("div",{className:`${Ge}-head`},r.createElement("button",{"data-testid":`${p}_prev_month`,type:"button",tabIndex:-1,disabled:j.isSameMonth(b,s),title:g("datepicker.calendar.prevMonth",{defaultValue:"View Previous Month"}),className:"sps-datepicker__button sps-datepicker__button-previous-month",onClick:I},r.createElement("i",{className:"sps-icon sps-icon-chevron-left"})),r.createElement("span",{className:`${Ge}-head-label`},r.createElement("span",{className:`${Ge}-head-label-month`},_?_.clone().locale(E).format("MMMM"):""),r.createElement("span",{className:`${Ge}-head-label-year`},b.year)),!m&&r.createElement("button",{type:"button","data-testid":`${p}_next_month`,tabIndex:-1,disabled:j.isSameMonth(b,a),title:g("datepicker.calendar.nextMonth",{defaultValue:"View Next Month"}),className:"sps-datepicker__button sps-datepicker__button-next-month",onClick:Y},r.createElement("i",{className:"sps-icon sps-icon-chevron-right"}))),r.createElement("div",{className:`${Ge}-body`},r.createElement("div",{className:"sps-datepicker__calendar-row"},v.map($=>r.createElement("div",{key:$,className:"sps-datepicker__calendar-header-cell"},$))),y.map(($,L)=>r.createElement("div",{key:L,className:"sps-datepicker__calendar-row"},$.map((B,J)=>r.createElement("div",{key:J,className:W(B),onClick:()=>A(B),"data-testid":`${p}_${j.toString(B)}`},B?B.date:"")))))),m&&r.createElement("div",{"data-testid":`${p}`,className:Z,...f,onMouseOver:V},r.createElement("div",{className:`${Ge}-head`},r.createElement("span",{className:`${Ge}-head-label`},r.createElement("span",{className:`${Ge}-head-label-month`},k?k.clone().locale(E).format("MMMM"):""),r.createElement("span",{className:`${Ge}-head-label-year`},w.year)),r.createElement("button",{type:"button","data-testid":`${p}_next_month`,tabIndex:-1,disabled:j.isSameMonth(w,a),title:g("datepicker.calendar.nextMonth",{defaultValue:"View Next Month"}),className:"sps-datepicker__button sps-datepicker__button-next-month",onClick:Y},r.createElement("i",{className:"sps-icon sps-icon-chevron-right"}))),r.createElement("div",{className:`${Ge}-body`},r.createElement("div",{className:"sps-datepicker__calendar-row"},v.map($=>r.createElement("div",{key:$,className:"sps-datepicker__calendar-header-cell"},$))),x.map(($,L)=>r.createElement("div",{key:L,className:"sps-datepicker__calendar-row"},$.map((B,J)=>r.createElement("div",{key:J,className:F(W(B,!0),`${w.month.toString()}`),onClick:()=>A(B),"data-testid":`${p}_${j.toString(B)}`},B?B.date:""))))))):r.createElement(r.Fragment,null)}Object.assign(Yo,{displayName:"SpsDatepickerCalendar"});const dd="sps-datepicker__popup",qo=r.forwardRef(({attachTo:e,children:t,className:n,isOpen:o,...a},s)=>{const i=s||r.useRef(null),l=mn("sps-datepicker-popup-portal"),d=r.useContext(nt),[c]=o?Gt(i,e,R.Position.BOTTOM_LEFT,{altPosition:xr(R.Position.BOTTOM_LEFT),...d}):[{}],u=F(dd,"z-stratum-dropdown",o&&`${dd}--open`,n);return l(r.createElement("div",{...a,className:u,ref:i,style:c},t))});Object.assign(qo,{displayName:"SpsDatepickerPopup"});const my={currentUser:"any",disabled:"boolean",formMeta:"SpsFormFieldMeta<SimpleDate>",maxDate:"SimpleDate",minDate:"SimpleDate",onChange:"(newDate: SimpleDate) => void",value:"SimpleDate",format:"string",showTwoMonths:"boolean",autoCloseOnSelect:"boolean"},pd="sps-datepicker";function Ua({children:e,className:t,currentUser:n,disabled:o,formMeta:a,id:s,maxDate:i,minDate:l,onChange:d,value:c,format:u,showTwoMonths:m,autoCloseOnSelect:p=!0,"data-testid":f,...g}){const{wrapperId:h,controlId:E}=He(s,a),v=r.useRef(null),b=r.useRef(null),C=r.useRef(null),[w,T]=r.useState(j.toString(c,u)),{showPopup:M,doShowPopup:_,doHidePopup:y}=fn(v,b);function k(W){a&&(a.setValue(W),a.markAsDirty()),d&&d(W)}function x(W){k(W),T(j.toString(W,u)),C&&C.current&&C.current.focus(),p&&y()}function P(W){T(W.target.value);const A=j.createFrom(W.target.value,u);k(A)}function z(){y(),T(""),k()}function I(W){switch(W.key){case"Tab":y();break;case"Backspace":W.target.selectionStart===0&&c&&!Array.isArray(c)&&z();break}}const Y=F(pd,"sps-text-input",M&&`${pd}--open`,t),V=r.useRef(!1);return r.useEffect(()=>{V.current?c?j.isValid(c)&&T(j.toString(c,u)):z():V.current=!0},[c,u]),r.createElement(r.Fragment,null,r.createElement(ke,{id:h,className:Y,formMeta:a,inputRef:C,focusInputOnClick:!0,ref:v},r.createElement("div",{className:F("sps-form-control",o&&"disabled")},r.createElement("i",{className:F("sps-text-input__icon","sps-icon","sps-icon-calendar-blank")}),r.createElement("input",{type:"text",ref:C,className:"sps-text-input__input",id:E,placeholder:u?.toUpperCase()||pn,onChange:P,onClick:_,onFocus:_,onKeyDown:I,value:w,disabled:o,"data-testid":`${f}_date_input`,...g}),c&&!o&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:z}))),r.createElement(qo,{isOpen:M,attachTo:v,ref:b},r.createElement(Yo,{"data-testid":`${f}_calendar`,selectedDate:c,onNewSelection:x,minDate:l,maxDate:i,showTwoMonths:m,currentUser:n})))}Object.assign(Ua,{props:my,displayName:"SpsDatepicker"});const ud={basic:{label:"Basic",examples:{basic:{react:S.code`
                     import {
                         useSpsForm,
                         SpsLabel,
@@ -1375,7 +1401,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
                             </SpsLocaleProvider>
                         );
                     }
-                `}}}},fy={currentUser:"any",disabled:"boolean",formMeta:"SpsFormFieldMeta<SimpleDateRange| null | undefined>",maxDate:"SimpleDate",minDate:"SimpleDate",onChange:'(newDateRange: SimpleDateRange | null, preset?: DatePreset["definition"]) => void',presets:"Array<DatePreset>",selectedPreset:"string",onPresetChange:"(newPreset?: string) => void",value:"SimpleDateRange | DatePreset",showTwoMonths:"boolean",format:"string"},md="sps-datepicker",za=[{definition:"P0D",label:"datepicker.preset.today"},{definition:"Before",label:"datepicker.preset.before"},{definition:"After",label:"datepicker.preset.after"},{definition:"P7D",label:"datepicker.preset.sevenDays"},{definition:"P30D",label:"datepicker.preset.thirtyDays"},{definition:"P60D",label:"datepicker.preset.sixtyDays"},{definition:"P90D",label:"datepicker.preset.ninetyDays"},{definition:"P1Y",label:"datepicker.preset.oneYear"}];function fd(e,t=""){return e.find(n=>n.definition===t)}function Sy(e,t){return e.length===t.length&&e.every((n,o)=>n.definition===t[o].definition&&n.label===t[o].label)}function ja({children:e,className:t,currentUser:n,disabled:o,formMeta:a,id:s,maxDate:i,minDate:l,onChange:d,presets:c=za,selectedPreset:u,onPresetChange:m,value:p,showTwoMonths:f=!1,format:g,"data-testid":h,...E}){const{t:v}=Se.useWoodlandLanguage(),{wrapperId:b,controlId:C}=We(s,a),w=r.useRef(null),T=r.useRef(null),x=r.useRef(null),[F,y]=r.useState(Array.isArray(p)?z.toStringRange(p,g):""),[k,M]=r.useState(fd(c,u)||null),[P,G]=r.useState(),{showPopup:I,doShowPopup:j,doHidePopup:K}=fn(w,x);function H(O,U){a&&(a.setValue(O),a.markAsDirty()),d?.(O,typeof U=="string"?U:void 0)}r.useEffect(()=>{M(fd(c,u)||null)},[u]);function R(O){return O&&/^datepicker\./.test(O.label)?v(O.label):O?.label??""}function Z(O){const U=p||[];let q,X=k;const ee=X?R(X):"";ee==="Before"?q=[null,O]:ee==="After"?q=[O,null]:!U[0]||U[1]||z.isBefore(O,U[0])?q=[O,null]:q=[U[0],O],(q[0]&&q[1]||ee==="Before"||ee==="After")&&(K(!0),T&&T.current&&T.current.focus()),X&&ee!=="Before"&&ee!=="After"?(M(null),m?.(),X=null):X?.definition!==u&&m?.(typeof X?.definition=="string"?X.definition:R(X)),H(q,X?.definition),y(z.toStringRange(q,g)),G(void 0)}function $(O){y(O.target.value);let U=z.createRangeFrom(O.target.value,g),q=k;const X=q?R(q):"";Array.isArray(U)&&(U[0]&&U[1]&&(X==="Before"||X==="After")?(M(null),q=null):X==="Before"&&U[0]!==null?U=[null,U[0]]:X==="After"&&U[0]!==null&&(U=[U[0],null])),H(U,null),G(void 0)}function L(){M(null),G(void 0),y(""),H(),m?.(void 0)}function _(O){switch(O.key){case"Tab":K();break;case"Backspace":O.target.selectionStart===0&&p&&k&&L();break}}function Y(O){if(m&&O?.definition!==u&&(typeof O?.definition=="string"&&(O.definition==="Before"||O.definition==="After")&&m?.(),m(typeof O?.definition=="string"?O.definition:O?R(O):"")),!O){M(null),H();return}const U=O&&R(O);let q=z.createRangeFromPreset(O,g);const X=z.getRangeSeparator(g);(U==="Before"||U==="After")&&p&&p[0]&&p[1]?q=z.createRangeFrom(X,g):U==="Before"?q=z.createRangeFrom(`${X}${z.toString(p&&(p[0]||p[1]),g)}`):U==="After"&&(q=z.createRangeFrom(`${z.toString(p&&(p[0]||p[1]),g)}${X}`));let ee=k;M(O),(JSON.stringify(p)!==JSON.stringify(q)||JSON.stringify(ee)!==JSON.stringify(O))&&H(q,typeof O?.definition=="string"?O.definition:R(O))}r.useEffect(()=>{if(!p||Array.isArray(p)&&!p.length){M(null);return}if(!Sy(c,za)&&Array.isArray(p)){const O=z.toStringRange(p,g),U=c.find(q=>O===z.toStringRange(z.createRangeFromPreset(q,g),g));U?Y(U):p[0]&&p[1]&&M(null)}},[p,g]),r.useEffect(()=>{const O=["Before","After"].includes(R(k));!p||k&&!O?y(""):Array.isArray(p)&&((!p[0]||!p[0].hasOwnProperty(Ln))&&(!p[1]||!p[1].hasOwnProperty(Ln))&&y(z.toStringRange(p,g)),k||G(void 0))},[p,k,g]);const te=V(md,"sps-text-input",I&&`${md}--open`,t);let W=F;const ne=z.getRangeSeparator(g);return k&&R(k)==="Before"&&F.startsWith(ne)?W=F.substring(1):k&&R(k)==="After"&&F.endsWith(ne)&&(W=F.substring(0,F.length-1)),r.createElement(r.Fragment,null,r.createElement(Le,{id:b,className:te,formMeta:a,inputRef:T,focusInputOnClick:!0,ref:w},r.createElement("div",{className:V("sps-form-control",o&&"disabled")},r.createElement("i",{className:V("sps-text-input__icon","sps-icon","sps-icon-calendar")}),k&&r.createElement("div",{"data-testid":`${h}_selected_preset`,className:"sps-datepicker__selected-preset"},r.createElement("span",{className:"sps-tag sps-tag--info"},R(k))),r.createElement("input",{type:"text",ref:T,className:"sps-text-input__input","data-testid":`${h}_date_input`,id:C,placeholder:!F&&!k?g?.toUpperCase()||pn:void 0,onChange:$,onClick:j,onFocus:j,onKeyDown:_,value:W,disabled:o,...E}),p&&!o&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:L}))),r.createElement(qo,{isOpen:I,attachTo:w,ref:x},r.createElement("div",{className:"sps-datepicker__presets"},r.createElement("fieldset",null,r.createElement("legend",{className:"sps-datepicker__presets-label"},v("datepicker.presetsLabel")),r.createElement("div",{className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},r.createElement("input",{"data-testid":`${h}_presets_custom_input`,type:"radio",id:`sps-date-range-picker-${b}__range-custom`,className:"sps-custom-control__input",checked:!k,name:`sps-date-range-picker-${b}__range`,onChange:()=>Y()}),r.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${b}__range-custom`},v("datepicker.preset.custom",{defaultValue:"Custom"}))),c.map((O,U)=>r.createElement("div",{key:R(O),className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},r.createElement("input",{type:"radio","data-testid":`${h}_preset_option_${O.label}`,id:`sps-date-range-picker-${b}__range-${U}`,name:`sps-date-range-picker-${b}__range`,onChange:()=>Y(O),checked:k?.definition?k.definition===O.definition:!1,className:"sps-custom-control__input"}),r.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${b}__range-${U}`},R(O)))))),r.createElement(Yo,{"data-testid":`${h}_calendar`,selectedRange:Array.isArray(p)?p:P,onNewSelection:Z,minDate:l,maxDate:i,showTwoMonths:f,selectedPreset:k&&R(k),isOpen:I,currentUser:n})))}Object.assign(ja,{props:fy,displayName:"SpsDateRangePicker"});const Sd={basic:{label:"Basic",examples:{basic:{react:S.code`
+                `}}}},fy={currentUser:"any",disabled:"boolean",formMeta:"SpsFormFieldMeta<SimpleDateRange| null | undefined>",maxDate:"SimpleDate",minDate:"SimpleDate",onChange:'(newDateRange: SimpleDateRange | null, preset?: DatePreset["definition"]) => void',presets:"Array<DatePreset>",selectedPreset:"string",onPresetChange:"(newPreset?: string) => void",value:"SimpleDateRange | DatePreset",showTwoMonths:"boolean",format:"string"},md="sps-datepicker",za=[{definition:"P0D",label:"datepicker.preset.today"},{definition:"Before",label:"datepicker.preset.before"},{definition:"After",label:"datepicker.preset.after"},{definition:"P7D",label:"datepicker.preset.sevenDays"},{definition:"P30D",label:"datepicker.preset.thirtyDays"},{definition:"P60D",label:"datepicker.preset.sixtyDays"},{definition:"P90D",label:"datepicker.preset.ninetyDays"},{definition:"P1Y",label:"datepicker.preset.oneYear"}];function fd(e,t=""){return e.find(n=>n.definition===t)}function Sy(e,t){return e.length===t.length&&e.every((n,o)=>n.definition===t[o].definition&&n.label===t[o].label)}function ja({children:e,className:t,currentUser:n,disabled:o,formMeta:a,id:s,maxDate:i,minDate:l,onChange:d,presets:c=za,selectedPreset:u,onPresetChange:m,value:p,showTwoMonths:f=!1,format:g,"data-testid":h,...E}){const{t:v}=Se.useWoodlandLanguage(),{wrapperId:b,controlId:C}=He(s,a),w=r.useRef(null),T=r.useRef(null),M=r.useRef(null),[_,y]=r.useState(Array.isArray(p)?j.toStringRange(p,g):""),[k,x]=r.useState(fd(c,u)||null),[P,z]=r.useState(),{showPopup:I,doShowPopup:Y,doHidePopup:V}=fn(w,M);function W(K,U){a&&(a.setValue(K),a.markAsDirty()),d?.(K,typeof U=="string"?U:void 0)}r.useEffect(()=>{x(fd(c,u)||null)},[u]);function A(K){return K&&/^datepicker\./.test(K.label)?v(K.label):K?.label??""}function Z(K){const U=p||[];let H,X=k;const ee=X?A(X):"";ee==="Before"?H=[null,K]:ee==="After"?H=[K,null]:!U[0]||U[1]||j.isBefore(K,U[0])?H=[K,null]:H=[U[0],K],(H[0]&&H[1]||ee==="Before"||ee==="After")&&(V(!0),T&&T.current&&T.current.focus()),X&&ee!=="Before"&&ee!=="After"?(x(null),m?.(),X=null):X?.definition!==u&&m?.(typeof X?.definition=="string"?X.definition:A(X)),W(H,X?.definition),y(j.toStringRange(H,g)),z(void 0)}function $(K){y(K.target.value);let U=j.createRangeFrom(K.target.value,g),H=k;const X=H?A(H):"";Array.isArray(U)&&(U[0]&&U[1]&&(X==="Before"||X==="After")?(x(null),H=null):X==="Before"&&U[0]!==null?U=[null,U[0]]:X==="After"&&U[0]!==null&&(U=[U[0],null])),W(U,null),z(void 0)}function L(){x(null),z(void 0),y(""),W(),m?.(void 0)}function B(K){switch(K.key){case"Tab":V();break;case"Backspace":K.target.selectionStart===0&&p&&k&&L();break}}function J(K){if(m&&K?.definition!==u&&(typeof K?.definition=="string"&&(K.definition==="Before"||K.definition==="After")&&m?.(),m(typeof K?.definition=="string"?K.definition:K?A(K):"")),!K){x(null),W();return}const U=K&&A(K);let H=j.createRangeFromPreset(K,g);const X=j.getRangeSeparator(g);(U==="Before"||U==="After")&&p&&p[0]&&p[1]?H=j.createRangeFrom(X,g):U==="Before"?H=j.createRangeFrom(`${X}${j.toString(p&&(p[0]||p[1]),g)}`):U==="After"&&(H=j.createRangeFrom(`${j.toString(p&&(p[0]||p[1]),g)}${X}`));let ee=k;x(K),(JSON.stringify(p)!==JSON.stringify(H)||JSON.stringify(ee)!==JSON.stringify(K))&&W(H,typeof K?.definition=="string"?K.definition:A(K))}r.useEffect(()=>{if(!p||Array.isArray(p)&&!p.length){x(null);return}if(!Sy(c,za)&&Array.isArray(p)){const K=j.toStringRange(p,g),U=c.find(H=>K===j.toStringRange(j.createRangeFromPreset(H,g),g));U?J(U):p[0]&&p[1]&&x(null)}},[p,g]),r.useEffect(()=>{const K=["Before","After"].includes(A(k));!p||k&&!K?y(""):Array.isArray(p)&&((!p[0]||!p[0].hasOwnProperty(Ln))&&(!p[1]||!p[1].hasOwnProperty(Ln))&&y(j.toStringRange(p,g)),k||z(void 0))},[p,k,g]);const te=F(md,"sps-text-input",I&&`${md}--open`,t);let G=_;const ne=j.getRangeSeparator(g);return k&&A(k)==="Before"&&_.startsWith(ne)?G=_.substring(1):k&&A(k)==="After"&&_.endsWith(ne)&&(G=_.substring(0,_.length-1)),r.createElement(r.Fragment,null,r.createElement(ke,{id:b,className:te,formMeta:a,inputRef:T,focusInputOnClick:!0,ref:w},r.createElement("div",{className:F("sps-form-control",o&&"disabled")},r.createElement("i",{className:F("sps-text-input__icon","sps-icon","sps-icon-calendar")}),k&&r.createElement("div",{"data-testid":`${h}_selected_preset`,className:"sps-datepicker__selected-preset"},r.createElement("span",{className:"sps-tag sps-tag--info"},A(k))),r.createElement("input",{type:"text",ref:T,className:"sps-text-input__input","data-testid":`${h}_date_input`,id:C,placeholder:!_&&!k?g?.toUpperCase()||pn:void 0,onChange:$,onClick:Y,onFocus:Y,onKeyDown:B,value:G,disabled:o,...E}),p&&!o&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:L}))),r.createElement(qo,{isOpen:I,attachTo:w,ref:M},r.createElement("div",{className:"sps-datepicker__presets"},r.createElement("fieldset",null,r.createElement("legend",{className:"sps-datepicker__presets-label"},v("datepicker.presetsLabel")),r.createElement("div",{className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},r.createElement("input",{"data-testid":`${h}_presets_custom_input`,type:"radio",id:`sps-date-range-picker-${b}__range-custom`,className:"sps-custom-control__input",checked:!k,name:`sps-date-range-picker-${b}__range`,onChange:()=>J()}),r.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${b}__range-custom`},v("datepicker.preset.custom",{defaultValue:"Custom"}))),c.map((K,U)=>r.createElement("div",{key:A(K),className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},r.createElement("input",{type:"radio","data-testid":`${h}_preset_option_${K.label}`,id:`sps-date-range-picker-${b}__range-${U}`,name:`sps-date-range-picker-${b}__range`,onChange:()=>J(K),checked:k?.definition?k.definition===K.definition:!1,className:"sps-custom-control__input"}),r.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${b}__range-${U}`},A(K)))))),r.createElement(Yo,{"data-testid":`${h}_calendar`,selectedRange:Array.isArray(p)?p:P,onNewSelection:Z,minDate:l,maxDate:i,showTwoMonths:f,selectedPreset:k&&A(k),isOpen:I,currentUser:n})))}Object.assign(ja,{props:fy,displayName:"SpsDateRangePicker"});const Sd={basic:{label:"Basic",examples:{basic:{react:S.code`
                     import {
                         useSpsForm,
                         SpsLabel,
@@ -1652,7 +1678,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
                             </SpsLocaleProvider>
                         );
                     }
-                `}}}},gy=Eo||Nr,hy={action:"SpsActionMethod",captionKey:"string",comparisonKey:"string",conformWidth:"boolean",disabled:"boolean",formMeta:"SpsFormFieldMeta<any>",notClearable:"boolean",options:"Eventually<any[]> | (filter?: string) => Eventually<any[]>",onChange:"ChangeEventHandler",onOpen:"OnOpenHandler",placeholder:"string",searchDebounce:"number",searchPlaceholder:"string",tallOptionList:"boolean",textKey:"string",valueKey:"string",value:"any",zeroState:"string",autoFixWidth:"boolean",loading:"boolean",filterByTextAndCaptionKey:"boolean",maxHeightOptionListPx:"number",maxHeightOptionListRem:"number",disableOptionsMemoization:"boolean",onBeforeChange:"(value: string) => boolean | Promise<boolean>"},Zt=r.forwardRef((e,t)=>{const{action:n,autoFixWidth:o=!1,captionKey:a,className:s,comparisonKey:i,conformWidth:l,disabled:d,formControl:c,formMeta:u,id:m,notClearable:p,options:f,onChange:g,onClick:h,onOpen:E,placeholder:v,searchDebounce:b,searchPlaceholder:C,tallOptionList:w,textKey:T,valueKey:x,unsafelyReplaceClassName:F,value:y,zeroState:k,loading:M,filterByTextAndCaptionKey:P,maxHeightOptionListPx:G,maxHeightOptionListRem:I,"data-testid":j,disableOptionsMemoization:K,disableDefaultOptionsFiltering:H,onBeforeChange:R,...Z}=e,$=u||c,{wrapperId:L,controlId:_}=We(m,$),Y=r.useRef(null),te=r.useRef(null),W=r.useRef(null),{t:ne}=Se.useWoodlandLanguage(),[O,U]=bt({isOpen:!1,value:y,text:"",keyDown:null,opensUpward:!1,optionIds:""}),[q,X]=r.useState();function ee(le){U({value:le,text:le&&T?le[T]:le})}async function J(le){const xe=le&&x&&typeof le=="object"?le[x]:le;R&&!await R(xe)||(ee(le),$&&($.setValue(xe),$.markAsDirty()),g&&g(new xt({value:xe})))}r.useEffect(()=>{ee(y)},[y,T]);function Q(){J(void 0)}function ue(){U({isOpen:!1})}function de(le){le.nativeEvent.stopImmediatePropagation(),d||U({isOpen:!O.isOpen})}function Ee(le){d||(["Up","ArrowUp","Down","ArrowDown"," ","Spacebar"].indexOf(le.key)>-1&&le.preventDefault(),Mr.includes(le.key)&&(X(le),le.preventDefault()),le.persist(),U({keyDown:le}))}function Oe(le){U({isOpen:le})}function qe(le){U({opensUpward:le})}function Ke(le){le.detail!==L&&U({isOpen:!1})}function yt(le){U({optionIds:new Array(le).fill("").map((xe,Ie)=>`${L}-options-option-${Ie}`).join(",")})}r.useEffect(()=>(document.addEventListener("click",ue),document.addEventListener("DropdownOpened",Ke),()=>{document.removeEventListener("click",ue),document.removeEventListener("DropdownOpened",Ke)}),[]),r.useLayoutEffect(()=>{if(o&&W.current&&Y.current){Y.current.style.width="";const xe=`${Y.current.getBoundingClientRect().width+6}px`;Y.current.style.width=xe,W.current.style.width=xe,W.current.style.maxWidth=xe}}),kr(()=>{if(O.isOpen){te.current&&gy(te.current,{scrollMode:"if-needed"}),E?.();const le=document.createEvent("CustomEvent");le.initCustomEvent("DropdownOpened",!1,!1,L),document.dispatchEvent(le)}},[O.isOpen]),r.useImperativeHandle(t,()=>({focus:()=>{te.current?.focus()}})),r.useEffect(()=>{let le;return O.isOpen&&(le=()=>{U({isOpen:!1})},window.addEventListener("resize",le)),()=>{le&&window.removeEventListener("resize",le)}},[O.isOpen]),Rn({isOpen:O.isOpen,rootRef:te});const Ve=V(F||"sps-select",O.isOpen&&"sps-select--open",O.isOpen&&"z-stratum-dropdown",O.opensUpward&&"sps-select--opens-upward",s),$e=O.text||v||ne("select.defaultPlaceholder",{defaultValue:"Select one..."});return r.createElement(Le,{id:L,className:Ve,onKeyDown:Ee,formControl:c,formMeta:u,ref:te,role:"listbox","aria-owns":O.optionIds,"data-testid":j,onClick:h,...Z},r.createElement("div",{className:V("sps-select__dropctrl",d&&"disabled"),id:_,tabIndex:0,onClick:de,ref:W,title:$e,"data-testid":`${j}-dropctrl`},r.createElement("div",{className:"sps-select__dropctrl-content"},r.createElement("span",{className:V("sps-select__value",!O.text&&"sps-select__value--placeholder"),"data-testid":`${j}-value`},$e),O.value&&!p&&!d&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-select__clear-btn",onClick:Q,"data-testid":`${j}-clear-value`}),r.createElement("i",{className:"sps-icon sps-icon-chevron-down sps-select__dropctrl-icon"}))),r.createElement(_n,{id:`${L}-options`,ref:Y,attachTo:W,captionKey:a,comparisonKey:i,isOpen:O.isOpen,keyDown:O.keyDown,options:f,onOptionSelected:J,onPositionFlip:qe,onSelfToggle:Oe,searchDebounce:b,searchPlaceholder:C,selectedOption:O.value,specialAction:n,tall:w,textKey:T,filterByTextAndCaptionKey:P,optionRole:"option",valueKey:x,onOptionListChanged:yt,zeroState:k,ignoreWidthStyles:o,loading:M,maxHeightPx:G,maxHeightRem:I,disableOptionsMemoization:K,disableDefaultOptionsFiltering:H,"data-testid":`${j}-option-list`,typeaheadEvent:q,conformWidth:l}))});Object.assign(Zt,{props:hy,displayName:"SpsSelect"});const gd={general:{label:"General Usage",description:({NavigateTo:e})=>D.createElement(D.Fragment,null,D.createElement("h5",null,"Use a Select:"),D.createElement("ul",null,D.createElement("li",{className:"mb-2"},"When a list of predetermined values can be provided.")),D.createElement("h5",null,"Do Not Use a Select:"),D.createElement("ul",null,D.createElement("li",{className:"mb-2"},"When there are only two possible options. Consider"," ",D.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",D.createElement(e,{to:"radio-buttons"},"Radio Buttons")," insead."),D.createElement("li",{className:"mb-2"},"When it is ideal to display all available options without requiring a click. Consider"," ",D.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",D.createElement(e,{to:"radio-buttons"},"Radio Buttons")," insead.")),D.createElement("h5",null,"Using Selects in a Form"),D.createElement("p",null,"Reference the ",D.createElement(e,{to:"form"},"Forms")," page for guidelines for placing inputs in Form layouts"))},basic:{label:"Basic Selects",description:()=>D.createElement("p",null,"Basic Selects include a label and dropdown menu containing a list of options. The user is allowed to make a single selection."),examples:{basic:{react:S.code`
+                `}}}},gy=Eo||Nr,hy={action:"SpsActionMethod",captionKey:"string",comparisonKey:"string",conformWidth:"boolean",disabled:"boolean",disabledOptions:"any[]",formMeta:"SpsFormFieldMeta<any>",notClearable:"boolean",options:"Eventually<any[]> | (filter?: string) => Eventually<any[]>",onChange:"ChangeEventHandler",onOpen:"OnOpenHandler",placeholder:"string",searchDebounce:"number",searchPlaceholder:"string",tallOptionList:"boolean",textKey:"string",valueKey:"string",value:"any",zeroState:"string",autoFixWidth:"boolean",loading:"boolean",filterByTextAndCaptionKey:"boolean",maxHeightOptionListPx:"number",maxHeightOptionListRem:"number",disableOptionsMemoization:"boolean",onBeforeChange:"(value: string) => boolean | Promise<boolean>"},Zt=r.forwardRef((e,t)=>{const{action:n,autoFixWidth:o=!1,captionKey:a,className:s,comparisonKey:i,conformWidth:l,disabled:d,disabledOptions:c,formControl:u,formMeta:m,id:p,notClearable:f,options:g,onChange:h,onClick:E,onOpen:v,placeholder:b,searchDebounce:C,searchPlaceholder:w,tallOptionList:T,textKey:M,valueKey:_,unsafelyReplaceClassName:y,value:k,zeroState:x,loading:P,filterByTextAndCaptionKey:z,maxHeightOptionListPx:I,maxHeightOptionListRem:Y,"data-testid":V,disableOptionsMemoization:W,disableDefaultOptionsFiltering:A,onBeforeChange:Z,...$}=e,L=m||u,{wrapperId:B,controlId:J}=He(p,L),te=r.useRef(null),G=r.useRef(null),ne=r.useRef(null),{t:K}=Se.useWoodlandLanguage(),[U,H]=vt({isOpen:!1,value:k,text:"",keyDown:null,opensUpward:!1,optionIds:""}),[X,ee]=r.useState();function q(ce){H({value:ce,text:ce&&M?ce[M]:ce})}async function Q(ce){const ve=ce&&_&&typeof ce=="object"?ce[_]:ce;Z&&!await Z(ve)||(q(ce),L&&(L.setValue(ve),L.markAsDirty()),h&&h(new xt({value:ve})))}r.useEffect(()=>{q(k)},[k,M]);function ue(){Q(void 0)}function pe(){H({isOpen:!1})}function Te(ce){ce.nativeEvent.stopImmediatePropagation(),d||H({isOpen:!U.isOpen})}function Le(ce){d||(["Up","ArrowUp","Down","ArrowDown"," ","Spacebar"].indexOf(ce.key)>-1&&ce.preventDefault(),Mr.includes(ce.key)&&(ee(ce),ce.preventDefault()),ce.persist(),H({keyDown:ce}))}function qe(ce){H({isOpen:ce})}function Ue(ce){H({opensUpward:ce})}function St(ce){ce.detail!==B&&H({isOpen:!1})}function Fe(ce){H({optionIds:new Array(ce).fill("").map((ve,de)=>`${B}-options-option-${de}`).join(",")})}r.useEffect(()=>(document.addEventListener("click",pe),document.addEventListener("DropdownOpened",St),()=>{document.removeEventListener("click",pe),document.removeEventListener("DropdownOpened",St)}),[]),r.useLayoutEffect(()=>{if(o&&ne.current&&te.current){te.current.style.width="";const ve=`${te.current.getBoundingClientRect().width+6}px`;te.current.style.width=ve,ne.current.style.width=ve,ne.current.style.maxWidth=ve}}),kr(()=>{if(U.isOpen){G.current&&gy(G.current,{scrollMode:"if-needed"}),v?.();const ce=document.createEvent("CustomEvent");ce.initCustomEvent("DropdownOpened",!1,!1,B),document.dispatchEvent(ce)}},[U.isOpen]),r.useImperativeHandle(t,()=>({focus:()=>{G.current?.focus()}})),r.useEffect(()=>{let ce;return U.isOpen&&(ce=()=>{H({isOpen:!1})},window.addEventListener("resize",ce)),()=>{ce&&window.removeEventListener("resize",ce)}},[U.isOpen]),Rn({isOpen:U.isOpen,rootRef:G});const Ve=F(y||"sps-select",U.isOpen&&"sps-select--open",U.isOpen&&"z-stratum-dropdown",U.opensUpward&&"sps-select--opens-upward",s),$e=U.text||b||K("select.defaultPlaceholder",{defaultValue:"Select one..."});return r.createElement(ke,{id:B,className:Ve,onKeyDown:Le,formControl:u,formMeta:m,ref:G,role:"listbox","aria-owns":U.optionIds,"data-testid":V,onClick:E,...$},r.createElement("div",{className:F("sps-select__dropctrl",d&&"disabled"),id:J,tabIndex:0,onClick:Te,ref:ne,title:$e,"data-testid":`${V}-dropctrl`},r.createElement("div",{className:"sps-select__dropctrl-content"},r.createElement("span",{className:F("sps-select__value",!U.text&&"sps-select__value--placeholder"),"data-testid":`${V}-value`},$e),U.value&&!f&&!d&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-select__clear-btn",onClick:ue,"data-testid":`${V}-clear-value`}),r.createElement("i",{className:"sps-icon sps-icon-chevron-down sps-select__dropctrl-icon"}))),r.createElement(_n,{id:`${B}-options`,ref:te,attachTo:ne,captionKey:a,comparisonKey:i,disabledOptions:c,isOpen:U.isOpen,keyDown:U.keyDown,options:g,onOptionSelected:Q,onPositionFlip:Ue,onSelfToggle:qe,searchDebounce:C,searchPlaceholder:w,selectedOption:U.value,specialAction:n,tall:T,textKey:M,filterByTextAndCaptionKey:z,optionRole:"option",valueKey:_,onOptionListChanged:Fe,zeroState:x,ignoreWidthStyles:o,loading:P,maxHeightPx:I,maxHeightRem:Y,disableOptionsMemoization:W,disableDefaultOptionsFiltering:A,"data-testid":`${V}-option-list`,typeaheadEvent:X,conformWidth:l}))});Object.assign(Zt,{props:hy,displayName:"SpsSelect"});const gd={general:{label:"General Usage",description:({NavigateTo:e})=>D.createElement(D.Fragment,null,D.createElement("h5",null,"Use a Select:"),D.createElement("ul",null,D.createElement("li",{className:"mb-2"},"When a list of predetermined values can be provided.")),D.createElement("h5",null,"Do Not Use a Select:"),D.createElement("ul",null,D.createElement("li",{className:"mb-2"},"When there are only two possible options. Consider"," ",D.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",D.createElement(e,{to:"radio-buttons"},"Radio Buttons")," insead."),D.createElement("li",{className:"mb-2"},"When it is ideal to display all available options without requiring a click. Consider"," ",D.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",D.createElement(e,{to:"radio-buttons"},"Radio Buttons")," insead.")),D.createElement("h5",null,"Using Selects in a Form"),D.createElement("p",null,"Reference the ",D.createElement(e,{to:"form"},"Forms")," page for guidelines for placing inputs in Form layouts"))},basic:{label:"Basic Selects",description:()=>D.createElement("p",null,"Basic Selects include a label and dropdown menu containing a list of options. The user is allowed to make a single selection."),examples:{basic:{react:S.code`
           import { SpsLabel, SpsSelect, useSpsForm } from "@spscommerce/ds-react";
           function DemoComponent() {
             const colors = ["red", "blue", "green"];
@@ -1965,7 +1991,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
               </div>
             );
           }
-        `}}}},by={formMeta:"SpsFormSetMeta<any>",stacked:"boolean"};function wn({children:e,className:t,formArray:n,formGroup:o,formMeta:a,stacked:s,"data-testid":i,unsafelyReplaceClassName:l,...d}){const c=o||n,u=c||a,[m,p]=r.useState(!1);r.useEffect(()=>{if(u){const g=u.isFocused();!m&&g&&u.onFocus?u.onFocus():m&&!g&&u.onBlur&&u.onBlur(),p(g)}});const f=V(l||"sps-form-group",(c&&c.invalid||a&&(!a.isValid()||!a.contentsAreValid()))&&"sps-form-group--error",t);return r.createElement("div",{className:f,"data-testid":i,...d},r.createElement("div",{className:V("sps-input-group",s&&"sps-input-group--stacked")},e))}Object.assign(wn,{props:by,displayName:"SpsInputGroup"});const vy={currentUser:"any",disabled:"boolean",formMeta:"SpsFormFieldMeta<SimpleMomentRange>",maxDate:"SimpleDate",minDate:"SimpleDate",onChange:"(newMomentRange: SimpleMomentRange) => void",presets:"Array<DateTimePreset>",value:"SimpleMomentRange",showTwoMonths:"boolean",twentyFourHour:"boolean",format:"string",placeholder12h:"string",placeholder24h:"string",selectedPreset:"string",onPresetChange:"(newPreset?: string) => void"},hd="sps-datepicker",bd=["AM","PM"],vd=[{definition:"P0D",label:"datepicker.preset.today"},{definition:"() => [null, {month: 1, date: 1, year: 3000}]",label:"datepicker.preset.before"},{definition:"() => [{month: 1, date: 1, year: 1990}, null]",label:"datepicker.preset.after"},{definition:"P7D",label:"datepicker.preset.sevenDays"},{definition:"P30D",label:"datepicker.preset.thirtyDays"},{definition:"P60D",label:"datepicker.preset.sixtyDays"},{definition:"P90D",label:"datepicker.preset.ninetyDays"},{definition:"P1Y",label:"datepicker.preset.oneYear"}];function yd(e,t=""){return e.find(n=>n.definition===t)}function Ya({className:e,currentUser:t,disabled:n,formMeta:o,id:a,maxDate:s,minDate:i,onChange:l,presets:d=vd,value:c,showTwoMonths:u=!1,twentyFourHour:m,format:p,"data-testid":f,placeholder24h:g="00:00",placeholder12h:h="12:00",selectedPreset:E,onPresetChange:v}){const{t:b}=Se.useWoodlandLanguage(),C=ro(t),w=m??id(C),T=b("timeInput.customTime",{defaultValue:"Custom time"}),{wrapperId:x,controlId:F}=We(a&&`${a}_from`,o),{wrapperId:y,controlId:k}=We(a&&`${a}_to`,o),M=r.useRef(null),P=r.useRef(null),G=r.useRef(null),I=r.useRef(null),j=r.useRef(null),K=z.splitMomentInDateTimeParts(Array.isArray(c)?c[0]:void 0,w,p),H=z.splitMomentInDateTimeParts(Array.isArray(c)?c[1]:void 0,w,p,!0),[R,Z]=r.useState(K[0]),[$,L]=r.useState(H[0]),[_,Y]=r.useState(K[1]),[te,W]=r.useState(H[1]),[ne,O]=r.useState(K[2]),[U,q]=r.useState(H[2]),[X,ee]=r.useState(yd(d,E)||null),{showPopup:J,doShowPopup:Q,doHidePopup:ue}=fn(M,j);r.useEffect(()=>{ee(yd(d,E)||null)},[E]);function de(re){o&&(o.setValue(re),o.markAsDirty()),l&&l(re)}function Ee(re){return re&&(/^datepicker\./.test(re.label)?b(re.label):re.label)}const Oe=Ee(X)==="Before",qe=Ee(X)==="After";function Ke(re){const Te=c||[],Re=z.toMoment(re);let ze;if(Oe)ze=[null,Re],ue(!0),v?.(Ee(X));else if(qe)ze=[Re,null],ue(!0),v?.(Ee(X));else if(!Te[0]||Te[1]||Re?.isBefore(z.toMoment(z.createFrom(Te[0],p)))){let Me=parseInt(_?.split(":")[0]||"0",10);!w&&Me===12&&(Me=0);const ct=parseInt(_?.split(":")[1]||"0",10);Re?.set("hour",ne==="PM"?12+Me:Me<12?Me:0),Re?.set("minute",ct),ze=[Re,null],ee(null),v?.(null)}else{let Me=parseInt(te?.split(":")[0]||"0",10);!w&&Me===12&&(Me=0);const ct=parseInt(te?.split(":")[1]||"0",10);Re?.set("hour",U==="PM"?12+Me:Me),Re?.set("minute",ct),Re?.isBefore(Te[0])?ze=[Re,null]:(ze=[Te[0],Re],ue(!0)),v?.(null),ee(null)}de(ze)}function yt(re){Z(re.target.value),X!==null&&(ee(null),v?.(null))}function Ve(re){z.validateTimeString(re.target.value,w)&&(Y(re.target.value),X!==null&&(ee(null),v?.(null)))}function $e(re,Te,Re){const ze=R,Me=Te??_,ct=ne;if(ze===K[0]&&Me===K[1]&&ct===K[2])return;const ae=z.createFrom(ze,p);if(ae&&z.isValid(ae)){const ce=z.toMoment(ae);let Ce=parseInt(Me?.split(":")[0]||"0",10);!w&&Ce===12&&(Ce=0);const St=parseInt(Me?.split(":")[1]||"0",10);ce?.set("hour",ct==="PM"?12+Ce:Ce),ce?.set("minute",St);const kn=[ce,ce?.isBefore(c?.[1])&&c?.[1]||null];de(kn)}}function le(re){z.validateTimeString(re??_,w)&&(Y(z.padIncompleteTimeString(re??_,w)),setTimeout(()=>$e(void 0,re),0))}function xe(re){O(re.target.value)}function Ie(re){z.validateTimeString(re,w)&&(Y(re),setTimeout(()=>le(re),0))}r.useEffect(()=>{ne!==K[2]&&$e()},[ne]);function pe(re){L(re.target.value)}function ge(re){z.validateTimeString(re.target.value,w)&&W(re.target.value)}function tt(re,Te,Re){const ze=$,Me=Te??te,ct=U;if(ze===H[0]&&Me===H[1]&&ct===H[2])return;const ae=z.createFrom(ze,p);if(ae&&z.isValid(ae)){const ce=z.toMoment(ae);let Ce=parseInt(Me?.split(":")[0]||"0",10);!w&&Ce===12&&(Ce=0);const St=parseInt(Me?.split(":")[1]||"0",10);ce?.set("hour",ct==="PM"?12+Ce:Ce),ce?.set("minute",St);const kn=[ce?.isAfter(c?.[0])&&c?.[0]||null,ce];de(kn)}}function sn(re){z.validateTimeString(re??te,w)&&(W(z.padIncompleteTimeString(re??te,w)),setTimeout(()=>tt(void 0,re),0))}function ni(re){q(re.target.value)}function Vt(re){z.validateTimeString(re,w)&&(W(re),setTimeout(()=>sn(re),0))}r.useEffect(()=>{U!==H[2]&&tt()},[U]);function Et(){de([null,null]),ee(null),v?.(null)}function $t(re){return function(Te){switch(Te.key){case"Tab":ue();break;case"Backspace":Te.target.selectionStart===0&&c&&!Array.isArray(c)&&Et();break;case"Enter":re==="from"?$e():re==="to"&&tt();break}}}function Kt(re){if(!re){ee(null),de([null,null]),v?.(null);return}ee(re);const Te=z.createDateTimeRangeFromPreset(re);re&&Ee(re)==="Before"?!c||Array.isArray(c)&&c[0]&&c[1]?de([null,null]):Array.isArray(c)&&c[0]?de([null,z.toMoment(z.createFrom(c[0],p))]):Array.isArray(c)&&c[1]&&de([null,z.toMoment(z.createFrom(c[1],p))]):re&&Ee(re)==="After"?!c||Array.isArray(c)&&c[0]&&c[1]?de([null,null]):Array.isArray(c)&&c[0]?de([z.toMoment(z.createFrom(c[0],p)),null]):Array.isArray(c)&&c[1]&&de([z.toMoment(z.createFrom(c[1],p)),null]):JSON.stringify(c)!==JSON.stringify(Te)&&de([Te[0],Te[1]]),v&&re?.definition!==E&&v(typeof re?.definition=="string"?re?.definition:Ee(re))}r.useEffect(()=>{c&&Array.isArray(c)&&!c.length&&Et()},[c]),r.useEffect(()=>{if(c&&Array.isArray(c)&&Array.isArray(c)){if(c[0]&&!c[1]){const re=d.find(Te=>Ee(Te)==="After");re&&Kt(re)}else if(!c[0]&&c[1]){const re=d.find(Te=>Ee(Te)==="Before");re&&Kt(re)}else if(c[0]&&c[1]){const re=z.toDateTimeStringRange(c,w,p),Te=d.find(Re=>re===z.toDateTimeStringRange(z.createDateTimeRangeFromPreset(Re),w,p));Te&&Kt(Te)}}},[]),r.useEffect(()=>{K[0]?Z(K[0]):Z(""),K[1]?Y(K[1]):Y(w?"00:00":"12:00"),w||(K[2]?O(K[2]):O("AM")),H[0]?L(H[0]):L(""),H[1]?W(H[1]):W(w?"23:59":"11:59"),w||(H[2]?q(H[2]):q("PM"))},[K[0],K[1],K[2],H[0],H[1],H[2],w]);const Mn=V(hd,"sps-text-input",J&&`${hd}--open`,e);return r.createElement(r.Fragment,null,r.createElement("div",{className:V("sps-datetime-range-picker")},r.createElement("div",{className:V("sps-datetime-range-picker__pair")},r.createElement(Le,{id:x,className:Mn,formMeta:o,inputRef:P,focusInputOnClick:!0,ref:M},r.createElement("div",{className:V("sps-form-control",n&&"disabled")},r.createElement("i",{className:V("sps-text-input__icon","sps-icon","sps-icon-calendar")}),X&&r.createElement("div",{"data-testid":`${f}_selected_preset`,className:"sps-datepicker__selected-preset"},r.createElement("span",{className:"sps-tag sps-tag--info"},Ee(X))),r.createElement("input",{type:"text",ref:P,className:"sps-text-input__input","data-testid":`${f}_from_date_input`,id:F,placeholder:!R&&!X?p?.toUpperCase()||pn:Oe?H[0]:qe?K[0]:void 0,onChange:yt,onClick:Q,onFocus:Q,onBlur:()=>$e(),onKeyDown:$t("from"),value:X?"":R,disabled:n}),c&&!n&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:Et}))),!X&&(w?r.createElement(vt,{className:"sps-time-input",placeholder:g,suggestions:Tr,zeroState:T,value:_,onChange:Ve,onBlur:()=>le(),onSelectionChange:Ie,disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}):r.createElement(wn,null,r.createElement(vt,{className:"sps-time-input",placeholder:h,suggestions:Er,zeroState:T,value:_,onChange:Ve,onBlur:()=>le(),onSelectionChange:Ie,disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}),r.createElement(Zt,{options:bd,value:ne,onChange:xe,disabled:n,notClearable:!0})))),!X&&r.createElement("span",{className:V("sps-datepicker__to")},b("dateTimeRangePicker.to",{defaultValue:"to"})),!X&&r.createElement("div",{className:V("sps-datetime-range-picker__pair")},r.createElement(Le,{id:y,className:Mn,formMeta:o,inputRef:I,focusInputOnClick:!0,ref:G},r.createElement("div",{className:V("sps-form-control",n&&"disabled")},r.createElement("i",{className:V("sps-text-input__icon","sps-icon","sps-icon-calendar")}),X&&r.createElement("div",{"data-testid":`${f}_selected_preset`,className:"sps-datepicker__selected-preset"},r.createElement("span",{className:"sps-tag sps-tag--info"},Ee(X))),r.createElement("input",{type:"text",ref:I,className:"sps-text-input__input","data-testid":`${f}_to_date_input`,id:k,placeholder:!$&&!X?p?.toUpperCase()||pn:void 0,onChange:pe,onClick:Q,onFocus:Q,onKeyDown:$t("to"),onBlur:()=>tt(),value:$,disabled:n}),c&&!n&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:Et}))),w?r.createElement(vt,{className:"sps-time-input",placeholder:g,suggestions:Tr,zeroState:T,value:te,onChange:ge,onBlur:()=>sn(),onSelectionChange:Vt,disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}):r.createElement(wn,null,r.createElement(vt,{className:"sps-time-input",placeholder:h,suggestions:Er,zeroState:T,value:te,onChange:ge,onBlur:()=>sn(),onSelectionChange:Vt,disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}),r.createElement(Zt,{options:bd,value:U,onChange:ni,disabled:n,notClearable:!0})))),r.createElement(qo,{isOpen:J,attachTo:M,ref:j},r.createElement("div",{className:"sps-datepicker__presets"},r.createElement("fieldset",null,r.createElement("legend",{className:"sps-datepicker__presets-label"},b("datepicker.presetsLabel",{defaultValue:"Ranges"})),r.createElement("div",{className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},r.createElement("input",{"data-testid":`${f}_presets_custom_input`,type:"radio",id:`sps-date-range-picker-${x}__range-custom`,className:"sps-custom-control__input",checked:!X,name:`sps-date-range-picker-${x}__range`,onChange:()=>Kt()}),r.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${x}__range-custom`},b("datepicker.preset.custom",{defaultValue:"Custom"}))),d.map((re,Te)=>r.createElement("div",{key:Ee(re),className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},r.createElement("input",{type:"radio","data-testid":`${f}_preset_option_${re.label}`,id:`sps-date-range-picker-${x}__range-${Te}`,name:`sps-date-range-picker-${x}__range`,onChange:()=>Kt(re),checked:X?.definition?X.definition===re.definition:!1,className:"sps-custom-control__input"}),r.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${x}__range-${Te}`},Ee(re)))))),r.createElement(Yo,{"data-testid":`${f}_calendar`,selectedRange:Array.isArray(c)?[z.createFrom(c[0],p),z.createFrom(c[1],p)]:void 0,onNewSelection:Ke,minDate:i,maxDate:s,showTwoMonths:u,selectedPreset:X&&Ee(X),currentUser:t})))}Object.assign(Ya,{props:vy,displayName:"SpsDateTimeRangePicker"});const Ed={basic:{label:"Basic",examples:{basic:{react:S.code`
+        `}}}},by={formMeta:"SpsFormSetMeta<any>",stacked:"boolean"};function wn({children:e,className:t,formArray:n,formGroup:o,formMeta:a,stacked:s,"data-testid":i,unsafelyReplaceClassName:l,...d}){const c=o||n,u=c||a,[m,p]=r.useState(!1);r.useEffect(()=>{if(u){const g=u.isFocused();!m&&g&&u.onFocus?u.onFocus():m&&!g&&u.onBlur&&u.onBlur(),p(g)}});const f=F(l||"sps-form-group",(c&&c.invalid||a&&(!a.isValid()||!a.contentsAreValid()))&&"sps-form-group--error",t);return r.createElement("div",{className:f,"data-testid":i,...d},r.createElement("div",{className:F("sps-input-group",s&&"sps-input-group--stacked")},e))}Object.assign(wn,{props:by,displayName:"SpsInputGroup"});const vy={currentUser:"any",disabled:"boolean",formMeta:"SpsFormFieldMeta<SimpleMomentRange>",maxDate:"SimpleDate",minDate:"SimpleDate",onChange:"(newMomentRange: SimpleMomentRange) => void",presets:"Array<DateTimePreset>",value:"SimpleMomentRange",showTwoMonths:"boolean",twentyFourHour:"boolean",format:"string",placeholder12h:"string",placeholder24h:"string",selectedPreset:"string",onPresetChange:"(newPreset?: string) => void"},hd="sps-datepicker",bd=["AM","PM"],vd=[{definition:"P0D",label:"datepicker.preset.today"},{definition:"() => [null, {month: 1, date: 1, year: 3000}]",label:"datepicker.preset.before"},{definition:"() => [{month: 1, date: 1, year: 1990}, null]",label:"datepicker.preset.after"},{definition:"P7D",label:"datepicker.preset.sevenDays"},{definition:"P30D",label:"datepicker.preset.thirtyDays"},{definition:"P60D",label:"datepicker.preset.sixtyDays"},{definition:"P90D",label:"datepicker.preset.ninetyDays"},{definition:"P1Y",label:"datepicker.preset.oneYear"}];function yd(e,t=""){return e.find(n=>n.definition===t)}function Ya({className:e,currentUser:t,disabled:n,formMeta:o,id:a,maxDate:s,minDate:i,onChange:l,presets:d=vd,value:c,showTwoMonths:u=!1,twentyFourHour:m,format:p,"data-testid":f,placeholder24h:g="00:00",placeholder12h:h="12:00",selectedPreset:E,onPresetChange:v}){const{t:b}=Se.useWoodlandLanguage(),C=ro(t),w=m??id(C),T=b("timeInput.customTime",{defaultValue:"Custom time"}),{wrapperId:M,controlId:_}=He(a&&`${a}_from`,o),{wrapperId:y,controlId:k}=He(a&&`${a}_to`,o),x=r.useRef(null),P=r.useRef(null),z=r.useRef(null),I=r.useRef(null),Y=r.useRef(null),V=j.splitMomentInDateTimeParts(Array.isArray(c)?c[0]:void 0,w,p),W=j.splitMomentInDateTimeParts(Array.isArray(c)?c[1]:void 0,w,p,!0),[A,Z]=r.useState(V[0]),[$,L]=r.useState(W[0]),[B,J]=r.useState(V[1]),[te,G]=r.useState(W[1]),[ne,K]=r.useState(V[2]),[U,H]=r.useState(W[2]),[X,ee]=r.useState(yd(d,E)||null),{showPopup:q,doShowPopup:Q,doHidePopup:ue}=fn(x,Y);r.useEffect(()=>{ee(yd(d,E)||null)},[E]);function pe(re){o&&(o.setValue(re),o.markAsDirty()),l&&l(re)}function Te(re){return re&&(/^datepicker\./.test(re.label)?b(re.label):re.label)}const Le=Te(X)==="Before",qe=Te(X)==="After";function Ue(re){const we=c||[],_e=j.toMoment(re);let ze;if(Le)ze=[null,_e],ue(!0),v?.(Te(X));else if(qe)ze=[_e,null],ue(!0),v?.(Te(X));else if(!we[0]||we[1]||_e?.isBefore(j.toMoment(j.createFrom(we[0],p)))){let xe=parseInt(B?.split(":")[0]||"0",10);!w&&xe===12&&(xe=0);const ct=parseInt(B?.split(":")[1]||"0",10);_e?.set("hour",ne==="PM"?12+xe:xe<12?xe:0),_e?.set("minute",ct),ze=[_e,null],ee(null),v?.(null)}else{let xe=parseInt(te?.split(":")[0]||"0",10);!w&&xe===12&&(xe=0);const ct=parseInt(te?.split(":")[1]||"0",10);_e?.set("hour",U==="PM"?12+xe:xe),_e?.set("minute",ct),_e?.isBefore(we[0])?ze=[_e,null]:(ze=[we[0],_e],ue(!0)),v?.(null),ee(null)}pe(ze)}function St(re){Z(re.target.value),X!==null&&(ee(null),v?.(null))}function Fe(re){j.validateTimeString(re.target.value,w)&&(J(re.target.value),X!==null&&(ee(null),v?.(null)))}function Ve(re,we,_e){const ze=A,xe=we??B,ct=ne;if(ze===V[0]&&xe===V[1]&&ct===V[2])return;const ae=j.createFrom(ze,p);if(ae&&j.isValid(ae)){const le=j.toMoment(ae);let De=parseInt(xe?.split(":")[0]||"0",10);!w&&De===12&&(De=0);const gt=parseInt(xe?.split(":")[1]||"0",10);le?.set("hour",ct==="PM"?12+De:De),le?.set("minute",gt);const kn=[le,le?.isBefore(c?.[1])&&c?.[1]||null];pe(kn)}}function $e(re){j.validateTimeString(re??B,w)&&(J(j.padIncompleteTimeString(re??B,w)),setTimeout(()=>Ve(void 0,re),0))}function ce(re){K(re.target.value)}function ve(re){j.validateTimeString(re,w)&&(J(re),setTimeout(()=>$e(re),0))}r.useEffect(()=>{ne!==V[2]&&Ve()},[ne]);function de(re){L(re.target.value)}function ge(re){j.validateTimeString(re.target.value,w)&&G(re.target.value)}function tt(re,we,_e){const ze=$,xe=we??te,ct=U;if(ze===W[0]&&xe===W[1]&&ct===W[2])return;const ae=j.createFrom(ze,p);if(ae&&j.isValid(ae)){const le=j.toMoment(ae);let De=parseInt(xe?.split(":")[0]||"0",10);!w&&De===12&&(De=0);const gt=parseInt(xe?.split(":")[1]||"0",10);le?.set("hour",ct==="PM"?12+De:De),le?.set("minute",gt);const kn=[le?.isAfter(c?.[0])&&c?.[0]||null,le];pe(kn)}}function sn(re){j.validateTimeString(re??te,w)&&(G(j.padIncompleteTimeString(re??te,w)),setTimeout(()=>tt(void 0,re),0))}function ni(re){H(re.target.value)}function Vt(re){j.validateTimeString(re,w)&&(G(re),setTimeout(()=>sn(re),0))}r.useEffect(()=>{U!==W[2]&&tt()},[U]);function Et(){pe([null,null]),ee(null),v?.(null)}function $t(re){return function(we){switch(we.key){case"Tab":ue();break;case"Backspace":we.target.selectionStart===0&&c&&!Array.isArray(c)&&Et();break;case"Enter":re==="from"?Ve():re==="to"&&tt();break}}}function Kt(re){if(!re){ee(null),pe([null,null]),v?.(null);return}ee(re);const we=j.createDateTimeRangeFromPreset(re);re&&Te(re)==="Before"?!c||Array.isArray(c)&&c[0]&&c[1]?pe([null,null]):Array.isArray(c)&&c[0]?pe([null,j.toMoment(j.createFrom(c[0],p))]):Array.isArray(c)&&c[1]&&pe([null,j.toMoment(j.createFrom(c[1],p))]):re&&Te(re)==="After"?!c||Array.isArray(c)&&c[0]&&c[1]?pe([null,null]):Array.isArray(c)&&c[0]?pe([j.toMoment(j.createFrom(c[0],p)),null]):Array.isArray(c)&&c[1]&&pe([j.toMoment(j.createFrom(c[1],p)),null]):JSON.stringify(c)!==JSON.stringify(we)&&pe([we[0],we[1]]),v&&re?.definition!==E&&v(typeof re?.definition=="string"?re?.definition:Te(re))}r.useEffect(()=>{c&&Array.isArray(c)&&!c.length&&Et()},[c]),r.useEffect(()=>{if(c&&Array.isArray(c)&&Array.isArray(c)){if(c[0]&&!c[1]){const re=d.find(we=>Te(we)==="After");re&&Kt(re)}else if(!c[0]&&c[1]){const re=d.find(we=>Te(we)==="Before");re&&Kt(re)}else if(c[0]&&c[1]){const re=j.toDateTimeStringRange(c,w,p),we=d.find(_e=>re===j.toDateTimeStringRange(j.createDateTimeRangeFromPreset(_e),w,p));we&&Kt(we)}}},[]),r.useEffect(()=>{V[0]?Z(V[0]):Z(""),V[1]?J(V[1]):J(w?"00:00":"12:00"),w||(V[2]?K(V[2]):K("AM")),W[0]?L(W[0]):L(""),W[1]?G(W[1]):G(w?"23:59":"11:59"),w||(W[2]?H(W[2]):H("PM"))},[V[0],V[1],V[2],W[0],W[1],W[2],w]);const Mn=F(hd,"sps-text-input",q&&`${hd}--open`,e);return r.createElement(r.Fragment,null,r.createElement("div",{className:F("sps-datetime-range-picker")},r.createElement("div",{className:F("sps-datetime-range-picker__pair")},r.createElement(ke,{id:M,className:Mn,formMeta:o,inputRef:P,focusInputOnClick:!0,ref:x},r.createElement("div",{className:F("sps-form-control",n&&"disabled")},r.createElement("i",{className:F("sps-text-input__icon","sps-icon","sps-icon-calendar")}),X&&r.createElement("div",{"data-testid":`${f}_selected_preset`,className:"sps-datepicker__selected-preset"},r.createElement("span",{className:"sps-tag sps-tag--info"},Te(X))),r.createElement("input",{type:"text",ref:P,className:"sps-text-input__input","data-testid":`${f}_from_date_input`,id:_,placeholder:!A&&!X?p?.toUpperCase()||pn:Le?W[0]:qe?V[0]:void 0,onChange:St,onClick:Q,onFocus:Q,onBlur:()=>Ve(),onKeyDown:$t("from"),value:X?"":A,disabled:n}),c&&!n&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:Et}))),!X&&(w?r.createElement(yt,{className:"sps-time-input",placeholder:g,suggestions:Tr,zeroState:T,value:B,onChange:Fe,onBlur:()=>$e(),onSelectionChange:ve,disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}):r.createElement(wn,null,r.createElement(yt,{className:"sps-time-input",placeholder:h,suggestions:Er,zeroState:T,value:B,onChange:Fe,onBlur:()=>$e(),onSelectionChange:ve,disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}),r.createElement(Zt,{options:bd,value:ne,onChange:ce,disabled:n,notClearable:!0})))),!X&&r.createElement("span",{className:F("sps-datepicker__to")},b("dateTimeRangePicker.to",{defaultValue:"to"})),!X&&r.createElement("div",{className:F("sps-datetime-range-picker__pair")},r.createElement(ke,{id:y,className:Mn,formMeta:o,inputRef:I,focusInputOnClick:!0,ref:z},r.createElement("div",{className:F("sps-form-control",n&&"disabled")},r.createElement("i",{className:F("sps-text-input__icon","sps-icon","sps-icon-calendar")}),X&&r.createElement("div",{"data-testid":`${f}_selected_preset`,className:"sps-datepicker__selected-preset"},r.createElement("span",{className:"sps-tag sps-tag--info"},Te(X))),r.createElement("input",{type:"text",ref:I,className:"sps-text-input__input","data-testid":`${f}_to_date_input`,id:k,placeholder:!$&&!X?p?.toUpperCase()||pn:void 0,onChange:de,onClick:Q,onFocus:Q,onKeyDown:$t("to"),onBlur:()=>tt(),value:$,disabled:n}),c&&!n&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:Et}))),w?r.createElement(yt,{className:"sps-time-input",placeholder:g,suggestions:Tr,zeroState:T,value:te,onChange:ge,onBlur:()=>sn(),onSelectionChange:Vt,disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}):r.createElement(wn,null,r.createElement(yt,{className:"sps-time-input",placeholder:h,suggestions:Er,zeroState:T,value:te,onChange:ge,onBlur:()=>sn(),onSelectionChange:Vt,disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}),r.createElement(Zt,{options:bd,value:U,onChange:ni,disabled:n,notClearable:!0})))),r.createElement(qo,{isOpen:q,attachTo:x,ref:Y},r.createElement("div",{className:"sps-datepicker__presets"},r.createElement("fieldset",null,r.createElement("legend",{className:"sps-datepicker__presets-label"},b("datepicker.presetsLabel",{defaultValue:"Ranges"})),r.createElement("div",{className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},r.createElement("input",{"data-testid":`${f}_presets_custom_input`,type:"radio",id:`sps-date-range-picker-${M}__range-custom`,className:"sps-custom-control__input",checked:!X,name:`sps-date-range-picker-${M}__range`,onChange:()=>Kt()}),r.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${M}__range-custom`},b("datepicker.preset.custom",{defaultValue:"Custom"}))),d.map((re,we)=>r.createElement("div",{key:Te(re),className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},r.createElement("input",{type:"radio","data-testid":`${f}_preset_option_${re.label}`,id:`sps-date-range-picker-${M}__range-${we}`,name:`sps-date-range-picker-${M}__range`,onChange:()=>Kt(re),checked:X?.definition?X.definition===re.definition:!1,className:"sps-custom-control__input"}),r.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${M}__range-${we}`},Te(re)))))),r.createElement(Yo,{"data-testid":`${f}_calendar`,selectedRange:Array.isArray(c)?[j.createFrom(c[0],p),j.createFrom(c[1],p)]:void 0,onNewSelection:Ue,minDate:i,maxDate:s,showTwoMonths:u,selectedPreset:X&&Te(X),currentUser:t})))}Object.assign(Ya,{props:vy,displayName:"SpsDateTimeRangePicker"});const Ed={basic:{label:"Basic",examples:{basic:{react:S.code`
                     import {
                         useSpsForm,
                         SpsLabel,
@@ -2182,7 +2208,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
                             </SpsLocaleProvider>
                         );
                     }
-                `}}}},yy={ISO_8601:"ISO_8601",ISO_8601_UTC:"ISO_8601_UTC",SHORT_TIME:"LT",SHORT_TIME_ZONE:"LT z",LONG_TIME:"LTS",LONG_TIME_ZONE:"LTS z",NUM_DATE:"L",SHORT_DATE:"ll",LONG_DATE:"LL",SHORT_DATETIME:"lll",SHORT_DATETIME_ZONE:"lll z",LONG_DATETIME:"LLL",LONG_DATETIME_ZONE:"LLL z",SHORT_FULLDATETIME:"llll",SHORT_FULLDATETIME_ZONE:"llll z",LONG_FULLDATETIME:"LLLL",LONG_FULLDATETIME_ZONE:"LLLL z"},Ey={currentUser:"any",dateToFormat:"string | Date",format:"string",locale:"string",relative:"boolean",relativeHrs:"number",tz:"string"};function Ty(e,t,n=0){if(!n&&!t)return!1;if(t)return!0;const o=ke(e);return ke().diff(o,"hours")<n}function wy({locale:e,tz:t,dateToFormat:n,format:o,currentUser:a,relative:s,relativeHrs:i,children:l}){const d=a?a.preferences||a.acting_entity?.user_info?.preferences:void 0,c=t||d?.timezone||ke.tz.guess(),u=e||d?.locale||jo(),m=o?yy[o]:"lll",p=n||String(l),f=ke(p);if(f.locale(ld(u)),!f.isValid())throw new Error("invalid date");return f.tz(c),Ty(p,s||!1,i)?f.fromNow():f.format(m)}function qa(e){const{dateToFormat:t,locale:n,tz:o,format:a,currentUser:s,relative:i,relativeHrs:l,children:d,...c}=e,u=ro(s),m=n??u;return r.createElement("span",{className:"sps-datetime",...c},wy({locale:m,tz:o,dateToFormat:t,format:a,currentUser:s,relative:i,relativeHrs:l,children:d}))}Object.assign(qa,{props:Ey,displayName:"SpsDateTime"});const Td={basic:{label:"Datetime Component",description:"<p>Formats dates</p>",examples:{basicAttribute:{imports:S.code`
+                `}}}},yy={ISO_8601:"ISO_8601",ISO_8601_UTC:"ISO_8601_UTC",SHORT_TIME:"LT",SHORT_TIME_ZONE:"LT z",LONG_TIME:"LTS",LONG_TIME_ZONE:"LTS z",NUM_DATE:"L",SHORT_DATE:"ll",LONG_DATE:"LL",SHORT_DATETIME:"lll",SHORT_DATETIME_ZONE:"lll z",LONG_DATETIME:"LLL",LONG_DATETIME_ZONE:"LLL z",SHORT_FULLDATETIME:"llll",SHORT_FULLDATETIME_ZONE:"llll z",LONG_FULLDATETIME:"LLLL",LONG_FULLDATETIME_ZONE:"LLLL z"},Ey={currentUser:"any",dateToFormat:"string | Date",format:"string",locale:"string",relative:"boolean",relativeHrs:"number",tz:"string"};function Ty(e,t,n=0){if(!n&&!t)return!1;if(t)return!0;const o=Me(e);return Me().diff(o,"hours")<n}function wy({locale:e,tz:t,dateToFormat:n,format:o,currentUser:a,relative:s,relativeHrs:i,children:l}){const d=a?a.preferences||a.acting_entity?.user_info?.preferences:void 0,c=t||d?.timezone||Me.tz.guess(),u=e||d?.locale||jo(),m=o?yy[o]:"lll",p=n||String(l),f=Me(p);if(f.locale(ld(u)),!f.isValid())throw new Error("invalid date");return f.tz(c),Ty(p,s||!1,i)?f.fromNow():f.format(m)}function qa(e){const{dateToFormat:t,locale:n,tz:o,format:a,currentUser:s,relative:i,relativeHrs:l,children:d,...c}=e,u=ro(s),m=n??u;return r.createElement("span",{className:"sps-datetime",...c},wy({locale:m,tz:o,dateToFormat:t,format:a,currentUser:s,relative:i,relativeHrs:l,children:d}))}Object.assign(qa,{props:Ey,displayName:"SpsDateTime"});const Td={basic:{label:"Datetime Component",description:"<p>Formats dates</p>",examples:{basicAttribute:{imports:S.code`
             import { SpsDateTime } from "@spscommerce/ds-react";
         `,jsx:S.code`
                     <SpsDateTime dateToFormat="2018-09-11T16:32:52.822000Z" />
@@ -2190,7 +2216,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
             import { SpsDateTime } from "@spscommerce/ds-react";
         `,jsx:S.code`
                     <SpsDateTime>2018-09-11T16:32:52.822000Z</SpsDateTime>
-                `}}}},wd={compact:"boolean",wideTerms:"boolean",widerTerms:"boolean"};function Jo(e){const{children:t,className:n,compact:o=!1,"data-testid":a,unsafelyReplaceClassName:s,wideTerms:i=!1,widerTerms:l=!1,...d}=e,c=r.Children.map(t,(m,p)=>{if(m.type.toString()!==r.Fragment.toString()){const h=parseInt(`${p/2}`,10)+1;return r.cloneElement(m,{style:{...m.props.style,msGridRow:h}})}const f=m.props.children;return r.Children.map(f,h=>r.cloneElement(h,{style:{...h.props.style,msGridRow:p+1}}))}),u=V(s||"sps-description-list",o&&"sps-description-list--compact",i&&"sps-description-list--wide-terms",l&&"sps-description-list--wider-terms",n);return r.createElement("dl",{className:u,"data-testid":`${a}`,...d},c)}Object.assign(Jo,{props:wd,displayName:"SpsDescriptionList / SpsDl"});function Cd(e){return r.createElement(Jo,{...e})}Object.assign(Cd,{props:wd,displayName:"SpsDescriptionList / SpsDl"});const Dd={};function Xo(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=V(a||"sps-description-list__definition",n);return r.createElement("dd",{className:i,"data-testid":`${o}`,...s},t)}Object.assign(Xo,{props:Dd,displayName:"SpsDescriptionListDefinition / SpsDd"});function Nd(e){return r.createElement(Xo,{...e})}Object.assign(Nd,{props:Dd,displayName:"SpsDescriptionListDefinition / SpsDd"});var fe=(e=>(e.VISIBLE="visible",e.DEFER_VISIBLE="defer_visible",e.HIDDEN="hidden",e.DELAYED_HIDDEN="delayed_hidden",e))(fe||{});function Zo(e){return e==="visible"?"hidden":"visible"}const Id=13,Qt=new Map,Cy={for:{type:"React.MutableRefObject<any> | string",required:!0},hideDelay:"number",isShown:"TooltipVisibility",kind:"TooltipKind",offsets:"[number, number]",onDeferred:"() => void",position:"Position",altPosition:"Position",showOn:"TooltipShowTrigger",title:"string | ReactNode"};function it({children:e,className:t,for:n,"data-testid":o,hideDelay:a=A.TOOLTIP_HIDE_DELAY_MS_DEFAULT,isShown:s,kind:i=A.TooltipKind.DEFAULT,offsets:l=[0,0],onDeferred:d,position:c=A.Position.TOP_MIDDLE,altPosition:u=xr(c),showOn:m=A.TooltipShowTrigger.MOUSEOVER,style:p,title:f,unsafelyReplaceClassName:g}){const h=r.useRef({instanceKey:Symbol("ds-react:tooltip:instance-key"),prevIsShown:s,hideTimer:null}),[E,v]=r.useState(!1),b=r.useRef(null),C=typeof n=="string"?r.useRef(document.getElementById(n)):n,w=r.useRef(null),T=r.useCallback(()=>{h.current.hideTimer&&(window.clearTimeout(h.current.hideTimer),h.current.hideTimer=null)},[]),x=r.useCallback(()=>{T(),v(!1)},[]),F=r.useCallback((Z=!1)=>{if(Z===!0&&Qt.size>0)return d&&d(),!1;if(b.current?.textContent==="")return console.warn("SpsTooltip is empty; aborting show"),!1;T();for(const $ of Qt.values())$();return v(!0),!0},[]),y=r.useCallback(Z=>{Z&&Z.stopPropagation(),v($=>$?(x(),!1):F())},[]),k=r.useCallback(Z=>{b.current&&!b.current.contains(Z.target)&&x()},[]),M=r.useCallback(()=>{T(),h.current.hideTimer=window.setTimeout(x,a)},[]),P=r.useCallback(Z=>{const[$,L]=Z.split(" "),_=C?.current?.getBoundingClientRect(),Y=w.current?parseInt(getComputedStyle(w.current)?.width||"0",10):0,te=Y*Math.sqrt(2),W=(te-Y)/2;if(["top","bottom"].includes($)&&L!=="middle"){if(!_?.width||_.width>50)return 0;const ne=w.current?parseInt(getComputedStyle(w.current)?.left||"0",10):0,O=w.current?parseInt(getComputedStyle(w.current)?.right||"0",10):0,q=(ne<O?ne:O)-W+te/2;return _.width/2-q}else if(["left","right"].includes($)&&L!=="middle"){if(_?.height&&_.height>50)return 0;const ne=w.current?parseInt(getComputedStyle(w.current)?.top||"0",10):0,O=w.current?parseInt(getComputedStyle(w.current)?.bottom||"0",10):0,q=(ne<O?ne:O)-W+te/2;return _.height/2-q}else return 0},[]);r.useEffect(()=>{if(typeof n=="string"&&(C.current=document.getElementById(n)),E?Qt.set(h.current.instanceKey,x):Qt.has(h.current.instanceKey)&&Qt.delete(h.current.instanceKey),m===A.TooltipShowTrigger.MANUAL){if(s!==h.current.prevIsShown)switch(s){case"visible":F();break;case"defer_visible":F(!0);break;case"hidden":x();break;case"delayed_hidden":M();break}h.current.prevIsShown=s}},[E,s]),r.useEffect(()=>{if(C.current)switch(m){case A.TooltipShowTrigger.MOUSEOVER:C.current.addEventListener("mouseenter",F),C.current.addEventListener("mouseleave",M);break;case A.TooltipShowTrigger.CLICK:C.current.addEventListener("click",y),document.addEventListener("click",k);break;case A.TooltipShowTrigger.MANUAL:break}},[C]),r.useEffect(()=>{b.current?.textContent===""&&E&&(h.current.hideTimer&&(clearTimeout(h.current.hideTimer),h.current.hideTimer=null),v(!1))},[e,E]),r.useEffect(()=>()=>{Qt.has(h.current.instanceKey)&&Qt.delete(h.current.instanceKey),C.current&&(C.current.removeEventListener("mouseenter",F),C.current.removeEventListener("mouseleave",M),C.current.removeEventListener("click",y),document.removeEventListener("click",k))},[]);const G=mn("sps-tooltip-portal"),I=r.useContext(nt),[[j,K],H]=r.useState([{},!1]);r.useEffect(()=>{H(E?Gt(b,C,c,{altPosition:u,setMinWidth:!1,offsets:[l[0]-Id,l[1]+P(c)],...I}):[{},!1])},[E,c,u,l[0],l[1],e]),r.useEffect(()=>{const Z=()=>{E&&H(Gt(b,C,c,{altPosition:u,setMinWidth:!1,offsets:[l[0]-Id,l[1]+P(c)],...I}))};return document.addEventListener("scroll",Z),()=>{document.removeEventListener("scroll",Z)}},[E]);const R=V(g||"sps-tooltip","z-stratum-tip",`sps-tooltip--${i}`,`sps-tooltip--pos-${(K?u:c).replace(" ","-")}`,E&&"sps-tooltip--shown",t);return G(r.createElement("div",{role:"tooltip",className:R,"data-testid":o,ref:b,style:{...p,...j},onMouseEnter:m===A.TooltipShowTrigger.MOUSEOVER?T:void 0,onMouseLeave:m===A.TooltipShowTrigger.MOUSEOVER?M:void 0},f&&(typeof f=="string"?r.createElement("span",{className:"sps-tooltip__title d-block"},f):f),r.createElement("span",{className:"sps-tooltip__body d-block"},e),r.createElement("span",{ref:w,className:"sps-tooltip__caret"})))}Object.assign(it,{props:Cy,displayName:"SpsTooltip"});const xd={error:"boolean",errors:"ReactNodeOrRenderFn",help:"ReactNodeOrRenderFn",labelFor:"SpsFormFieldMeta<any>",required:"boolean"};function Qo(e){const{children:t,className:n,error:o,errors:a,help:s,labelFor:i,required:l,"data-testid":d,unsafelyReplaceClassName:c,...u}=e,m=r.useRef(null),p=r.useRef();function f(){return p?.current&&p.current.parentElement?.classList.contains("sps-form-group--error")}function g(){return i&&!i.isPristine()&&!i.isValid()}const[h,E]=r.useState(),[v,b]=r.useState(fe.HIDDEN);r.useEffect(()=>{E(g()||f()?A.TooltipKind.ERROR:A.TooltipKind.HELP)}),r.useEffect(()=>{p.current=m?.current?.getElementsByClassName("sps-form-group__label")[0];const T=()=>b(fe.VISIBLE),x=()=>b(fe.HIDDEN);return p.current&&(p.current.addEventListener("focus",T),p.current.addEventListener("blur",x)),()=>{p.current&&(p.current.removeEventListener("focus",T),p.current.removeEventListener("blur",x))}}),i&&(i.onFocus=()=>b(fe.VISIBLE),i.onBlur=()=>b(fe.HIDDEN));const C=V(c||"sps-description-list__term",(l||i&&i.isRequired())&&"sps-description-list__term--required",(o||g())&&"sps-description-list__term--error",n);function w(){b(v===fe.VISIBLE?fe.HIDDEN:fe.VISIBLE)}return r.createElement(r.Fragment,null,r.createElement("dt",{className:C,"data-testid":`${d}`,ref:m,onMouseEnter:()=>b(fe.VISIBLE),onMouseLeave:()=>b(fe.DELAYED_HIDDEN),onClick:w,...u},t),r.createElement(it,{kind:h,for:m,showOn:A.TooltipShowTrigger.MANUAL,isShown:v},je(h===A.TooltipKind.ERROR?a:s)))}Object.assign(Qo,{props:xd,displayName:"SpsDescriptionListTerm / SpsDt"});function Md(e){return r.createElement(Qo,{...e})}Object.assign(Md,{props:xd,displayName:"SpsDescriptionListTerm / SpsDt"});const kd={general:{label:"General Usage",description:()=>D.createElement(D.Fragment,null,D.createElement("p",null,"Description Lists should be used to group a series of related terms (and their accompanying descriptions) together in a tabular-like format."),D.createElement("p",null,"Note: Description Lists are not the required pattern for listing terms and descriptions, but should be used when it benefits the legibility of the content over other typographic formats such as unordered lists or tables."),D.createElement("h5",null,"Use a Description List"),D.createElement("ul",null,D.createElement("li",{className:"mb-2"},"To display two or more terms that have accompanying descriptions or values.")),D.createElement("h5",null,"Do Not Use a Description List"),D.createElement("ul",null,D.createElement("li",{className:"mb-2"},"To display a single term"),D.createElement("li",{className:"mb-2"},"If the listed terms do not have descriptions")))},basic:{label:"Basic Description Lists",description:()=>D.createElement("p",null,"Description Lists are available in two sizes. Additionally, the left column can be set to one of three different width options to best accomodate the content in each specific use case."),examples:{oneToThree:{description:()=>D.createElement("h5",null,"1-to-3"),react:S.code`
+                `}}}},wd={compact:"boolean",wideTerms:"boolean",widerTerms:"boolean"};function Jo(e){const{children:t,className:n,compact:o=!1,"data-testid":a,unsafelyReplaceClassName:s,wideTerms:i=!1,widerTerms:l=!1,...d}=e,c=r.Children.map(t,(m,p)=>{if(m.type.toString()!==r.Fragment.toString()){const h=parseInt(`${p/2}`,10)+1;return r.cloneElement(m,{style:{...m.props.style,msGridRow:h}})}const f=m.props.children;return r.Children.map(f,h=>r.cloneElement(h,{style:{...h.props.style,msGridRow:p+1}}))}),u=F(s||"sps-description-list",o&&"sps-description-list--compact",i&&"sps-description-list--wide-terms",l&&"sps-description-list--wider-terms",n);return r.createElement("dl",{className:u,"data-testid":`${a}`,...d},c)}Object.assign(Jo,{props:wd,displayName:"SpsDescriptionList / SpsDl"});function Cd(e){return r.createElement(Jo,{...e})}Object.assign(Cd,{props:wd,displayName:"SpsDescriptionList / SpsDl"});const Dd={};function Xo(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=F(a||"sps-description-list__definition",n);return r.createElement("dd",{className:i,"data-testid":`${o}`,...s},t)}Object.assign(Xo,{props:Dd,displayName:"SpsDescriptionListDefinition / SpsDd"});function Nd(e){return r.createElement(Xo,{...e})}Object.assign(Nd,{props:Dd,displayName:"SpsDescriptionListDefinition / SpsDd"});var fe=(e=>(e.VISIBLE="visible",e.DEFER_VISIBLE="defer_visible",e.HIDDEN="hidden",e.DELAYED_HIDDEN="delayed_hidden",e))(fe||{});function Zo(e){return e==="visible"?"hidden":"visible"}const Id=13,Qt=new Map,Cy={for:{type:"React.MutableRefObject<any> | string",required:!0},hideDelay:"number",isShown:"TooltipVisibility",kind:"TooltipKind",offsets:"[number, number]",onDeferred:"() => void",position:"Position",altPosition:"Position",showOn:"TooltipShowTrigger",title:"string | ReactNode"};function it({children:e,className:t,for:n,"data-testid":o,hideDelay:a=R.TOOLTIP_HIDE_DELAY_MS_DEFAULT,isShown:s,kind:i=R.TooltipKind.DEFAULT,offsets:l=[0,0],onDeferred:d,position:c=R.Position.TOP_MIDDLE,altPosition:u=xr(c),showOn:m=R.TooltipShowTrigger.MOUSEOVER,style:p,title:f,unsafelyReplaceClassName:g}){const h=r.useRef({instanceKey:Symbol("ds-react:tooltip:instance-key"),prevIsShown:s,hideTimer:null}),[E,v]=r.useState(!1),b=r.useRef(null),C=typeof n=="string"?r.useRef(document.getElementById(n)):n,w=r.useRef(null),T=r.useCallback(()=>{h.current.hideTimer&&(window.clearTimeout(h.current.hideTimer),h.current.hideTimer=null)},[]),M=r.useCallback(()=>{T(),v(!1)},[]),_=r.useCallback((Z=!1)=>{if(Z===!0&&Qt.size>0)return d&&d(),!1;if(b.current?.textContent==="")return console.warn("SpsTooltip is empty; aborting show"),!1;T();for(const $ of Qt.values())$();return v(!0),!0},[]),y=r.useCallback(Z=>{Z&&Z.stopPropagation(),v($=>$?(M(),!1):_())},[]),k=r.useCallback(Z=>{b.current&&!b.current.contains(Z.target)&&M()},[]),x=r.useCallback(()=>{T(),h.current.hideTimer=window.setTimeout(M,a)},[]),P=r.useCallback(Z=>{const[$,L]=Z.split(" "),B=C?.current?.getBoundingClientRect(),J=w.current?parseInt(getComputedStyle(w.current)?.width||"0",10):0,te=J*Math.sqrt(2),G=(te-J)/2;if(["top","bottom"].includes($)&&L!=="middle"){if(!B?.width||B.width>50)return 0;const ne=w.current?parseInt(getComputedStyle(w.current)?.left||"0",10):0,K=w.current?parseInt(getComputedStyle(w.current)?.right||"0",10):0,H=(ne<K?ne:K)-G+te/2;return B.width/2-H}else if(["left","right"].includes($)&&L!=="middle"){if(B?.height&&B.height>50)return 0;const ne=w.current?parseInt(getComputedStyle(w.current)?.top||"0",10):0,K=w.current?parseInt(getComputedStyle(w.current)?.bottom||"0",10):0,H=(ne<K?ne:K)-G+te/2;return B.height/2-H}else return 0},[]);r.useEffect(()=>{if(typeof n=="string"&&(C.current=document.getElementById(n)),E?Qt.set(h.current.instanceKey,M):Qt.has(h.current.instanceKey)&&Qt.delete(h.current.instanceKey),m===R.TooltipShowTrigger.MANUAL){if(s!==h.current.prevIsShown)switch(s){case"visible":_();break;case"defer_visible":_(!0);break;case"hidden":M();break;case"delayed_hidden":x();break}h.current.prevIsShown=s}},[E,s]),r.useEffect(()=>{if(C.current)switch(m){case R.TooltipShowTrigger.MOUSEOVER:C.current.addEventListener("mouseenter",_),C.current.addEventListener("mouseleave",x);break;case R.TooltipShowTrigger.CLICK:C.current.addEventListener("click",y),document.addEventListener("click",k);break;case R.TooltipShowTrigger.MANUAL:break}},[C]),r.useEffect(()=>{b.current?.textContent===""&&E&&(h.current.hideTimer&&(clearTimeout(h.current.hideTimer),h.current.hideTimer=null),v(!1))},[e,E]),r.useEffect(()=>()=>{Qt.has(h.current.instanceKey)&&Qt.delete(h.current.instanceKey),C.current&&(C.current.removeEventListener("mouseenter",_),C.current.removeEventListener("mouseleave",x),C.current.removeEventListener("click",y),document.removeEventListener("click",k))},[]);const z=mn("sps-tooltip-portal"),I=r.useContext(nt),[[Y,V],W]=r.useState([{},!1]);r.useEffect(()=>{W(E?Gt(b,C,c,{altPosition:u,setMinWidth:!1,offsets:[l[0]-Id,l[1]+P(c)],...I}):[{},!1])},[E,c,u,l[0],l[1],e]),r.useEffect(()=>{const Z=()=>{E&&W(Gt(b,C,c,{altPosition:u,setMinWidth:!1,offsets:[l[0]-Id,l[1]+P(c)],...I}))};return document.addEventListener("scroll",Z),()=>{document.removeEventListener("scroll",Z)}},[E]);const A=F(g||"sps-tooltip","z-stratum-tip",`sps-tooltip--${i}`,`sps-tooltip--pos-${(V?u:c).replace(" ","-")}`,E&&"sps-tooltip--shown",t);return z(r.createElement("div",{role:"tooltip",className:A,"data-testid":o,ref:b,style:{...p,...Y},onMouseEnter:m===R.TooltipShowTrigger.MOUSEOVER?T:void 0,onMouseLeave:m===R.TooltipShowTrigger.MOUSEOVER?x:void 0},f&&(typeof f=="string"?r.createElement("span",{className:"sps-tooltip__title d-block"},f):f),r.createElement("span",{className:"sps-tooltip__body d-block"},e),r.createElement("span",{ref:w,className:"sps-tooltip__caret"})))}Object.assign(it,{props:Cy,displayName:"SpsTooltip"});const xd={error:"boolean",errors:"ReactNodeOrRenderFn",help:"ReactNodeOrRenderFn",labelFor:"SpsFormFieldMeta<any>",required:"boolean"};function Qo(e){const{children:t,className:n,error:o,errors:a,help:s,labelFor:i,required:l,"data-testid":d,unsafelyReplaceClassName:c,...u}=e,m=r.useRef(null),p=r.useRef();function f(){return p?.current&&p.current.parentElement?.classList.contains("sps-form-group--error")}function g(){return i&&!i.isPristine()&&!i.isValid()}const[h,E]=r.useState(),[v,b]=r.useState(fe.HIDDEN);r.useEffect(()=>{E(g()||f()?R.TooltipKind.ERROR:R.TooltipKind.HELP)}),r.useEffect(()=>{p.current=m?.current?.getElementsByClassName("sps-form-group__label")[0];const T=()=>b(fe.VISIBLE),M=()=>b(fe.HIDDEN);return p.current&&(p.current.addEventListener("focus",T),p.current.addEventListener("blur",M)),()=>{p.current&&(p.current.removeEventListener("focus",T),p.current.removeEventListener("blur",M))}}),i&&(i.onFocus=()=>b(fe.VISIBLE),i.onBlur=()=>b(fe.HIDDEN));const C=F(c||"sps-description-list__term",(l||i&&i.isRequired())&&"sps-description-list__term--required",(o||g())&&"sps-description-list__term--error",n);function w(){b(v===fe.VISIBLE?fe.HIDDEN:fe.VISIBLE)}return r.createElement(r.Fragment,null,r.createElement("dt",{className:C,"data-testid":`${d}`,ref:m,onMouseEnter:()=>b(fe.VISIBLE),onMouseLeave:()=>b(fe.DELAYED_HIDDEN),onClick:w,...u},t),r.createElement(it,{kind:h,for:m,showOn:R.TooltipShowTrigger.MANUAL,isShown:v},je(h===R.TooltipKind.ERROR?a:s)))}Object.assign(Qo,{props:xd,displayName:"SpsDescriptionListTerm / SpsDt"});function Md(e){return r.createElement(Qo,{...e})}Object.assign(Md,{props:xd,displayName:"SpsDescriptionListTerm / SpsDt"});const kd={general:{label:"General Usage",description:()=>D.createElement(D.Fragment,null,D.createElement("p",null,"Description Lists should be used to group a series of related terms (and their accompanying descriptions) together in a tabular-like format."),D.createElement("p",null,"Note: Description Lists are not the required pattern for listing terms and descriptions, but should be used when it benefits the legibility of the content over other typographic formats such as unordered lists or tables."),D.createElement("h5",null,"Use a Description List"),D.createElement("ul",null,D.createElement("li",{className:"mb-2"},"To display two or more terms that have accompanying descriptions or values.")),D.createElement("h5",null,"Do Not Use a Description List"),D.createElement("ul",null,D.createElement("li",{className:"mb-2"},"To display a single term"),D.createElement("li",{className:"mb-2"},"If the listed terms do not have descriptions")))},basic:{label:"Basic Description Lists",description:()=>D.createElement("p",null,"Description Lists are available in two sizes. Additionally, the left column can be set to one of three different width options to best accomodate the content in each specific use case."),examples:{oneToThree:{description:()=>D.createElement("h5",null,"1-to-3"),react:S.code`
           import { SpsDl, SpsDt, SpsDd } from "@spscommerce/ds-react";
           function DemoComponent() {
             return (
@@ -2664,7 +2690,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
               </SpsForm>
             )
           }
-        `}}}},Dy=Eo||Nr,Ny={alignLeft:"boolean",disabled:"boolean",conformWidth:"boolean",icon:"SpsIcon",kind:"DropdownKind",label:"string",options:"Array<SpsActionMethod | [SpsActionDescriptor, () => void]>",spinning:"boolean",spinningTitle:"string",tallOptionList:"boolean",onOpen:"() => void",onClose:"() => void",loading:"boolean",maxHeightOptionListPx:"number",maxHeightOptionListRem:"number",disableOptionsMemoization:"boolean"};function en(e){const{action:t,alignLeft:n,className:o,conformWidth:a,disabled:s,icon:i,id:l,kind:d,label:c,options:u=[],tabIndex:m,spinning:p,spinningTitle:f,tallOptionList:g,unsafelyReplaceClassName:h,onOpen:E,onClose:v,loading:b,maxHeightOptionListPx:C,maxHeightOptionListRem:w,disableOptionsMemoization:T,...x}=e,{t:F}=Se.useWoodlandLanguage(),y=It(l),[k,M]=r.useState(!1),[P,G]=r.useState(!1),[I,j]=r.useState(),K=r.useRef(null),H=u.map(J=>typeof J=="function"?J:Object.assign(J[1],{...A.SPS_ACTION_DEFAULTS,...J[0]})),R=`${y.current}-button`,Z=`${y.current}-menu`;let $,L;c?(L=d||A.DropdownKind.DEFAULT,$=i):(L=A.DropdownKind.ICON,$=i||A.SpsIcon.ELLIPSES);const _=r.useRef(null);r.useEffect(()=>{k&&E?E():!k&&v&&v()},[k]);function Y(J){_.current&&!_.current.contains(J.target)&&M(!1)}function te(J){J.preventDefault(),!s&&!p&&M(!k)}function W(J){M(J)}function ne(){M(!1)}function O(J){s||(["Up","ArrowUp","Down","ArrowDown"].indexOf(J.key)>-1&&J.preventDefault(),J.persist(),j(J))}function U(J){J.detail!==y.current&&M(!1)}r.useEffect(()=>(document.addEventListener("click",Y),document.addEventListener("DropdownOpened",U),()=>{document.removeEventListener("click",Y),document.removeEventListener("DropdownOpened",U)}),[]),r.useEffect(()=>{if(k){K.current&&Dy(K.current,{scrollMode:"if-needed"});const J=document.createEvent("CustomEvent");J.initCustomEvent("DropdownOpened",!1,!1,y.current),document.dispatchEvent(J)}},[k]);const q=V(h||"sps-dropdown",k&&"sps-dropdown--open",k&&"z-stratum-dropdown",P&&"sps-dropdown--opens-upward",!c&&"sps-dropdown--no-label",s&&"disabled",o),X=V("sps-button",`sps-button--${L}`,s&&"sps-button--disabled",p&&"sps-button--spinning"),ee=L===A.DropdownKind.ICON&&!n?[A.Position.BOTTOM_RIGHT,A.Position.TOP_RIGHT]:void 0;return r.useEffect(()=>{let J;return k&&(J=()=>{M(!1)},window.addEventListener("resize",J)),()=>{J&&window.removeEventListener("resize",J)}},[k]),Rn({isOpen:k,rootRef:_}),r.createElement("div",{...x,id:y.current,className:q,onKeyDown:O},r.createElement("div",{onClick:te,className:X,ref:_},r.createElement("button",{type:"button",id:R,ref:K,"aria-haspopup":"true","aria-controls":Z,"aria-expanded":k?!0:void 0,tabIndex:m,disabled:s,onClick:te},r.createElement("i",{className:V("sps-icon",`sps-icon-${$}`)}),c&&r.createElement("span",null,c),p&&r.createElement("div",{className:"sps-spinner",key:1},f||F("button.spinningTitle")))),r.createElement(_n,{positionOverride:ee,isOpen:k,"aria-labelledby":R,keyDown:I,onOptionSelected:ne,id:Z,attachTo:_,onPositionFlip:G,onSelfToggle:W,options:H,offsets:[0,0],tall:g,optionRole:"option",loading:b,maxHeightPx:C,maxHeightRem:w,disableOptionsMemoization:T,specialAction:t,conformWidth:a}))}Object.assign(en,{props:Ny,displayName:"SpsDropdown"});const Ld={labelled:{label:"Labelled",examples:{default:{description:"<h3> Default Dropdown</h3>",react:S.code`
+        `}}}},Dy=Eo||Nr,Ny={alignLeft:"boolean",disabled:"boolean",conformWidth:"boolean",icon:"SpsIcon",kind:"DropdownKind",label:"string",options:"Array<SpsActionMethod | [SpsActionDescriptor, () => void]>",spinning:"boolean",spinningTitle:"string",tallOptionList:"boolean",onOpen:"() => void",onClose:"() => void",loading:"boolean",maxHeightOptionListPx:"number",maxHeightOptionListRem:"number",disableOptionsMemoization:"boolean"};function en(e){const{action:t,alignLeft:n,className:o,conformWidth:a,disabled:s,icon:i,id:l,kind:d,label:c,options:u=[],tabIndex:m,spinning:p,spinningTitle:f,tallOptionList:g,unsafelyReplaceClassName:h,onOpen:E,onClose:v,loading:b,maxHeightOptionListPx:C,maxHeightOptionListRem:w,disableOptionsMemoization:T,...M}=e,{t:_}=Se.useWoodlandLanguage(),y=It(l),[k,x]=r.useState(!1),[P,z]=r.useState(!1),[I,Y]=r.useState(),V=r.useRef(null),W=u.map(q=>typeof q=="function"?q:Object.assign(q[1],{...R.SPS_ACTION_DEFAULTS,...q[0]})),A=`${y.current}-button`,Z=`${y.current}-menu`;let $,L;c?(L=d||R.DropdownKind.DEFAULT,$=i):(L=R.DropdownKind.ICON,$=i||R.SpsIcon.ELLIPSES);const B=r.useRef(null);r.useEffect(()=>{k&&E?E():!k&&v&&v()},[k]);function J(q){B.current&&!B.current.contains(q.target)&&x(!1)}function te(q){q.preventDefault(),!s&&!p&&x(!k)}function G(q){x(q)}function ne(){x(!1)}function K(q){s||(["Up","ArrowUp","Down","ArrowDown"].indexOf(q.key)>-1&&q.preventDefault(),q.persist(),Y(q))}function U(q){q.detail!==y.current&&x(!1)}r.useEffect(()=>(document.addEventListener("click",J),document.addEventListener("DropdownOpened",U),()=>{document.removeEventListener("click",J),document.removeEventListener("DropdownOpened",U)}),[]),r.useEffect(()=>{if(k){V.current&&Dy(V.current,{scrollMode:"if-needed"});const q=document.createEvent("CustomEvent");q.initCustomEvent("DropdownOpened",!1,!1,y.current),document.dispatchEvent(q)}},[k]);const H=F(h||"sps-dropdown",k&&"sps-dropdown--open",k&&"z-stratum-dropdown",P&&"sps-dropdown--opens-upward",!c&&"sps-dropdown--no-label",s&&"disabled",o),X=F("sps-button",`sps-button--${L}`,s&&"sps-button--disabled",p&&"sps-button--spinning"),ee=L===R.DropdownKind.ICON&&!n?[R.Position.BOTTOM_RIGHT,R.Position.TOP_RIGHT]:void 0;return r.useEffect(()=>{let q;return k&&(q=()=>{x(!1)},window.addEventListener("resize",q)),()=>{q&&window.removeEventListener("resize",q)}},[k]),Rn({isOpen:k,rootRef:B}),r.createElement("div",{...M,id:y.current,className:H,onKeyDown:K},r.createElement("div",{onClick:te,className:X,ref:B},r.createElement("button",{type:"button",id:A,ref:V,"aria-haspopup":"true","aria-controls":Z,"aria-expanded":k?!0:void 0,tabIndex:m,disabled:s,onClick:te},r.createElement("i",{className:F("sps-icon",`sps-icon-${$}`)}),c&&r.createElement("span",null,c),p&&r.createElement("div",{className:"sps-spinner",key:1},f||_("button.spinningTitle")))),r.createElement(_n,{positionOverride:ee,isOpen:k,"aria-labelledby":A,keyDown:I,onOptionSelected:ne,id:Z,attachTo:B,onPositionFlip:z,onSelfToggle:G,options:W,offsets:[0,0],tall:g,optionRole:"option",loading:b,maxHeightPx:C,maxHeightRem:w,disableOptionsMemoization:T,specialAction:t,conformWidth:a}))}Object.assign(en,{props:Ny,displayName:"SpsDropdown"});const Ld={labelled:{label:"Labelled",examples:{default:{description:"<h3> Default Dropdown</h3>",react:S.code`
                 import {
                   SpsDropdown,
                   useSpsAction,
@@ -2901,7 +2927,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
                     </SpsTable>
                   )
                 }
-              `}}}},Iy={checked:"boolean",onChange:"ChangeEventHandler",indeterminate:"boolean",disabled:"boolean",options:"Array<SpsActionMethod | [SpsActionDescriptor, () => void]>"};function Ja(e){const{options:t,className:n,checked:o,onChange:a,indeterminate:s,disabled:i,"data-testid":l,...d}=e,c=V("sps-checkbox-dropdown",n);return r.createElement("span",{className:c,"data-testid":l,...d},r.createElement(Ut,{indeterminate:s,checked:o,disabled:i,onChange:a,inline:!0,"data-testid":`${l}__checkbox`}),r.createElement(en,{disabled:i,options:t,icon:A.SpsIcon.CHEVRON_DOWN,"data-testid":`${l}__dropdown`}))}Object.assign(Ja,{props:Iy,displayName:"SpsCheckboxDropdown"});const xy={errors:"ReactNodeOrRenderFn",formMeta:"SpsFormSetMeta<any>",legend:"string",hasRequiredFields:"boolean",optional:"boolean",enabled:"boolean",onToggled:"(isEnabled: boolean) => void",tooltip:"string",applyNestedStyles:"boolean"};function Xa({children:e,className:t,errors:n,formArray:o,formGroup:a,formMeta:s,legend:i,unsafelyReplaceClassName:l,hasRequiredFields:d=!1,optional:c=!1,enabled:u=!1,onToggled:m,tooltip:p,applyNestedStyles:f,"data-testid":g,errorsTooltipTrigger:h=A.TooltipShowTrigger.CLICK,errorsTooltipPosition:E=A.Position.LEFT_MIDDLE}){const v=a||o,b=r.useRef(null),C=r.useRef(null),[w,T]=r.useState(fe.HIDDEN),[x,F]=r.useState(!1),[y,k]=r.useState(u);kr(()=>{m?.(y)},[y]),r.useEffect(()=>{if(v||s){const G=v&&v.isFocused()||s&&s.isFocused();!x&&G?T(fe.VISIBLE):x&&!G&&T(fe.HIDDEN),F(G||!1)}});const M=V(l||f?"nested-styles-fieldset":"sps-fieldset",(v&&!v.isPristine()&&v.invalid||s&&(!s.isValid()||!s.contentsAreValid()))&&"sps-fieldset--error",t,c&&!y&&"sps-fieldset--collapsed",d&&"sps-fieldset--required-fields");function P(){T(w===fe.VISIBLE?fe.HIDDEN:fe.VISIBLE)}return r.createElement("div",{className:"sps-fieldset-container"},r.createElement("fieldset",{className:M,"data-testid":g},r.createElement("legend",{className:"sps-fieldset__legend",ref:b,onMouseEnter:()=>T(fe.VISIBLE),onMouseLeave:()=>T(fe.DELAYED_HIDDEN),onClick:P},c&&r.createElement(Ut,{checked:y,className:"d-inline-flex pr-1",onChange:G=>{k(G.target.checked)},"data-testid":`${g}__checkbox`}),i,p&&r.createElement("span",{className:"sps-fieldset__legend-icon",ref:C},r.createElement(ut,{icon:A.SpsIcon.INFO_CIRCLE,"data-testid":`${g}__info-icon`}))),p&&r.createElement(it,{for:C},p),!!n&&r.createElement(it,{for:b,kind:A.TooltipKind.ERROR,showOn:h,position:E,isShown:w},je(n)),e))}Object.assign(Xa,{props:xy,displayName:"SpsFieldset"});const Od={basic:{label:"Basic Content Sections",description:"info about basic content sections",examples:{basic:{react:S.code`
+              `}}}},Iy={checked:"boolean",onChange:"ChangeEventHandler",indeterminate:"boolean",disabled:"boolean",options:"Array<SpsActionMethod | [SpsActionDescriptor, () => void]>"};function Ja(e){const{options:t,className:n,checked:o,onChange:a,indeterminate:s,disabled:i,"data-testid":l,...d}=e,c=F("sps-checkbox-dropdown",n);return r.createElement("span",{className:c,"data-testid":l,...d},r.createElement(Ut,{indeterminate:s,checked:o,disabled:i,onChange:a,inline:!0,"data-testid":`${l}__checkbox`}),r.createElement(en,{disabled:i,options:t,icon:R.SpsIcon.CHEVRON_DOWN,"data-testid":`${l}__dropdown`}))}Object.assign(Ja,{props:Iy,displayName:"SpsCheckboxDropdown"});const xy={errors:"ReactNodeOrRenderFn",formMeta:"SpsFormSetMeta<any>",legend:"string",hasRequiredFields:"boolean",optional:"boolean",enabled:"boolean",onToggled:"(isEnabled: boolean) => void",tooltip:"string",applyNestedStyles:"boolean"};function Xa({children:e,className:t,errors:n,formArray:o,formGroup:a,formMeta:s,legend:i,unsafelyReplaceClassName:l,hasRequiredFields:d=!1,optional:c=!1,enabled:u=!1,onToggled:m,tooltip:p,applyNestedStyles:f,"data-testid":g,errorsTooltipTrigger:h=R.TooltipShowTrigger.CLICK,errorsTooltipPosition:E=R.Position.LEFT_MIDDLE}){const v=a||o,b=r.useRef(null),C=r.useRef(null),[w,T]=r.useState(fe.HIDDEN),[M,_]=r.useState(!1),[y,k]=r.useState(u);kr(()=>{m?.(y)},[y]),r.useEffect(()=>{if(v||s){const z=v&&v.isFocused()||s&&s.isFocused();!M&&z?T(fe.VISIBLE):M&&!z&&T(fe.HIDDEN),_(z||!1)}});const x=F(l||f?"nested-styles-fieldset":"sps-fieldset",(v&&!v.isPristine()&&v.invalid||s&&(!s.isValid()||!s.contentsAreValid()))&&"sps-fieldset--error",t,c&&!y&&"sps-fieldset--collapsed",d&&"sps-fieldset--required-fields");function P(){T(w===fe.VISIBLE?fe.HIDDEN:fe.VISIBLE)}return r.createElement("div",{className:"sps-fieldset-container"},r.createElement("fieldset",{className:x,"data-testid":g},r.createElement("legend",{className:"sps-fieldset__legend",ref:b,onMouseEnter:()=>T(fe.VISIBLE),onMouseLeave:()=>T(fe.DELAYED_HIDDEN),onClick:P},c&&r.createElement(Ut,{checked:y,className:"d-inline-flex pr-1",onChange:z=>{k(z.target.checked)},"data-testid":`${g}__checkbox`}),i,p&&r.createElement("span",{className:"sps-fieldset__legend-icon",ref:C},r.createElement(ut,{icon:R.SpsIcon.INFO_CIRCLE,"data-testid":`${g}__info-icon`}))),p&&r.createElement(it,{for:C},p),!!n&&r.createElement(it,{for:b,kind:R.TooltipKind.ERROR,showOn:h,position:E,isShown:w},je(n)),e))}Object.assign(Xa,{props:xy,displayName:"SpsFieldset"});const Od={basic:{label:"Basic Content Sections",description:"info about basic content sections",examples:{basic:{react:S.code`
                     import {
                         useSpsForm,
                         SpsFieldset,
@@ -3181,7 +3207,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
                             </SpsForm>
                         )
                     }
-                `}}}},My={disabled:"boolean",defaultValue:"number",min:"number",max:"number",step:"number",onValueChange:"(newValue: number) => void"};function Za(e){const{autoComplete:t,disabled:n,defaultValue:o=0,min:a=Number.MIN_SAFE_INTEGER,max:s=Number.MAX_SAFE_INTEGER,step:i=1,onValueChange:l,unsafelyReplaceClassName:d,className:c,"data-testid":u,...m}=e,[p,f]=r.useState(Math.max(a,o));r.useEffect(()=>{f(Math.max(a,o))},[o]);const[g,h]=r.useState(!1);r.useEffect(()=>{l&&typeof l=="function"&&l(p),h(p<a||p>s)},[p]);const E=()=>p<=a?!1:(p>s?f(s):f(w=>Math.max(w-i,a)),!0),v=()=>p>=s?!1:(p<a?f(a):f(w=>w+i),!0),b=w=>{w.target.value!==""&&f(parseInt(w.target.value,10))},C=d||V("sps-incrementor sps-input-group sps-input-group__append",c);return r.createElement("div",{className:C,...m,"data-testid":u},r.createElement("div",{className:"sps-button sps-button--icon"},r.createElement("button",{type:"button","data-testid":`${u}__minus`,onClick:E,disabled:n,"aria-label":`Subtract ${i}`},r.createElement("i",{className:"sps-icon sps-icon-minus","aria-hidden":"true"}))),r.createElement("div",{className:"sps-text-input"},r.createElement("input",{type:"text",className:V("sps-form-control",g&&"sps-input--error"),value:p,onChange:b,disabled:n,"data-testid":`${u}__input`,autoComplete:t})),r.createElement("div",{className:"sps-button sps-button--icon"},r.createElement("button",{type:"button","data-testid":`${u}__plus`,onClick:v,disabled:n,"aria-label":`Add ${i}`},r.createElement("i",{className:"sps-icon sps-icon-plus-sign","aria-hidden":"true"}))))}Object.assign(Za,{props:My,displayName:"SpsIncrementor"});const Bd={stepExample:{label:"Incrementor",description:"info about incrementor",examples:{stacked:{react:S.code`
+                `}}}},My={disabled:"boolean",defaultValue:"number",min:"number",max:"number",step:"number",onValueChange:"(newValue: number) => void"};function Za(e){const{autoComplete:t,disabled:n,defaultValue:o=0,min:a=Number.MIN_SAFE_INTEGER,max:s=Number.MAX_SAFE_INTEGER,step:i=1,onValueChange:l,unsafelyReplaceClassName:d,className:c,"data-testid":u,...m}=e,[p,f]=r.useState(Math.max(a,o));r.useEffect(()=>{f(Math.max(a,o))},[o]);const[g,h]=r.useState(!1);r.useEffect(()=>{l&&typeof l=="function"&&l(p),h(p<a||p>s)},[p]);const E=()=>p<=a?!1:(p>s?f(s):f(w=>Math.max(w-i,a)),!0),v=()=>p>=s?!1:(p<a?f(a):f(w=>w+i),!0),b=w=>{w.target.value!==""&&f(parseInt(w.target.value,10))},C=d||F("sps-incrementor sps-input-group sps-input-group__append",c);return r.createElement("div",{className:C,...m,"data-testid":u},r.createElement("div",{className:"sps-button sps-button--icon"},r.createElement("button",{type:"button","data-testid":`${u}__minus`,onClick:E,disabled:n,"aria-label":`Subtract ${i}`},r.createElement("i",{className:"sps-icon sps-icon-minus","aria-hidden":"true"}))),r.createElement("div",{className:"sps-text-input"},r.createElement("input",{type:"text",className:F("sps-form-control",g&&"sps-input--error"),value:p,onChange:b,disabled:n,"data-testid":`${u}__input`,autoComplete:t})),r.createElement("div",{className:"sps-button sps-button--icon"},r.createElement("button",{type:"button","data-testid":`${u}__plus`,onClick:v,disabled:n,"aria-label":`Add ${i}`},r.createElement("i",{className:"sps-icon sps-icon-plus-sign","aria-hidden":"true"}))))}Object.assign(Za,{props:My,displayName:"SpsIncrementor"});const Bd={stepExample:{label:"Incrementor",description:"info about incrementor",examples:{stacked:{react:S.code`
                     import { SpsIncrementor } from "@spscommerce/ds-react";
                     function Component () {
                         const [value, setValue] = React.useState("");
@@ -3202,7 +3228,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
                             </React.Fragment>
                         );
                     }
-                `}}}},ky={for:{type:"SpsFormMetaBase<any>",required:!0},description:"string",stronglySuggested:"boolean",help:"ReactNodeOrRenderFn",helpIcon:"SpsIcon",helpIconColor:"string",errors:"ReactNodeOrRenderFn"};function Qa({children:e,className:t,description:n,for:o,stronglySuggested:a,help:s,helpIcon:i=A.SpsIcon.QUESTION_CIRCLE,helpIconColor:l="blue200",errors:d,unsafelyReplaceClassName:c,"data-testid":u,...m}){const{t:p}=Se.useWoodlandLanguage(),f=r.useRef(null),g=r.useRef(null),h=r.useRef(null),E=r.useRef(null),[v,b]=r.useState(fe.HIDDEN),[C,w]=r.useState(fe.HIDDEN),[T,x]=r.useState(fe.HIDDEN),[F,y]=r.useState(fe.HIDDEN),k={maxLength:"This field accepts a maximum number of characters.",alpha:"This field accepts only alphabetic values.",numeric:"This field accpets only numerical values (zero or greater).",positiveOrNegativeNumber:"This field accpets only numerical values.",nonNumeric:"This field accepts only non-numerical values."};function M(){x(fe.HIDDEN),b(fe.HIDDEN)}function P(){w(fe.HIDDEN),y(fe.HIDDEN)}function G(O){O.preventDefault(),P(),x(Zo(T))}function I(){return o&&(o instanceof Ht&&o.isVisibilyInvalid()||!(o instanceof Ht)&&!o.isValid())?[C,w]:o&&o instanceof Ht&&o.hasPreventativeErrors()?[F,y]:[fe.HIDDEN,()=>{}]}function j(){P();const[O,U]=I();U(Zo(O))}function K(){P();const[,O]=I();O(fe.VISIBLE)}function H(O){O.preventDefault(),P(),b(Zo(v))}r.useEffect(()=>{o&&(o.onFocus=K,o.onBlur=P)},[o]);const R=V(c||"sps-form-group__label-container",t),[Z,$]=o instanceof Ht?[o,void 0]:[void 0,o];function L(O,U){return{dateFormat:`Please enter a date in the format ${U}.`,dateRangeOrder:"End date cannot be before start date.",dateValidity:"Please enter a valid date.",max:`Please enter a value no greater than ${U}.`,maxLength:`Please enter no more than ${U} characters.`,min:`Please enter a value no less than ${U}.`,minLength:`Please enter at least ${U} characters.`,required:"This field is required."}[O]}function _(){if(Z){for(const O of["dateFormat","dateRangeOrder","dateValidity","required","minLength"])if(Z.hasError(O))return p(`label.errors.${O}`,{context:Z.errors?Z.errors[O]:"",defaultValue:`${L(O,Z.errors?Z.errors[O]:"")}`});if(Z.hasError("dateConstraint")){const O=Z.errors?.dateConstraint,U=O.minExceeded?"min":"max";return p(`label.errors.dateConstraint.${U}`,{context:O,defaultValue:U==="min"?`Please enter a date on or after ${typeof O=="object"?O.minExceeded:O}`:`Please enter a date on or prior to ${typeof O=="object"?O.maxExceeded:O}`})}}return null}function Y(){if(Z){for(const O of gt)if(Z.hasPreventativeError(O))return p(`label.preventativeErrors.${O}`,{defaultValue:`${k[O]}`})}return null}const[te,W]=ot(e,[{type:ut}]);r.useEffect(()=>{Z?.hasPreventativeErrors()&&y(fe.VISIBLE)},[Z?.hasPreventativeErrors()]);const ne=r.useRef(null);return r.useEffect(()=>{function O(U){ne.current?.contains(U.target)||M()}return document.addEventListener("click",O),()=>{document.removeEventListener("click",O)}},[]),r.createElement(Le,{ref:ne,formMeta:Z,formControl:$},r.createElement("div",{className:R},r.createElement("button",{className:V("sps-icon-button-wrapper","suggested-icon",!a&&"d-none"),tabIndex:0,onClick:G,type:"button","aria-label":`${W} Strongly Suggested Help`,hidden:!a},r.createElement("i",{ref:g,"data-testid":`${u}__suggested-icon`,className:V("sps-icon","sps-icon-exclamation-triangle","orange200","sps-form-group__label-suggested-icon",!a&&"d-none")})),r.createElement("i",{ref:f,"data-testid":`${u}__error-icon`,className:V("sps-icon","sps-icon-exclamation-circle","sps-form-group__label--error-icon"),onClick:j,"aria-label":`${W} Error Help`}),r.createElement("label",{htmlFor:o&&"id"in o?o.id:void 0,className:"sps-form-group__label","data-testid":u,...m},r.createElement("span",{ref:E,className:"sps-form-group__label-content"},W)),r.createElement("button",{className:V("sps-icon-button-wrapper",!s&&"d-none"),tabIndex:0,onClick:H,type:"button","aria-label":`${W} Help`,hidden:!s},r.createElement("i",{ref:h,"data-testid":`${u}__help-icon`,className:V("sps-icon",`sps-icon-${i}`,l,!s&&"d-none"),onClick:H})),te),r.createElement(it,{kind:A.TooltipKind.DEFAULT,for:h,showOn:A.TooltipShowTrigger.MANUAL,isShown:v,altPosition:A.Position.TOP_MIDDLE},je(s)),r.createElement(it,{kind:A.TooltipKind.ERROR,for:f,showOn:A.TooltipShowTrigger.MANUAL,isShown:C,altPosition:A.Position.LEFT_MIDDLE},je(d)||_()),Z?.hasPreventativeErrors()&&r.createElement(it,{kind:A.TooltipKind.WARNING,for:E,showOn:A.TooltipShowTrigger.MANUAL,isShown:F,altPosition:A.Position.LEFT_MIDDLE},je(d)||Y()),r.createElement(it,{kind:A.TooltipKind.DEFAULT,for:g,position:A.Position.TOP_LEFT,altPosition:A.Position.TOP_LEFT,showOn:A.TooltipShowTrigger.MANUAL,isShown:T},p("label.stronglySuggested")),n&&r.createElement("div",{className:"sps-form-control__description","data-testid":`${u}__description`},n))}Object.assign(Qa,{props:ky,displayName:"SpsLabel"});const Pd={general:{label:"General Usage",description:()=>r.createElement("p",null,"In almost all cases, input fields should be paired with a label describing the value to be entered into the field. Certain labels can be accompanied by icons to provide additional information or context about that particular field.")},basic:{label:"Basic Label",examples:{basic:{react:S.code`
+                `}}}},ky={for:{type:"SpsFormMetaBase<any>",required:!0},description:"string",stronglySuggested:"boolean",help:"ReactNodeOrRenderFn",helpIcon:"SpsIcon",helpIconColor:"string",errors:"ReactNodeOrRenderFn"};function Qa({children:e,className:t,description:n,for:o,stronglySuggested:a,help:s,helpIcon:i=R.SpsIcon.QUESTION_CIRCLE,helpIconColor:l="blue200",errors:d,unsafelyReplaceClassName:c,"data-testid":u,...m}){const{t:p}=Se.useWoodlandLanguage(),f=r.useRef(null),g=r.useRef(null),h=r.useRef(null),E=r.useRef(null),[v,b]=r.useState(fe.HIDDEN),[C,w]=r.useState(fe.HIDDEN),[T,M]=r.useState(fe.HIDDEN),[_,y]=r.useState(fe.HIDDEN),k={maxLength:"This field accepts a maximum number of characters.",alpha:"This field accepts only alphabetic values.",numeric:"This field accpets only numerical values (zero or greater).",positiveOrNegativeNumber:"This field accpets only numerical values.",nonNumeric:"This field accepts only non-numerical values."};function x(){M(fe.HIDDEN),b(fe.HIDDEN)}function P(){w(fe.HIDDEN),y(fe.HIDDEN)}function z(K){K.preventDefault(),P(),M(Zo(T))}function I(){return o&&(o instanceof Ht&&o.isVisibilyInvalid()||!(o instanceof Ht)&&!o.isValid())?[C,w]:o&&o instanceof Ht&&o.hasPreventativeErrors()?[_,y]:[fe.HIDDEN,()=>{}]}function Y(){P();const[K,U]=I();U(Zo(K))}function V(){P();const[,K]=I();K(fe.VISIBLE)}function W(K){K.preventDefault(),P(),b(Zo(v))}r.useEffect(()=>{o&&(o.onFocus=V,o.onBlur=P)},[o]);const A=F(c||"sps-form-group__label-container",t),[Z,$]=o instanceof Ht?[o,void 0]:[void 0,o];function L(K,U){return{dateFormat:`Please enter a date in the format ${U}.`,dateRangeOrder:"End date cannot be before start date.",dateValidity:"Please enter a valid date.",max:`Please enter a value no greater than ${U}.`,maxLength:`Please enter no more than ${U} characters.`,min:`Please enter a value no less than ${U}.`,minLength:`Please enter at least ${U} characters.`,required:"This field is required."}[K]}function B(){if(Z){for(const K of["dateFormat","dateRangeOrder","dateValidity","required","minLength"])if(Z.hasError(K))return p(`label.errors.${K}`,{context:Z.errors?Z.errors[K]:"",defaultValue:`${L(K,Z.errors?Z.errors[K]:"")}`});if(Z.hasError("dateConstraint")){const K=Z.errors?.dateConstraint,U=K.minExceeded?"min":"max";return p(`label.errors.dateConstraint.${U}`,{context:K,defaultValue:U==="min"?`Please enter a date on or after ${typeof K=="object"?K.minExceeded:K}`:`Please enter a date on or prior to ${typeof K=="object"?K.maxExceeded:K}`})}}return null}function J(){if(Z){for(const K of ht)if(Z.hasPreventativeError(K))return p(`label.preventativeErrors.${K}`,{defaultValue:`${k[K]}`})}return null}const[te,G]=ot(e,[{type:ut}]);r.useEffect(()=>{Z?.hasPreventativeErrors()&&y(fe.VISIBLE)},[Z?.hasPreventativeErrors()]);const ne=r.useRef(null);return r.useEffect(()=>{function K(U){ne.current?.contains(U.target)||x()}return document.addEventListener("click",K),()=>{document.removeEventListener("click",K)}},[]),r.createElement(ke,{ref:ne,formMeta:Z,formControl:$},r.createElement("div",{className:A},r.createElement("button",{className:F("sps-icon-button-wrapper","suggested-icon",!a&&"d-none"),tabIndex:0,onClick:z,type:"button","aria-label":`${G} Strongly Suggested Help`,hidden:!a},r.createElement("i",{ref:g,"data-testid":`${u}__suggested-icon`,className:F("sps-icon","sps-icon-exclamation-triangle","orange200","sps-form-group__label-suggested-icon",!a&&"d-none")})),r.createElement("i",{ref:f,"data-testid":`${u}__error-icon`,className:F("sps-icon","sps-icon-exclamation-circle","sps-form-group__label--error-icon"),onClick:Y,"aria-label":`${G} Error Help`}),r.createElement("label",{htmlFor:o&&"id"in o?o.id:void 0,className:"sps-form-group__label","data-testid":u,...m},r.createElement("span",{ref:E,className:"sps-form-group__label-content"},G)),r.createElement("button",{className:F("sps-icon-button-wrapper",!s&&"d-none"),tabIndex:0,onClick:W,type:"button","aria-label":`${G} Help`,hidden:!s},r.createElement("i",{ref:h,"data-testid":`${u}__help-icon`,className:F("sps-icon",`sps-icon-${i}`,l,!s&&"d-none"),onClick:W})),te),r.createElement(it,{kind:R.TooltipKind.DEFAULT,for:h,showOn:R.TooltipShowTrigger.MANUAL,isShown:v,altPosition:R.Position.TOP_MIDDLE},je(s)),r.createElement(it,{kind:R.TooltipKind.ERROR,for:f,showOn:R.TooltipShowTrigger.MANUAL,isShown:C,altPosition:R.Position.LEFT_MIDDLE},je(d)||B()),Z?.hasPreventativeErrors()&&r.createElement(it,{kind:R.TooltipKind.WARNING,for:E,showOn:R.TooltipShowTrigger.MANUAL,isShown:_,altPosition:R.Position.LEFT_MIDDLE},je(d)||J()),r.createElement(it,{kind:R.TooltipKind.DEFAULT,for:g,position:R.Position.TOP_LEFT,altPosition:R.Position.TOP_LEFT,showOn:R.TooltipShowTrigger.MANUAL,isShown:T},p("label.stronglySuggested")),n&&r.createElement("div",{className:"sps-form-control__description","data-testid":`${u}__description`},n))}Object.assign(Qa,{props:ky,displayName:"SpsLabel"});const Pd={general:{label:"General Usage",description:()=>r.createElement("p",null,"In almost all cases, input fields should be paired with a label describing the value to be entered into the field. Certain labels can be accompanied by icons to provide additional information or context about that particular field.")},basic:{label:"Basic Label",examples:{basic:{react:S.code`
                     import { 
                       SpsLabel, 
                       SpsTextInput,
@@ -3370,11 +3396,11 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
                             ></SpsTextInput>
                         </>;
                     }
-                `}}}},Ly={clearSelected:{type:"() => void",required:!0},itemsSelected:{type:"string | number",required:!0}};function es(e){const{itemsSelected:t,clearSelected:n,children:o,className:a,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,{t:d}=Se.useWoodlandLanguage(),c=()=>{typeof n=="function"&&n()},u=V(i||"sps-list-action-bar-container","z-stratum-actionbar",a);return t?r.createElement("div",{className:u,...l,"data-testid":s},r.createElement("div",{className:"sps-list-action-bar"},r.createElement("div",{className:"sps-list-action-bar__details"},r.createElement("span",{className:"sps-tag sps-tag--info","data-testid":`${s}__badge`},t),d("listActionBar.itemsSelected",{defaultValue:"Items Selected"})),r.createElement("div",{className:"sps-list-action-bar__actions"},r.createElement(nt.Provider,{value:{fixed:!0}},o)),r.createElement("div",{className:"sps-list-action-bar__clear"},r.createElement(Ne,{kind:A.ButtonKind.LINK,icon:A.SpsIcon.X,onClick:c,"data-testid":`${s}__clear-button`},d("listActionBar.clearSelected",{defaultValue:"Clear Selected"}))))):r.createElement(r.Fragment,null)}Object.assign(es,{props:Ly,displayName:"SpsListActionBar"});const er=r.createContext({resizeable:!1,resizeState:{},setResizeState:()=>{},setSingleResizeState:()=>{},sort:[],setSort:()=>{}}),Oy=({children:e,resizeable:t=!1,resizeState:n,onResizeStateChange:o,sort:a,onSortChange:s})=>{const[i,l]=r.useState(n||{}),[d,c]=r.useState(a||[]),u=r.useRef(s);u.current=s;const m=r.useRef(o);m.current=o,r.useEffect(()=>{a&&a!==d&&c(a)},[a]);const p=r.useCallback(E=>{c(E),u.current?.(E)},[]),f=r.useCallback(E=>{l(E),m.current?.(E)},[]),g=r.useCallback((E,v)=>{l(b=>{const C={...b,[E]:v};return m.current?.(C),C})},[]),h=r.useMemo(()=>({resizeable:t,resizeState:i,setResizeState:f,setSingleResizeState:g,sort:d,setSort:p}),[t,i,f,g,d,p]);return r.createElement(er.Provider,{value:h},e)},_d=(e,t)=>{r.useLayoutEffect(()=>{if(e&&t.current){let n=0,o=!0,a=t.current.previousElementSibling;for(;a!==null;){if(!a.classList.contains("sps-table__cell--pinned")){o=!1;break}a=a.previousElementSibling}if(o){for(a=t.current.previousElementSibling;a!==null;)n+=a.clientWidth,a=a.previousElementSibling;t.current.style.left=`${n}px`}else{let s=t.current.nextElementSibling;for(;s!==null;)n+=s.clientWidth,s=s.nextElementSibling;t.current.style.right=`${n}px`}}})},By=e=>{r.useLayoutEffect(()=>{const t=()=>{if(!e.current)return;const n=e.current.querySelectorAll("table > thead > tr:first-child > .sps-table__cell--pinned"),o=e.current.offsetWidth-e.current.clientWidth,a=e.current.offsetHeight-e.current.clientHeight;if(n.length>0){const s=[],i=[];n.forEach(c=>{let u=!0,m=c.previousElementSibling;for(;m!==null;){if(!m.classList.contains("sps-table__cell--pinned")){u=!1;break}m=m.previousElementSibling}u?s.push(c):i.push(c)});const l=s.reduce((c,u)=>c+u.clientWidth,0),d=i.reduce((c,u)=>c+u.clientWidth,0);e.current.style.backgroundPosition=`${l}px 0,
+                `}}}},Ly={clearSelected:{type:"() => void",required:!0},itemsSelected:{type:"string | number",required:!0}};function es(e){const{itemsSelected:t,clearSelected:n,children:o,className:a,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,{t:d}=Se.useWoodlandLanguage(),c=()=>{typeof n=="function"&&n()},u=F(i||"sps-list-action-bar-container","z-stratum-actionbar",a);return t?r.createElement("div",{className:u,...l,"data-testid":s},r.createElement("div",{className:"sps-list-action-bar"},r.createElement("div",{className:"sps-list-action-bar__details"},r.createElement("span",{className:"sps-tag sps-tag--info","data-testid":`${s}__badge`},t),d("listActionBar.itemsSelected",{defaultValue:"Items Selected"})),r.createElement("div",{className:"sps-list-action-bar__actions"},r.createElement(nt.Provider,{value:{fixed:!0}},o)),r.createElement("div",{className:"sps-list-action-bar__clear"},r.createElement(Ie,{kind:R.ButtonKind.LINK,icon:R.SpsIcon.X,onClick:c,"data-testid":`${s}__clear-button`},d("listActionBar.clearSelected",{defaultValue:"Clear Selected"}))))):r.createElement(r.Fragment,null)}Object.assign(es,{props:Ly,displayName:"SpsListActionBar"});const er=r.createContext({resizeable:!1,resizeState:{},setResizeState:()=>{},setSingleResizeState:()=>{},sort:[],setSort:()=>{}}),Oy=({children:e,resizeable:t=!1,resizeState:n,onResizeStateChange:o,sort:a,onSortChange:s})=>{const[i,l]=r.useState(n||{}),[d,c]=r.useState(a||[]),u=r.useRef(s);u.current=s;const m=r.useRef(o);m.current=o,r.useEffect(()=>{a&&a!==d&&c(a)},[a]);const p=r.useCallback(E=>{c(E),u.current?.(E)},[]),f=r.useCallback(E=>{l(E),m.current?.(E)},[]),g=r.useCallback((E,v)=>{l(b=>{const C={...b,[E]:v};return m.current?.(C),C})},[]),h=r.useMemo(()=>({resizeable:t,resizeState:i,setResizeState:f,setSingleResizeState:g,sort:d,setSort:p}),[t,i,f,g,d,p]);return r.createElement(er.Provider,{value:h},e)},_d=(e,t)=>{r.useLayoutEffect(()=>{if(e&&t.current){let n=0,o=!0,a=t.current.previousElementSibling;for(;a!==null;){if(!a.classList.contains("sps-table__cell--pinned")){o=!1;break}a=a.previousElementSibling}if(o){for(a=t.current.previousElementSibling;a!==null;)n+=a.clientWidth,a=a.previousElementSibling;t.current.style.left=`${n}px`}else{let s=t.current.nextElementSibling;for(;s!==null;)n+=s.clientWidth,s=s.nextElementSibling;t.current.style.right=`${n}px`}}})},By=e=>{r.useLayoutEffect(()=>{const t=()=>{if(!e.current)return;const n=e.current.querySelectorAll("table > thead > tr:first-child > .sps-table__cell--pinned"),o=e.current.offsetWidth-e.current.clientWidth,a=e.current.offsetHeight-e.current.clientHeight;if(n.length>0){const s=[],i=[];n.forEach(c=>{let u=!0,m=c.previousElementSibling;for(;m!==null;){if(!m.classList.contains("sps-table__cell--pinned")){u=!1;break}m=m.previousElementSibling}u?s.push(c):i.push(c)});const l=s.reduce((c,u)=>c+u.clientWidth,0),d=i.reduce((c,u)=>c+u.clientWidth,0);e.current.style.backgroundPosition=`${l}px 0,
           calc(100% - ${d}px) 0, 
           ${l}px ${-a}px,
           calc(100% - ${d+o}px) ${-a}px`}else e.current.style.backgroundPosition=`0 0, 100% 0, 0 ${-a}px, 
-          calc(100% - ${o}px) ${-a}px`};return e.current&&(t(),e.current.addEventListener("scroll",t),window.addEventListener("scroll",t)),()=>{e.current&&e.current.removeEventListener("scroll",t),window.removeEventListener("scroll",t)}})},Py=(e,t,n)=>{r.useLayoutEffect(()=>{const o=e.current;if(!o)return;const a=o?.querySelector("thead"),s=o?.querySelector("table"),l=s?.querySelector("tbody>tr")?.querySelectorAll("td"),d=a?.querySelectorAll("th")||[],c=document.body.querySelector(".sps-navbar-container");let u=o?.querySelector(".placeholder-head"),m;const p=()=>{a&&(a.style.position=t?"sticky":"",a.style.top=t?"0":"",a.style.overflow="",a.style.maxWidth="",a.style.width="",a.style.minWidth=""),u&&(u.style.width="",u.style.height=""),l&&Array.from(l).forEach((E,v)=>{const b=d[v];if(b){const C=b.getAttribute("data-resizekey"),w=C&&n?n[C]:void 0;if(w){const T=`${w}px`;b.style.minWidth=T,b.style.maxWidth=T,b.style.width=T,E.style.minWidth=T,E.style.maxWidth=T,E.style.width=T}else b.style.minWidth="",b.style.width="",b.style.maxWidth="",E.style.minWidth="",E.style.width="",E.style.maxWidth=""}else E.style.minWidth="",E.style.width="",E.style.maxWidth=""})},f=()=>{a&&o&&(a.scrollLeft=o.scrollLeft)},g=()=>{let E=null;m===window?E=c?c.getBoundingClientRect().height:0:m instanceof HTMLElement&&(E=m.getBoundingClientRect().top);const v=o.scrollLeft,b=a?.getBoundingClientRect(),C=o.getBoundingClientRect();if(E&&b&&b.top<=E&&E<=C.bottom-b.height&&C.top<=E){if(l&&Array.from(l).forEach((w,T)=>{const x=w.getBoundingClientRect().width,F=d[T].getBoundingClientRect().width,y=`${Math.max(x,F)}px`;d[T].style.minWidth=y,d[T].style.width=y,d[T].style.maxWidth=y,w.style.minWidth=y,w.style.width=y,w.style.maxWidth=y}),a&&e.current){a.style.position="fixed",a.style.top=`${E}px`,a.style.overflow="hidden";const w=e.current.offsetWidth-e.current.clientWidth,T=`${C.width-w}px`;a.style.maxWidth=T,a.style.width=T,a.style.minWidth=T}u||(u=document.createElement("div"),u.style.width=`${b.width}px`,u.style.height=`${b.height}px`,u.className="placeholder-head",o.insertBefore(u,s))}else u&&(o.removeChild(u),u=null,p());o.scrollLeft=v,f()},h=()=>{p(),g(),f()};return a&&a.classList.contains("sps-table__head--pinned")&&(m=Di(o)||window,m.addEventListener("scroll",g),window.addEventListener("resize",h),o.addEventListener("scroll",f),h()),()=>{m&&(m.removeEventListener("scroll",g),window.removeEventListener("resize",h)),o.removeEventListener("scroll",f)}})},_y=(e,t)=>{const n=()=>{if(!e.current||!t)return;const o=e.current,a=o?.querySelector("table > thead"),s=o?.querySelector("table"),i=o?.querySelector(".shadow--top"),l=o?.querySelector(".shadow--bottom");if(a&&s&&i&&l){l.style.left="0",l.style.bottom="0",i.style.left="0";const d=o.offsetHeight-o?.clientHeight,c=s.getBoundingClientRect().height,u=a.getBoundingClientRect().height,m=o.scrollTop,p=c+d-o.getBoundingClientRect().height-o.scrollTop,f=o.scrollLeft;l.style.bottom=`${-m}px`,l.style.left=`${f}px`,l.style.opacity=p>0?"1":"0",i.style.top=`${m+u}px`,i.style.left=`${f}px`,i.style.opacity=m>0?"1":"0"}};r.useLayoutEffect(()=>{if(e.current&&t){const o=e.current.querySelector("table > thead");return o&&(o.style.position="sticky",o.style.top="0",o.style.zIndex="2",o.style.backgroundColor="#fff"),e.current.addEventListener("scroll",n),()=>{e.current?.removeEventListener("scroll",n)}}},[]),r.useLayoutEffect(()=>{e.current&&t&&n()})},Ry={sort:"SortedColumn",onSortChange:"SortChangeHandler",selectable:"boolean",maxHeightPx:"number",maxHeightRem:"number",resizeable:"boolean",resizeState:"ResizeState",onResizeStateChange:"ResizeStateChangeHandler"};function tn({children:e,className:t,onSortChange:n,sort:o,"data-testid":a,unsafelyReplaceClassName:s,maxHeightPx:i,maxHeightRem:l,resizeable:d,resizeState:c,onResizeStateChange:u,...m}){const p=V(s||"sps-table-container",t),f=i?i/16:l,g=f?{maxHeight:`${f}rem`}:{},h=r.useRef(null);return _y(h,f),By(h),Py(h,f,c),r.createElement(Oy,{resizeable:d,resizeState:c,onResizeStateChange:u,sort:o,onSortChange:n},r.createElement("div",{ref:h,className:p,style:g},r.createElement("div",{className:"sps-table__shadow shadow--top"}),r.createElement("div",{className:"sps-table__shadow shadow--bottom"}),r.createElement("table",{className:"sps-table",role:"table","data-testid":`${a}`,...m},e)))}Object.assign(tn,{props:Ry,displayName:"SpsTable"});function Rd(e){if(!e||!e.parentElement)return null;let t=e.parentElement;for(;t;){if(t.tagName.toLowerCase()==="table")return t;t=t.parentElement}return null}const Ad=({tableHeaderRef:e,resizerRef:t,resizeKey:n})=>{const{resizeable:o,resizeState:a,setSingleResizeState:s}=r.useContext(er),i=!!o&&!!n,l=i?a?.[n]:0;return r.useLayoutEffect(()=>{let d,c=l,u=0;const m=Rd(e.current),p=e.current?.querySelector(".sps-table__column-resizer"),f=e.current?.querySelector(".sps-table__column-resizer-guide");function g(){if(e.current&&d&&(p&&(p.style.backgroundColor=br.colors.blue200,p.style.zIndex="999"),f&&m&&(f.style.height=`${m.getBoundingClientRect().height}px`,f.style.display="block"),m)){const x=m.querySelectorAll("thead > tr > th");for(let F=0;F<x.length;F+=1){const y=x[F].querySelector(".sps-table__column-resizer");x[F].style.cursor="col-resize",x[F]!==e.current&&y&&(x[F].classList.remove("sps-table__header--resizeable"),y.style.display="none")}}}function h(){e.current&&d&&p&&f&&(p.style.right=`${u}px`,p.style.zIndex="999",f.style.right=`${u}px`)}function E(){if(e.current){const x=c?`${c}px`:"";e.current.style.width=x,e.current.style.maxWidth=x,e.current.style.minWidth=x;const F=e.current.querySelector(".sps-table__header-cell-body");if(F&&(F.style.overflow=x?"hidden":"",F.style.textOverflow=x?"ellipsis":""),p&&f&&(p.style.right="0",p.style.backgroundColor="",p.style.zIndex="0",f.style.right="0",f.style.display="none"),e.current.classList.contains("sps-table__cell--pinned")||(e.current.style.position="relative"),m){const y=m.querySelectorAll("thead > tr > th");for(let k=0;k<y.length;k+=1){const M=y[k].querySelector(".sps-table__header-cell-body"),P=y[k].querySelector(".sps-table__column-resizer");y[k].style.cursor="default",y[k]!==e.current&&P&&(y[k].classList.add("sps-table__header--resizeable"),P.style.display="block"),M?.textContent&&!M.title&&(M.title=M.textContent)}}}}const v=x=>{e.current&&(x.preventDefault(),d=x.clientX,c=e.current.clientWidth,g())},b=x=>{if(!d||!e.current)return;const F=Math.max(Math.min(d-x.clientX,40),-40);F!==0&&(d=x.clientX,u+=F,c=Math.max(c-F,40),h())},C=()=>{!e.current||!d||(d=0,u=0,E(),s(n,c))},w=()=>{c=0,E(),s(n,c)};let T=!1;return i&&t.current&&(t.current.addEventListener("dragstart",v),t.current.addEventListener("mousedown",v),t.current.addEventListener("dblclick",w),window.addEventListener("mousemove",b),window.addEventListener("dragend",C),window.addEventListener("mouseup",C),T=!0,E()),()=>{t.current&&T&&(t.current.removeEventListener("dragstart",v),t.current.removeEventListener("mousedown",v),t.current.removeEventListener("dblclick",w)),T&&(window.removeEventListener("mousemove",b),window.removeEventListener("dragend",C),window.removeEventListener("mouseup",C))}},[i,l,n,s]),{isResizeable:i}},Fd=e=>{const{resizeable:t,resizeState:n}=r.useContext(er);r.useLayoutEffect(()=>{if(!t||!n||!e.current)return;const o=Rd(e.current);if(!o)return;const a=o.querySelector(`thead > tr > th:nth-of-type(${e.current.cellIndex+1})`);if(!a)return;const s=a.getAttribute("data-resizekey");if(!s)return;const i=n[s],l=i?`${i}px`:"";e.current.style.width=l,e.current.style.maxWidth=l,e.current.style.minWidth=l,e.current.style.overflowWrap=l?"break-word":"",e.current.style.whiteSpace=l?"normal":"",e.current.title||(e.current.title=e.current.textContent||"")})},Vd={controlCell:"boolean",sortKey:"string",resizeKey:"string",pinned:"boolean"};function _e({children:e,className:t,controlCell:n,sortKey:o,resizeKey:a="","data-testid":s,unsafelyReplaceClassName:i,pinned:l=!1,...d}){const{sort:c,setSort:u}=r.useContext(er),m=c?.find(b=>b.key===o),p=()=>{if(o&&!n){const b=m?.direction===A.SortDirection.ASCENDING?A.SortDirection.DESCENDING:A.SortDirection.ASCENDING;u([{key:o,direction:b}])}},f=b=>{(b.key==="Enter"||b.key===" "||b.key==="Spacebar")&&(b.preventDefault(),p())},g=r.useRef(null);_d(l,g);const h=r.useRef(null),{isResizeable:E}=Ad({tableHeaderRef:g,resizerRef:h,resizeKey:a}),v=V(i||"sps-table__header",n&&"sps-table__header--control",!o&&"sps-table__header--sort-disabled",m?.direction===A.SortDirection.ASCENDING&&"sps-table__header--sorted-asc",m?.direction===A.SortDirection.DESCENDING&&"sps-table__header--sorted-desc",l&&"sps-table__cell--pinned",E&&"sps-table__header--resizeable",t);return r.createElement("th",{className:v,ref:g,role:"columnheader","aria-sort":m?.direction||"none","data-testid":`${s}__header`,"data-resizekey":a||void 0,...d},r.createElement("span",{className:"sps-table__header-cell-body","data-testid":`${s}__header-cell-body`,onClick:p,tabIndex:o?0:void 0,onKeyDown:f},e),E&&r.createElement(r.Fragment,null,r.createElement("span",{ref:h,className:V("sps-table__column-resizer")}),r.createElement("span",{className:V("sps-table__column-resizer-guide")})))}Object.assign(_e,{props:Vd,displayName:"SpsTableHeader"});function $d(e){return r.createElement(_e,{...e})}Object.assign($d,{props:Vd,displayName:"SpsTh"});const Kd={pinned:"boolean"};function Pt({children:e,className:t,"data-testid":n,unsafelyReplaceClassName:o,pinned:a,...s}){const i=V(o||"sps-table__head",a&&"sps-table__head--pinned",t);return r.createElement("thead",{className:i,"data-testid":`${n}__head`,...s},e)}Object.assign(Pt,{props:Kd,displayName:"SpsTableHead"});function Hd(e){return r.createElement(Pt,{...e})}Object.assign(Hd,{props:Kd,displayName:"SpsThead"});const Wd={};function De({children:e,className:t,"data-testid":n,unsafelyReplaceClassName:o,...a}){const s=V(o||"sps-table__row",t);return r.createElement("tr",{className:s,role:"row","data-testid":`${n}__row`,...a},e)}Object.assign(De,{props:Wd,displayName:"SpsTableRow"});function Gd(e){return r.createElement(De,{...e})}Object.assign(Gd,{props:Wd,displayName:"SpsTr"});const Ud={};function _t(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=V(a||"sps-table__body",n);return r.createElement("tbody",{className:i,"data-testid":`${o}__body`,...s},t)}Object.assign(_t,{props:Ud,displayName:"SpsTableBody"});function zd(e){return r.createElement(_t,{...e})}Object.assign(zd,{props:Ud,displayName:"SpsTbody"});const jd={buttonCell:"boolean",controlCell:"boolean",wrap:"SpsTableCellWrapWidth",pinned:"boolean"};function oe(e){const{buttonCell:t,children:n,className:o,controlCell:a,"data-testid":s,unsafelyReplaceClassName:i,wrap:l,pinned:d=!1,...c}=e,u=V(i||"sps-table__cell",t&&"sps-table__cell--button-cell",a&&"sps-table__cell--control",l&&`sps-table__cell--text-wrap-${l}`,d&&"sps-table__cell--pinned",o),m=r.useRef(null);return _d(d,m),Fd(m),r.createElement("td",{className:u,ref:m,role:"cell","data-testid":`${s}__cell`,...c},n)}Object.assign(oe,{props:jd,displayName:"SpsTableCell"});function Yd(e){return r.createElement(oe,{...e})}Object.assign(Yd,{props:jd,displayName:"SpsTd"});const Ay={};function qd(e){const{children:t,className:n,unsafelyReplaceClassName:o,...a}=e,[s,i,l]=ot(t,[{type:Ne,props:{kind:A.ButtonKind.LINK}},[{type:Ne,props:{kind:A.ButtonKind.ICON}},{type:en}]]),d=s.length>0&&(i.length>0||l.length>0),c=i.length>0&&l.length>0,u=V(o||"sps-button-group",n);return r.createElement("div",{className:u,...a},s.length>0&&s,d&&r.createElement("div",{className:"sps-vertical-rule"}),i.length>0&&i,c&&r.createElement("div",{className:"sps-vertical-rule"}),l.length>0&&l)}Object.assign(qd,{props:Ay,displayName:"SpsButtonGroup"});const Fy={basic:{label:"Basic Buttons",description:({NavigateTo:e})=>r.createElement("span",{className:"sps-body-14 mt-4"},"The most common type of button that can be used in most cases. Example: Basic Buttons in a"," ",r.createElement(e,{to:"Modal"},"Modal"),"."),examples:{basic:{description:"Without Icons",imports:S.code`
+          calc(100% - ${o}px) ${-a}px`};return e.current&&(t(),e.current.addEventListener("scroll",t),window.addEventListener("scroll",t)),()=>{e.current&&e.current.removeEventListener("scroll",t),window.removeEventListener("scroll",t)}})},Py=(e,t,n)=>{r.useLayoutEffect(()=>{const o=e.current;if(!o)return;const a=o?.querySelector("thead"),s=o?.querySelector("table"),l=s?.querySelector("tbody>tr")?.querySelectorAll("td"),d=a?.querySelectorAll("th")||[],c=document.body.querySelector(".sps-navbar-container");let u=o?.querySelector(".placeholder-head"),m;const p=()=>{a&&(a.style.position=t?"sticky":"",a.style.top=t?"0":"",a.style.overflow="",a.style.maxWidth="",a.style.width="",a.style.minWidth=""),u&&(u.style.width="",u.style.height=""),l&&Array.from(l).forEach((E,v)=>{const b=d[v];if(b){const C=b.getAttribute("data-resizekey"),w=C&&n?n[C]:void 0;if(w){const T=`${w}px`;b.style.minWidth=T,b.style.maxWidth=T,b.style.width=T,E.style.minWidth=T,E.style.maxWidth=T,E.style.width=T}else b.style.minWidth="",b.style.width="",b.style.maxWidth="",E.style.minWidth="",E.style.width="",E.style.maxWidth=""}else E.style.minWidth="",E.style.width="",E.style.maxWidth=""})},f=()=>{a&&o&&(a.scrollLeft=o.scrollLeft)},g=()=>{let E=null;m===window?E=c?c.getBoundingClientRect().height:0:m instanceof HTMLElement&&(E=m.getBoundingClientRect().top);const v=o.scrollLeft,b=a?.getBoundingClientRect(),C=o.getBoundingClientRect();if(E&&b&&b.top<=E&&E<=C.bottom-b.height&&C.top<=E){if(l&&Array.from(l).forEach((w,T)=>{const M=w.getBoundingClientRect().width,_=d[T].getBoundingClientRect().width,y=`${Math.max(M,_)}px`;d[T].style.minWidth=y,d[T].style.width=y,d[T].style.maxWidth=y,w.style.minWidth=y,w.style.width=y,w.style.maxWidth=y}),a&&e.current){a.style.position="fixed",a.style.top=`${E}px`,a.style.overflow="hidden";const w=e.current.offsetWidth-e.current.clientWidth,T=`${C.width-w}px`;a.style.maxWidth=T,a.style.width=T,a.style.minWidth=T}u||(u=document.createElement("div"),u.style.width=`${b.width}px`,u.style.height=`${b.height}px`,u.className="placeholder-head",o.insertBefore(u,s))}else u&&(o.removeChild(u),u=null,p());o.scrollLeft=v,f()},h=()=>{p(),g(),f()};return a&&a.classList.contains("sps-table__head--pinned")&&(m=Di(o)||window,m.addEventListener("scroll",g),window.addEventListener("resize",h),o.addEventListener("scroll",f),h()),()=>{m&&(m.removeEventListener("scroll",g),window.removeEventListener("resize",h)),o.removeEventListener("scroll",f)}})},_y=(e,t)=>{const n=()=>{if(!e.current||!t)return;const o=e.current,a=o?.querySelector("table > thead"),s=o?.querySelector("table"),i=o?.querySelector(".shadow--top"),l=o?.querySelector(".shadow--bottom");if(a&&s&&i&&l){l.style.left="0",l.style.bottom="0",i.style.left="0";const d=o.offsetHeight-o?.clientHeight,c=s.getBoundingClientRect().height,u=a.getBoundingClientRect().height,m=o.scrollTop,p=c+d-o.getBoundingClientRect().height-o.scrollTop,f=o.scrollLeft;l.style.bottom=`${-m}px`,l.style.left=`${f}px`,l.style.opacity=p>0?"1":"0",i.style.top=`${m+u}px`,i.style.left=`${f}px`,i.style.opacity=m>0?"1":"0"}};r.useLayoutEffect(()=>{if(e.current&&t){const o=e.current.querySelector("table > thead");return o&&(o.style.position="sticky",o.style.top="0",o.style.zIndex="2",o.style.backgroundColor="#fff"),e.current.addEventListener("scroll",n),()=>{e.current?.removeEventListener("scroll",n)}}},[]),r.useLayoutEffect(()=>{e.current&&t&&n()})},Ry={sort:"SortedColumn",onSortChange:"SortChangeHandler",selectable:"boolean",maxHeightPx:"number",maxHeightRem:"number",resizeable:"boolean",resizeState:"ResizeState",onResizeStateChange:"ResizeStateChangeHandler"};function tn({children:e,className:t,onSortChange:n,sort:o,"data-testid":a,unsafelyReplaceClassName:s,maxHeightPx:i,maxHeightRem:l,resizeable:d,resizeState:c,onResizeStateChange:u,...m}){const p=F(s||"sps-table-container",t),f=i?i/16:l,g=f?{maxHeight:`${f}rem`}:{},h=r.useRef(null);return _y(h,f),By(h),Py(h,f,c),r.createElement(Oy,{resizeable:d,resizeState:c,onResizeStateChange:u,sort:o,onSortChange:n},r.createElement("div",{ref:h,className:p,style:g},r.createElement("div",{className:"sps-table__shadow shadow--top"}),r.createElement("div",{className:"sps-table__shadow shadow--bottom"}),r.createElement("table",{className:"sps-table",role:"table","data-testid":`${a}`,...m},e)))}Object.assign(tn,{props:Ry,displayName:"SpsTable"});function Rd(e){if(!e||!e.parentElement)return null;let t=e.parentElement;for(;t;){if(t.tagName.toLowerCase()==="table")return t;t=t.parentElement}return null}const Ad=({tableHeaderRef:e,resizerRef:t,resizeKey:n})=>{const{resizeable:o,resizeState:a,setSingleResizeState:s}=r.useContext(er),i=!!o&&!!n,l=i?a?.[n]:0;return r.useLayoutEffect(()=>{let d,c=l,u=0;const m=Rd(e.current),p=e.current?.querySelector(".sps-table__column-resizer"),f=e.current?.querySelector(".sps-table__column-resizer-guide");function g(){if(e.current&&d&&(p&&(p.style.backgroundColor=br.colors.blue200,p.style.zIndex="999"),f&&m&&(f.style.height=`${m.getBoundingClientRect().height}px`,f.style.display="block"),m)){const M=m.querySelectorAll("thead > tr > th");for(let _=0;_<M.length;_+=1){const y=M[_].querySelector(".sps-table__column-resizer");M[_].style.cursor="col-resize",M[_]!==e.current&&y&&(M[_].classList.remove("sps-table__header--resizeable"),y.style.display="none")}}}function h(){e.current&&d&&p&&f&&(p.style.right=`${u}px`,p.style.zIndex="999",f.style.right=`${u}px`)}function E(){if(e.current){const M=c?`${c}px`:"";e.current.style.width=M,e.current.style.maxWidth=M,e.current.style.minWidth=M;const _=e.current.querySelector(".sps-table__header-cell-body");if(_&&(_.style.overflow=M?"hidden":"",_.style.textOverflow=M?"ellipsis":""),p&&f&&(p.style.right="0",p.style.backgroundColor="",p.style.zIndex="0",f.style.right="0",f.style.display="none"),e.current.classList.contains("sps-table__cell--pinned")||(e.current.style.position="relative"),m){const y=m.querySelectorAll("thead > tr > th");for(let k=0;k<y.length;k+=1){const x=y[k].querySelector(".sps-table__header-cell-body"),P=y[k].querySelector(".sps-table__column-resizer");y[k].style.cursor="default",y[k]!==e.current&&P&&(y[k].classList.add("sps-table__header--resizeable"),P.style.display="block"),x?.textContent&&!x.title&&(x.title=x.textContent)}}}}const v=M=>{e.current&&(M.preventDefault(),d=M.clientX,c=e.current.clientWidth,g())},b=M=>{if(!d||!e.current)return;const _=Math.max(Math.min(d-M.clientX,40),-40);_!==0&&(d=M.clientX,u+=_,c=Math.max(c-_,40),h())},C=()=>{!e.current||!d||(d=0,u=0,E(),s(n,c))},w=()=>{c=0,E(),s(n,c)};let T=!1;return i&&t.current&&(t.current.addEventListener("dragstart",v),t.current.addEventListener("mousedown",v),t.current.addEventListener("dblclick",w),window.addEventListener("mousemove",b),window.addEventListener("dragend",C),window.addEventListener("mouseup",C),T=!0,E()),()=>{t.current&&T&&(t.current.removeEventListener("dragstart",v),t.current.removeEventListener("mousedown",v),t.current.removeEventListener("dblclick",w)),T&&(window.removeEventListener("mousemove",b),window.removeEventListener("dragend",C),window.removeEventListener("mouseup",C))}},[i,l,n,s]),{isResizeable:i}},Fd=e=>{const{resizeable:t,resizeState:n}=r.useContext(er);r.useLayoutEffect(()=>{if(!t||!n||!e.current)return;const o=Rd(e.current);if(!o)return;const a=o.querySelector(`thead > tr > th:nth-of-type(${e.current.cellIndex+1})`);if(!a)return;const s=a.getAttribute("data-resizekey");if(!s)return;const i=n[s],l=i?`${i}px`:"";e.current.style.width=l,e.current.style.maxWidth=l,e.current.style.minWidth=l,e.current.style.overflowWrap=l?"break-word":"",e.current.style.whiteSpace=l?"normal":"",e.current.title||(e.current.title=e.current.textContent||"")})},Vd={controlCell:"boolean",sortKey:"string",resizeKey:"string",pinned:"boolean"};function Pe({children:e,className:t,controlCell:n,sortKey:o,resizeKey:a="","data-testid":s,unsafelyReplaceClassName:i,pinned:l=!1,...d}){const{sort:c,setSort:u}=r.useContext(er),m=c?.find(b=>b.key===o),p=()=>{if(o&&!n){const b=m?.direction===R.SortDirection.ASCENDING?R.SortDirection.DESCENDING:R.SortDirection.ASCENDING;u([{key:o,direction:b}])}},f=b=>{(b.key==="Enter"||b.key===" "||b.key==="Spacebar")&&(b.preventDefault(),p())},g=r.useRef(null);_d(l,g);const h=r.useRef(null),{isResizeable:E}=Ad({tableHeaderRef:g,resizerRef:h,resizeKey:a}),v=F(i||"sps-table__header",n&&"sps-table__header--control",!o&&"sps-table__header--sort-disabled",m?.direction===R.SortDirection.ASCENDING&&"sps-table__header--sorted-asc",m?.direction===R.SortDirection.DESCENDING&&"sps-table__header--sorted-desc",l&&"sps-table__cell--pinned",E&&"sps-table__header--resizeable",t);return r.createElement("th",{className:v,ref:g,role:"columnheader","aria-sort":m?.direction||"none","data-testid":`${s}__header`,"data-resizekey":a||void 0,...d},r.createElement("span",{className:"sps-table__header-cell-body","data-testid":`${s}__header-cell-body`,onClick:p,tabIndex:o?0:void 0,onKeyDown:f},e),E&&r.createElement(r.Fragment,null,r.createElement("span",{ref:h,className:F("sps-table__column-resizer")}),r.createElement("span",{className:F("sps-table__column-resizer-guide")})))}Object.assign(Pe,{props:Vd,displayName:"SpsTableHeader"});function $d(e){return r.createElement(Pe,{...e})}Object.assign($d,{props:Vd,displayName:"SpsTh"});const Kd={pinned:"boolean"};function Pt({children:e,className:t,"data-testid":n,unsafelyReplaceClassName:o,pinned:a,...s}){const i=F(o||"sps-table__head",a&&"sps-table__head--pinned",t);return r.createElement("thead",{className:i,"data-testid":`${n}__head`,...s},e)}Object.assign(Pt,{props:Kd,displayName:"SpsTableHead"});function Hd(e){return r.createElement(Pt,{...e})}Object.assign(Hd,{props:Kd,displayName:"SpsThead"});const Wd={};function Ne({children:e,className:t,"data-testid":n,unsafelyReplaceClassName:o,...a}){const s=F(o||"sps-table__row",t);return r.createElement("tr",{className:s,role:"row","data-testid":`${n}__row`,...a},e)}Object.assign(Ne,{props:Wd,displayName:"SpsTableRow"});function Gd(e){return r.createElement(Ne,{...e})}Object.assign(Gd,{props:Wd,displayName:"SpsTr"});const Ud={};function _t(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=F(a||"sps-table__body",n);return r.createElement("tbody",{className:i,"data-testid":`${o}__body`,...s},t)}Object.assign(_t,{props:Ud,displayName:"SpsTableBody"});function zd(e){return r.createElement(_t,{...e})}Object.assign(zd,{props:Ud,displayName:"SpsTbody"});const jd={buttonCell:"boolean",controlCell:"boolean",wrap:"SpsTableCellWrapWidth",pinned:"boolean"};function oe(e){const{buttonCell:t,children:n,className:o,controlCell:a,"data-testid":s,unsafelyReplaceClassName:i,wrap:l,pinned:d=!1,...c}=e,u=F(i||"sps-table__cell",t&&"sps-table__cell--button-cell",a&&"sps-table__cell--control",l&&`sps-table__cell--text-wrap-${l}`,d&&"sps-table__cell--pinned",o),m=r.useRef(null);return _d(d,m),Fd(m),r.createElement("td",{className:u,ref:m,role:"cell","data-testid":`${s}__cell`,...c},n)}Object.assign(oe,{props:jd,displayName:"SpsTableCell"});function Yd(e){return r.createElement(oe,{...e})}Object.assign(Yd,{props:jd,displayName:"SpsTd"});const Ay={};function qd(e){const{children:t,className:n,unsafelyReplaceClassName:o,...a}=e,[s,i,l]=ot(t,[{type:Ie,props:{kind:R.ButtonKind.LINK}},[{type:Ie,props:{kind:R.ButtonKind.ICON}},{type:en}]]),d=s.length>0&&(i.length>0||l.length>0),c=i.length>0&&l.length>0,u=F(o||"sps-button-group",n);return r.createElement("div",{className:u,...a},s.length>0&&s,d&&r.createElement("div",{className:"sps-vertical-rule"}),i.length>0&&i,c&&r.createElement("div",{className:"sps-vertical-rule"}),l.length>0&&l)}Object.assign(qd,{props:Ay,displayName:"SpsButtonGroup"});const Fy={basic:{label:"Basic Buttons",description:({NavigateTo:e})=>r.createElement("span",{className:"sps-body-14 mt-4"},"The most common type of button that can be used in most cases. Example: Basic Buttons in a"," ",r.createElement(e,{to:"Modal"},"Modal"),"."),examples:{basic:{description:"Without Icons",imports:S.code`
                     import { SpsButton } from "@spscommerce/ds-react";
                     import { ButtonKind } from "@spscommerce/ds-shared";
         `,jsx:S.code`
@@ -3829,7 +3855,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
                     <SpsButton className="mr-2 mb-1" kind={ButtonKind.KEY}>Button</SpsButton>
                     <SpsButton className="mr-2 mb-1" kind={ButtonKind.CONFIRM}>Button</SpsButton>
                 </>
-                `}}}},Vy={},$y="sps-icon-button-panel";function Jd({children:e,className:t,...n}){const o=V($y,t),[a]=ot(e,[{type:Ne,props:{kind:A.ButtonKind.ICON}}]);return r.createElement("div",{className:o,...n},a)}Object.assign(Jd,{props:Vy,displayName:"SpsIconButtonPanel"});const Xd={generalUsage:{label:"General Usage",customSection:()=>r.createElement("section",{id:"table-general-usage"},r.createElement("div",{className:"flex-color-header"},r.createElement("h4",null,"General Usage"),r.createElement(Ne,{onClick:()=>{window.scrollTo({top:0,behavior:"smooth"})},kind:A.ButtonKind.LINK},"Back to Top")),r.createElement("h5",null,"Use Tables:"),r.createElement("ul",{className:"sps-body-14"},r.createElement("li",null,"Each record has more than 6 points of data"),r.createElement("li",null,"When more records need to be shown in the vertical space"),r.createElement("li",null,"When sorting options need to be precise (needs better explanation)."),r.createElement("li",null,"When tabular views are the expected/conventional view of thet data being displayed (one example: if the data is to be exported into a spreadsheet view).")),r.createElement("h5",null,"Avoid Tables:"),r.createElement("ul",{className:"sps-body-14"},r.createElement("li",null,"When large images need to be included amongst the data.")),r.createElement("div",null,"For additional help deciding which option best suits the data being displayed, refer to the List Usage Matrix."))},basic:{label:"Standard Tables",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("div",{className:"sps-body-14"},"Tables display tabular data in columns and rows with a header row used to identify the type of content in each column. The most common style of content displayed in tables is text (Small Body Copy), but additional elements such as tags and icons can be used when necessary."),r.createElement("br",null),r.createElement("div",{className:"sps-body-14"},"Tables can be used in conjunction with the"," ",r.createElement(e,{to:"List Toolbar"},"List Toolbar")," and"," ",r.createElement(e,{to:"Pagination"},"Pagination")," components for extended capabilities.")),examples:{basic:{react:S.code`
+                `}}}},Vy={},$y="sps-icon-button-panel";function Jd({children:e,className:t,...n}){const o=F($y,t),[a]=ot(e,[{type:Ie,props:{kind:R.ButtonKind.ICON}}]);return r.createElement("div",{className:o,...n},a)}Object.assign(Jd,{props:Vy,displayName:"SpsIconButtonPanel"});const Xd={generalUsage:{label:"General Usage",customSection:()=>r.createElement("section",{id:"table-general-usage"},r.createElement("div",{className:"flex-color-header"},r.createElement("h4",null,"General Usage"),r.createElement(Ie,{onClick:()=>{window.scrollTo({top:0,behavior:"smooth"})},kind:R.ButtonKind.LINK},"Back to Top")),r.createElement("h5",null,"Use Tables:"),r.createElement("ul",{className:"sps-body-14"},r.createElement("li",null,"Each record has more than 6 points of data"),r.createElement("li",null,"When more records need to be shown in the vertical space"),r.createElement("li",null,"When sorting options need to be precise (needs better explanation)."),r.createElement("li",null,"When tabular views are the expected/conventional view of thet data being displayed (one example: if the data is to be exported into a spreadsheet view).")),r.createElement("h5",null,"Avoid Tables:"),r.createElement("ul",{className:"sps-body-14"},r.createElement("li",null,"When large images need to be included amongst the data.")),r.createElement("div",null,"For additional help deciding which option best suits the data being displayed, refer to the List Usage Matrix."))},basic:{label:"Standard Tables",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("div",{className:"sps-body-14"},"Tables display tabular data in columns and rows with a header row used to identify the type of content in each column. The most common style of content displayed in tables is text (Small Body Copy), but additional elements such as tags and icons can be used when necessary."),r.createElement("br",null),r.createElement("div",{className:"sps-body-14"},"Tables can be used in conjunction with the"," ",r.createElement(e,{to:"List Toolbar"},"List Toolbar")," and"," ",r.createElement(e,{to:"Pagination"},"Pagination")," components for extended capabilities.")),examples:{basic:{react:S.code`
                     import { 
                       SpsTable,
                       SpsTableHead,
@@ -5090,7 +5116,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
                         </>
                       )
                     }
-                `}}}},Zd={general:{label:"General Usage",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("p",null,"The Action Bar is divided into three sections: Selection Counter, Action Buttons, and Clear Button. It spans the entire width of the browser window. The count in the Selection Counter persists across paginated views"),r.createElement("p",null,"For more information on acceptable content varieties in the Action Buttons section, refer to the Button Groups section on the"," ",r.createElement(e,{to:"button"},"Buttons")," page"),r.createElement("img",{src:"assets/images/list-action-bar-example.svg",alt:"A List Action Bar with labels on each section",className:"w-100 mb-3"}),r.createElement(tn,null,r.createElement(Pt,null,r.createElement(_e,null,"Order"),r.createElement(_e,null,"Section"),r.createElement(_e,null,"Content Varieties")),r.createElement(_t,null,r.createElement(De,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"1")),r.createElement(oe,null,"Selection Counter"),r.createElement(oe,null)),r.createElement(De,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"2")),r.createElement(oe,null,"Action Buttons"),r.createElement(oe,null)),r.createElement(De,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"3")),r.createElement(oe,null,"Clear Button"),r.createElement(oe,null,r.createElement(pt,{className:"mr-1"},"Basic Buttons"),r.createElement(pt,{className:"mr-1"},"Icon Buttons"),r.createElement(pt,{className:"mr-1"},"Text Buttons"))))))}},Hy={kind:"FeedbackBlockKind",message:{type:"string",required:!0}};function ts(e){const{className:t,kind:n=A.FeedbackBlockKind.INFO,message:o,"data-testid":a,unsafelyReplaceClassName:s,...i}=e,l=V(s||"sps-micro-block",`sps-micro-block--${n}`,t);return r.createElement("div",{className:l,"data-testid":a,...i},r.createElement("i",{className:`sps-icon sps-icon-${A.FeedbackBlockIcons[n]}`,"aria-hidden":"true","data-testid":`${a}__icon`}),r.createElement("span",null,o))}Object.assign(ts,{props:Hy,displayName:"SpsMicroBlock"});const Qd={infoBlock:{label:"Info Micro Block",examples:{infoBlock:{imports:S.code`
+                `}}}},Zd={general:{label:"General Usage",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("p",null,"The Action Bar is divided into three sections: Selection Counter, Action Buttons, and Clear Button. It spans the entire width of the browser window. The count in the Selection Counter persists across paginated views"),r.createElement("p",null,"For more information on acceptable content varieties in the Action Buttons section, refer to the Button Groups section on the"," ",r.createElement(e,{to:"button"},"Buttons")," page"),r.createElement("img",{src:"assets/images/list-action-bar-example.svg",alt:"A List Action Bar with labels on each section",className:"w-100 mb-3"}),r.createElement(tn,null,r.createElement(Pt,null,r.createElement(Pe,null,"Order"),r.createElement(Pe,null,"Section"),r.createElement(Pe,null,"Content Varieties")),r.createElement(_t,null,r.createElement(Ne,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"1")),r.createElement(oe,null,"Selection Counter"),r.createElement(oe,null)),r.createElement(Ne,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"2")),r.createElement(oe,null,"Action Buttons"),r.createElement(oe,null)),r.createElement(Ne,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"3")),r.createElement(oe,null,"Clear Button"),r.createElement(oe,null,r.createElement(pt,{className:"mr-1"},"Basic Buttons"),r.createElement(pt,{className:"mr-1"},"Icon Buttons"),r.createElement(pt,{className:"mr-1"},"Text Buttons"))))))}},Hy={kind:"FeedbackBlockKind",message:{type:"string",required:!0}};function ts(e){const{className:t,kind:n=R.FeedbackBlockKind.INFO,message:o,"data-testid":a,unsafelyReplaceClassName:s,...i}=e,l=F(s||"sps-micro-block",`sps-micro-block--${n}`,t);return r.createElement("div",{className:l,"data-testid":a,...i},r.createElement("i",{className:`sps-icon sps-icon-${R.FeedbackBlockIcons[n]}`,"aria-hidden":"true","data-testid":`${a}__icon`}),r.createElement("span",null,o))}Object.assign(ts,{props:Hy,displayName:"SpsMicroBlock"});const Qd={infoBlock:{label:"Info Micro Block",examples:{infoBlock:{imports:S.code`
                     import { SpsMicroBlock } from "@spscommerce/ds-react";
                     import { FeedbackBlockKind } from "@spscommerce/ds-shared";
         `,jsx:S.code`
@@ -5115,7 +5141,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
                 import { FeedbackBlockKind } from "@spscommerce/ds-shared";
         `,jsx:S.code`
                     <SpsMicroBlock kind={FeedbackBlockKind.TIP} message="Pro Tip: Don't be a loser."/>
-                `}}}},Wy={kind:"ModalKind",size:"ModalSize",title:"string",onClose:"() => void",focusElementOnOpen:"React.MutableRefObject<HTMLElement>",fullHeight:"boolean"};function tr({children:e}){return r.createElement("div",{className:"sps-modal__footer"},e)}Object.assign(tr,{props:{},propTypes:{},displayName:"SpsModalFooter"});function ns({children:e,className:t,id:n,kind:o=A.ModalKind.GENERAL,size:a=A.ModalSize.SMALL,onClose:s,focusElementOnOpen:i,title:l,fullHeight:d=!1,...c}){const u=It(n),m=V("sps-modal","z-stratum-dialog",`sps-modal--${o}`,`sps-modal--${a}`,t),{t:p}=Se.useWoodlandLanguage(),f=r.useRef(null),g=r.useRef(document.body.style.paddingRight||""),h=r.useRef(document.body.style.overflow||"");h.current==="hidden"&&(h.current="",g.current=""),r.useLayoutEffect(()=>{let w=!1;if(document.body.style.overflow!=="hidden"){const T=`${window.innerWidth-document.body.clientWidth}px`;document.body.style.paddingRight=T,document.body.style.overflow="hidden",w=!0}return()=>{w&&(document.body.style.overflow=h.current,document.body.style.paddingRight=g.current)}},[]),r.useEffect(()=>{i&&i.current?i.current.focus():f.current&&f.current.focus()},[i]);const E=r.useCallback(w=>{if(w&&w.key==="Escape"&&s&&s(),w&&w.key==="Tab"&&f.current){const T=f.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),x=T[0],F=T[T.length-1];T.length===0?w.preventDefault():w.shiftKey&&w.target===x?(w.preventDefault(),F.focus()):!w.shiftKey&&w.target===F&&(w.preventDefault(),x.focus())}},[s]),[[v],b]=ot(e,[{type:tr}]),C={general:"Action",info:"Info",success:"Success",warning:"Warning","serious-warning":"Warning"};return r.createElement("div",{id:u.current,role:"dialog","aria-modal":!0,"aria-labelledby":`${u.current}-title`,className:m,onKeyDown:E,tabIndex:-1,ref:f},r.createElement("div",{...c,className:V("sps-modal__dialog",{"sps-modal__dialog-full-height":d})},r.createElement("div",{className:"sps-modal__titlebar"},r.createElement("div",{className:"sps-modal__title",id:`${u.current}-title`},l||p(`modal.defaultTitle.${o}`,{defaultValue:`${C[o]}`})),s&&r.createElement("div",{className:"sps-button sps-button--icon",onClick:s},r.createElement("button",{"aria-label":p("modal.close",{defaultValue:"Close modal"}),type:"button"},r.createElement("i",{className:"sps-icon sps-icon-x"})))),r.createElement("div",{className:"sps-modal__body"},r.createElement(nt.Provider,{value:{parentElementRef:f,fixed:!0}},b)),v||r.createElement("div",{className:"sps-modal__footer"},r.createElement(Ne,{kind:o===A.ModalKind.SERIOUS_WARNING?A.ButtonKind.DELETE:A.ButtonKind.KEY,onClick:s},p("modal.defaultButtonLabel",{defaultValue:"Okay"})))))}Object.assign(ns,{props:Wy,displayName:"SpsModal"});const Gy={title:"string",show:"boolean",closeOnEscapePressed:"boolean",onClose:"() => void",focusElementOnOpen:"React.MutableRefObject<HTMLElement>"};function os({children:e,className:t,id:n,show:o,closeOnEscapePressed:a=!0,onClose:s,focusElementOnOpen:i,title:l,noBackground:d,...c}){const u=It(n),m=V("sps-slide-in-panel","z-stratum-dialog",o?"open":"",d?"no-background":"",t),{t:p}=Se.useWoodlandLanguage(),f=r.useRef(null),g=r.useRef(document.body.style.paddingRight||""),h=r.useRef(document.body.style.overflow||"");h.current==="hidden"&&(h.current="",g.current=""),r.useLayoutEffect(()=>{let b=!1;if(o&&document.body.style.overflow!=="hidden"){const C=`${window.innerWidth-document.body.clientWidth}px`;document.body.style.paddingRight=C,document.body.style.overflow="hidden",b=!0}return()=>{b&&(document.body.style.overflow=h.current,document.body.style.paddingRight=g.current)}},[o]),r.useEffect(()=>{i&&i.current?i.current.focus():f.current&&f.current.focus()},[i]);const E=r.useCallback(b=>{if(a&&b&&b.key==="Escape"&&s&&s(),b&&b.key==="Tab"&&f.current){const C=f.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),w=C[0],T=C[C.length-1];C.length===0?b.preventDefault():b.shiftKey&&b.target===w?(b.preventDefault(),T.focus()):!b.shiftKey&&b.target===T&&(b.preventDefault(),w.focus())}},[s]);r.useEffect(()=>(window.addEventListener("keydown",E),()=>{window.removeEventListener("keydown",E)}),[E]);const[v]=ot(e);return r.createElement("div",{id:u.current,role:"dialog","aria-labelledby":`${u.current}-title`,className:m,tabIndex:-1,ref:f},r.createElement("div",{...c,className:`sps-slide-in-panel__dialog ${o?"open":""}`},r.createElement("div",{className:"sps-slide-in-panel__titlebar"},r.createElement("div",{className:"sps-slide-in-panel__title",id:`${u.current}-title`},l||p("slideInPanel.defaultTitle",{defaultValue:"Slide In Panel"})),s&&r.createElement("div",{className:"sps-button sps-button--icon",onClick:s},r.createElement("button",{"aria-label":p("slideInPanel.close",{defaultValue:"Close"}),type:"button"},r.createElement("i",{className:"sps-icon sps-icon-x"})))),r.createElement("div",{className:"sps-slide-in-panel__body"},r.createElement(nt.Provider,{value:{parentElementRef:f,fixed:!0}},v))))}Object.assign(os,{props:Gy,displayName:"SpsSlideInPanel"});const ep={generalUsage:{label:"General Usage",description:()=>r.createElement(r.Fragment,null),examples:{noCloseButton:{description:()=>r.createElement(r.Fragment,null,r.createElement("p",null,"Click on the button below to show the slide-in panel.")),react:S.code`
+                `}}}},Wy={kind:"ModalKind",size:"ModalSize",title:"string",onClose:"() => void",focusElementOnOpen:"React.MutableRefObject<HTMLElement>",fullHeight:"boolean"};function tr({children:e}){return r.createElement("div",{className:"sps-modal__footer"},e)}Object.assign(tr,{props:{},propTypes:{},displayName:"SpsModalFooter"});function ns({children:e,className:t,id:n,kind:o=R.ModalKind.GENERAL,size:a=R.ModalSize.SMALL,onClose:s,focusElementOnOpen:i,title:l,fullHeight:d=!1,...c}){const u=It(n),m=F("sps-modal","z-stratum-dialog",`sps-modal--${o}`,`sps-modal--${a}`,t),{t:p}=Se.useWoodlandLanguage(),f=r.useRef(null),g=r.useRef(document.body.style.paddingRight||""),h=r.useRef(document.body.style.overflow||"");h.current==="hidden"&&(h.current="",g.current=""),r.useLayoutEffect(()=>{let w=!1;if(document.body.style.overflow!=="hidden"){const T=`${window.innerWidth-document.body.clientWidth}px`;document.body.style.paddingRight=T,document.body.style.overflow="hidden",w=!0}return()=>{w&&(document.body.style.overflow=h.current,document.body.style.paddingRight=g.current)}},[]),r.useEffect(()=>{i&&i.current?i.current.focus():f.current&&f.current.focus()},[i]);const E=r.useCallback(w=>{if(w&&w.key==="Escape"&&s&&s(),w&&w.key==="Tab"&&f.current){const T=f.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),M=T[0],_=T[T.length-1];T.length===0?w.preventDefault():w.shiftKey&&w.target===M?(w.preventDefault(),_.focus()):!w.shiftKey&&w.target===_&&(w.preventDefault(),M.focus())}},[s]),[[v],b]=ot(e,[{type:tr}]),C={general:"Action",info:"Info",success:"Success",warning:"Warning","serious-warning":"Warning"};return r.createElement("div",{id:u.current,role:"dialog","aria-modal":!0,"aria-labelledby":`${u.current}-title`,className:m,onKeyDown:E,tabIndex:-1,ref:f},r.createElement("div",{...c,className:F("sps-modal__dialog",{"sps-modal__dialog-full-height":d})},r.createElement("div",{className:"sps-modal__titlebar"},r.createElement("div",{className:"sps-modal__title",id:`${u.current}-title`},l||p(`modal.defaultTitle.${o}`,{defaultValue:`${C[o]}`})),s&&r.createElement("div",{className:"sps-button sps-button--icon",onClick:s},r.createElement("button",{"aria-label":p("modal.close",{defaultValue:"Close modal"}),type:"button"},r.createElement("i",{className:"sps-icon sps-icon-x"})))),r.createElement("div",{className:"sps-modal__body"},r.createElement(nt.Provider,{value:{parentElementRef:f,fixed:!0}},b)),v||r.createElement("div",{className:"sps-modal__footer"},r.createElement(Ie,{kind:o===R.ModalKind.SERIOUS_WARNING?R.ButtonKind.DELETE:R.ButtonKind.KEY,onClick:s},p("modal.defaultButtonLabel",{defaultValue:"Okay"})))))}Object.assign(ns,{props:Wy,displayName:"SpsModal"});const Gy={title:"string",show:"boolean",closeOnEscapePressed:"boolean",onClose:"() => void",focusElementOnOpen:"React.MutableRefObject<HTMLElement>"};function os({children:e,className:t,id:n,show:o,closeOnEscapePressed:a=!0,onClose:s,focusElementOnOpen:i,title:l,noBackground:d,...c}){const u=It(n),m=F("sps-slide-in-panel","z-stratum-dialog",o?"open":"",d?"no-background":"",t),{t:p}=Se.useWoodlandLanguage(),f=r.useRef(null),g=r.useRef(document.body.style.paddingRight||""),h=r.useRef(document.body.style.overflow||"");h.current==="hidden"&&(h.current="",g.current=""),r.useLayoutEffect(()=>{let b=!1;if(o&&document.body.style.overflow!=="hidden"){const C=`${window.innerWidth-document.body.clientWidth}px`;document.body.style.paddingRight=C,document.body.style.overflow="hidden",b=!0}return()=>{b&&(document.body.style.overflow=h.current,document.body.style.paddingRight=g.current)}},[o]),r.useEffect(()=>{i&&i.current?i.current.focus():f.current&&f.current.focus()},[i]);const E=r.useCallback(b=>{if(a&&b&&b.key==="Escape"&&s&&s(),b&&b.key==="Tab"&&f.current){const C=f.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),w=C[0],T=C[C.length-1];C.length===0?b.preventDefault():b.shiftKey&&b.target===w?(b.preventDefault(),T.focus()):!b.shiftKey&&b.target===T&&(b.preventDefault(),w.focus())}},[s]);r.useEffect(()=>(window.addEventListener("keydown",E),()=>{window.removeEventListener("keydown",E)}),[E]);const[v]=ot(e);return r.createElement("div",{id:u.current,role:"dialog","aria-labelledby":`${u.current}-title`,className:m,tabIndex:-1,ref:f},r.createElement("div",{...c,className:`sps-slide-in-panel__dialog ${o?"open":""}`},r.createElement("div",{className:"sps-slide-in-panel__titlebar"},r.createElement("div",{className:"sps-slide-in-panel__title",id:`${u.current}-title`},l||p("slideInPanel.defaultTitle",{defaultValue:"Slide In Panel"})),s&&r.createElement("div",{className:"sps-button sps-button--icon",onClick:s},r.createElement("button",{"aria-label":p("slideInPanel.close",{defaultValue:"Close"}),type:"button"},r.createElement("i",{className:"sps-icon sps-icon-x"})))),r.createElement("div",{className:"sps-slide-in-panel__body"},r.createElement(nt.Provider,{value:{parentElementRef:f,fixed:!0}},v))))}Object.assign(os,{props:Gy,displayName:"SpsSlideInPanel"});const ep={generalUsage:{label:"General Usage",description:()=>r.createElement(r.Fragment,null),examples:{noCloseButton:{description:()=>r.createElement(r.Fragment,null,r.createElement("p",null,"Click on the button below to show the slide-in panel.")),react:S.code`
                     import { SpsButton, SpsSlideInPanel } from "@spscommerce/ds-react";
                     import { ButtonKind } from "@spscommerce/ds-shared";
                     function Component() {
@@ -5606,7 +5632,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
                             </>
                         );
                     }
-                `}}}},Uy={captionKey:"string",clearSearchOnBlur:"boolean",clearSearchOnEnter:"boolean",debounce:"number",disabled:"boolean",disableSelected:"boolean",comparisonKey:"string",conformWidth:"boolean",formMeta:"SpsFormFieldMeta<any[]>",hideSelected:"boolean",icon:"SpsIcon",onChange:"ChangeEventHandler",onSearchChange:"(searchText: string) => void",options:"Eventually<any[]> | (filter?: string) => Eventually<any[]>",placeholder:"string",tallOptionList:"boolean",textKey:"string",value:"any",zeroState:"string",loading:"boolean",filterByTextAndCaptionKey:"boolean",maxHeightOptionListPx:"number",maxHeightOptionListRem:"number",disableOptionsMemoization:"boolean"};function rs({action:e,captionKey:t,className:n,clearSearchOnBlur:o,clearSearchOnEnter:a,conformWidth:s,debounce:i,disabled:l,disableSelected:d=!1,comparisonKey:c,formControl:u,formMeta:m,hideSelected:p,id:f,onChange:g,onSearchChange:h,options:E,placeholder:v,tallOptionList:b,textKey:C,unsafelyReplaceClassName:w,value:T,zeroState:x="There are no matching options.",loading:F,filterByTextAndCaptionKey:y,icon:k,maxHeightOptionListPx:M,maxHeightOptionListRem:P,disableOptionsMemoization:G,"data-testid":I,wrap:j=!1,...K}){const H=T??[],R=m||u,{wrapperId:Z,controlId:$}=We(f,R),[L,_]=bt({keyDown:null,opensUpward:!1,searchText:"",activeTagIndex:null,optionIds:""});r.useEffect(()=>{h&&h(L.searchText)},[L.searchText]);const Y=r.useRef(null),te=r.useRef(null),W=r.useRef(null),ne=r.useRef(null),O=r.useRef(null);function U(){o&&_({searchText:""})}const{showPopup:q,doShowPopup:X,doHidePopup:ee}=fn(Y,ne,U);function J(){_({activeTagIndex:null}),X()}function Q(){setTimeout(()=>{W.current?.focus()},0)}function ue(pe){if(O.current&&O.current.children.length&&typeof pe=="number"){const tt=O.current.children[pe]?.querySelector(".sps-clickable-tag__icon");tt&&tt.focus()}}function de(pe){_({searchText:""}),R&&(R.setValue(pe),R.markAsDirty()),g&&g(new xt({value:pe}))}function Ee(pe){H.indexOf(pe)===-1&&de([...H,pe]),Q()}function Oe(pe){const ge=H.filter((tt,sn)=>sn!==pe);de(ge)}function qe(pe){_({searchText:pe.target.value})}function Ke(pe){if(!l){const ge=!p&&!pe.target.selectionStart&&H&&H.length;switch(pe.key){case"Backspace":if(L.activeTagIndex===H.length-1){Oe(L.activeTagIndex),Q();return}if(L.activeTagIndex!==null){Oe(L.activeTagIndex);return}if(ge){de(H.slice(0,H.length-1));return}break;case"Delete":if(L.activeTagIndex!==null){Oe(L.activeTagIndex);return}break;case"Up":case"ArrowUp":case"Down":case"ArrowDown":pe.preventDefault();break;case"Left":case"ArrowLeft":if(ge){L.activeTagIndex===null?(_({activeTagIndex:H.length-1}),ee(),ue(H.length-1)):L.activeTagIndex>0&&(_({activeTagIndex:L.activeTagIndex-1}),ee(),ue(L.activeTagIndex-1));return}break;case"Right":case"ArrowRight":if(L.activeTagIndex!==null){L.activeTagIndex===H.length-1?(_({activeTagIndex:null}),X(),W.current?.focus()):(_({activeTagIndex:L.activeTagIndex+1}),ue(L.activeTagIndex+1));return}break;case"Tab":ee();break;case"Escape":ee(),W.current?.blur();break;case"Enter":a&&_({searchText:""});break}pe.persist(),_({keyDown:pe})}}function yt(pe){_({opensUpward:pe})}function Ve(pe){de([]),pe.stopPropagation()}function $e(pe){_({optionIds:new Array(pe).fill("").map((ge,tt)=>`${Z}-options-option-${tt}`).join(",")})}const le=r.useCallback(()=>{_({searchText:""}),Q()},[]),xe=V(w||"sps-multi-select",q&&"sps-multi-select--open",q&&"z-stratum-dropdown",L.opensUpward&&"sps-multi-select--opens-upward",l&&"sps-form-control--disabled",n),Ie=new Array(H.length).fill(0).map((pe,ge)=>`${Z}_tag-${ge}`);return r.useEffect(()=>{let pe;return q&&(pe=()=>{ee()},window.addEventListener("resize",pe)),()=>{pe&&window.removeEventListener("resize",pe)}},[q]),Rn({isOpen:q,rootRef:Y}),r.createElement(Le,{id:Z,className:xe,formControl:u,formMeta:m,ref:Y,inputRef:W,focusInputOnClick:!0,onKeyDown:Ke,role:"listbox","aria-multiselectable":!0,"aria-activedescendant":Ie[L.activeTagIndex||0],"aria-owns":L.optionIds},r.createElement("div",{className:"sps-text-input",ref:te},r.createElement("div",{className:V("sps-form-control",H&&!l&&"sps-form-control--clearable")},k&&r.createElement("i",{className:V("sps-text-input__icon","sps-icon",`sps-icon-${k}`)}),r.createElement("div",{className:"sps-multi-select__tags-and-input",ref:O},p?null:H.map((pe,ge)=>r.createElement(An,{id:Ie[ge],role:"option",disabled:l,"aria-selected":"true",key:Ie[ge],onRemove:()=>Oe(ge),wrap:j},C?pe[C]:pe)),r.createElement("input",{type:"text",ref:W,"data-testid":`${I}__option-list-input`,value:L.searchText,className:"sps-text-input__input",placeholder:H.length===0?v:void 0,id:$,onClick:J,onChange:qe,onFocus:J,onKeyDown:Ke,disabled:l,role:"listbox","aria-multiselectable":"true","aria-owns":Ie.join(" "),...K})),H.length!==0&&!l?r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:pe=>Ve(pe)}):null)),r.createElement(_n,{id:`${Z}_options`,ref:ne,"data-testid":`${I}__option-list`,attachTo:te,captionKey:t,disabledOptions:d?H:null,isOpen:q,comparisonKey:c,keepOpen:!0,keyDown:L.keyDown,options:E,specialAction:e,onOptionSelected:Ee,onPositionFlip:yt,hideInlineSearch:!0,optionRole:"option",onOptionListChanged:$e,filterByTextAndCaptionKey:y,searchDebounce:i,search:L.searchText,tall:b,textKey:C,zeroState:x,loading:F,maxHeightPx:M,maxHeightRem:P,disableOptionsMemoization:G,onSpecialActionSelect:le,conformWidth:s}))}Object.assign(rs,{props:Uy,displayName:"SpsMultiSelect"});const np={general:{label:"General Usage",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Use a Mulit-Select"),r.createElement("ul",null,r.createElement("li",null,"When a list of predetermined values can be provided and the input allows multiple entries.")),r.createElement("h5",null,"Do Not Use a Multi-Select:"),r.createElement("ul",null,r.createElement("li",{className:"mb-2"},"When there are only two possible options. Consider"," ",r.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",r.createElement(e,{to:"radio-buttons"},"Radio Buttons")," instead."),r.createElement("li",null,"When it is ideal to display all available options without requiring a click. Consider"," ",r.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",r.createElement(e,{to:"radio-buttons"},"Radio Buttons")," instead.")),r.createElement("h5",null,"Using Multi-Selects in a Form"),r.createElement("p",null,"Reference the ",r.createElement(e,{to:"form"},"Forms")," page for guidelines for placing"," ",r.createElement(e,{to:"text-inputs"},"Inputs")," in Form Layouts."))},basicMuliSelect:{label:"Basic Multi-Selects",description:"Basic Multi-Selects include a label and dropdown menu including a list of options. The user is allowed to make a single selection.",examples:{basic:{react:S.code`
+                `}}}},Uy={captionKey:"string",clearSearchOnBlur:"boolean",clearSearchOnEnter:"boolean",debounce:"number",disabled:"boolean",disableSelected:"boolean",comparisonKey:"string",conformWidth:"boolean",formMeta:"SpsFormFieldMeta<any[]>",hideSelected:"boolean",icon:"SpsIcon",onChange:"ChangeEventHandler",onSearchChange:"(searchText: string) => void",options:"Eventually<any[]> | (filter?: string) => Eventually<any[]>",placeholder:"string",tallOptionList:"boolean",textKey:"string",value:"any",zeroState:"string",loading:"boolean",filterByTextAndCaptionKey:"boolean",maxHeightOptionListPx:"number",maxHeightOptionListRem:"number",disableOptionsMemoization:"boolean"};function rs({action:e,captionKey:t,className:n,clearSearchOnBlur:o,clearSearchOnEnter:a,conformWidth:s,debounce:i,disabled:l,disableSelected:d=!1,comparisonKey:c,formControl:u,formMeta:m,hideSelected:p,id:f,onChange:g,onSearchChange:h,options:E,placeholder:v,tallOptionList:b,textKey:C,unsafelyReplaceClassName:w,value:T,zeroState:M="There are no matching options.",loading:_,filterByTextAndCaptionKey:y,icon:k,maxHeightOptionListPx:x,maxHeightOptionListRem:P,disableOptionsMemoization:z,"data-testid":I,wrap:Y=!1,...V}){const W=T??[],A=m||u,{wrapperId:Z,controlId:$}=He(f,A),[L,B]=vt({keyDown:null,opensUpward:!1,searchText:"",activeTagIndex:null,optionIds:""});r.useEffect(()=>{h&&h(L.searchText)},[L.searchText]);const J=r.useRef(null),te=r.useRef(null),G=r.useRef(null),ne=r.useRef(null),K=r.useRef(null);function U(){o&&B({searchText:""})}const{showPopup:H,doShowPopup:X,doHidePopup:ee}=fn(J,ne,U);function q(){B({activeTagIndex:null}),X()}function Q(){setTimeout(()=>{G.current?.focus()},0)}function ue(de){if(K.current&&K.current.children.length&&typeof de=="number"){const tt=K.current.children[de]?.querySelector(".sps-clickable-tag__icon");tt&&tt.focus()}}function pe(de){B({searchText:""}),A&&(A.setValue(de),A.markAsDirty()),g&&g(new xt({value:de}))}function Te(de){W.indexOf(de)===-1&&pe([...W,de]),Q()}function Le(de){const ge=W.filter((tt,sn)=>sn!==de);pe(ge)}function qe(de){B({searchText:de.target.value})}function Ue(de){if(!l){const ge=!p&&!de.target.selectionStart&&W&&W.length;switch(de.key){case"Backspace":if(L.activeTagIndex===W.length-1){Le(L.activeTagIndex),Q();return}if(L.activeTagIndex!==null){Le(L.activeTagIndex);return}if(ge){pe(W.slice(0,W.length-1));return}break;case"Delete":if(L.activeTagIndex!==null){Le(L.activeTagIndex);return}break;case"Up":case"ArrowUp":case"Down":case"ArrowDown":de.preventDefault();break;case"Left":case"ArrowLeft":if(ge){L.activeTagIndex===null?(B({activeTagIndex:W.length-1}),ee(),ue(W.length-1)):L.activeTagIndex>0&&(B({activeTagIndex:L.activeTagIndex-1}),ee(),ue(L.activeTagIndex-1));return}break;case"Right":case"ArrowRight":if(L.activeTagIndex!==null){L.activeTagIndex===W.length-1?(B({activeTagIndex:null}),X(),G.current?.focus()):(B({activeTagIndex:L.activeTagIndex+1}),ue(L.activeTagIndex+1));return}break;case"Tab":ee();break;case"Escape":ee(),G.current?.blur();break;case"Enter":a&&B({searchText:""});break}de.persist(),B({keyDown:de})}}function St(de){B({opensUpward:de})}function Fe(de){pe([]),de.stopPropagation()}function Ve(de){B({optionIds:new Array(de).fill("").map((ge,tt)=>`${Z}-options-option-${tt}`).join(",")})}const $e=r.useCallback(()=>{B({searchText:""}),Q()},[]),ce=F(w||"sps-multi-select",H&&"sps-multi-select--open",H&&"z-stratum-dropdown",L.opensUpward&&"sps-multi-select--opens-upward",l&&"sps-form-control--disabled",n),ve=new Array(W.length).fill(0).map((de,ge)=>`${Z}_tag-${ge}`);return r.useEffect(()=>{let de;return H&&(de=()=>{ee()},window.addEventListener("resize",de)),()=>{de&&window.removeEventListener("resize",de)}},[H]),Rn({isOpen:H,rootRef:J}),r.createElement(ke,{id:Z,className:ce,formControl:u,formMeta:m,ref:J,inputRef:G,focusInputOnClick:!0,onKeyDown:Ue,role:"listbox","aria-multiselectable":!0,"aria-activedescendant":ve[L.activeTagIndex||0],"aria-owns":L.optionIds},r.createElement("div",{className:"sps-text-input",ref:te},r.createElement("div",{className:F("sps-form-control",W&&!l&&"sps-form-control--clearable")},k&&r.createElement("i",{className:F("sps-text-input__icon","sps-icon",`sps-icon-${k}`)}),r.createElement("div",{className:"sps-multi-select__tags-and-input",ref:K},p?null:W.map((de,ge)=>r.createElement(An,{id:ve[ge],role:"option",disabled:l,"aria-selected":"true",key:ve[ge],onRemove:()=>Le(ge),wrap:Y},C?de[C]:de)),r.createElement("input",{type:"text",ref:G,"data-testid":`${I}__option-list-input`,value:L.searchText,className:"sps-text-input__input",placeholder:W.length===0?v:void 0,id:$,onClick:q,onChange:qe,onFocus:q,onKeyDown:Ue,disabled:l,role:"listbox","aria-multiselectable":"true","aria-owns":ve.join(" "),...V})),W.length!==0&&!l?r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:de=>Fe(de)}):null)),r.createElement(_n,{id:`${Z}_options`,ref:ne,"data-testid":`${I}__option-list`,attachTo:te,captionKey:t,disabledOptions:d?W:null,isOpen:H,comparisonKey:c,keepOpen:!0,keyDown:L.keyDown,options:E,specialAction:e,onOptionSelected:Te,onPositionFlip:St,hideInlineSearch:!0,optionRole:"option",onOptionListChanged:Ve,filterByTextAndCaptionKey:y,searchDebounce:i,search:L.searchText,tall:b,textKey:C,zeroState:M,loading:_,maxHeightPx:x,maxHeightRem:P,disableOptionsMemoization:z,onSpecialActionSelect:$e,conformWidth:s}))}Object.assign(rs,{props:Uy,displayName:"SpsMultiSelect"});const np={general:{label:"General Usage",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Use a Multi-Select"),r.createElement("ul",null,r.createElement("li",null,"When a list of predetermined values can be provided and the input allows multiple entries.")),r.createElement("h5",null,"Do Not Use a Multi-Select:"),r.createElement("ul",null,r.createElement("li",{className:"mb-2"},"When there are only two possible options. Consider"," ",r.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",r.createElement(e,{to:"radio-buttons"},"Radio Buttons")," instead."),r.createElement("li",null,"When it is ideal to display all available options without requiring a click. Consider"," ",r.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",r.createElement(e,{to:"radio-buttons"},"Radio Buttons")," instead.")),r.createElement("h5",null,"Using Multi-Selects in a Form"),r.createElement("p",null,"Reference the ",r.createElement(e,{to:"form"},"Forms")," page for guidelines for placing"," ",r.createElement(e,{to:"text-inputs"},"Inputs")," in Form Layouts."))},basicMultiSelect:{label:"Basic Multi-Selects",description:"Basic Multi-Selects include a label and dropdown menu including a list of options. The user is allowed to make a single selection.",examples:{basic:{react:S.code`
         import {
           SpsLabel,
           SpsMultiSelect,
@@ -5988,7 +6014,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
               <br />
               {JSON.stringify(formValue)}
           </>
-        }`}}}},zy={page:"number",numPages:"number",onPageChange:"(pageNumber: number) => void",disabled:"boolean",unknownPageCount:"boolean",nextPageBtnDisabled:"boolean",onBeforeChange:"(page: number) => boolean | Promise<boolean>"};function nr(e){const{numPages:t=0,onPageChange:n,page:o=1,unsafelyReplaceClassName:a,className:s,"data-testid":i,disabled:l=!1,unknownPageCount:d=!1,nextPageBtnDisabled:c=!1,onBeforeChange:u,...m}=e,{t:p}=Se.useWoodlandLanguage(),[f,g]=r.useState(o),[h,E]=r.useState(o);r.useEffect(()=>{E(o),g(o)},[o]);async function v(T){if(u&&!await u(T))return;const x=S.constrain(T,[1,t]);T!==h&&(E(x),g(x),n&&typeof n=="function"&&n(x))}function b(T){g(Number(T.target.value)||"")}const C=V(a||"sps-page-selector",s),w=It();return r.createElement("div",{className:C,"data-testid":i,...m},!d&&r.createElement(r.Fragment,null,r.createElement("div",{className:"sps-pagination__input-wrapper","data-testid":`${i}__input`},r.createElement("div",{className:"sps-form-control sps-pagination__input-sizer"},f),r.createElement("label",{htmlFor:w.current,className:"sr-only"},p("pagination.page",{defaultValue:"Page"})),r.createElement(oo,{onSubmit:()=>v(Number(f))},r.createElement("input",{id:w.current,type:"text",value:f,onInput:b,onChange:()=>{},className:"sps-form-control sps-pagination__input",disabled:l,onBlur:()=>v(Number(f))}))),r.createElement("span",{className:"sps-page-selector__total-pages","data-testid":`${i}_page-count`},Number.isNaN(t)?p("pagination.ofMany",{defaultValue:"of many"}):p("pagination.ofPageCount",{pageCount:t,defaultValue:`of ${t}`}))),r.createElement("div",{className:"sps-icon-button-panel","data-testid":`${i}__buttons`},r.createElement("div",{className:V("sps-button","sps-button--icon",(h===1||l)&&"sps-button--disabled")},r.createElement("button",{type:"button",onClick:()=>v(h-1),disabled:h===1||l,title:p("pagination.prevPage",{defaultValue:"Previous Page"})},r.createElement("i",{className:"sps-icon sps-icon-chevron-left","aria-hidden":"true"}))),r.createElement("div",{className:V("sps-button","sps-button--icon",(h===t||l||c)&&"sps-button--disabled")},r.createElement("button",{type:"button",onClick:()=>v(h+1),disabled:h===t||l||c,title:p("pagination.nextPage",{defaultValue:"Next Page"})},r.createElement("i",{className:"sps-icon sps-icon-chevron-right","aria-hidden":"true"})))))}Object.assign(nr,{props:zy,displayName:"SpsPageSelector"});const jy={page:"number",pageSize:"number",pageSizeOptions:"Array<number>",totalResults:"number",onPageChange:"(page: number, pageSize: number, indices: [number, number]) => void",disabled:"boolean",unknownPageCount:"boolean",nextPageBtnDisabled:"boolean",resultsOnPage:"number",onBeforeChange:"(page: number, pageSize: number) => boolean | Promise<boolean>"};function as(e){const{className:t,onPageChange:n,page:o=1,pageSizeOptions:a=A.DEFAULT_PAGE_SIZE_OPTIONS,pageSize:s=a[0],"data-testid":i,totalResults:l,unsafelyReplaceClassName:d,disabled:c=!1,unknownPageCount:u=!1,nextPageBtnDisabled:m=!1,resultsOnPage:p,onBeforeChange:f,...g}=e,{t:h}=Se.useWoodlandLanguage(),[E,v]=bt({page:o,pageSize:s,numPages:0,indices:[0,0]});function b(M=E.pageSize){return l!==void 0?Math.ceil(l/M):NaN}function C(M=E.page,P=E.pageSize){const G=b(P),I=M===G&&l!==void 0&&l%P||P,j=p||(G===0?0:I),K=(M-1)*P;return G===0?[0,0]:[K+1,K+j]}function w(M){const P={page:M,indices:C(M)};return v(P),P}function T(M,P){const G={page:P,pageSize:M,numPages:b(M),indices:C(P,M)};return v(G),G}r.useEffect(()=>{v({numPages:b(),indices:C()})},[l,p]),r.useEffect(()=>{o!==E.page&&w(o)},[o]),r.useEffect(()=>{s!==E.pageSize&&T(s,o!==E.page?o:E.page)},[s]);function x(){return typeof l=="number"?l:h("pagination.many",{defaultValue:"many"})}function F(M){const P=T(M.target.value,1);n(P.page,P.pageSize,P.indices)}function y(M){const P=w(M);n(P.page,E.pageSize,P.indices)}const k=V(d||"sps-pagination",t);return r.createElement("div",{className:k,"data-testid":i,...g},r.createElement("div",{"data-testid":`${i}__size-selector`,className:"sps-page-size-selector"},h("pagination.view",{defaultValue:"View"}),r.createElement(Zt,{options:a,onChange:F,notClearable:!0,autoFixWidth:!0,value:E.pageSize,className:"ml-1 mr-1",disabled:c,onBeforeChange:f?M=>f(E.page,Number(M)):void 0}),h("pagination.perPage",{defaultValue:"Per Page"})),u?r.createElement("div",{className:"sps-pagination__details"},`${h("pagination.viewing",{defaultValue:"Viewing"})} ${E.indices[0]} - ${E.indices[1]} ${h("pagination.ofMany",{defaultValue:"of many"})}`):r.createElement("div",{className:"sps-pagination__details"},`${h("pagination.viewing",{defaultValue:"Viewing"})} ${E.indices[0]} - ${E.indices[1]} ${h("pagination.of",{defaultValue:"of"})} ${x()}`),r.createElement(nr,{numPages:E.numPages,page:E.page,onPageChange:y,disabled:c,unknownPageCount:u,nextPageBtnDisabled:m,onBeforeChange:f?M=>f(M,E.pageSize):void 0}))}Object.assign(as,{props:jy,displayName:"SpsPagination"});const op={general:{label:"General Usage",description:()=>r.createElement(r.Fragment,null,r.createElement("p",null,"Use the Standard Pagination Bar on a list page (comprised of a Table, Content Rows, or Content Tiles). It should always appear at the bottom of the listed records."),r.createElement("p",null,"Use the Mini Pagination component when a paginated list of results exists inside a smaller Card."))},pagination:{label:"Standard Pagination Bar",description:({Link:e})=>r.createElement(r.Fragment,null,r.createElement("p",null,"The Standard Pagination Bar is comprised of three main sections. The middle section is hidden from view when the width of its container is at the responsive breakpoint of 767 pixels."),r.createElement("ul",null,r.createElement("li",null,r.createElement("p",null,r.createElement("span",{className:"sps-text-semibold"},"Results-per-page Select")," (left): allows the user to adjust the number of records being displayed per page.*")),r.createElement("li",null,r.createElement("p",null,r.createElement("span",{className:"sps-text-semibold"},"Viewing details")," (middle): describes which results are being displayed on the current page.")),r.createElement("li",null,r.createElement("p",null,r.createElement("span",{className:"sps-text-semibold"},"Page Navigator")," (right): allows the user to navigate between pages of results"))),r.createElement("i",null,"*Note: For Tables and Content Rows, per-page options should be 25, 50, and 100. For Content Tiles, per-page options should be 24, 48, and 100."),r.createElement("br",null),r.createElement("p",{className:"mt-2"},"To see an example of the Standard Pagination Bar in context with a Table, view the Table Lists section on the ",r.createElement(e,{to:"/style-and-layout/page-types"},"Page Types")," page.")),examples:{basic:{description:()=>r.createElement("h4",null,"Building the Standard Pagination Bar"),react:S.code`
+        }`}}}},zy={page:"number",numPages:"number",onPageChange:"(pageNumber: number) => void",disabled:"boolean",unknownPageCount:"boolean",nextPageBtnDisabled:"boolean",onBeforeChange:"(page: number) => boolean | Promise<boolean>"};function nr(e){const{numPages:t=0,onPageChange:n,page:o=1,unsafelyReplaceClassName:a,className:s,"data-testid":i,disabled:l=!1,unknownPageCount:d=!1,nextPageBtnDisabled:c=!1,onBeforeChange:u,...m}=e,{t:p}=Se.useWoodlandLanguage(),[f,g]=r.useState(o),[h,E]=r.useState(o);r.useEffect(()=>{E(o),g(o)},[o]);async function v(T){if(u&&!await u(T))return;const M=S.constrain(T,[1,t]);T!==h&&(E(M),g(M),n&&typeof n=="function"&&n(M))}function b(T){g(Number(T.target.value)||"")}const C=F(a||"sps-page-selector",s),w=It();return r.createElement("div",{className:C,"data-testid":i,...m},!d&&r.createElement(r.Fragment,null,r.createElement("div",{className:"sps-pagination__input-wrapper","data-testid":`${i}__input`},r.createElement("div",{className:"sps-form-control sps-pagination__input-sizer"},f),r.createElement("label",{htmlFor:w.current,className:"sr-only"},p("pagination.page",{defaultValue:"Page"})),r.createElement(oo,{onSubmit:()=>v(Number(f))},r.createElement("input",{id:w.current,type:"text",value:f,onInput:b,onChange:()=>{},className:"sps-form-control sps-pagination__input",disabled:l,onBlur:()=>v(Number(f))}))),r.createElement("span",{className:"sps-page-selector__total-pages","data-testid":`${i}_page-count`},Number.isNaN(t)?p("pagination.ofMany",{defaultValue:"of many"}):p("pagination.ofPageCount",{pageCount:t,defaultValue:`of ${t}`}))),r.createElement("div",{className:"sps-icon-button-panel","data-testid":`${i}__buttons`},r.createElement("div",{className:F("sps-button","sps-button--icon",(h===1||l)&&"sps-button--disabled")},r.createElement("button",{type:"button",onClick:()=>v(h-1),disabled:h===1||l,title:p("pagination.prevPage",{defaultValue:"Previous Page"})},r.createElement("i",{className:"sps-icon sps-icon-chevron-left","aria-hidden":"true"}))),r.createElement("div",{className:F("sps-button","sps-button--icon",(h===t||l||c)&&"sps-button--disabled")},r.createElement("button",{type:"button",onClick:()=>v(h+1),disabled:h===t||l||c,title:p("pagination.nextPage",{defaultValue:"Next Page"})},r.createElement("i",{className:"sps-icon sps-icon-chevron-right","aria-hidden":"true"})))))}Object.assign(nr,{props:zy,displayName:"SpsPageSelector"});const jy={page:"number",pageSize:"number",pageSizeOptions:"Array<number>",totalResults:"number",onPageChange:"(page: number, pageSize: number, indices: [number, number]) => void",disabled:"boolean",unknownPageCount:"boolean",nextPageBtnDisabled:"boolean",resultsOnPage:"number",onBeforeChange:"(page: number, pageSize: number) => boolean | Promise<boolean>"};function as(e){const{className:t,onPageChange:n,page:o=1,pageSizeOptions:a=R.DEFAULT_PAGE_SIZE_OPTIONS,pageSize:s=a[0],"data-testid":i,totalResults:l,unsafelyReplaceClassName:d,disabled:c=!1,unknownPageCount:u=!1,nextPageBtnDisabled:m=!1,resultsOnPage:p,onBeforeChange:f,...g}=e,{t:h}=Se.useWoodlandLanguage(),[E,v]=vt({page:o,pageSize:s,numPages:0,indices:[0,0]});function b(x=E.pageSize){return l!==void 0?Math.ceil(l/x):NaN}function C(x=E.page,P=E.pageSize){const z=b(P),I=x===z&&l!==void 0&&l%P||P,Y=p||(z===0?0:I),V=(x-1)*P;return z===0?[0,0]:[V+1,V+Y]}function w(x){const P={page:x,indices:C(x)};return v(P),P}function T(x,P){const z={page:P,pageSize:x,numPages:b(x),indices:C(P,x)};return v(z),z}r.useEffect(()=>{v({numPages:b(),indices:C()})},[l,p]),r.useEffect(()=>{o!==E.page&&w(o)},[o]),r.useEffect(()=>{s!==E.pageSize&&T(s,o!==E.page?o:E.page)},[s]);function M(){return typeof l=="number"?l:h("pagination.many",{defaultValue:"many"})}function _(x){const P=T(x.target.value,1);n(P.page,P.pageSize,P.indices)}function y(x){const P=w(x);n(P.page,E.pageSize,P.indices)}const k=F(d||"sps-pagination",t);return r.createElement("div",{className:k,"data-testid":i,...g},r.createElement("div",{"data-testid":`${i}__size-selector`,className:"sps-page-size-selector"},h("pagination.view",{defaultValue:"View"}),r.createElement(Zt,{options:a,onChange:_,notClearable:!0,autoFixWidth:!0,value:E.pageSize,className:"ml-1 mr-1",disabled:c,onBeforeChange:f?x=>f(E.page,Number(x)):void 0}),h("pagination.perPage",{defaultValue:"Per Page"})),u?r.createElement("div",{className:"sps-pagination__details"},`${h("pagination.viewing",{defaultValue:"Viewing"})} ${E.indices[0]} - ${E.indices[1]} ${h("pagination.ofMany",{defaultValue:"of many"})}`):r.createElement("div",{className:"sps-pagination__details"},`${h("pagination.viewing",{defaultValue:"Viewing"})} ${E.indices[0]} - ${E.indices[1]} ${h("pagination.of",{defaultValue:"of"})} ${M()}`),r.createElement(nr,{numPages:E.numPages,page:E.page,onPageChange:y,disabled:c,unknownPageCount:u,nextPageBtnDisabled:m,onBeforeChange:f?x=>f(x,E.pageSize):void 0}))}Object.assign(as,{props:jy,displayName:"SpsPagination"});const op={general:{label:"General Usage",description:()=>r.createElement(r.Fragment,null,r.createElement("p",null,"Use the Standard Pagination Bar on a list page (comprised of a Table, Content Rows, or Content Tiles). It should always appear at the bottom of the listed records."),r.createElement("p",null,"Use the Mini Pagination component when a paginated list of results exists inside a smaller Card."))},pagination:{label:"Standard Pagination Bar",description:({Link:e})=>r.createElement(r.Fragment,null,r.createElement("p",null,"The Standard Pagination Bar is comprised of three main sections. The middle section is hidden from view when the width of its container is at the responsive breakpoint of 767 pixels."),r.createElement("ul",null,r.createElement("li",null,r.createElement("p",null,r.createElement("span",{className:"sps-text-semibold"},"Results-per-page Select")," (left): allows the user to adjust the number of records being displayed per page.*")),r.createElement("li",null,r.createElement("p",null,r.createElement("span",{className:"sps-text-semibold"},"Viewing details")," (middle): describes which results are being displayed on the current page.")),r.createElement("li",null,r.createElement("p",null,r.createElement("span",{className:"sps-text-semibold"},"Page Navigator")," (right): allows the user to navigate between pages of results"))),r.createElement("i",null,"*Note: For Tables and Content Rows, per-page options should be 25, 50, and 100. For Content Tiles, per-page options should be 24, 48, and 100."),r.createElement("br",null),r.createElement("p",{className:"mt-2"},"To see an example of the Standard Pagination Bar in context with a Table, view the Table Lists section on the ",r.createElement(e,{to:"/style-and-layout/page-types"},"Page Types")," page.")),examples:{basic:{description:()=>r.createElement("h4",null,"Building the Standard Pagination Bar"),react:S.code`
                     import { SpsPagination } from "@spscommerce/ds-react";
                     function Component() {
                         const [page, setPage] = React.useState(2);
@@ -6103,7 +6129,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
                     function Component() {
                         return <SpsPageSelector numPages={25} onPageChange={() => {}} disabled />;
                     }
-                `}}}},Yy={checked:"boolean",disabled:"boolean",formMeta:"SpsFormFieldMeta<any>",inline:"boolean",centered:"boolean",label:"string",name:{type:"string",required:!0},onChange:"ChangeEventHandler",value:"any"};function ss({checked:e,className:t,"data-testid":n,disabled:o,formControl:a,formMeta:s,id:i,inline:l,centered:d,label:c,name:u,onChange:m,ref:p,unsafelyReplaceClassName:f,value:g,...h}){const E=s||a,v=r.useRef(null),{wrapperId:b,controlId:C}=We(i),w=V(f||"sps-radio-button","sps-checkable",l&&"sps-checkable--inline",d&&"sps-checkable--centered",!c&&"sps-checkable--no-label",t);function T(x){E&&(E.setValue(g),E.markAsDirty()),m&&m(x),v.current?.focus()}return r.createElement(Le,{id:b,className:w,formControl:a,formMeta:s,inputRef:v,ref:p,"data-testid":`${n}`,onClick:()=>v.current?.click()},r.createElement("input",{type:"radio",ref:v,className:"sps-checkable__input","data-checked":e?"checked":void 0,"data-testid":`${n}__radio-input`,id:C,name:u,checked:e,disabled:o,onChange:T,...h}),r.createElement("label",{className:"sps-checkable__label",htmlFor:C},c||""))}Object.assign(ss,{props:Yy,displayName:"SpsRadioButton"});const rp={general:{label:"General Usage",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Use Radio Buttons:"),r.createElement("ul",null,r.createElement("li",null,"When only one option can be selected from the available options.")),r.createElement("h5",null,"Do Not Use Radio Buttons:"),r.createElement("ul",null,r.createElement("li",null,"When a selection causes an immediate change in the system. Use a"," ",r.createElement(e,{to:"toggle"},"Toggle")," instead."),r.createElement("li",null,"When multiple options can be selected from the available options. Use"," ",r.createElement(e,{to:"checkbox"},"Checkboxes")," instead."),r.createElement("li",null,"When the list of available options requires too much space to list efficiently. Use"," ",r.createElement(e,{to:"dropdown"},"Dropdown")," instead.")),r.createElement("h5",null,"Using Radio Buttons in a Form"),r.createElement("p",null,"Reference the ",r.createElement(e,{to:"form"},"Forms")," page for guidelines for placing Radio Buttons in Form Layouts."),r.createElement("h5",null,"End to End Testing Radio Buttons"),r.createElement("p",null,'To determine if a radio button is checked in an E2E test, you should Use data-checked="checked".'))},basic:{label:"Basic Radio Buttons",description:()=>r.createElement("p",null,"Radio Buttons that represent related options are grouped together with a label. The groups can be arranged horizontally or vertically to best utilize available space."),examples:{horizontal:{description:()=>r.createElement("h4",null,"Horizontal Group"),react:S.code`
+                `}}}},Yy={checked:"boolean",disabled:"boolean",formMeta:"SpsFormFieldMeta<any>",inline:"boolean",centered:"boolean",label:"string",name:{type:"string",required:!0},onChange:"ChangeEventHandler",value:"any"};function ss({checked:e,className:t,"data-testid":n,disabled:o,formControl:a,formMeta:s,id:i,inline:l,centered:d,label:c,name:u,onChange:m,ref:p,unsafelyReplaceClassName:f,value:g,...h}){const E=s||a,v=r.useRef(null),{wrapperId:b,controlId:C}=He(i),w=F(f||"sps-radio-button","sps-checkable",l&&"sps-checkable--inline",d&&"sps-checkable--centered",!c&&"sps-checkable--no-label",t);function T(M){E&&(E.setValue(g),E.markAsDirty()),m&&m(M),v.current?.focus()}return r.createElement(ke,{id:b,className:w,formControl:a,formMeta:s,inputRef:v,ref:p,"data-testid":`${n}`,onClick:()=>v.current?.click()},r.createElement("input",{type:"radio",ref:v,className:"sps-checkable__input","data-checked":e?"checked":void 0,"data-testid":`${n}__radio-input`,id:C,name:u,checked:e,disabled:o,onChange:T,...h}),r.createElement("label",{className:"sps-checkable__label",htmlFor:C},c||""))}Object.assign(ss,{props:Yy,displayName:"SpsRadioButton"});const rp={general:{label:"General Usage",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Use Radio Buttons:"),r.createElement("ul",null,r.createElement("li",null,"When only one option can be selected from the available options.")),r.createElement("h5",null,"Do Not Use Radio Buttons:"),r.createElement("ul",null,r.createElement("li",null,"When a selection causes an immediate change in the system. Use a"," ",r.createElement(e,{to:"toggle"},"Toggle")," instead."),r.createElement("li",null,"When multiple options can be selected from the available options. Use"," ",r.createElement(e,{to:"checkbox"},"Checkboxes")," instead."),r.createElement("li",null,"When the list of available options requires too much space to list efficiently. Use"," ",r.createElement(e,{to:"dropdown"},"Dropdown")," instead.")),r.createElement("h5",null,"Using Radio Buttons in a Form"),r.createElement("p",null,"Reference the ",r.createElement(e,{to:"form"},"Forms")," page for guidelines for placing Radio Buttons in Form Layouts."),r.createElement("h5",null,"End to End Testing Radio Buttons"),r.createElement("p",null,'To determine if a radio button is checked in an E2E test, you should Use data-checked="checked".'))},basic:{label:"Basic Radio Buttons",description:()=>r.createElement("p",null,"Radio Buttons that represent related options are grouped together with a label. The groups can be arranged horizontally or vertically to best utilize available space."),examples:{horizontal:{description:()=>r.createElement("h4",null,"Horizontal Group"),react:S.code`
                     import { 
                       useSpsForm,
                       SpsForm,
@@ -6647,7 +6673,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
                         </SpsForm>
                       );
                     }
-                  `}}}},ap=({branch:e,setActiveBranch:t,activeBranch:n})=>{const[o,a]=D.useState(e.expanded||!1);return r.createElement("ul",{className:V("sps-side-nav__branch",e.name===n&&"sps-side-nav__branch--active")},r.createElement("li",{className:V("sps-side-nav__leaf",e.name===n&&"sps-side-nav__leaf--active")},r.createElement("span",{className:"sps-side-nav__link",onClick:()=>{a(!o),e.subNavItems||t(e.name,e.key)},onKeyDown:s=>{(s.key==="Enter"||s.key===" ")&&(s.stopPropagation(),s.preventDefault(),a(!o),e.subNavItems||t(e.name,e.key))},role:"tab",tabIndex:0,"aria-selected":e.name===n},e.subNavItems&&r.createElement("i",{className:V("sps-icon sps-side-nav__toggle",o?"sps-icon-chevron-down":"sps-icon-chevron-right")}),r.createElement("span",{className:"sps-side-nav__link-title"},e.icon&&r.createElement("i",{className:`sps-icon sps-icon-${e.icon} mr-2`}),e.name),r.createElement("div",{className:"sps-side-nav__link-tag",style:{marginTop:"-2px"}},e.tag&&r.createElement("span",{className:`sps-tag sps-tag--${e.tag}`},e.tagContent))),e.subNavItems&&o&&e.subNavItems.map(s=>r.createElement(ap,{branch:{...s,expanded:or(s.subNavItems||[],n)},setActiveBranch:t,activeBranch:n,key:s.key??s.name}))))},or=(e,t)=>e?e.some(n=>n.name===t)||e.some(n=>or(n.subNavItems||[],t)):!1,sp=({title:e,titleIcon:t,navOptions:n,onNavChange:o,activeNavItem:a,tabs:s,onTabChange:i,initialActiveTab:l,filterable:d,filterInputPlaceholder:c})=>{const u=D.useRef(a),[m,p]=D.useState(a),[f,g]=D.useState(l||(s?s[0]:"")),[h,E]=D.useState(""),v=(T,x)=>{p(T),o&&o(T,x)},b=T=>{g(T),i&&i(T)},C=T=>T?T.some(x=>x.name.toLowerCase().includes(h))||T.some(x=>C(x.subNavItems||[])):!1,w=n.map(T=>({...T,navItems:T.navItems.filter(x=>x.name.toLowerCase().includes(h)||C(x.subNavItems||[]))}));return a!==u.current&&(p(a),u.current=a),r.createElement("div",{className:"sps-side-nav sps-card"},e&&r.createElement("div",{className:"sps-card__header",title:e},r.createElement("div",{className:"sps-card__title"},t&&r.createElement("i",{className:`sps-icon sps-icon-${t}`}),e)),s&&r.createElement("nav",{className:"sps-nav sps-nav--tabs"},s.map(T=>r.createElement("span",{className:V("sps-nav__item","sps-nav__link",T===f&&"active"),"data-toggle":"tab",role:"tab",tabIndex:0,key:T,onClick:()=>b(T),onKeyDown:x=>{(x.key==="Enter"||x.key===" ")&&(x.stopPropagation(),x.preventDefault(),b(T))}},r.createElement("span",null,T)))),r.createElement("div",{className:"sps-card__body"},d&&r.createElement("section",{className:"sps-side-nav__section"},r.createElement("div",{className:"sps-text-input"},r.createElement("div",{className:"sps-form-control"},r.createElement("i",{className:"sps-text-input__icon sps-icon sps-icon-filter"}),r.createElement("input",{type:"text",className:"sps-text-input__input",placeholder:c,onChange:T=>{E(T.target.value)}})))),w.map(T=>r.createElement("section",{className:"sps-side-nav__section",key:T.key??T.sectionTitle},T.sectionTitle&&r.createElement("div",{className:"sps-side-nav__section-title",style:{fontWeight:400}},T.sectionTitle),T.navItems.map(x=>r.createElement(ap,{branch:{...x,expanded:or(x.subNavItems||[],a)},activeBranch:m,setActiveBranch:(F,y)=>{v(F,y)},key:x.key??x.name}))))))},ip={usage:{label:"Usage",customSection:()=>r.createElement(r.Fragment,null,r.createElement("div",null,r.createElement("span",{className:"sps-body-14 mb-2"},"Use the Side Navigation if:"),r.createElement("ul",{className:"mt-2"},r.createElement("li",{className:"mb-1"},"The navigation benefits from subsections or nested structures"),r.createElement("li",{className:"mb-1"},"There are too many items for Tabbed Navigation"),r.createElement("li",null,"The navigation items have long names"))),r.createElement("div",null,r.createElement("span",{className:"sps-body-14 mb-2"},"Avoid using the Side Navigation if:"),r.createElement("ul",{className:"mt-2"},r.createElement("li",{className:"mb-1"},"Tabbed Navigation is sufficient"),r.createElement("li",{className:"mb-1"},"The full width of the page is required to sufficiently display content"))))},filter:{label:"Filter",description:"Use Filters when the Side Navigation benefits from filtering, usually when it contains a long list of navigation items.",examples:{simple:{react:S.code`
+                  `}}}},ap=({branch:e,setActiveBranch:t,activeBranch:n})=>{const[o,a]=D.useState(e.expanded||!1);return r.createElement("ul",{className:F("sps-side-nav__branch",e.name===n&&"sps-side-nav__branch--active")},r.createElement("li",{className:F("sps-side-nav__leaf",e.name===n&&"sps-side-nav__leaf--active")},r.createElement("span",{className:"sps-side-nav__link",onClick:()=>{a(!o),e.subNavItems||t(e.name,e.key)},onKeyDown:s=>{(s.key==="Enter"||s.key===" ")&&(s.stopPropagation(),s.preventDefault(),a(!o),e.subNavItems||t(e.name,e.key))},role:"tab",tabIndex:0,"aria-selected":e.name===n},e.subNavItems&&r.createElement("i",{className:F("sps-icon sps-side-nav__toggle",o?"sps-icon-chevron-down":"sps-icon-chevron-right")}),r.createElement("span",{className:"sps-side-nav__link-title"},e.icon&&r.createElement("i",{className:`sps-icon sps-icon-${e.icon} mr-2`}),e.name),r.createElement("div",{className:"sps-side-nav__link-tag",style:{marginTop:"-2px"}},e.tag&&r.createElement("span",{className:`sps-tag sps-tag--${e.tag}`},e.tagContent))),e.subNavItems&&o&&e.subNavItems.map(s=>r.createElement(ap,{branch:{...s,expanded:or(s.subNavItems||[],n)},setActiveBranch:t,activeBranch:n,key:s.key??s.name}))))},or=(e,t)=>e?e.some(n=>n.name===t)||e.some(n=>or(n.subNavItems||[],t)):!1,sp=({title:e,titleIcon:t,navOptions:n,onNavChange:o,activeNavItem:a,tabs:s,onTabChange:i,initialActiveTab:l,filterable:d,filterInputPlaceholder:c})=>{const u=D.useRef(a),[m,p]=D.useState(a),[f,g]=D.useState(l||(s?s[0]:"")),[h,E]=D.useState(""),v=(T,M)=>{p(T),o&&o(T,M)},b=T=>{g(T),i&&i(T)},C=T=>T?T.some(M=>M.name.toLowerCase().includes(h))||T.some(M=>C(M.subNavItems||[])):!1,w=n.map(T=>({...T,navItems:T.navItems.filter(M=>M.name.toLowerCase().includes(h)||C(M.subNavItems||[]))}));return a!==u.current&&(p(a),u.current=a),r.createElement("div",{className:"sps-side-nav sps-card"},e&&r.createElement("div",{className:"sps-card__header",title:e},r.createElement("div",{className:"sps-card__title"},t&&r.createElement("i",{className:`sps-icon sps-icon-${t}`}),e)),s&&r.createElement("nav",{className:"sps-nav sps-nav--tabs"},s.map(T=>r.createElement("span",{className:F("sps-nav__item","sps-nav__link",T===f&&"active"),"data-toggle":"tab",role:"tab",tabIndex:0,key:T,onClick:()=>b(T),onKeyDown:M=>{(M.key==="Enter"||M.key===" ")&&(M.stopPropagation(),M.preventDefault(),b(T))}},r.createElement("span",null,T)))),r.createElement("div",{className:"sps-card__body"},d&&r.createElement("section",{className:"sps-side-nav__section"},r.createElement("div",{className:"sps-text-input"},r.createElement("div",{className:"sps-form-control"},r.createElement("i",{className:"sps-text-input__icon sps-icon sps-icon-filter"}),r.createElement("input",{type:"text",className:"sps-text-input__input",placeholder:c,onChange:T=>{E(T.target.value)}})))),w.map(T=>r.createElement("section",{className:"sps-side-nav__section",key:T.key??T.sectionTitle},T.sectionTitle&&r.createElement("div",{className:"sps-side-nav__section-title",style:{fontWeight:400}},T.sectionTitle),T.navItems.map(M=>r.createElement(ap,{branch:{...M,expanded:or(M.subNavItems||[],a)},activeBranch:m,setActiveBranch:(_,y)=>{v(_,y)},key:M.key??M.name}))))))},ip={usage:{label:"Usage",customSection:()=>r.createElement(r.Fragment,null,r.createElement("div",null,r.createElement("span",{className:"sps-body-14 mb-2"},"Use the Side Navigation if:"),r.createElement("ul",{className:"mt-2"},r.createElement("li",{className:"mb-1"},"The navigation benefits from subsections or nested structures"),r.createElement("li",{className:"mb-1"},"There are too many items for Tabbed Navigation"),r.createElement("li",null,"The navigation items have long names"))),r.createElement("div",null,r.createElement("span",{className:"sps-body-14 mb-2"},"Avoid using the Side Navigation if:"),r.createElement("ul",{className:"mt-2"},r.createElement("li",{className:"mb-1"},"Tabbed Navigation is sufficient"),r.createElement("li",{className:"mb-1"},"The full width of the page is required to sufficiently display content"))))},filter:{label:"Filter",description:"Use Filters when the Side Navigation benefits from filtering, usually when it contains a long list of navigation items.",examples:{simple:{react:S.code`
                     import { SpsSideNav } from "@spscommerce/ds-react";
                     import { SpsIcon } from "@spscommerce/ds-shared";
                     function DemoComponent() {
@@ -6968,7 +6994,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
                       </div>
                     );
                 }
-              `}}}},qy={disabled:"boolean",href:"string",label:"string",icon:"SpsIcon",kind:"StdButtonKind",options:"Array<SpsActionMethod | [SpsActionDescriptor, () => void]>",spinning:"boolean",spinningTitle:"string"};function is(e){const{children:t,className:n,"data-testid":o,disabled:a,href:s,label:i,options:l,icon:d,kind:c=A.StdButtonKind.DEFAULT,spinning:u,spinningTitle:m,unsafelyReplaceClassName:p,onClick:f,...g}=e,h=r.useRef(null),[E,v]=r.useState({width:0}),[b,C]=r.useState(!1),[w,T]=r.useState(!1);r.useLayoutEffect(()=>{h.current&&v({width:h.current.offsetWidth})},[]),r.useEffect(()=>{T(!!u)},[u]);const x=()=>{C(!0)},F=()=>{C(!1)},y=V(p||"sps-split-button",`sps-split-button--${c}`,b&&"sps-split-button--open",n);return r.createElement(r.Fragment,null,w?r.createElement(Ne,{className:n,"data-testid":o,style:{width:E.width},kind:c,icon:d,href:s,spinning:!0,spinningTitle:m},i):r.createElement("div",{ref:h,className:y,"data-testid":o,...g},r.createElement(Ne,{kind:c,icon:d,href:s,disabled:a,onClick:f},i),r.createElement(en,{kind:c,options:l,disabled:a,onOpen:x,onClose:F})))}Object.assign(is,{props:qy,displayName:"SpsSplitButton"});const lp={kinds:{label:"Regular Split Buttons",description:S.code`<p>info about split buttons</p>`,examples:{basic:{description:S.code`<p>Basic</p>`,imports:S.code`
+              `}}}},qy={disabled:"boolean",href:"string",label:"string",icon:"SpsIcon",kind:"StdButtonKind",options:"Array<SpsActionMethod | [SpsActionDescriptor, () => void]>",spinning:"boolean",spinningTitle:"string"};function is(e){const{children:t,className:n,"data-testid":o,disabled:a,href:s,label:i,options:l,icon:d,kind:c=R.StdButtonKind.DEFAULT,spinning:u,spinningTitle:m,unsafelyReplaceClassName:p,onClick:f,...g}=e,h=r.useRef(null),[E,v]=r.useState({width:0}),[b,C]=r.useState(!1),[w,T]=r.useState(!1);r.useLayoutEffect(()=>{h.current&&v({width:h.current.offsetWidth})},[]),r.useEffect(()=>{T(!!u)},[u]);const M=()=>{C(!0)},_=()=>{C(!1)},y=F(p||"sps-split-button",`sps-split-button--${c}`,b&&"sps-split-button--open",n);return r.createElement(r.Fragment,null,w?r.createElement(Ie,{className:n,"data-testid":o,style:{width:E.width},kind:c,icon:d,href:s,spinning:!0,spinningTitle:m},i):r.createElement("div",{ref:h,className:y,"data-testid":o,...g},r.createElement(Ie,{kind:c,icon:d,href:s,disabled:a,onClick:f},i),r.createElement(en,{kind:c,options:l,disabled:a,onOpen:M,onClose:_})))}Object.assign(is,{props:qy,displayName:"SpsSplitButton"});const lp={kinds:{label:"Regular Split Buttons",description:S.code`<p>info about split buttons</p>`,examples:{basic:{description:S.code`<p>Basic</p>`,imports:S.code`
                     import { SpsSplitButton } from "@spscommerce/ds-react";
         `,jsx:S.code`
                     <React.Fragment>
@@ -7040,7 +7066,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
                             ]} className="mr-1">
                         </SpsSplitButton>
                     </React.Fragment>
-                `}}}},Jy={};function so(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=V(a||"sps-content-row__expansion",n);return r.createElement("div",{className:i,...s,"data-testid":`${o}__expansion`},t)}Object.assign(so,{props:Jy,displayName:"SpsSummaryListExpansion"});const Xy={expanded:"boolean",selected:"boolean",onToggle:"(isExpanded: boolean) => void"};function ls(e){const{children:t,className:n,expanded:o,onToggle:a,selected:s,"data-testid":i,unsafelyReplaceClassName:l,...d}=e,[c,u]=bt({isExpanded:o,expandable:!1});r.useEffect(()=>{const v=r.Children.toArray(t).some(b=>r.isValidElement(b)&&b.type===so);u({expandable:v})},[]);function m(){const v=!c.isExpanded;u({isExpanded:v}),a&&a(v)}function p(v){v.stopPropagation(),m()}function f(v){(v.key==="Enter"||v.key===" "||v.key==="Spacebar")&&(v.preventDefault(),v.stopPropagation(),m())}const g=V(l||"sps-summary-list-row","sps-content-row",c.expandable&&"sps-summary-list-row--expandable",c.isExpanded&&"sps-content-row--expanded",s&&"sps-summary-list-row--selected",n),[h,E]=ot(t,[{type:so}]);return console.warn(["The SpsSummaryListRow component will be replaced by the SpsContentRow component.","All references to it should be replaced before SpsSummaryListRow is removed.","Reach out to the design system help Slack channel if you have any questions!"].join(" ")),r.createElement("div",{className:g,"data-testid":i,...d},r.createElement("div",{className:"sps-content-row__col-group","data-testid":`${i}__col-group`,onClick:p,onKeyDown:f,tabIndex:0},E),h)}Object.assign(ls,{props:Xy,displayName:"SpsSummaryListRow"});const Zy={borderless:"boolean",lean:"boolean",leaner:"boolean",width:"string"};function cs(e){const{className:t,children:n,borderless:o,lean:a,leaner:s,"data-testid":i,unsafelyReplaceClassName:l,width:d,...c}=e,u=V(l||"sps-content-row__col",a&&"sps-content-row__col--lean",s&&"sps-content-row__col--leaner",o&&"sps-content-row__col--borderless",t);return r.createElement("div",{className:u,style:{width:d},...c,"data-testid":`${i}__col`},n)}Object.assign(cs,{props:Zy,displayName:"SpsSummaryListColumn"});const cp={basic:{label:"Basic Usage",examples:{basic:{imports:S.code`
+                `}}}},Jy={};function so(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=F(a||"sps-content-row__expansion",n);return r.createElement("div",{className:i,...s,"data-testid":`${o}__expansion`},t)}Object.assign(so,{props:Jy,displayName:"SpsSummaryListExpansion"});const Xy={expanded:"boolean",selected:"boolean",onToggle:"(isExpanded: boolean) => void"};function ls(e){const{children:t,className:n,expanded:o,onToggle:a,selected:s,"data-testid":i,unsafelyReplaceClassName:l,...d}=e,[c,u]=vt({isExpanded:o,expandable:!1});r.useEffect(()=>{const v=r.Children.toArray(t).some(b=>r.isValidElement(b)&&b.type===so);u({expandable:v})},[]);function m(){const v=!c.isExpanded;u({isExpanded:v}),a&&a(v)}function p(v){v.stopPropagation(),m()}function f(v){(v.key==="Enter"||v.key===" "||v.key==="Spacebar")&&(v.preventDefault(),v.stopPropagation(),m())}const g=F(l||"sps-summary-list-row","sps-content-row",c.expandable&&"sps-summary-list-row--expandable",c.isExpanded&&"sps-content-row--expanded",s&&"sps-summary-list-row--selected",n),[h,E]=ot(t,[{type:so}]);return console.warn(["The SpsSummaryListRow component will be replaced by the SpsContentRow component.","All references to it should be replaced before SpsSummaryListRow is removed.","Reach out to the design system help Slack channel if you have any questions!"].join(" ")),r.createElement("div",{className:g,"data-testid":i,...d},r.createElement("div",{className:"sps-content-row__col-group","data-testid":`${i}__col-group`,onClick:p,onKeyDown:f,tabIndex:0},E),h)}Object.assign(ls,{props:Xy,displayName:"SpsSummaryListRow"});const Zy={borderless:"boolean",lean:"boolean",leaner:"boolean",width:"string"};function cs(e){const{className:t,children:n,borderless:o,lean:a,leaner:s,"data-testid":i,unsafelyReplaceClassName:l,width:d,...c}=e,u=F(l||"sps-content-row__col",a&&"sps-content-row__col--lean",s&&"sps-content-row__col--leaner",o&&"sps-content-row__col--borderless",t);return r.createElement("div",{className:u,style:{width:d},...c,"data-testid":`${i}__col`},n)}Object.assign(cs,{props:Zy,displayName:"SpsSummaryListColumn"});const cp={basic:{label:"Basic Usage",examples:{basic:{imports:S.code`
                     import { 
                         SpsSummaryListRow,
                         SpsSummaryListColumn,
@@ -7334,7 +7360,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
                             </SpsSummaryListRow>
                         );
                     }
-                `}}}},Qy={tasks:"ReactSpsTask[]",taskQueuePosition:"Position",notificationText:"string",tooltipConfig:"{ position: Position, kind: TooltipKind }",onClose:"() => void",onOpen:"() => void",onClearCompleted:"() => void",suppressTooltips:"boolean"};function ds({tasks:e=[],taskQueuePosition:t=A.Position.BOTTOM_RIGHT,notificationText:n,tooltipConfig:o={},onOpen:a,onClose:s,onClearCompleted:i,className:l,"data-testid":d,unsafelyReplaceClassName:c,suppressTooltips:u=!1,...m}){const{t:p}=Se.useWoodlandLanguage(),f=!!e.length,[g,h]=r.useState(!1),[E,v]=r.useState(f),b=r.useRef(null),C=r.useRef(null),w=r.useCallback(()=>{h(!1),s&&s()},[]);r.useEffect(()=>{g?window.addEventListener("resize",w):window.removeEventListener("resize",w)},[g]);const T=mn("sps-task-queue-portal"),x=r.useContext(nt),[F]=g?Gt(C,b,t,{altPosition:t,...x}):[{},!1],y=o.position||A.Position.BOTTOM_RIGHT,k=o.kind||A.TooltipKind.DEFAULT,M=e.filter(L=>L.unread).length,P=e.filter(L=>L.status===A.SpsTaskStatus.IN_PROGRESS).length,G=e.some(L=>L.status===A.SpsTaskStatus.COMPLETED||L.status===A.SpsTaskStatus.ERRORED),I=r.useRef(s);I.current=s;const j=r.useRef(null),K=()=>{f&&!g?(h(!0),a&&a()):g&&(h(!1),s&&s()),j.current&&(j.current.scrollTop=0)},H=L=>L.status===A.SpsTaskStatus.IN_PROGRESS?A.SpsTaskStatusIcons[L.status]:`sps-icon sps-icon-${A.SpsTaskStatusIcons[L.status]}`;r.useEffect(()=>{g&&!f&&(h(!1),I.current&&I.current())},[g,f]);const R=r.useRef();r.useEffect(()=>{M>0?(v(!0),R.current&&window.clearTimeout(R.current),R.current=window.setTimeout(()=>{R.current=void 0,v(!1)},A.TASK_QUEUE_NOTIFICATION_DURATION_MS)):(R.current&&(window.clearTimeout(R.current),R.current=void 0),v(!1))},[M]),r.useEffect(()=>{const L=()=>{h(_=>(_&&I.current&&I.current(),!1))};return document.getElementById("root")?.addEventListener("click",L),()=>{document.getElementById("root")?.removeEventListener("click",L)}},[]),Rn({isOpen:g,rootRef:b}),r.useEffect(()=>()=>{R.current&&window.clearTimeout(R.current)},[]);const Z=V(c||"sps-task-queue",g&&"sps-task-queue--open",g&&"z-stratum-dropdown",!f&&"sps-task-queue--no-tasks",l);function $(L){return(L.actions||[]).map(_=>{if(r.isValidElement(_)){const Y=_;if(Y.type!==Ne||Y.props.kind!==A.ButtonKind.ICON)throw new Error("Task queue task action must be a config object or an SpsButton of kind ICON");return Y}else{const Y=_;return r.createElement("div",{key:Y.icon,className:"sps-button sps-button--icon"},r.createElement("button",{type:"button",title:Y.label,disabled:Y.disabled,onClick:()=>{Y.onClick&&Y.onClick(L)}},Y.caption,Y.icon&&r.createElement("i",{className:`sps-icon sps-icon-${Y.icon}`,"aria-hidden":"true"})))}})}return r.createElement("div",{className:Z,onClick:L=>{L.nativeEvent.stopImmediatePropagation()},"data-testid":d,...m},r.createElement("button",{type:"button",ref:b,className:"sps-task-queue__button",title:"Task Queue",onClick:K},!!M&&r.createElement("span",{className:"sps-tag sps-tag--info"},M),P?r.createElement("span",{className:"sps-spinner sps-spinner--small"}):r.createElement("i",{className:"sps-icon sps-icon-list","aria-hidden":"true"})),r.createElement(it,{for:b,position:y,kind:k,showOn:f?A.TooltipShowTrigger.MANUAL:A.TooltipShowTrigger.MOUSEOVER,isShown:E&&!g?fe.VISIBLE:fe.HIDDEN,hideDelay:Number(f)&&A.TASK_QUEUE_NOTIFICATION_DURATION_MS},!u&&E&&(n||p("taskQueue.newTask",{defaultValue:"You have a new task in your queue."})),!u&&!E&&!f&&p("taskQueue.noTasks",{defaultValue:"There are currently no tasks in your queue."})),T(r.createElement("div",{ref:C,className:V("sps-task-queue__task-list",g&&"sps-task-queue__task-list--open","z-stratum-dropdown"),style:F},r.createElement("div",{ref:j,className:"sps-task-queue__task-list-tasks"},e.map((L,_)=>r.createElement("div",{key:_,className:V("sps-task-queue__task",L.unread&&"sps-task-queue__task--unread")},r.createElement("i",{className:H(L)}),r.createElement("div",{className:"sps-task-queue__task-description"},r.createElement("div",{className:"sps-task-queue__task-heading"},L.heading),L.subheading&&r.createElement("div",{className:"sps-task-queue__task-subheading",title:L.subheading},L.subheading)),L.actions&&!!L.actions.length&&r.createElement("div",{className:"sps-task-queue__task-actions"},$(L))))),G&&i&&r.createElement("div",{className:"sps-task-queue__footer"},r.createElement("div",{className:"sps-button sps-button--link"},r.createElement("button",{type:"button",onClick:i},p("taskQueue.clearCompleted",{defaultValue:"Clear Completed"})))))))}Object.assign(ds,{props:Qy,displayName:"SpsTaskQueue"});const dp={inProgress:{label:"Task Queue in progress",description:"<p>Info about Task Queue</p>",examples:{inProgress:{react:S.code`
+                `}}}},Qy={tasks:"ReactSpsTask[]",taskQueuePosition:"Position",notificationText:"string",tooltipConfig:"{ position: Position, kind: TooltipKind }",onClose:"() => void",onOpen:"() => void",onClearCompleted:"() => void",suppressTooltips:"boolean"};function ds({tasks:e=[],taskQueuePosition:t=R.Position.BOTTOM_RIGHT,notificationText:n,tooltipConfig:o={},onOpen:a,onClose:s,onClearCompleted:i,className:l,"data-testid":d,unsafelyReplaceClassName:c,suppressTooltips:u=!1,...m}){const{t:p}=Se.useWoodlandLanguage(),f=!!e.length,[g,h]=r.useState(!1),[E,v]=r.useState(f),b=r.useRef(null),C=r.useRef(null),w=r.useCallback(()=>{h(!1),s&&s()},[]);r.useEffect(()=>{g?window.addEventListener("resize",w):window.removeEventListener("resize",w)},[g]);const T=mn("sps-task-queue-portal"),M=r.useContext(nt),[_]=g?Gt(C,b,t,{altPosition:t,...M}):[{},!1],y=o.position||R.Position.BOTTOM_RIGHT,k=o.kind||R.TooltipKind.DEFAULT,x=e.filter(L=>L.unread).length,P=e.filter(L=>L.status===R.SpsTaskStatus.IN_PROGRESS).length,z=e.some(L=>L.status===R.SpsTaskStatus.COMPLETED||L.status===R.SpsTaskStatus.ERRORED),I=r.useRef(s);I.current=s;const Y=r.useRef(null),V=()=>{f&&!g?(h(!0),a&&a()):g&&(h(!1),s&&s()),Y.current&&(Y.current.scrollTop=0)},W=L=>L.status===R.SpsTaskStatus.IN_PROGRESS?R.SpsTaskStatusIcons[L.status]:`sps-icon sps-icon-${R.SpsTaskStatusIcons[L.status]}`;r.useEffect(()=>{g&&!f&&(h(!1),I.current&&I.current())},[g,f]);const A=r.useRef();r.useEffect(()=>{x>0?(v(!0),A.current&&window.clearTimeout(A.current),A.current=window.setTimeout(()=>{A.current=void 0,v(!1)},R.TASK_QUEUE_NOTIFICATION_DURATION_MS)):(A.current&&(window.clearTimeout(A.current),A.current=void 0),v(!1))},[x]),r.useEffect(()=>{const L=()=>{h(B=>(B&&I.current&&I.current(),!1))};return document.getElementById("root")?.addEventListener("click",L),()=>{document.getElementById("root")?.removeEventListener("click",L)}},[]),Rn({isOpen:g,rootRef:b}),r.useEffect(()=>()=>{A.current&&window.clearTimeout(A.current)},[]);const Z=F(c||"sps-task-queue",g&&"sps-task-queue--open",g&&"z-stratum-dropdown",!f&&"sps-task-queue--no-tasks",l);function $(L){return(L.actions||[]).map(B=>{if(r.isValidElement(B)){const J=B;if(J.type!==Ie||J.props.kind!==R.ButtonKind.ICON)throw new Error("Task queue task action must be a config object or an SpsButton of kind ICON");return J}else{const J=B;return r.createElement("div",{key:J.icon,className:"sps-button sps-button--icon"},r.createElement("button",{type:"button",title:J.label,disabled:J.disabled,onClick:()=>{J.onClick&&J.onClick(L)}},J.caption,J.icon&&r.createElement("i",{className:`sps-icon sps-icon-${J.icon}`,"aria-hidden":"true"})))}})}return r.createElement("div",{className:Z,onClick:L=>{L.nativeEvent.stopImmediatePropagation()},"data-testid":d,...m},r.createElement("button",{type:"button",ref:b,className:"sps-task-queue__button",title:"Task Queue",onClick:V},!!x&&r.createElement("span",{className:"sps-tag sps-tag--info"},x),P?r.createElement("span",{className:"sps-spinner sps-spinner--small"}):r.createElement("i",{className:"sps-icon sps-icon-list","aria-hidden":"true"})),r.createElement(it,{for:b,position:y,kind:k,showOn:f?R.TooltipShowTrigger.MANUAL:R.TooltipShowTrigger.MOUSEOVER,isShown:E&&!g?fe.VISIBLE:fe.HIDDEN,hideDelay:Number(f)&&R.TASK_QUEUE_NOTIFICATION_DURATION_MS},!u&&E&&(n||p("taskQueue.newTask",{defaultValue:"You have a new task in your queue."})),!u&&!E&&!f&&p("taskQueue.noTasks",{defaultValue:"There are currently no tasks in your queue."})),T(r.createElement("div",{ref:C,className:F("sps-task-queue__task-list",g&&"sps-task-queue__task-list--open","z-stratum-dropdown"),style:_},r.createElement("div",{ref:Y,className:"sps-task-queue__task-list-tasks"},e.map((L,B)=>r.createElement("div",{key:B,className:F("sps-task-queue__task",L.unread&&"sps-task-queue__task--unread")},r.createElement("i",{className:W(L)}),r.createElement("div",{className:"sps-task-queue__task-description"},r.createElement("div",{className:"sps-task-queue__task-heading"},L.heading),L.subheading&&r.createElement("div",{className:"sps-task-queue__task-subheading",title:L.subheading},L.subheading)),L.actions&&!!L.actions.length&&r.createElement("div",{className:"sps-task-queue__task-actions"},$(L))))),z&&i&&r.createElement("div",{className:"sps-task-queue__footer"},r.createElement("div",{className:"sps-button sps-button--link"},r.createElement("button",{type:"button",onClick:i},p("taskQueue.clearCompleted",{defaultValue:"Clear Completed"})))))))}Object.assign(ds,{props:Qy,displayName:"SpsTaskQueue"});const dp={inProgress:{label:"Task Queue in progress",description:"<p>Info about Task Queue</p>",examples:{inProgress:{react:S.code`
                 import { SpsTaskQueue } from "@spscommerce/ds-react";
                 import { SpsTaskStatus, SpsIcon } from "@spscommerce/ds-shared";
 
@@ -7623,7 +7649,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
                             </div>
                         );
                     }
-                `}}}},eE={disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",icon:"SpsIcon",name:"string",onChange:"ChangeEventHandler<HTMLInputElement>",placeholder:"string",value:"string",additionalText:"string"},rr=r.forwardRef(({className:e,disabled:t=!1,formControl:n,formMeta:o,icon:a,id:s,name:i,onChange:l,placeholder:d,"data-testid":c,title:u,unsafelyReplaceClassName:m,value:p="",additionalText:f,notClearable:g,...h},E)=>{const v=o||n,{wrapperId:b,controlId:C}=We(s,v),w=r.useRef(null);function T(k,M){v&&(v.setValue(k),v.markAsDirty()),l&&w.current&&l(M||new xt(w.current))}function x(){w.current&&(w.current.value="",T(""))}function F(k){T(k.target.value,k)}const y=V(m||"sps-text-input",e);return r.createElement(Le,{id:b,className:y,formControl:n,formMeta:o,inputRef:w,ref:E,focusInputOnClick:!0,"data-testid":`${c}`},r.createElement("div",{className:V("sps-form-control",t&&"disabled")},a&&r.createElement("i",{className:V("sps-text-input__icon","sps-icon",`sps-icon-${a}`)}),r.createElement("input",{type:"text",ref:w,"data-testid":`${c}__input`,className:"sps-text-input__input",id:C,name:i,placeholder:d,onChange:F,title:u,value:p,disabled:t,...h}),!g&&p&&!t&&r.createElement("i",{"data-testid":`${c}__input_clear`,className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:x})),f&&r.createElement("p",{className:"sps-input__additional-text"},f))});Object.assign(rr,{props:eE,displayName:"SpsTextInput"});const pp={general:{label:"General Usage",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Use a Text Input:"),r.createElement("ul",null,r.createElement("li",null,"When the value required is short (a single word or short phrase)."),r.createElement("li",null,"When only one value is required or accepted.")),r.createElement("h5",null,"Do Not Use a Text Input:"),r.createElement("ul",null,r.createElement("li",null,"When a value of considerable length (such as a sentence or paragraph) is required or accepted. Use a ",r.createElement(e,{to:"text-areas"},"Text Area")," instead."),r.createElement("li",null,"When more than one value is required or accepted in the field. Use"," ",r.createElement(e,{to:"multi-select"},"Multi-Select")," instead."),r.createElement("li",null,"When a boolean selection is required (such as on/off, yes/no, etc). Use"," ",r.createElement(e,{to:"checkbox"},"Checkboxes"),","," ",r.createElement(e,{to:"radio-buttons"},"Radio Buttons")," or"," ",r.createElement(e,{to:"toggle"},"Toggles")," instead.")),r.createElement("h5",null,"Using Text Inputs in a Form"),r.createElement("p",null,"Reference the ",r.createElement(e,{to:"form"},"Forms")," page for guidelines for placing Inputs in Form Layouts."))},basic:{label:"Basic Text Inputs",description:()=>r.createElement("p",null,"Basic Text Inputs include a label and an input field."),examples:{standard:{react:S.code`
+                `}}}},eE={disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",icon:"SpsIcon",name:"string",onChange:"ChangeEventHandler<HTMLInputElement>",placeholder:"string",value:"string",additionalText:"string"},rr=r.forwardRef(({className:e,disabled:t=!1,formControl:n,formMeta:o,icon:a,id:s,name:i,onChange:l,placeholder:d,"data-testid":c,title:u,unsafelyReplaceClassName:m,value:p="",additionalText:f,notClearable:g,...h},E)=>{const v=o||n,{wrapperId:b,controlId:C}=He(s,v),w=r.useRef(null);function T(k,x){v&&(v.setValue(k),v.markAsDirty()),l&&w.current&&l(x||new xt(w.current))}function M(){w.current&&(w.current.value="",T(""))}function _(k){T(k.target.value,k)}const y=F(m||"sps-text-input",e);return r.createElement(ke,{id:b,className:y,formControl:n,formMeta:o,inputRef:w,ref:E,focusInputOnClick:!0,"data-testid":`${c}`},r.createElement("div",{className:F("sps-form-control",t&&"disabled")},a&&r.createElement("i",{className:F("sps-text-input__icon","sps-icon",`sps-icon-${a}`)}),r.createElement("input",{type:"text",ref:w,"data-testid":`${c}__input`,className:"sps-text-input__input",id:C,name:i,placeholder:d,onChange:_,title:u,value:p,disabled:t,...h}),!g&&p&&!t&&r.createElement("i",{"data-testid":`${c}__input_clear`,className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:M})),f&&r.createElement("p",{className:"sps-input__additional-text"},f))});Object.assign(rr,{props:eE,displayName:"SpsTextInput"});const pp={general:{label:"General Usage",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Use a Text Input:"),r.createElement("ul",null,r.createElement("li",null,"When the value required is short (a single word or short phrase)."),r.createElement("li",null,"When only one value is required or accepted.")),r.createElement("h5",null,"Do Not Use a Text Input:"),r.createElement("ul",null,r.createElement("li",null,"When a value of considerable length (such as a sentence or paragraph) is required or accepted. Use a ",r.createElement(e,{to:"text-areas"},"Text Area")," instead."),r.createElement("li",null,"When more than one value is required or accepted in the field. Use"," ",r.createElement(e,{to:"multi-select"},"Multi-Select")," instead."),r.createElement("li",null,"When a boolean selection is required (such as on/off, yes/no, etc). Use"," ",r.createElement(e,{to:"checkbox"},"Checkboxes"),","," ",r.createElement(e,{to:"radio-buttons"},"Radio Buttons")," or"," ",r.createElement(e,{to:"toggle"},"Toggles")," instead.")),r.createElement("h5",null,"Using Text Inputs in a Form"),r.createElement("p",null,"Reference the ",r.createElement(e,{to:"form"},"Forms")," page for guidelines for placing Inputs in Form Layouts."))},basic:{label:"Basic Text Inputs",description:()=>r.createElement("p",null,"Basic Text Inputs include a label and an input field."),examples:{standard:{react:S.code`
                     import { SpsLabel, SpsTextInput, useSpsForm } from "@spscommerce/ds-react";
 
                     function DemoComponent() {
@@ -7698,7 +7724,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
                             </div>
                         );
                     }
-                `}}}},tE={disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",name:"string",onChange:"ChangeEventHandler",placeholder:"string",rows:"number",value:"string",additionalText:"string"};function ps({className:e,disabled:t=!1,formControl:n,formMeta:o,id:a,name:s,onChange:i,placeholder:l="",ref:d,rows:c=2,"data-testid":u,unsafelyReplaceClassName:m,value:p="",additionalText:f,...g}){const h=o||n,{wrapperId:E,controlId:v}=We(a,h),b=r.useRef(null);function C(F,y){h&&(h.setValue(F),h.markAsDirty()),i&&b.current&&i(y||new xt(b.current))}function w(){b.current&&(b.current.value="",C(""))}function T(F){C(F.target.value,F)}const x=V(m||"sps-textarea",e);return r.createElement(Le,{id:E,className:x,formControl:n,formMeta:o,inputRef:b,ref:d,"data-testid":u},r.createElement("div",{className:"position-relative"},r.createElement("textarea",{ref:b,rows:c,"data-testid":`${u}__input`,className:"sps-form-control input--clearable",id:v,name:s,placeholder:l,onChange:T,"aria-label":l,value:p||"",disabled:t,...g}),p&&!t&&r.createElement("i",{"data-testid":`${u}__input_clear`,className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:w})),f&&r.createElement("p",{className:"sps-input__additional-text"},f))}Object.assign(ps,{props:tE,displayName:"SpsTextarea"});const up={general:{label:"General Usage",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Use a Text Area:"),r.createElement("ul",null,r.createElement("li",null,"When a value of considerable length (such as a sentence or paragraph) is required or accepted.")),r.createElement("h5",null,"Do Not Use a Text Area:"),r.createElement("ul",null,r.createElement("li",null,"When the value required is short (a single word or short phrase). Use a"," ",r.createElement(e,{to:"text-inputs"},"Text Input")," instead."),r.createElement("li",null,"When more than one value is required or accepted in the field. Use"," ",r.createElement(e,{to:"multi-select"},"Multi-Select")," instead."),r.createElement("li",null,"When a boolean selection is required (such as on/off, yes/no, etc). Use"," ",r.createElement(e,{to:"checkbox"},"Checkboxes"),","," ",r.createElement(e,{to:"radio-buttons"},"Radio Buttons")," or"," ",r.createElement(e,{to:"toggle"},"Toggles")," instead.")),r.createElement("h5",null,"Using Text Areas in a Form"),r.createElement("p",null,"Reference the ",r.createElement(e,{to:"form"},"Forms")," page for guidelines for placing Inputs in Form Layouts."))},basic:{label:"Basic Text Areas",description:()=>r.createElement("p",null,"Basic Text Areas include a label and a large input field. By default a Text Area is three lines tall, but the height can be adjusted."),examples:{standard:{react:S.code`
+                `}}}},tE={disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",name:"string",onChange:"ChangeEventHandler",placeholder:"string",rows:"number",value:"string",additionalText:"string"};function ps({className:e,disabled:t=!1,formControl:n,formMeta:o,id:a,name:s,onChange:i,placeholder:l="",ref:d,rows:c=2,"data-testid":u,unsafelyReplaceClassName:m,value:p="",additionalText:f,...g}){const h=o||n,{wrapperId:E,controlId:v}=He(a,h),b=r.useRef(null);function C(_,y){h&&(h.setValue(_),h.markAsDirty()),i&&b.current&&i(y||new xt(b.current))}function w(){b.current&&(b.current.value="",C(""))}function T(_){C(_.target.value,_)}const M=F(m||"sps-textarea",e);return r.createElement(ke,{id:E,className:M,formControl:n,formMeta:o,inputRef:b,ref:d,"data-testid":u},r.createElement("div",{className:"position-relative"},r.createElement("textarea",{ref:b,rows:c,"data-testid":`${u}__input`,className:"sps-form-control input--clearable",id:v,name:s,placeholder:l,onChange:T,"aria-label":l,value:p||"",disabled:t,...g}),p&&!t&&r.createElement("i",{"data-testid":`${u}__input_clear`,className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:w})),f&&r.createElement("p",{className:"sps-input__additional-text"},f))}Object.assign(ps,{props:tE,displayName:"SpsTextarea"});const up={general:{label:"General Usage",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Use a Text Area:"),r.createElement("ul",null,r.createElement("li",null,"When a value of considerable length (such as a sentence or paragraph) is required or accepted.")),r.createElement("h5",null,"Do Not Use a Text Area:"),r.createElement("ul",null,r.createElement("li",null,"When the value required is short (a single word or short phrase). Use a"," ",r.createElement(e,{to:"text-inputs"},"Text Input")," instead."),r.createElement("li",null,"When more than one value is required or accepted in the field. Use"," ",r.createElement(e,{to:"multi-select"},"Multi-Select")," instead."),r.createElement("li",null,"When a boolean selection is required (such as on/off, yes/no, etc). Use"," ",r.createElement(e,{to:"checkbox"},"Checkboxes"),","," ",r.createElement(e,{to:"radio-buttons"},"Radio Buttons")," or"," ",r.createElement(e,{to:"toggle"},"Toggles")," instead.")),r.createElement("h5",null,"Using Text Areas in a Form"),r.createElement("p",null,"Reference the ",r.createElement(e,{to:"form"},"Forms")," page for guidelines for placing Inputs in Form Layouts."))},basic:{label:"Basic Text Areas",description:()=>r.createElement("p",null,"Basic Text Areas include a label and a large input field. By default a Text Area is three lines tall, but the height can be adjusted."),examples:{standard:{react:S.code`
                     import { SpsLabel, SpsTextarea, useSpsForm } from "@spscommerce/ds-react";
                     function DemoComponent() {
                         const { formValue, formMeta, updateForm } = useSpsForm({ notes: "" });
@@ -7769,7 +7795,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
                             </div>
                         );
                     }
-                `}}}},mp={active:"boolean",description:"string",disabled:"boolean",formMeta:"SpsFormFieldMeta<boolean>",label:"string",large:"boolean",onChange:"(isActive: boolean) => void"};function us(e){const{active:t,className:n,description:o,disabled:a,formControl:s,formMeta:i,id:l,label:d,large:c,onChange:u,ref:m,"data-testid":p,unsafelyReplaceClassName:f,...g}=e;wi("SpsToggle",mp,e);const h=i||s,[E,v]=r.useState(t),{wrapperId:b,controlId:C}=We(l,h),w=`${b}_status-label`,T=`${b}_description`,x=r.useRef(null);r.useEffect(()=>v(t),[t]);function F(M){v(M.target.checked),h&&(h.setValue(M.target.checked),h.markAsDirty()),u&&u(M.target.checked),x.current?.focus()}const y=t??E,k=V(f||"sps-toggle",y&&"sps-toggle--active",c&&"sps-toggle--large",a&&"sps-toggle--disabled",n);return r.createElement(Le,{id:b,formControl:s,formMeta:i,inputRef:x,ref:m,"data-testid":`${p}`},r.createElement("div",{className:k},r.createElement("input",{type:"checkbox",ref:x,className:"sps-toggle__input",id:C,checked:y||!1,disabled:a,onChange:F,"aria-describedby":`${w},${T}`,"data-testid":`${p}__input`,...g}),r.createElement("span",{className:"sps-toggle__slider"}),d&&r.createElement("label",{className:"sps-toggle__status-label",htmlFor:C,id:w},d),o&&r.createElement("span",{className:"sps-toggle__description",id:T},o)))}Object.assign(us,{props:mp,displayName:"SpsToggle"});const fp={general:{label:"General Usage",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Use Toggles:"),r.createElement("ul",null,r.createElement("li",{className:"mb-2"},'When an option represents a specific "on/off" state.'),r.createElement("li",{className:"mb-2"},"When the selection causes an imeediate change in the system.")),r.createElement("h5",null,"Do Not Use Toggles:"),r.createElement("ul",null,r.createElement("li",{className:"mb-2"},"When a selection does not cause an immediate change in the system."," ",r.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",r.createElement(e,{to:"radio-buttons"},"Radio Buttons")," instead."),r.createElement("li",{className:"mb-2"},"Inside a form with a save/submit button as this contradicts the immediate change in the system that a toggle controls.")))},basic:{label:"Basic Toggles",description:()=>r.createElement("p",null,"Basic toggles can appear with or without labels and can include an extended description if necessary."),examples:{basic:{description:()=>r.createElement("h4",{className:"mb-3"},"Toggle"),react:S.code`
+                `}}}},mp={active:"boolean",description:"string",disabled:"boolean",formMeta:"SpsFormFieldMeta<boolean>",label:"string",large:"boolean",onChange:"(isActive: boolean) => void"};function us(e){const{active:t,className:n,description:o,disabled:a,formControl:s,formMeta:i,id:l,label:d,large:c,onChange:u,ref:m,"data-testid":p,unsafelyReplaceClassName:f,...g}=e;wi("SpsToggle",mp,e);const h=i||s,[E,v]=r.useState(t),{wrapperId:b,controlId:C}=He(l,h),w=`${b}_status-label`,T=`${b}_description`,M=r.useRef(null);r.useEffect(()=>v(t),[t]);function _(x){v(x.target.checked),h&&(h.setValue(x.target.checked),h.markAsDirty()),u&&u(x.target.checked),M.current?.focus()}const y=t??E,k=F(f||"sps-toggle",y&&"sps-toggle--active",c&&"sps-toggle--large",a&&"sps-toggle--disabled",n);return r.createElement(ke,{id:b,formControl:s,formMeta:i,inputRef:M,ref:m,"data-testid":`${p}`},r.createElement("div",{className:k},r.createElement("input",{type:"checkbox",ref:M,className:"sps-toggle__input",id:C,checked:y||!1,disabled:a,onChange:_,"aria-describedby":`${w},${T}`,"data-testid":`${p}__input`,...g}),r.createElement("span",{className:"sps-toggle__slider"}),d&&r.createElement("label",{className:"sps-toggle__status-label",htmlFor:C,id:w},d),o&&r.createElement("span",{className:"sps-toggle__description",id:T},o)))}Object.assign(us,{props:mp,displayName:"SpsToggle"});const fp={general:{label:"General Usage",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Use Toggles:"),r.createElement("ul",null,r.createElement("li",{className:"mb-2"},'When an option represents a specific "on/off" state.'),r.createElement("li",{className:"mb-2"},"When the selection causes an imeediate change in the system.")),r.createElement("h5",null,"Do Not Use Toggles:"),r.createElement("ul",null,r.createElement("li",{className:"mb-2"},"When a selection does not cause an immediate change in the system."," ",r.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",r.createElement(e,{to:"radio-buttons"},"Radio Buttons")," instead."),r.createElement("li",{className:"mb-2"},"Inside a form with a save/submit button as this contradicts the immediate change in the system that a toggle controls.")))},basic:{label:"Basic Toggles",description:()=>r.createElement("p",null,"Basic toggles can appear with or without labels and can include an extended description if necessary."),examples:{basic:{description:()=>r.createElement("h4",{className:"mb-3"},"Toggle"),react:S.code`
           import { SpsToggle, useSpsForm } from "@spscommerce/ds-react";
           function DemoComponent() {
             const { formValue, formMeta, updateForm } = useSpsForm({
@@ -7948,7 +7974,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
               />
             )
           }
-        `}}}},nE={icon:"SpsIcon",iconSize:"SpsIconSize"};function ms({icon:e,iconSize:t=A.SpsIconSize.SMALL,children:n}){return r.createElement("div",{className:"sps-tooltip__title-component"},e&&r.createElement(ut,{icon:e,size:t}),r.createElement("span",{className:"sps-tooltip__title"},n))}Object.assign(ms,{props:nE,displayName:"SpsTooltipTitle"});const Sp={basic:{label:"Basic",description:"Info about basic usage of tooltip",examples:{basic:{description:S.code`
+        `}}}},nE={icon:"SpsIcon",iconSize:"SpsIconSize"};function ms({icon:e,iconSize:t=R.SpsIconSize.SMALL,children:n}){return r.createElement("div",{className:"sps-tooltip__title-component"},e&&r.createElement(ut,{icon:e,size:t}),r.createElement("span",{className:"sps-tooltip__title"},n))}Object.assign(ms,{props:nE,displayName:"SpsTooltipTitle"});const Sp={basic:{label:"Basic",description:"Info about basic usage of tooltip",examples:{basic:{description:S.code`
                   <p>There are two ways to tell the tooltip what to attach to. The first is to
                   pass in a ref.</p>
                 `,react:S.code`
@@ -8385,7 +8411,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
                           </React.Fragment>
                         );
                     }
-                `}}}},gp={heading:"string",icon:"SpsIcon"};function ar(e){const{children:t,className:n,icon:o,title:a,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,d=V(i||"sps-workflow",n);return r.createElement("div",{className:d,"data-testid":`${s}`,...l},a&&r.createElement("h1",{className:"sps-workflow__heading","data-testid":`${s}__title`},r.createElement("span",{className:"sps-workflow__icon","data-testid":`${s}__icon`},r.createElement("i",{"aria-hidden":"true",className:V("sps-icon",`sps-icon-${o}`)})),a),t)}Object.assign(ar,{props:gp,displayName:"SpsWorkflow"});function hp(e){return r.createElement(ar,{...e})}Object.assign(hp,{props:gp,displayName:"SpsWf"});const oE={size:"RingSize",progress:"number"};function fs({size:e=A.RingSize.SMALL,progress:t=0}){const o=e-4,a=o*2*Math.PI,s=a-t/100*a;return r.createElement("div",{className:"sps-progress-ring"},r.createElement("svg",{height:e*2,width:e*2,style:{transform:"rotate(-90deg)"}},r.createElement("circle",{stroke:br.colors.gray300,fill:"transparent",strokeWidth:4,strokeDasharray:`${a} ${a}`,r:o,cx:e,cy:e}),r.createElement("circle",{stroke:br.colors.purple200,fill:"transparent",strokeWidth:4,strokeDasharray:`${a} ${a}`,style:{strokeDashoffset:s},r:o,cx:e,cy:e})))}Object.assign(fs,{props:oE,displayName:"SpsProgressRing"});const rE={phases:"WizardPhase[]"},mt="sps-wizard-sidebar";function Ss({className:e,phases:t=[]}){const n=V(mt,e);return r.createElement("div",{className:n},t.map(o=>{const a=V(`${mt}__phase-title`,o.disabled&&`${mt}__phase-title--disabled`);return r.createElement("div",{className:`${mt}__phase-wrapper`,key:o.title},r.createElement("div",{className:a},o.title),o.steps.map(s=>{const i=V(`${mt}__step`,s.active&&`${mt}__step--active`,s.disabled&&`${mt}__step--disabled`,!!s.onClick&&!s.disabled&&`${mt}__step--clickable`);return r.createElement("div",{className:i,key:s.title,onClick:!s.disabled&&s.onClick||void 0},r.createElement("div",{className:`${mt}__step-progress`},s.percentComplete===100?r.createElement("div",{className:`${mt}__step-complete`},r.createElement(ut,{icon:A.SpsIcon.CHECKMARK})):r.createElement(fs,{size:A.RingSize.SMALL,progress:s.percentComplete})),r.createElement("div",{className:`${mt}__step-title`,role:"button"},s.title))}))}))}Object.assign(Ss,{props:rE,displayName:"SpsWizardSidebar"});const aE={display:"string",condition:"WizardSubstepConditions",orderPosition:"string | number"};function gs(e){const{condition:t=A.WizardSubstepConditions.BASIC,orderPosition:n,display:o,children:a}=e;return r.createElement("div",{className:"sps-wizard-substep"},r.createElement("div",{className:V("sps-wizard-substep__heading",`sps-wizard-substep__heading--${t}`)},r.createElement("div",{className:"sps-wizard-substep__heading-icon"},t===A.WizardSubstepConditions.COMPLETED?r.createElement("i",{"aria-hidden":"true",className:"sps-icon sps-icon-checkmark"}):n),r.createElement("p",null,o)),r.createElement("div",{className:V("sps-wizard-substep__body",`sps-wizard-substep__body--${t}`)},a))}Object.assign(gs,{props:aE,displayName:"SpsWizardSubstep"});const bp={substep:{label:"Substep",examples:{completed:{imports:S.code`
+                `}}}},gp={heading:"string",icon:"SpsIcon"};function ar(e){const{children:t,className:n,icon:o,title:a,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,d=F(i||"sps-workflow",n);return r.createElement("div",{className:d,"data-testid":`${s}`,...l},a&&r.createElement("h1",{className:"sps-workflow__heading","data-testid":`${s}__title`},r.createElement("span",{className:"sps-workflow__icon","data-testid":`${s}__icon`},r.createElement("i",{"aria-hidden":"true",className:F("sps-icon",`sps-icon-${o}`)})),a),t)}Object.assign(ar,{props:gp,displayName:"SpsWorkflow"});function hp(e){return r.createElement(ar,{...e})}Object.assign(hp,{props:gp,displayName:"SpsWf"});const oE={size:"RingSize",progress:"number"};function fs({size:e=R.RingSize.SMALL,progress:t=0}){const o=e-4,a=o*2*Math.PI,s=a-t/100*a;return r.createElement("div",{className:"sps-progress-ring"},r.createElement("svg",{height:e*2,width:e*2,style:{transform:"rotate(-90deg)"}},r.createElement("circle",{stroke:br.colors.gray300,fill:"transparent",strokeWidth:4,strokeDasharray:`${a} ${a}`,r:o,cx:e,cy:e}),r.createElement("circle",{stroke:br.colors.purple200,fill:"transparent",strokeWidth:4,strokeDasharray:`${a} ${a}`,style:{strokeDashoffset:s},r:o,cx:e,cy:e})))}Object.assign(fs,{props:oE,displayName:"SpsProgressRing"});const rE={phases:"WizardPhase[]"},mt="sps-wizard-sidebar";function Ss({className:e,phases:t=[]}){const n=F(mt,e);return r.createElement("div",{className:n},t.map(o=>{const a=F(`${mt}__phase-title`,o.disabled&&`${mt}__phase-title--disabled`);return r.createElement("div",{className:`${mt}__phase-wrapper`,key:o.title},r.createElement("div",{className:a},o.title),o.steps.map(s=>{const i=F(`${mt}__step`,s.active&&`${mt}__step--active`,s.disabled&&`${mt}__step--disabled`,!!s.onClick&&!s.disabled&&`${mt}__step--clickable`);return r.createElement("div",{className:i,key:s.title,onClick:!s.disabled&&s.onClick||void 0},r.createElement("div",{className:`${mt}__step-progress`},s.percentComplete===100?r.createElement("div",{className:`${mt}__step-complete`},r.createElement(ut,{icon:R.SpsIcon.CHECKMARK})):r.createElement(fs,{size:R.RingSize.SMALL,progress:s.percentComplete})),r.createElement("div",{className:`${mt}__step-title`,role:"button"},s.title))}))}))}Object.assign(Ss,{props:rE,displayName:"SpsWizardSidebar"});const aE={display:"string",condition:"WizardSubstepConditions",orderPosition:"string | number"};function gs(e){const{condition:t=R.WizardSubstepConditions.BASIC,orderPosition:n,display:o,children:a}=e;return r.createElement("div",{className:"sps-wizard-substep"},r.createElement("div",{className:F("sps-wizard-substep__heading",`sps-wizard-substep__heading--${t}`)},r.createElement("div",{className:"sps-wizard-substep__heading-icon"},t===R.WizardSubstepConditions.COMPLETED?r.createElement("i",{"aria-hidden":"true",className:"sps-icon sps-icon-checkmark"}):n),r.createElement("p",null,o)),r.createElement("div",{className:F("sps-wizard-substep__body",`sps-wizard-substep__body--${t}`)},a))}Object.assign(gs,{props:aE,displayName:"SpsWizardSubstep"});const bp={substep:{label:"Substep",examples:{completed:{imports:S.code`
                     import { SpsWizardSubstep } from "@spscommerce/ds-react";
                     import { WizardSubstepConditions } from "@spscommerce/ds-shared";
         `,jsx:S.code`
@@ -8463,7 +8489,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
             </div>
               )
           }
-        `}}}},vp={};function sr(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=V(a||"sps-workflow__document",n);return r.createElement("span",{className:i,"data-testid":`${o}__document`,...s},t)}Object.assign(sr,{props:vp,displayName:"SpsWorkflowDocument"});function yp(e){return r.createElement(sr,{...e})}Object.assign(yp,{props:vp,displayName:"SpsWfDoc"});const Ep={icon:"SpsIcon"};function ir(e){const{children:t,className:n,icon:o,"data-testid":a,unsafelyReplaceClassName:s,...i}=e,l=V(s||"sps-workflow__document-status",n);return r.createElement("span",{className:l,"data-testid":`${a}__doc-status`,...i},o&&r.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${o}`}),t)}Object.assign(ir,{props:Ep,displayName:"SpsWorkflowDocumentStatus"});function Tp(e){return r.createElement(ir,{...e})}Object.assign(Tp,{props:Ep,displayName:"SpsWfDs"});const wp={icon:{type:"SpsIcon",required:!0},title:{type:"string",required:!0}};function lr(e){const{children:t,className:n,icon:o,title:a,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,d=V(i||"sps-workflow__step",n);return r.createElement("div",{className:d,"data-testid":`${s}__step`,...l},r.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${o} sps-workflow__step-icon`}),r.createElement("h2",{className:"sps-workflow__step-heading","data-testid":`${s}__step-heading`},a),t)}Object.assign(lr,{props:wp,displayName:"SpsWorkflowStep"});function Cp(e){return r.createElement(lr,{...e})}Object.assign(Cp,{props:wp,displayName:"SpsWfStep"});const Dp={basic:{label:"Basic Usage",examples:{basic:{imports:S.code`
+        `}}}},vp={};function sr(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=F(a||"sps-workflow__document",n);return r.createElement("span",{className:i,"data-testid":`${o}__document`,...s},t)}Object.assign(sr,{props:vp,displayName:"SpsWorkflowDocument"});function yp(e){return r.createElement(sr,{...e})}Object.assign(yp,{props:vp,displayName:"SpsWfDoc"});const Ep={icon:"SpsIcon"};function ir(e){const{children:t,className:n,icon:o,"data-testid":a,unsafelyReplaceClassName:s,...i}=e,l=F(s||"sps-workflow__document-status",n);return r.createElement("span",{className:l,"data-testid":`${a}__doc-status`,...i},o&&r.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${o}`}),t)}Object.assign(ir,{props:Ep,displayName:"SpsWorkflowDocumentStatus"});function Tp(e){return r.createElement(ir,{...e})}Object.assign(Tp,{props:Ep,displayName:"SpsWfDs"});const wp={icon:{type:"SpsIcon",required:!0},title:{type:"string",required:!0}};function lr(e){const{children:t,className:n,icon:o,title:a,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,d=F(i||"sps-workflow__step",n);return r.createElement("div",{className:d,"data-testid":`${s}__step`,...l},r.createElement("i",{"aria-hidden":"true",className:`sps-icon sps-icon-${o} sps-workflow__step-icon`}),r.createElement("h2",{className:"sps-workflow__step-heading","data-testid":`${s}__step-heading`},a),t)}Object.assign(lr,{props:wp,displayName:"SpsWorkflowStep"});function Cp(e){return r.createElement(lr,{...e})}Object.assign(Cp,{props:wp,displayName:"SpsWfStep"});const Dp={basic:{label:"Basic Usage",examples:{basic:{imports:S.code`
                 import { SpsWorkflow, SpsWorkflowStep, SpsWorkflowDocument, SpsWorkflowDocumentStatus } from "@spscommerce/ds-react";
                 import { SpsIcon } from "@spscommerce/ds-shared";
         `,jsx:S.code`
@@ -8513,7 +8539,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
                         </SpsWfStep>
                     </SpsWf>
                 </div>
-            `}}}},sE={kind:"FeedbackBlockKind"};function hs(e){const{children:t,className:n,kind:o=A.FeedbackBlockKind.TIP,"data-testid":a,unsafelyReplaceClassName:s,...i}=e,l=V(s||"sps-feedback-block",`sps-feedback-block--${o}`,n);return r.createElement("div",{className:l,role:"alert","data-testid":a,...i},r.createElement("i",{className:V("sps-icon",`sps-icon-${A.FeedbackBlockIcons[o]}`),"aria-hidden":"true"}),r.createElement("span",{className:"sps-feedback-block__content","data-testid":`${a}__text`},t))}Object.assign(hs,{props:sE,displayName:"SpsFeedbackBlock"});const iE={standard:{label:"Standard Size",description:"Use Standard Size Feedback Blocks for the majority of cases. If a smaller or more subtle solution is needed, use the Micro Size Feedback Block.",examples:{error:{description:"Error",imports:S.code`
+            `}}}},sE={kind:"FeedbackBlockKind"};function hs(e){const{children:t,className:n,kind:o=R.FeedbackBlockKind.TIP,"data-testid":a,unsafelyReplaceClassName:s,...i}=e,l=F(s||"sps-feedback-block",`sps-feedback-block--${o}`,n);return r.createElement("div",{className:l,role:"alert","data-testid":a,...i},r.createElement("i",{className:F("sps-icon",`sps-icon-${R.FeedbackBlockIcons[o]}`),"aria-hidden":"true"}),r.createElement("span",{className:"sps-feedback-block__content","data-testid":`${a}__text`},t))}Object.assign(hs,{props:sE,displayName:"SpsFeedbackBlock"});const iE={standard:{label:"Standard Size",description:"Use Standard Size Feedback Blocks for the majority of cases. If a smaller or more subtle solution is needed, use the Micro Size Feedback Block.",examples:{error:{description:"Error",imports:S.code`
               import { SpsFeedbackBlock } from "@spscommerce/ds-react";
               import { FeedbackBlockKind } from "@spscommerce/ds-shared";
         `,jsx:S.code`
@@ -8588,7 +8614,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
                         kind={FeedbackBlockKind.WARNING}
                         message="This order is missing a shipment date."
                     />
-                `}}}};function lE(){return r.createElement(hs,{kind:A.FeedbackBlockKind.WARNING},"The Workflow component is being deprecated. As of November 6, 2024, please use the"," ",r.createElement("a",{href:"#/components/wizard"},"Wizard")," ","component instead.")}const cE={};function bs({children:e,className:t,...n}){return r.createElement("div",{className:V("sps-filter-panel",t),...n},e)}Object.assign(bs,{props:cE,displayName:"SpsFilterPanel"});const dE={title:"string | ReactNode",expanded:"boolean",heightPx:"number",heightRem:"number",onExpand:"() => void",onCollapse:"() => void"};function vs({children:e,className:t,title:n,expanded:o,heightPx:a,heightRem:s,onExpand:i,onCollapse:l,...d}){const[c,u]=r.useState(o),m=typeof o<"u"?o:c,p=a?a/16:s,f=p?{overflowY:"scroll",height:`${p}rem`}:{},g=()=>r.createElement("button",{type:"button",className:"sps-filter-panel__section__expand-btn",onMouseDown:h=>h.preventDefault(),onClick:()=>{u(!m),!m&&i?i():m&&l&&l()}},r.createElement(ut,{icon:m?A.SpsIcon.MINUS_CIRCLE:A.SpsIcon.PLUS_CIRCLE}));return r.useEffect(()=>{u(o)},[o]),r.createElement("div",{className:V("sps-filter-panel__section",t),...d},r.createElement("div",{className:"sps-filter-panel__section__title-wrapper"},r.createElement(g,null),n&&(typeof n=="string"?r.createElement("p",null,n):n)),m&&r.createElement("div",{className:"sps-filter-panel__section__content-wrapper",style:f},r.createElement("div",{className:"sps-filter-panel__section__content"},e)))}Object.assign(vs,{props:dE,displayName:"SpsFilterPanelSection"});const pE={onClear:"() => void"};function ys({children:e,className:t,onClear:n,...o}){const{t:a}=Se.useWoodlandLanguage();return r.createElement("div",{className:V("sps-filter-panel__cap",t),...o},r.createElement("div",{className:"sps-filter-panel__cap__title-wrapper"},r.createElement(ut,{icon:A.SpsIcon.FILTER,size:A.SpsIconSize.SMALL}),r.createElement("p",null,a("filterPanel.title",{defaultValue:"Filters"}))),r.createElement(Ne,{kind:A.ButtonKind.LINK,onClick:n},a("filterPanel.clear",{defaultValue:"Clear Filters"})),e)}Object.assign(ys,{props:pE,displayName:"SpsFilterPanelCap"});const Np={generalUsage:{label:"General Usage",examples:{general:{react:S.code`
+                `}}}};function lE(){return r.createElement(hs,{kind:R.FeedbackBlockKind.WARNING},"The Workflow component is being deprecated. As of November 6, 2024, please use the"," ",r.createElement("a",{href:"#/components/wizard"},"Wizard")," ","component instead.")}const cE={};function bs({children:e,className:t,...n}){return r.createElement("div",{className:F("sps-filter-panel",t),...n},e)}Object.assign(bs,{props:cE,displayName:"SpsFilterPanel"});const dE={title:"string | ReactNode",expanded:"boolean",heightPx:"number",heightRem:"number",onExpand:"() => void",onCollapse:"() => void"};function vs({children:e,className:t,title:n,expanded:o,heightPx:a,heightRem:s,onExpand:i,onCollapse:l,...d}){const[c,u]=r.useState(o),m=typeof o<"u"?o:c,p=a?a/16:s,f=p?{overflowY:"scroll",height:`${p}rem`}:{},g=()=>r.createElement("button",{type:"button",className:"sps-filter-panel__section__expand-btn",onMouseDown:h=>h.preventDefault(),onClick:()=>{u(!m),!m&&i?i():m&&l&&l()}},r.createElement(ut,{icon:m?R.SpsIcon.MINUS_CIRCLE:R.SpsIcon.PLUS_CIRCLE}));return r.useEffect(()=>{u(o)},[o]),r.createElement("div",{className:F("sps-filter-panel__section",t),...d},r.createElement("div",{className:"sps-filter-panel__section__title-wrapper"},r.createElement(g,null),n&&(typeof n=="string"?r.createElement("p",null,n):n)),m&&r.createElement("div",{className:"sps-filter-panel__section__content-wrapper",style:f},r.createElement("div",{className:"sps-filter-panel__section__content"},e)))}Object.assign(vs,{props:dE,displayName:"SpsFilterPanelSection"});const pE={onClear:"() => void"};function ys({children:e,className:t,onClear:n,...o}){const{t:a}=Se.useWoodlandLanguage();return r.createElement("div",{className:F("sps-filter-panel__cap",t),...o},r.createElement("div",{className:"sps-filter-panel__cap__title-wrapper"},r.createElement(ut,{icon:R.SpsIcon.FILTER,size:R.SpsIconSize.SMALL}),r.createElement("p",null,a("filterPanel.title",{defaultValue:"Filters"}))),r.createElement(Ie,{kind:R.ButtonKind.LINK,onClick:n},a("filterPanel.clear",{defaultValue:"Clear Filters"})),e)}Object.assign(ys,{props:pE,displayName:"SpsFilterPanelCap"});const Np={generalUsage:{label:"General Usage",examples:{general:{react:S.code`
                     import {
                         useSpsForm,
                         SpsForm,
@@ -9009,7 +9035,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
                         </div>
                       );
                     }
-                `}}}},uE={value:"string",placeholder:"string",formMeta:"SpsFormFieldMeta<string>",onFilterChange:"ChangeEventHandler<HTMLInputElement>"};function Es({className:e,value:t,placeholder:n,formMeta:o,onFilterChange:a,...s}){const{t:i}=Se.useWoodlandLanguage();return r.createElement("div",{className:V("sps-filter-panel__filter-box",e),...s},r.createElement(rr,{value:t,icon:A.SpsIcon.FILTER,formMeta:o,placeholder:n||i("filterPanel.filterPlaceholder",{defaultValue:"Filter options"}),onChange:a}))}Object.assign(Es,{props:uE,displayName:"SpsFilterPanelFilterBox"});const mE={showCondition:"boolean"};function Ts({showCondition:e=!0,children:t,className:n,...o}){return e?r.createElement("div",{className:V("sps-conditional-field",n),...o},t):null}Object.assign(Ts,{props:mE,displayName:"SpsConditionalField"});const Ip={generalUsage:{label:"General Usage",examples:{withCheckbox:{react:S.code`
+                `}}}},uE={value:"string",placeholder:"string",formMeta:"SpsFormFieldMeta<string>",onFilterChange:"ChangeEventHandler<HTMLInputElement>"};function Es({className:e,value:t,placeholder:n,formMeta:o,onFilterChange:a,...s}){const{t:i}=Se.useWoodlandLanguage();return r.createElement("div",{className:F("sps-filter-panel__filter-box",e),...s},r.createElement(rr,{value:t,icon:R.SpsIcon.FILTER,formMeta:o,placeholder:n||i("filterPanel.filterPlaceholder",{defaultValue:"Filter options"}),onChange:a}))}Object.assign(Es,{props:uE,displayName:"SpsFilterPanelFilterBox"});const mE={showCondition:"boolean"};function Ts({showCondition:e=!0,children:t,className:n,...o}){return e?r.createElement("div",{className:F("sps-conditional-field",n),...o},t):null}Object.assign(Ts,{props:mE,displayName:"SpsConditionalField"});const Ip={generalUsage:{label:"General Usage",examples:{withCheckbox:{react:S.code`
                     import {
                       SpsCheckbox,
                       SpsInputGroup,
@@ -9149,7 +9175,7 @@ Valid keys: `+JSON.stringify(Object.keys(L),null,"  "));var Q=J(U,ee,W,ne,O+"."+
 ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter(o=>o!=="")}function fE(e,t,n){n.includes(`
 `)||(e=e?.replaceAll(`
 `," ")),n.includes("	")||(e=e?.replaceAll("	"," "));let o=[e];for(const s of n)o=o.flatMap(i=>i?.split(s));return o=o.map(s=>s?.trim()).filter(s=>!!s),[...new Set([...t??[],...o])]}const SE={disabled:"boolean",formMeta:"SpsFormFieldMeta<any[]>",icon:"SpsIcon",onChange:"ChangeEventHandler",onEntryChange:"(searchText: string) => void",placeholder:"string",value:"any",createTagOptions:"string[]",isSingleLine:"boolean"},Mp=[","," ",`
-`,"	"];function ws({className:e,disabled:t,formControl:n,formMeta:o,id:a,onChange:s,onEntryChange:i,placeholder:l,unsafelyReplaceClassName:d,value:c,icon:u,createTagOptions:m=Mp,"data-testid":p,isSingleLine:f,...g}){const h=o||n,{wrapperId:E,controlId:v}=We(a,h);Array.isArray(m)||(console.error("createTagOptions must be of type array, ignoring and using defaults"),m=Mp);const[b,C]=bt({keyDown:null,searchText:"",activeTagIndex:null,optionIds:""});r.useEffect(()=>{i&&i(b.searchText)},[b.searchText]);const w=r.useRef(null),T=r.useRef(null),x=r.useRef(null);function F(){setTimeout(()=>{T.current?.focus()},0)}function y($){C({searchText:""}),h&&(h.setValue($),h.markAsDirty()),s&&s(new xt({value:$}))}function k($){const L=(c||[]).filter((_,Y)=>Y!==$);y(L)}function M($){C({searchText:$.target.value})}function P($){if(x.current&&x.current.children.length&&typeof $=="number"){const _=x.current.children[$]?.querySelector(".sps-clickable-tag__icon");_&&_.focus()}}const G=r.useCallback($=>{C({activeTagIndex:null,searchText:""});const L=b.searchText.trim(),_=c||[];L&&_.indexOf(L)===-1&&y([..._,...xp(L,m)]),!(($.key==="Tab"||$.key==="Enter")&&!b.searchText)&&$.preventDefault()},[b.searchText,c,xp]);function I($){G($)}function j($){if(!t){const L=!$.target.selectionStart&&c&&c.length,_=c?c.length:0;switch($.key){case"Backspace":if(b.activeTagIndex===_-1){k(b.activeTagIndex),F();return}if(b.activeTagIndex!==null){k(b.activeTagIndex);return}if(L){y(c.slice(0,_-1)),F();return}break;case"Delete":b.activeTagIndex!==null&&(k(b.activeTagIndex),F());break;case"Enter":case"Tab":G($);break;case"Up":case"ArrowUp":case"Down":case"ArrowDown":$.preventDefault();break;case"Left":case"ArrowLeft":if(L){b.activeTagIndex===null?(C({activeTagIndex:_-1}),P(_-1)):b.activeTagIndex>0&&(C({activeTagIndex:b.activeTagIndex-1}),P(b.activeTagIndex-1));return}break;case"Right":case"ArrowRight":if(b.activeTagIndex!==null){b.activeTagIndex===_-1?(C({activeTagIndex:null}),T.current?.focus()):(C({activeTagIndex:b.activeTagIndex+1}),P(b.activeTagIndex+1));return}break}for(const Y of m)$.key===Y&&G($);$.persist(),C({keyDown:$})}}function K($){y([]),$.stopPropagation()}function H($){$.preventDefault(),$.stopPropagation();let L=$.clipboardData?.getData("text/plain");const _=fE(L,c,m);y(_)}r.useEffect(()=>(T.current?.addEventListener("paste",H),()=>{T.current?.removeEventListener("paste",H)}),[T,c,m]);const R=V(d||"sps-multi-select",t&&"sps-form-control--disabled",e),Z=new Array(c?.length||0).fill(0).map(($,L)=>`${E}_tag-${L}`);return r.createElement(Le,{id:E,className:R,formControl:n,formMeta:o,ref:w,inputRef:T,focusInputOnClick:!0,onKeyDown:j,role:"listbox","aria-multiselectable":!0,"aria-activedescendant":Z[b.activeTagIndex||0],"aria-owns":b.optionIds},r.createElement("div",{className:"sps-text-input"},r.createElement("div",{className:f?V("sps-form-control",c&&!t&&"sps-form-control--clearable"&&"sps-multi-select__max-height"):V("sps-form-control",c&&!t&&"sps-form-control--clearable")},u&&r.createElement("i",{className:V("sps-text-input__icon","sps-icon",`sps-icon-${u}`)}),r.createElement("div",{className:"sps-multi-select__tags-and-input",ref:x},Array.isArray(c)&&c.map(($,L)=>r.createElement(An,{id:Z[L],role:"option",disabled:t,"aria-selected":"true",key:Z[L],onRemove:()=>k(L)},r.createElement("span",null,$))),r.createElement("input",{type:"text",ref:T,"data-testid":`${p}__multi-value-text-input`,value:b.searchText,className:"sps-text-input__input",placeholder:b.searchText.length===0&&(!c||c.length===0)?l:void 0,id:v,onBlur:I,onChange:M,onKeyDown:j,disabled:t,role:"listbox","aria-multiselectable":"true","aria-owns":Z.join(" "),...g})),c&&c.length!==0&&!t?r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:$=>K($)}):null)))}Object.assign(ws,{props:SE,displayName:"SpsMultiValueTextInput"});const kp={general:{label:"General Usage",description:()=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Coming soon"))},basic:{label:"Basic Usage",examples:{basic:{react:S.code`
+`,"	"];function ws({className:e,disabled:t,formControl:n,formMeta:o,id:a,onChange:s,onEntryChange:i,placeholder:l,unsafelyReplaceClassName:d,value:c,icon:u,createTagOptions:m=Mp,"data-testid":p,isSingleLine:f,...g}){const h=o||n,{wrapperId:E,controlId:v}=He(a,h);Array.isArray(m)||(console.error("createTagOptions must be of type array, ignoring and using defaults"),m=Mp);const[b,C]=vt({keyDown:null,searchText:"",activeTagIndex:null,optionIds:""});r.useEffect(()=>{i&&i(b.searchText)},[b.searchText]);const w=r.useRef(null),T=r.useRef(null),M=r.useRef(null);function _(){setTimeout(()=>{T.current?.focus()},0)}function y($){C({searchText:""}),h&&(h.setValue($),h.markAsDirty()),s&&s(new xt({value:$}))}function k($){const L=(c||[]).filter((B,J)=>J!==$);y(L)}function x($){C({searchText:$.target.value})}function P($){if(M.current&&M.current.children.length&&typeof $=="number"){const B=M.current.children[$]?.querySelector(".sps-clickable-tag__icon");B&&B.focus()}}const z=r.useCallback($=>{C({activeTagIndex:null,searchText:""});const L=b.searchText.trim(),B=c||[];L&&B.indexOf(L)===-1&&y([...B,...xp(L,m)]),!(($.key==="Tab"||$.key==="Enter")&&!b.searchText)&&$.preventDefault()},[b.searchText,c,xp]);function I($){z($)}function Y($){if(!t){const L=!$.target.selectionStart&&c&&c.length,B=c?c.length:0;switch($.key){case"Backspace":if(b.activeTagIndex===B-1){k(b.activeTagIndex),_();return}if(b.activeTagIndex!==null){k(b.activeTagIndex);return}if(L){y(c.slice(0,B-1)),_();return}break;case"Delete":b.activeTagIndex!==null&&(k(b.activeTagIndex),_());break;case"Enter":case"Tab":z($);break;case"Up":case"ArrowUp":case"Down":case"ArrowDown":$.preventDefault();break;case"Left":case"ArrowLeft":if(L){b.activeTagIndex===null?(C({activeTagIndex:B-1}),P(B-1)):b.activeTagIndex>0&&(C({activeTagIndex:b.activeTagIndex-1}),P(b.activeTagIndex-1));return}break;case"Right":case"ArrowRight":if(b.activeTagIndex!==null){b.activeTagIndex===B-1?(C({activeTagIndex:null}),T.current?.focus()):(C({activeTagIndex:b.activeTagIndex+1}),P(b.activeTagIndex+1));return}break}for(const J of m)$.key===J&&z($);$.persist(),C({keyDown:$})}}function V($){y([]),$.stopPropagation()}function W($){$.preventDefault(),$.stopPropagation();let L=$.clipboardData?.getData("text/plain");const B=fE(L,c,m);y(B)}r.useEffect(()=>(T.current?.addEventListener("paste",W),()=>{T.current?.removeEventListener("paste",W)}),[T,c,m]);const A=F(d||"sps-multi-select",t&&"sps-form-control--disabled",e),Z=new Array(c?.length||0).fill(0).map(($,L)=>`${E}_tag-${L}`);return r.createElement(ke,{id:E,className:A,formControl:n,formMeta:o,ref:w,inputRef:T,focusInputOnClick:!0,onKeyDown:Y,role:"listbox","aria-multiselectable":!0,"aria-activedescendant":Z[b.activeTagIndex||0],"aria-owns":b.optionIds},r.createElement("div",{className:"sps-text-input"},r.createElement("div",{className:f?F("sps-form-control",c&&!t&&"sps-form-control--clearable"&&"sps-multi-select__max-height"):F("sps-form-control",c&&!t&&"sps-form-control--clearable")},u&&r.createElement("i",{className:F("sps-text-input__icon","sps-icon",`sps-icon-${u}`)}),r.createElement("div",{className:"sps-multi-select__tags-and-input",ref:M},Array.isArray(c)&&c.map(($,L)=>r.createElement(An,{id:Z[L],role:"option",disabled:t,"aria-selected":"true",key:Z[L],onRemove:()=>k(L)},r.createElement("span",null,$))),r.createElement("input",{type:"text",ref:T,"data-testid":`${p}__multi-value-text-input`,value:b.searchText,className:"sps-text-input__input",placeholder:b.searchText.length===0&&(!c||c.length===0)?l:void 0,id:v,onBlur:I,onChange:x,onKeyDown:Y,disabled:t,role:"listbox","aria-multiselectable":"true","aria-owns":Z.join(" "),...g})),c&&c.length!==0&&!t?r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:$=>V($)}):null)))}Object.assign(ws,{props:SE,displayName:"SpsMultiValueTextInput"});const kp={general:{label:"General Usage",description:()=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Coming soon"))},basic:{label:"Basic Usage",examples:{basic:{react:S.code`
           import { SpsMultiValueTextInput, SpsLabel, useSpsForm } from "@spscommerce/ds-react";
           function DemoComponent() {
             const { formValue, formMeta, updateForm } = useSpsForm({
@@ -9326,7 +9352,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
               </>
             )
           }
-        `}}}},gE={currentUser:"any",disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",onChange:"(newValue: string) => void",value:"string",twentyFourHour:"boolean",placeholder12h:"string",placeholder24h:"string"},Lp=["AM","PM"],Cs=r.forwardRef(function({className:t,currentUser:n,disabled:o,formControl:a,formMeta:s,id:i,onChange:l,value:d,twentyFourHour:c,placeholder24h:u="00:00",placeholder12h:m="12:00","data-testid":p,...f},g){const{t:h}=Se.useWoodlandLanguage(),E=ro(n),v=c??id(E),b=s||a,{wrapperId:C}=We(i,b),w=r.useRef(null),T=h("timeInput.customTime",{defaultValue:"Custom time"}),{current:x}=It(i),F=v?d:d?.split(" ")[0],y=z.validateTimeString(F,v)?z.padIncompleteTimeString(F,v):"",k=v?"":d?.split(" ")[1]?.toUpperCase(),M=y&&Lp.find(_=>_===k)||"",[P,G]=r.useState(y),[I,j]=r.useState(M||"AM");function K(_){s&&(s.setValue(_||""),s.markAsDirty()),l&&l(_||"")}function H(_){z.validateTimeString(_.target.value,v)&&G(_.target.value)}function R(_){if(z.validateTimeString(_??P,v)){const Y=z.padIncompleteTimeString(_??P,v);G(Y),K(Y&&!v?`${Y} ${I}`:Y||"")}else K("")}function Z(_){j(_.target.value);const Y=z.padIncompleteTimeString(P,v);Y&&!v&&K(`${Y} ${_.target.value}`)}function $(_){z.validateTimeString(_,v)&&(G(_??""),setTimeout(()=>R(_),0))}r.useEffect(()=>{y!==P&&G(y)},[y]),r.useEffect(()=>{M&&M!==I&&j(M)},[M]);const L=V("sps-time-input",t);return v?r.createElement(Le,{id:C,formControl:a,formMeta:s,inputRef:w,ref:g,"data-testid":p},r.createElement(vt,{id:x,"data-testid":p,className:L,suggestions:Tr,zeroState:T,placeholder:u,value:P,onChange:H,onBlur:()=>R(),onSelectionChange:$,onKeyDown:_=>{_.key==="Enter"&&R()},disabled:o,inputNotClearable:!0,autoFocusOnSelection:!0,...f})):r.createElement(Le,{id:C,formControl:a,formMeta:s,inputRef:w,ref:g,"data-testid":p},r.createElement(wn,null,r.createElement(vt,{id:x,"data-testid":p,className:L,suggestions:Er,zeroState:T,placeholder:m,value:P,onChange:H,onBlur:()=>R(),onSelectionChange:$,onKeyDown:_=>{_.key==="Enter"&&R()},disabled:o,inputNotClearable:!0,autoFocusOnSelection:!0}),r.createElement(Zt,{id:`${x}__select`,"data-testid":`${p}__select`,options:Lp,value:I,onChange:Z,disabled:o,notClearable:!0,className:L})))});Object.assign(Cs,{props:gE,displayName:"SpsTimeInput"});const Op={basic:{label:"Basic",examples:{basic:{react:S.code`
+        `}}}},gE={currentUser:"any",disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",onChange:"(newValue: string) => void",value:"string",twentyFourHour:"boolean",placeholder12h:"string",placeholder24h:"string"},Lp=["AM","PM"],Cs=r.forwardRef(function({className:t,currentUser:n,disabled:o,formControl:a,formMeta:s,id:i,onChange:l,value:d,twentyFourHour:c,placeholder24h:u="00:00",placeholder12h:m="12:00","data-testid":p,...f},g){const{t:h}=Se.useWoodlandLanguage(),E=ro(n),v=c??id(E),b=s||a,{wrapperId:C}=He(i,b),w=r.useRef(null),T=h("timeInput.customTime",{defaultValue:"Custom time"}),{current:M}=It(i),_=v?d:d?.split(" ")[0],y=j.validateTimeString(_,v)?j.padIncompleteTimeString(_,v):"",k=v?"":d?.split(" ")[1]?.toUpperCase(),x=y&&Lp.find(B=>B===k)||"",[P,z]=r.useState(y),[I,Y]=r.useState(x||"AM");function V(B){s&&(s.setValue(B||""),s.markAsDirty()),l&&l(B||"")}function W(B){j.validateTimeString(B.target.value,v)&&z(B.target.value)}function A(B){if(j.validateTimeString(B??P,v)){const J=j.padIncompleteTimeString(B??P,v);z(J),V(J&&!v?`${J} ${I}`:J||"")}else V("")}function Z(B){Y(B.target.value);const J=j.padIncompleteTimeString(P,v);J&&!v&&V(`${J} ${B.target.value}`)}function $(B){j.validateTimeString(B,v)&&(z(B??""),setTimeout(()=>A(B),0))}r.useEffect(()=>{y!==P&&z(y)},[y]),r.useEffect(()=>{x&&x!==I&&Y(x)},[x]);const L=F("sps-time-input",t);return v?r.createElement(ke,{id:C,formControl:a,formMeta:s,inputRef:w,ref:g,"data-testid":p},r.createElement(yt,{id:M,"data-testid":p,className:L,suggestions:Tr,zeroState:T,placeholder:u,value:P,onChange:W,onBlur:()=>A(),onSelectionChange:$,onKeyDown:B=>{B.key==="Enter"&&A()},disabled:o,inputNotClearable:!0,autoFocusOnSelection:!0,...f})):r.createElement(ke,{id:C,formControl:a,formMeta:s,inputRef:w,ref:g,"data-testid":p},r.createElement(wn,null,r.createElement(yt,{id:M,"data-testid":p,className:L,suggestions:Er,zeroState:T,placeholder:m,value:P,onChange:W,onBlur:()=>A(),onSelectionChange:$,onKeyDown:B=>{B.key==="Enter"&&A()},disabled:o,inputNotClearable:!0,autoFocusOnSelection:!0}),r.createElement(Zt,{id:`${M}__select`,"data-testid":`${p}__select`,options:Lp,value:I,onChange:Z,disabled:o,notClearable:!0,className:L})))});Object.assign(Cs,{props:gE,displayName:"SpsTimeInput"});const Op={basic:{label:"Basic",examples:{basic:{react:S.code`
                     import {
                         useSpsForm,
                         SpsTimeInput,
@@ -9440,7 +9466,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
                             </SpsLocaleProvider>
                         );
                     }
-                `}}}},hE={Autocomplete:{components:[vt],examples:Ni},Checkboxes:{components:[Ut],examples:Ii},"Clickable Tags":{components:[An],examples:xi},"Column Chooser":{components:[Wa,Go],examples:nd},"Conditional Fields":{description:()=>r.createElement("p",null,"A conditional field is one that is only available when a certain option is selected amongst a set of checkboxes or radio buttons."),components:[Ts],examples:Ip},"Content Rows":{components:[Ga,Xt,Uo],examples:od},"Content Sections":{components:[Xa],examples:Od},"Date Pickers":{components:[Ua],examples:ud},"Date Range Pickers":{components:[ja],examples:Sd},"Date Time Range Pickers":{components:[Ya],examples:Ed},Datetime:{components:[qa],examples:Td},"Time Input":{components:[Cs],examples:Op},"Description Lists":{description:()=>r.createElement("p",null,"Description Lists display a series of terms with accompanying descriptions such as a glossary of terms."),components:[Jo,Xo,Qo],examples:kd},Dropdown:{components:[en,Ja],examples:Ld},"Filter Panel":{components:[bs,vs,ys,Es],examples:Np},Form:{components:[oo],examples:td},Incrementor:{components:[Za],examples:Bd},Label:{description:()=>r.createElement("p",null,"Labels provide a description for the value to be entered or selected in an accompanying input field."),components:[Qa],examples:Pd},"List Action Bar":{description:()=>r.createElement("p",null,"The List Action Bar contains the action buttons relevant to selected items from a Table List, Row List, or Card List. The List Action Bar is only visible when one or more list items have been selected and appears anchored to the bottom of the page above all other content."),components:[es],examples:Zd},"Micro Block":{components:[ts],examples:Qd},Modals:{description:()=>r.createElement("p",null,"Modals are overlays on a page that focus a user’s attention on an important message or a simple action. Examples of a Modal include confirming the deletion of a record, or making a single selection."),components:[ns,tr],examples:tp},"Multi Select":{description:()=>r.createElement("p",null,"Multi-Selects consist of a Label and a dropdown menu from which a user selects one or more values from a list of pre-defined options."),components:[rs],examples:np},"Multi Value Text Input":{description:()=>r.createElement("p",null,"To be determined."),components:[ws],examples:kp},Pagination:{description:()=>r.createElement("p",null,"The Pagination component allows users to navigate lists of records and control the number of records displayed on each page. The records can span across multiple pages, or within sections of a page."),components:[as,nr],examples:op},"Radio Buttons":{description:"Radio Buttons allow a user to make single selection from a list of predefined options.",components:[ss],examples:rp},Selects:{description:"Selects consist off a Label and a dropdown menu from which a user selects a value from a list of pre-defined options.",components:[Zt],examples:gd},"Side Navigation":{description:"Side Navigations are used to provide quick access to a series of related pages or content. It can be used to navigate between different page views, or as an anchor-style menu to scroll to specific content on the same page.",components:[sp],examples:ip},"Split Button":{components:[is],examples:lp},"Summary List Row":{components:[ls,cs,so],examples:cp},Tables:{description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("div",{className:"sps-body-14"},"Tables (along with ",r.createElement(e,{to:"content-rows"},"Content Rows")," and"," ",r.createElement(e,{to:"content-tiles"},"Content Tiles"),") are one of three options for displaying a list of records on a page."),r.createElement("br",null),r.createElement("div",{className:"sps-body-14"},"Tables are the ideal solution for displaying tabular data, especially when the listed records contain a considerable amount of data points. While tables are primarily used to display an extensive list of records, often in a paginated format, they can also be used to display smaller sets of tabular data in any context.")),components:[tn,_t,oe,Pt,_e,De],examples:Xd},"Task Queue":{components:[ds],examples:dp},"Text Inputs":{description:()=>r.createElement("p",null,"Text Inputs consist of a Label and a field in which a user enters a short value."),components:[rr],examples:pp},"Text Areas":{description:()=>r.createElement("p",null,"Text Areas consist of a Label and a field in which a user enters a long value."),components:[ps],examples:up},Toggles:{description:()=>r.createElement("p",null,"Toggles allow a user to immediately turn a setting on or off."),components:[us],examples:fp},Tooltips:{components:[it,ms],examples:Sp},Wizard:{components:[Ss,gs],examples:bp},Workflow:{components:[ar,sr,ir,lr],examples:Dp,notices:[lE]},"Slide In Panels":{description:"",components:[os],examples:ep}},Bp=new WeakMap;function cr(e,t,n){return e?(typeof t=="string"&&(t=t.replace(/\s+/g,"")),`${Bp.get(e)}-${n}-${t}`):""}const io=typeof document<"u"?D.useLayoutEffect:()=>{};function Cn(e){const t=D.useRef(null);return io(()=>{t.current=e},[e]),D.useCallback((...n)=>{const o=t.current;return o?.(...n)},[])}const dr={prefix:String(Math.round(Math.random()*1e10)),current:0},Pp=D.createContext(dr),bE=D.createContext(!1);let vE=!!(typeof window<"u"&&window.document&&window.document.createElement),Ds=new WeakMap;function yE(e=!1){let t=D.useContext(Pp),n=D.useRef(null);if(n.current===null&&!e){var o,a;let s=(a=D.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED)===null||a===void 0||(o=a.ReactCurrentOwner)===null||o===void 0?void 0:o.current;if(s){let i=Ds.get(s);i==null?Ds.set(s,{id:t.current,state:s.memoizedState}):s.memoizedState!==i.state&&(t.current=i.id,Ds.delete(s))}n.current=++t.current}return n.current}function EE(e){let t=D.useContext(Pp);t===dr&&!vE&&console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");let n=yE(!!e),o=t===dr&&process.env.NODE_ENV==="test"?"react-aria":`react-aria${t.prefix}`;return e||`${o}-${n}`}function TE(e){let t=D.useId(),[n]=D.useState(_p()),o=n||process.env.NODE_ENV==="test"?"react-aria":`react-aria${dr.prefix}`;return e||`${o}-${t}`}const wE=typeof D.useId=="function"?TE:EE;function CE(){return!1}function DE(){return!0}function NE(e){return()=>{}}function _p(){return typeof D.useSyncExternalStore=="function"?D.useSyncExternalStore(NE,CE,DE):D.useContext(bE)}let IE=!!(typeof window<"u"&&window.document&&window.document.createElement),Rt=new Map;function Rp(e){let[t,n]=D.useState(e),o=D.useRef(null),a=wE(t),s=D.useCallback(i=>{o.current=i},[]);return IE&&(Rt.has(a)&&!Rt.get(a).includes(s)?Rt.set(a,[...Rt.get(a),s]):Rt.set(a,[s])),io(()=>{let i=a;return()=>{Rt.delete(i)}},[a]),D.useEffect(()=>{let i=o.current;i&&(o.current=null,n(i))}),a}function xE(e,t){if(e===t)return e;let n=Rt.get(e);if(n)return n.forEach(a=>a(t)),t;let o=Rt.get(t);return o?(o.forEach(a=>a(e)),e):t}function Ap(...e){return(...t)=>{for(let n of e)typeof n=="function"&&n(...t)}}const et=e=>{var t;return(t=e?.ownerDocument)!==null&&t!==void 0?t:document},nn=e=>e&&"window"in e&&e.window===e?e:et(e).defaultView||window;function At(...e){let t={...e[0]};for(let n=1;n<e.length;n++){let o=e[n];for(let a in o){let s=t[a],i=o[a];typeof s=="function"&&typeof i=="function"&&a[0]==="o"&&a[1]==="n"&&a.charCodeAt(2)>=65&&a.charCodeAt(2)<=90?t[a]=Ap(s,i):(a==="className"||a==="UNSAFE_className")&&typeof s=="string"&&typeof i=="string"?t[a]=V(s,i):a==="id"&&s&&i?t.id=xE(s,i):t[a]=i!==void 0?i:s}}return t}const ME=new Set(["id"]),kE=new Set(["aria-label","aria-labelledby","aria-describedby","aria-details"]),LE=new Set(["href","hrefLang","target","rel","download","ping","referrerPolicy"]),OE=/^(data-.*)$/;function BE(e,t={}){let{labelable:n,isLink:o,propNames:a}=t,s={};for(const i in e)Object.prototype.hasOwnProperty.call(e,i)&&(ME.has(i)||n&&kE.has(i)||o&&LE.has(i)||a?.has(i)||OE.test(i))&&(s[i]=e[i]);return s}function Ct(e){if(PE())e.focus({preventScroll:!0});else{let t=_E(e);e.focus(),RE(t)}}let pr=null;function PE(){if(pr==null){pr=!1;try{document.createElement("div").focus({get preventScroll(){return pr=!0,!0}})}catch{}}return pr}function _E(e){let t=e.parentNode,n=[],o=document.scrollingElement||document.documentElement;for(;t instanceof HTMLElement&&t!==o;)(t.offsetHeight<t.scrollHeight||t.offsetWidth<t.scrollWidth)&&n.push({element:t,scrollTop:t.scrollTop,scrollLeft:t.scrollLeft}),t=t.parentNode;return o instanceof HTMLElement&&n.push({element:o,scrollTop:o.scrollTop,scrollLeft:o.scrollLeft}),n}function RE(e){for(let{element:t,scrollTop:n,scrollLeft:o}of e)t.scrollTop=n,t.scrollLeft=o}function ur(e){var t;return typeof window>"u"||window.navigator==null?!1:((t=window.navigator.userAgentData)===null||t===void 0?void 0:t.brands.some(n=>e.test(n.brand)))||e.test(window.navigator.userAgent)}function Ns(e){var t;return typeof window<"u"&&window.navigator!=null?e.test(((t=window.navigator.userAgentData)===null||t===void 0?void 0:t.platform)||window.navigator.platform):!1}function Dt(e){let t=null;return()=>(t==null&&(t=e()),t)}const on=Dt(function(){return Ns(/^Mac/i)}),AE=Dt(function(){return Ns(/^iPhone/i)}),Fp=Dt(function(){return Ns(/^iPad/i)||on()&&navigator.maxTouchPoints>1}),Is=Dt(function(){return AE()||Fp()}),FE=Dt(function(){return on()||Is()}),VE=Dt(function(){return ur(/AppleWebKit/i)&&!$E()}),$E=Dt(function(){return ur(/Chrome/i)}),Vp=Dt(function(){return ur(/Android/i)}),KE=Dt(function(){return ur(/Firefox/i)}),HE=D.createContext({isNative:!0,open:GE,useHref:e=>e});function xs(){return D.useContext(HE)}function rn(e,t,n=!0){var o,a;let{metaKey:s,ctrlKey:i,altKey:l,shiftKey:d}=t;KE()&&(!((a=window.event)===null||a===void 0||(o=a.type)===null||o===void 0)&&o.startsWith("key"))&&e.target==="_blank"&&(on()?s=!0:i=!0);let c=VE()&&on()&&!Fp()?new KeyboardEvent("keydown",{keyIdentifier:"Enter",metaKey:s,ctrlKey:i,altKey:l,shiftKey:d}):new MouseEvent("click",{metaKey:s,ctrlKey:i,altKey:l,shiftKey:d,bubbles:!0,cancelable:!0});rn.isOpening=n,Ct(e),e.dispatchEvent(c),rn.isOpening=!1}rn.isOpening=!1;function WE(e,t){if(e instanceof HTMLAnchorElement)t(e);else if(e.hasAttribute("data-href")){let n=document.createElement("a");n.href=e.getAttribute("data-href"),e.hasAttribute("data-target")&&(n.target=e.getAttribute("data-target")),e.hasAttribute("data-rel")&&(n.rel=e.getAttribute("data-rel")),e.hasAttribute("data-download")&&(n.download=e.getAttribute("data-download")),e.hasAttribute("data-ping")&&(n.ping=e.getAttribute("data-ping")),e.hasAttribute("data-referrer-policy")&&(n.referrerPolicy=e.getAttribute("data-referrer-policy")),e.appendChild(n),t(n),e.removeChild(n)}}function GE(e,t){WE(e,n=>rn(n,t))}function UE(e){let t=xs();var n;const o=t.useHref((n=e?.href)!==null&&n!==void 0?n:"");return{href:e?.href?o:void 0,target:e?.target,rel:e?.rel,download:e?.download,ping:e?.ping,referrerPolicy:e?.referrerPolicy}}let Dn=new Map,Ms=new Set;function $p(){if(typeof window>"u")return;function e(o){return"propertyName"in o}let t=o=>{if(!e(o)||!o.target)return;let a=Dn.get(o.target);a||(a=new Set,Dn.set(o.target,a),o.target.addEventListener("transitioncancel",n,{once:!0})),a.add(o.propertyName)},n=o=>{if(!e(o)||!o.target)return;let a=Dn.get(o.target);if(a&&(a.delete(o.propertyName),a.size===0&&(o.target.removeEventListener("transitioncancel",n),Dn.delete(o.target)),Dn.size===0)){for(let s of Ms)s();Ms.clear()}};document.body.addEventListener("transitionrun",t),document.body.addEventListener("transitionend",n)}typeof document<"u"&&(document.readyState!=="loading"?$p():document.addEventListener("DOMContentLoaded",$p));function Kp(e){requestAnimationFrame(()=>{Dn.size===0?e():Ms.add(e)})}function Hp(){let e=D.useRef(new Map),t=D.useCallback((a,s,i,l)=>{let d=l?.once?(...c)=>{e.current.delete(i),i(...c)}:i;e.current.set(i,{type:s,eventTarget:a,fn:d,options:l}),a.addEventListener(s,i,l)},[]),n=D.useCallback((a,s,i,l)=>{var d;let c=((d=e.current.get(i))===null||d===void 0?void 0:d.fn)||i;a.removeEventListener(s,c,l),e.current.delete(i)},[]),o=D.useCallback(()=>{e.current.forEach((a,s)=>{n(a.eventTarget,a.type,s,a.options)})},[n]);return D.useEffect(()=>o,[o]),{addGlobalListener:t,removeGlobalListener:n,removeAllGlobalListeners:o}}function Wp(e,t){let{id:n,"aria-label":o,"aria-labelledby":a}=e;return n=Rp(n),a&&o?a=[...new Set([n,...a.trim().split(/\s+/)])].join(" "):a&&(a=a.trim().split(/\s+/).join(" ")),!o&&!a&&t&&(o=t),{id:n,"aria-label":o,"aria-labelledby":a}}function zE(e,t){io(()=>{if(e&&e.ref&&t)return e.ref.current=t.current,()=>{e.ref&&(e.ref.current=null)}})}function jE(e,t){let n=window.getComputedStyle(e),o=/(auto|scroll)/.test(n.overflow+n.overflowX+n.overflowY);return o&&t&&(o=e.scrollHeight!==e.clientHeight||e.scrollWidth!==e.clientWidth),o}function YE(e,t){const n=[];for(;e&&e!==document.documentElement;)jE(e,t)&&n.push(e),e=e.parentElement;return n}let qE=0;const ks=new Map;function JE(e){let[t,n]=D.useState();return io(()=>{if(!e)return;let o=ks.get(e);if(o)n(o.element.id);else{let a=`react-aria-description-${qE++}`;n(a);let s=document.createElement("div");s.id=a,s.style.display="none",s.textContent=e,document.body.appendChild(s),o={refCount:0,element:s},ks.set(e,o)}return o.refCount++,()=>{o&&--o.refCount===0&&(o.element.remove(),ks.delete(e))}},[e]),{"aria-describedby":e?t:void 0}}function Gp(e,t,n,o){let a=Cn(n),s=n==null;D.useEffect(()=>{if(s||!e.current)return;let i=e.current;return i.addEventListener(t,a,o),()=>{i.removeEventListener(t,a,o)}},[e,t,o,s,a])}function Up(e,t){let n=zp(e,t,"left"),o=zp(e,t,"top"),a=t.offsetWidth,s=t.offsetHeight,i=e.scrollLeft,l=e.scrollTop,{borderTopWidth:d,borderLeftWidth:c}=getComputedStyle(e),u=e.scrollLeft+parseInt(c,10),m=e.scrollTop+parseInt(d,10),p=u+e.clientWidth,f=m+e.clientHeight;n<=i?i=n-parseInt(c,10):n+a>p&&(i+=n+a-p),o<=m?l=o-parseInt(d,10):o+s>f&&(l+=o+s-f),e.scrollLeft=i,e.scrollTop=l}function zp(e,t,n){const o=n==="left"?"offsetLeft":"offsetTop";let a=0;for(;t.offsetParent&&(a+=t[o],t.offsetParent!==e);){if(t.offsetParent.contains(e)){a-=e[o];break}t=t.offsetParent}return a}function jp(e,t){if(document.contains(e)){let i=document.scrollingElement||document.documentElement;if(window.getComputedStyle(i).overflow==="hidden"){let d=YE(e);for(let c of d)Up(c,e)}else{var n;let{left:d,top:c}=e.getBoundingClientRect();e==null||(n=e.scrollIntoView)===null||n===void 0||n.call(e,{block:"nearest"});let{left:u,top:m}=e.getBoundingClientRect();if(Math.abs(d-u)>1||Math.abs(c-m)>1){var o,a,s;t==null||(a=t.containingElement)===null||a===void 0||(o=a.scrollIntoView)===null||o===void 0||o.call(a,{block:"center",inline:"center"}),(s=e.scrollIntoView)===null||s===void 0||s.call(e,{block:"nearest"})}}}}function Ls(e){return e.mozInputSource===0&&e.isTrusted?!0:Vp()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function XE(e){return!Vp()&&e.width===0&&e.height===0||e.width===1&&e.height===1&&e.pressure===0&&e.detail===0&&e.pointerType==="mouse"}function Yp(e,t,n){let[o,a]=D.useState(e||t),s=D.useRef(e!==void 0),i=e!==void 0;D.useEffect(()=>{let c=s.current;c!==i&&console.warn(`WARN: A component changed from ${c?"controlled":"uncontrolled"} to ${i?"controlled":"uncontrolled"}.`),s.current=i},[i]);let l=i?e:o,d=D.useCallback((c,...u)=>{let m=(p,...f)=>{n&&(Object.is(l,p)||n(p,...f)),i||(l=p)};typeof c=="function"?(console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"),a((f,...g)=>{let h=c(i?l:f,...g);return m(h,...u),i?f:h})):(i||a(c),m(c,...u))},[i,l,n]);return[l,d]}function Os(e){return FE()?e.altKey:e.ctrlKey}function Nn(e){return on()?e.metaKey:e.ctrlKey}const ZE=1e3;function QE(e){let{keyboardDelegate:t,selectionManager:n,onTypeSelect:o}=e,a=D.useRef({search:"",timeout:null}).current,s=i=>{let l=eT(i.key);if(!l||i.ctrlKey||i.metaKey||!i.currentTarget.contains(i.target))return;l===" "&&a.search.trim().length>0&&(i.preventDefault(),"continuePropagation"in i||i.stopPropagation()),a.search+=l;let d=t.getKeyForSearch(a.search,n.focusedKey);d==null&&(d=t.getKeyForSearch(a.search)),d!=null&&(n.setFocusedKey(d),o&&o(d)),clearTimeout(a.timeout),a.timeout=setTimeout(()=>{a.search=""},ZE)};return{typeSelectProps:{onKeyDownCapture:t.getKeyForSearch?s:null}}}function eT(e){return e.length===1||!/^[A-Z]/i.test(e)?e:""}let In="default",Bs="",mr=new WeakMap;function qp(e){if(Is()){if(In==="default"){const t=et(e);Bs=t.documentElement.style.webkitUserSelect,t.documentElement.style.webkitUserSelect="none"}In="disabled"}else(e instanceof HTMLElement||e instanceof SVGElement)&&(mr.set(e,e.style.userSelect),e.style.userSelect="none")}function fr(e){if(Is()){if(In!=="disabled")return;In="restoring",setTimeout(()=>{Kp(()=>{if(In==="restoring"){const t=et(e);t.documentElement.style.webkitUserSelect==="none"&&(t.documentElement.style.webkitUserSelect=Bs||""),Bs="",In="default"}})},300)}else if((e instanceof HTMLElement||e instanceof SVGElement)&&e&&mr.has(e)){let t=mr.get(e);e.style.userSelect==="none"&&(e.style.userSelect=t),e.getAttribute("style")===""&&e.removeAttribute("style"),mr.delete(e)}}const Jp=D.createContext({register:()=>{}});Jp.displayName="PressResponderContext";function tT(e,t){return t.get?t.get.call(e):t.value}function Xp(e,t,n){if(!t.has(e))throw new TypeError("attempted to "+n+" private field on non-instance");return t.get(e)}function nT(e,t){var n=Xp(e,t,"get");return tT(e,n)}function oT(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}function rT(e,t,n){oT(e,t),t.set(e,n)}function aT(e,t,n){if(t.set)t.set.call(e,n);else{if(!t.writable)throw new TypeError("attempted to set read only private field");t.value=n}}function Zp(e,t,n){var o=Xp(e,t,"set");return aT(e,o,n),n}function sT(e){let t=D.useContext(Jp);if(t){let{register:n,...o}=t;e=At(o,e),n()}return zE(t,e.ref),e}var Sr=new WeakMap;class gr{continuePropagation(){Zp(this,Sr,!1)}get shouldStopPropagation(){return nT(this,Sr)}constructor(t,n,o,a){rT(this,Sr,{writable:!0,value:void 0}),Zp(this,Sr,!0);var s;let i=(s=a?.target)!==null&&s!==void 0?s:o.currentTarget;const l=i?.getBoundingClientRect();let d,c=0,u,m=null;o.clientX!=null&&o.clientY!=null&&(u=o.clientX,m=o.clientY),l&&(u!=null&&m!=null?(d=u-l.left,c=m-l.top):(d=l.width/2,c=l.height/2)),this.type=t,this.pointerType=n,this.target=o.currentTarget,this.shiftKey=o.shiftKey,this.metaKey=o.metaKey,this.ctrlKey=o.ctrlKey,this.altKey=o.altKey,this.x=d,this.y=c}}const Qp=Symbol("linkClicked");function eu(e){let{onPress:t,onPressChange:n,onPressStart:o,onPressEnd:a,onPressUp:s,isDisabled:i,isPressed:l,preventFocusOnPress:d,shouldCancelOnPointerExit:c,allowTextSelectionOnPress:u,ref:m,...p}=sT(e),[f,g]=D.useState(!1),h=D.useRef({isPressed:!1,ignoreEmulatedMouseEvents:!1,ignoreClickAfterPress:!1,didFirePressStart:!1,isTriggeringEvent:!1,activePointerId:null,target:null,isOverTarget:!1,pointerType:null}),{addGlobalListener:E,removeAllGlobalListeners:v}=Hp(),b=Cn((y,k)=>{let M=h.current;if(i||M.didFirePressStart)return!1;let P=!0;if(M.isTriggeringEvent=!0,o){let G=new gr("pressstart",k,y);o(G),P=G.shouldStopPropagation}return n&&n(!0),M.isTriggeringEvent=!1,M.didFirePressStart=!0,g(!0),P}),C=Cn((y,k,M=!0)=>{let P=h.current;if(!P.didFirePressStart)return!1;P.ignoreClickAfterPress=!0,P.didFirePressStart=!1,P.isTriggeringEvent=!0;let G=!0;if(a){let I=new gr("pressend",k,y);a(I),G=I.shouldStopPropagation}if(n&&n(!1),g(!1),t&&M&&!i){let I=new gr("press",k,y);t(I),G&&(G=I.shouldStopPropagation)}return P.isTriggeringEvent=!1,G}),w=Cn((y,k)=>{let M=h.current;if(i)return!1;if(s){M.isTriggeringEvent=!0;let P=new gr("pressup",k,y);return s(P),M.isTriggeringEvent=!1,P.shouldStopPropagation}return!0}),T=Cn(y=>{let k=h.current;k.isPressed&&k.target&&(k.isOverTarget&&k.pointerType!=null&&C(Nt(k.target,y),k.pointerType,!1),k.isPressed=!1,k.isOverTarget=!1,k.activePointerId=null,k.pointerType=null,v(),u||fr(k.target))}),x=Cn(y=>{c&&T(y)}),F=D.useMemo(()=>{let y=h.current,k={onKeyDown(P){if(_s(P.nativeEvent,P.currentTarget)&&P.currentTarget.contains(P.target)){var G;ou(P.target,P.key)&&P.preventDefault();let I=!0;if(!y.isPressed&&!P.repeat){y.target=P.currentTarget,y.isPressed=!0,I=b(P,"keyboard");let j=P.currentTarget,K=H=>{_s(H,j)&&!H.repeat&&j.contains(H.target)&&y.target&&w(Nt(y.target,H),"keyboard")};E(et(P.currentTarget),"keyup",Ap(K,M),!0)}I&&P.stopPropagation(),P.metaKey&&on()&&((G=y.metaKeyEvents)===null||G===void 0||G.set(P.key,P.nativeEvent))}else P.key==="Meta"&&(y.metaKeyEvents=new Map)},onClick(P){if(!(P&&!P.currentTarget.contains(P.target))&&P&&P.button===0&&!y.isTriggeringEvent&&!rn.isOpening){let G=!0;if(i&&P.preventDefault(),!y.ignoreClickAfterPress&&!y.ignoreEmulatedMouseEvents&&!y.isPressed&&(y.pointerType==="virtual"||Ls(P.nativeEvent))){!i&&!d&&Ct(P.currentTarget);let I=b(P,"virtual"),j=w(P,"virtual"),K=C(P,"virtual");G=I&&j&&K}y.ignoreEmulatedMouseEvents=!1,y.ignoreClickAfterPress=!1,G&&P.stopPropagation()}}},M=P=>{var G;if(y.isPressed&&y.target&&_s(P,y.target)){var I;ou(P.target,P.key)&&P.preventDefault();let K=P.target;C(Nt(y.target,P),"keyboard",y.target.contains(K)),v(),P.key!=="Enter"&&Ps(y.target)&&y.target.contains(K)&&!P[Qp]&&(P[Qp]=!0,rn(y.target,P,!1)),y.isPressed=!1,(I=y.metaKeyEvents)===null||I===void 0||I.delete(P.key)}else if(P.key==="Meta"&&(!((G=y.metaKeyEvents)===null||G===void 0)&&G.size)){var j;let K=y.metaKeyEvents;y.metaKeyEvents=void 0;for(let H of K.values())(j=y.target)===null||j===void 0||j.dispatchEvent(new KeyboardEvent("keyup",H))}};if(typeof PointerEvent<"u"){k.onPointerDown=K=>{if(K.button!==0||!K.currentTarget.contains(K.target))return;if(XE(K.nativeEvent)){y.pointerType="virtual";return}Rs(K.currentTarget)&&K.preventDefault(),y.pointerType=K.pointerType;let H=!0;y.isPressed||(y.isPressed=!0,y.isOverTarget=!0,y.activePointerId=K.pointerId,y.target=K.currentTarget,!i&&!d&&Ct(K.currentTarget),u||qp(y.target),H=b(K,y.pointerType),E(et(K.currentTarget),"pointermove",P,!1),E(et(K.currentTarget),"pointerup",G,!1),E(et(K.currentTarget),"pointercancel",j,!1)),H&&K.stopPropagation()},k.onMouseDown=K=>{K.currentTarget.contains(K.target)&&K.button===0&&(Rs(K.currentTarget)&&K.preventDefault(),K.stopPropagation())},k.onPointerUp=K=>{!K.currentTarget.contains(K.target)||y.pointerType==="virtual"||K.button===0&&xn(K,K.currentTarget)&&w(K,y.pointerType||K.pointerType)};let P=K=>{K.pointerId===y.activePointerId&&(y.target&&xn(K,y.target)?!y.isOverTarget&&y.pointerType!=null&&(y.isOverTarget=!0,b(Nt(y.target,K),y.pointerType)):y.target&&y.isOverTarget&&y.pointerType!=null&&(y.isOverTarget=!1,C(Nt(y.target,K),y.pointerType,!1),x(K)))},G=K=>{K.pointerId===y.activePointerId&&y.isPressed&&K.button===0&&y.target&&(xn(K,y.target)&&y.pointerType!=null?C(Nt(y.target,K),y.pointerType):y.isOverTarget&&y.pointerType!=null&&C(Nt(y.target,K),y.pointerType,!1),y.isPressed=!1,y.isOverTarget=!1,y.activePointerId=null,y.pointerType=null,v(),u||fr(y.target),"ontouchend"in y.target&&K.pointerType!=="mouse"&&E(y.target,"touchend",I,{once:!0}))},I=K=>{nu(K.target)&&K.preventDefault()},j=K=>{T(K)};k.onDragStart=K=>{K.currentTarget.contains(K.target)&&T(K)}}else{k.onMouseDown=I=>{if(I.button!==0||!I.currentTarget.contains(I.target))return;if(Rs(I.currentTarget)&&I.preventDefault(),y.ignoreEmulatedMouseEvents){I.stopPropagation();return}y.isPressed=!0,y.isOverTarget=!0,y.target=I.currentTarget,y.pointerType=Ls(I.nativeEvent)?"virtual":"mouse",!i&&!d&&Ct(I.currentTarget),b(I,y.pointerType)&&I.stopPropagation(),E(et(I.currentTarget),"mouseup",P,!1)},k.onMouseEnter=I=>{if(!I.currentTarget.contains(I.target))return;let j=!0;y.isPressed&&!y.ignoreEmulatedMouseEvents&&y.pointerType!=null&&(y.isOverTarget=!0,j=b(I,y.pointerType)),j&&I.stopPropagation()},k.onMouseLeave=I=>{if(!I.currentTarget.contains(I.target))return;let j=!0;y.isPressed&&!y.ignoreEmulatedMouseEvents&&y.pointerType!=null&&(y.isOverTarget=!1,j=C(I,y.pointerType,!1),x(I)),j&&I.stopPropagation()},k.onMouseUp=I=>{I.currentTarget.contains(I.target)&&!y.ignoreEmulatedMouseEvents&&I.button===0&&w(I,y.pointerType||"mouse")};let P=I=>{if(I.button===0){if(y.isPressed=!1,v(),y.ignoreEmulatedMouseEvents){y.ignoreEmulatedMouseEvents=!1;return}y.target&&xn(I,y.target)&&y.pointerType!=null?C(Nt(y.target,I),y.pointerType):y.target&&y.isOverTarget&&y.pointerType!=null&&C(Nt(y.target,I),y.pointerType,!1),y.isOverTarget=!1}};k.onTouchStart=I=>{if(!I.currentTarget.contains(I.target))return;let j=iT(I.nativeEvent);if(!j)return;y.activePointerId=j.identifier,y.ignoreEmulatedMouseEvents=!0,y.isOverTarget=!0,y.isPressed=!0,y.target=I.currentTarget,y.pointerType="touch",!i&&!d&&Ct(I.currentTarget),u||qp(y.target),b(Ft(y.target,I),y.pointerType)&&I.stopPropagation(),E(nn(I.currentTarget),"scroll",G,!0)},k.onTouchMove=I=>{if(!I.currentTarget.contains(I.target))return;if(!y.isPressed){I.stopPropagation();return}let j=tu(I.nativeEvent,y.activePointerId),K=!0;j&&xn(j,I.currentTarget)?!y.isOverTarget&&y.pointerType!=null&&(y.isOverTarget=!0,K=b(Ft(y.target,I),y.pointerType)):y.isOverTarget&&y.pointerType!=null&&(y.isOverTarget=!1,K=C(Ft(y.target,I),y.pointerType,!1),x(Ft(y.target,I))),K&&I.stopPropagation()},k.onTouchEnd=I=>{if(!I.currentTarget.contains(I.target))return;if(!y.isPressed){I.stopPropagation();return}let j=tu(I.nativeEvent,y.activePointerId),K=!0;j&&xn(j,I.currentTarget)&&y.pointerType!=null?(w(Ft(y.target,I),y.pointerType),K=C(Ft(y.target,I),y.pointerType)):y.isOverTarget&&y.pointerType!=null&&(K=C(Ft(y.target,I),y.pointerType,!1)),K&&I.stopPropagation(),y.isPressed=!1,y.activePointerId=null,y.isOverTarget=!1,y.ignoreEmulatedMouseEvents=!0,y.target&&!u&&fr(y.target),v()},k.onTouchCancel=I=>{I.currentTarget.contains(I.target)&&(I.stopPropagation(),y.isPressed&&T(Ft(y.target,I)))};let G=I=>{y.isPressed&&I.target.contains(y.target)&&T({currentTarget:y.target,shiftKey:!1,ctrlKey:!1,metaKey:!1,altKey:!1})};k.onDragStart=I=>{I.currentTarget.contains(I.target)&&T(I)}}return k},[E,i,d,v,u,T,x,C,b,w]);return D.useEffect(()=>()=>{var y;u||fr((y=h.current.target)!==null&&y!==void 0?y:void 0)},[u]),{isPressed:l||f,pressProps:At(p,F)}}function Ps(e){return e.tagName==="A"&&e.hasAttribute("href")}function _s(e,t){const{key:n,code:o}=e,a=t,s=a.getAttribute("role");return(n==="Enter"||n===" "||n==="Spacebar"||o==="Space")&&!(a instanceof nn(a).HTMLInputElement&&!ru(a,n)||a instanceof nn(a).HTMLTextAreaElement||a.isContentEditable)&&!((s==="link"||!s&&Ps(a))&&n!=="Enter")}function iT(e){const{targetTouches:t}=e;return t.length>0?t[0]:null}function tu(e,t){const n=e.changedTouches;for(let o=0;o<n.length;o++){const a=n[o];if(a.identifier===t)return a}return null}function Ft(e,t){let n=0,o=0;return t.targetTouches&&t.targetTouches.length===1&&(n=t.targetTouches[0].clientX,o=t.targetTouches[0].clientY),{currentTarget:e,shiftKey:t.shiftKey,ctrlKey:t.ctrlKey,metaKey:t.metaKey,altKey:t.altKey,clientX:n,clientY:o}}function Nt(e,t){let n=t.clientX,o=t.clientY;return{currentTarget:e,shiftKey:t.shiftKey,ctrlKey:t.ctrlKey,metaKey:t.metaKey,altKey:t.altKey,clientX:n,clientY:o}}function lT(e){let t=0,n=0;return e.width!==void 0?t=e.width/2:e.radiusX!==void 0&&(t=e.radiusX),e.height!==void 0?n=e.height/2:e.radiusY!==void 0&&(n=e.radiusY),{top:e.clientY-n,right:e.clientX+t,bottom:e.clientY+n,left:e.clientX-t}}function cT(e,t){return!(e.left>t.right||t.left>e.right||e.top>t.bottom||t.top>e.bottom)}function xn(e,t){let n=t.getBoundingClientRect(),o=lT(e);return cT(n,o)}function Rs(e){return!(e instanceof HTMLElement)||!e.hasAttribute("draggable")}function nu(e){return e instanceof HTMLInputElement?!1:e instanceof HTMLButtonElement?e.type!=="submit"&&e.type!=="reset":!Ps(e)}function ou(e,t){return e instanceof HTMLInputElement?!ru(e,t):nu(e)}const dT=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);function ru(e,t){return e.type==="checkbox"||e.type==="radio"?t===" ":dT.has(e.type)}let lo=null,pT=new Set,co=new Map,an=!1,As=!1;function Fs(e,t){for(let n of pT)n(e,t)}function uT(e){return!(e.metaKey||!on()&&e.altKey||e.ctrlKey||e.key==="Control"||e.key==="Shift"||e.key==="Meta")}function hr(e){an=!0,uT(e)&&(lo="keyboard",Fs("keyboard",e))}function lt(e){lo="pointer",(e.type==="mousedown"||e.type==="pointerdown")&&(an=!0,Fs("pointer",e))}function au(e){Ls(e)&&(an=!0,lo="virtual")}function su(e){e.target===window||e.target===document||(!an&&!As&&(lo="virtual",Fs("virtual",e)),an=!1,As=!1)}function iu(){an=!1,As=!0}function lu(e){if(typeof window>"u"||co.get(nn(e)))return;const t=nn(e),n=et(e);let o=t.HTMLElement.prototype.focus;t.HTMLElement.prototype.focus=function(){an=!0,o.apply(this,arguments)},n.addEventListener("keydown",hr,!0),n.addEventListener("keyup",hr,!0),n.addEventListener("click",au,!0),t.addEventListener("focus",su,!0),t.addEventListener("blur",iu,!1),typeof PointerEvent<"u"?(n.addEventListener("pointerdown",lt,!0),n.addEventListener("pointermove",lt,!0),n.addEventListener("pointerup",lt,!0)):(n.addEventListener("mousedown",lt,!0),n.addEventListener("mousemove",lt,!0),n.addEventListener("mouseup",lt,!0)),t.addEventListener("beforeunload",()=>{cu(e)},{once:!0}),co.set(t,{focus:o})}const cu=(e,t)=>{const n=nn(e),o=et(e);t&&o.removeEventListener("DOMContentLoaded",t),co.has(n)&&(n.HTMLElement.prototype.focus=co.get(n).focus,o.removeEventListener("keydown",hr,!0),o.removeEventListener("keyup",hr,!0),o.removeEventListener("click",au,!0),n.removeEventListener("focus",su,!0),n.removeEventListener("blur",iu,!1),typeof PointerEvent<"u"?(o.removeEventListener("pointerdown",lt,!0),o.removeEventListener("pointermove",lt,!0),o.removeEventListener("pointerup",lt,!0)):(o.removeEventListener("mousedown",lt,!0),o.removeEventListener("mousemove",lt,!0),o.removeEventListener("mouseup",lt,!0)),co.delete(n))};function mT(e){const t=et(e);let n;return t.readyState!=="loading"?lu(e):(n=()=>{lu(e)},t.addEventListener("DOMContentLoaded",n)),()=>cu(e,n)}typeof document<"u"&&mT();function Vs(){return lo}const fT=500;function ST(e){let{isDisabled:t,onLongPressStart:n,onLongPressEnd:o,onLongPress:a,threshold:s=fT,accessibilityDescription:i}=e;const l=D.useRef(void 0);let{addGlobalListener:d,removeGlobalListener:c}=Hp(),{pressProps:u}=eu({isDisabled:t,onPressStart(p){if(p.continuePropagation(),(p.pointerType==="mouse"||p.pointerType==="touch")&&(n&&n({...p,type:"longpressstart"}),l.current=setTimeout(()=>{p.target.dispatchEvent(new PointerEvent("pointercancel",{bubbles:!0})),a&&a({...p,type:"longpress"}),l.current=void 0},s),p.pointerType==="touch")){let f=g=>{g.preventDefault()};d(p.target,"contextmenu",f,{once:!0}),d(window,"pointerup",()=>{setTimeout(()=>{c(p.target,"contextmenu",f)},30)},{once:!0})}},onPressEnd(p){l.current&&clearTimeout(l.current),o&&(p.pointerType==="mouse"||p.pointerType==="touch")&&o({...p,type:"longpressend"})}}),m=JE(a&&!t?i:void 0);return{longPressProps:At(u,m)}}function $s(e){const t=et(e);if(Vs()==="virtual"){let n=t.activeElement;Kp(()=>{t.activeElement===n&&e.isConnected&&Ct(e)})}else Ct(e)}function gT(e){const t=nn(e);if(!(e instanceof t.HTMLElement)&&!(e instanceof t.SVGElement))return!1;let{display:n,visibility:o}=e.style,a=n!=="none"&&o!=="hidden"&&o!=="collapse";if(a){const{getComputedStyle:s}=e.ownerDocument.defaultView;let{display:i,visibility:l}=s(e);a=i!=="none"&&l!=="hidden"&&l!=="collapse"}return a}function hT(e,t){return!e.hasAttribute("hidden")&&!e.hasAttribute("data-react-aria-prevent-focus")&&(e.nodeName==="DETAILS"&&t&&t.nodeName!=="SUMMARY"?e.hasAttribute("open"):!0)}function du(e,t){return e.nodeName!=="#comment"&&gT(e)&&hT(e,t)&&(!e.parentElement||du(e.parentElement,e))}const Ks=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[contenteditable]"],bT=Ks.join(":not([hidden]),")+",[tabindex]:not([disabled]):not([hidden])";Ks.push('[tabindex]:not([tabindex="-1"]):not([disabled])');const vT=Ks.join(':not([hidden]):not([tabindex="-1"]),');function pu(e,t){return!e||!t?!1:t.some(n=>n.contains(e))}function uu(e,t,n){let o=t?.tabbable?vT:bT,a=et(e).createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode(s){var i;return!(t==null||(i=t.from)===null||i===void 0)&&i.contains(s)?NodeFilter.FILTER_REJECT:s.matches(o)&&du(s)&&(!n||pu(s,n))&&(!t?.accept||t.accept(s))?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});return t?.from&&(a.currentNode=t.from),a}class Hs{get size(){return this.fastMap.size}getTreeNode(t){return this.fastMap.get(t)}addTreeNode(t,n,o){let a=this.fastMap.get(n??null);if(!a)return;let s=new mu({scopeRef:t});a.addChild(s),s.parent=a,this.fastMap.set(t,s),o&&(s.nodeToRestore=o)}addNode(t){this.fastMap.set(t.scopeRef,t)}removeTreeNode(t){if(t===null)return;let n=this.fastMap.get(t);if(!n)return;let o=n.parent;for(let s of this.traverse())s!==n&&n.nodeToRestore&&s.nodeToRestore&&n.scopeRef&&n.scopeRef.current&&pu(s.nodeToRestore,n.scopeRef.current)&&(s.nodeToRestore=n.nodeToRestore);let a=n.children;o&&(o.removeChild(n),a.size>0&&a.forEach(s=>o&&o.addChild(s))),this.fastMap.delete(n.scopeRef)}*traverse(t=this.root){if(t.scopeRef!=null&&(yield t),t.children.size>0)for(let n of t.children)yield*this.traverse(n)}clone(){var t;let n=new Hs;var o;for(let a of this.traverse())n.addTreeNode(a.scopeRef,(o=(t=a.parent)===null||t===void 0?void 0:t.scopeRef)!==null&&o!==void 0?o:null,a.nodeToRestore);return n}constructor(){this.fastMap=new Map,this.root=new mu({scopeRef:null}),this.fastMap.set(null,this.root)}}class mu{addChild(t){this.children.add(t),t.parent=this}removeChild(t){this.children.delete(t),t.parent=void 0}constructor(t){this.children=new Set,this.contain=!1,this.scopeRef=t.scopeRef}}new Hs;function yT(e,t){let n=t?.isDisabled,[o,a]=D.useState(!1);return io(()=>{if(e?.current&&!n){let s=()=>{if(e.current){let l=uu(e.current,{tabbable:!0});a(!!l.nextNode())}};s();let i=new MutationObserver(s);return i.observe(e.current,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["tabIndex","disabled"]}),()=>{i.disconnect()}}}),n?!1:o}const ET=new Set(["Arab","Syrc","Samr","Mand","Thaa","Mend","Nkoo","Adlm","Rohg","Hebr"]),TT=new Set(["ae","ar","arc","bcc","bqi","ckb","dv","fa","glk","he","ku","mzn","nqo","pnb","ps","sd","ug","ur","yi"]);function wT(e){if(Intl.Locale){let n=new Intl.Locale(e).maximize(),o=typeof n.getTextInfo=="function"?n.getTextInfo():n.textInfo;if(o)return o.direction==="rtl";if(n.script)return ET.has(n.script)}let t=e.split("-")[0];return TT.has(t)}const CT=Symbol.for("react-aria.i18n.locale");function fu(){let e=typeof window<"u"&&window[CT]||typeof navigator<"u"&&(navigator.language||navigator.userLanguage)||"en-US";try{Intl.DateTimeFormat.supportedLocalesOf([e])}catch{e="en-US"}return{locale:e,direction:wT(e)?"rtl":"ltr"}}let Ws=fu(),po=new Set;function Su(){Ws=fu();for(let e of po)e(Ws)}function DT(){let e=_p(),[t,n]=D.useState(Ws);return D.useEffect(()=>(po.size===0&&window.addEventListener("languagechange",Su),po.add(n),()=>{po.delete(n),po.size===0&&window.removeEventListener("languagechange",Su)}),[]),e?{locale:"en-US",direction:"ltr"}:t}const NT=D.createContext(null);function gu(){let e=DT();return D.useContext(NT)||e}function IT(e){let{selectionManager:t,keyboardDelegate:n,ref:o,autoFocus:a=!1,shouldFocusWrap:s=!1,disallowEmptySelection:i=!1,disallowSelectAll:l=!1,selectOnFocus:d=t.selectionBehavior==="replace",disallowTypeAhead:c=!1,shouldUseVirtualFocus:u,allowsTabNavigation:m=!1,isVirtualized:p,scrollRef:f=o,linkBehavior:g="action"}=e,{direction:h}=gu(),E=xs(),v=M=>{if(M.altKey&&M.key==="Tab"&&M.preventDefault(),!o.current.contains(M.target))return;const P=(W,ne)=>{if(W!=null){if(t.isLink(W)&&g==="selection"&&d&&!Os(M)){uo.flushSync(()=>{t.setFocusedKey(W,ne)});let O=f.current.querySelector(`[data-key="${CSS.escape(W.toString())}"]`),U=t.getItemProps(W);E.open(O,M,U.href,U.routerOptions);return}if(t.setFocusedKey(W,ne),t.isLink(W)&&g==="override")return;M.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(W):d&&!Os(M)&&t.replaceSelection(W)}};switch(M.key){case"ArrowDown":if(n.getKeyBelow){var G,I,j;let W=t.focusedKey!=null?(G=n.getKeyBelow)===null||G===void 0?void 0:G.call(n,t.focusedKey):(I=n.getFirstKey)===null||I===void 0?void 0:I.call(n);W==null&&s&&(W=(j=n.getFirstKey)===null||j===void 0?void 0:j.call(n,t.focusedKey)),W!=null&&(M.preventDefault(),P(W))}break;case"ArrowUp":if(n.getKeyAbove){var K,H,R;let W=t.focusedKey!=null?(K=n.getKeyAbove)===null||K===void 0?void 0:K.call(n,t.focusedKey):(H=n.getLastKey)===null||H===void 0?void 0:H.call(n);W==null&&s&&(W=(R=n.getLastKey)===null||R===void 0?void 0:R.call(n,t.focusedKey)),W!=null&&(M.preventDefault(),P(W))}break;case"ArrowLeft":if(n.getKeyLeftOf){var Z,$,L;let W=(Z=n.getKeyLeftOf)===null||Z===void 0?void 0:Z.call(n,t.focusedKey);W==null&&s&&(W=h==="rtl"?($=n.getFirstKey)===null||$===void 0?void 0:$.call(n,t.focusedKey):(L=n.getLastKey)===null||L===void 0?void 0:L.call(n,t.focusedKey)),W!=null&&(M.preventDefault(),P(W,h==="rtl"?"first":"last"))}break;case"ArrowRight":if(n.getKeyRightOf){var _,Y,te;let W=(_=n.getKeyRightOf)===null||_===void 0?void 0:_.call(n,t.focusedKey);W==null&&s&&(W=h==="rtl"?(Y=n.getLastKey)===null||Y===void 0?void 0:Y.call(n,t.focusedKey):(te=n.getFirstKey)===null||te===void 0?void 0:te.call(n,t.focusedKey)),W!=null&&(M.preventDefault(),P(W,h==="rtl"?"last":"first"))}break;case"Home":if(n.getFirstKey){M.preventDefault();let W=n.getFirstKey(t.focusedKey,Nn(M));t.setFocusedKey(W),Nn(M)&&M.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(W):d&&t.replaceSelection(W)}break;case"End":if(n.getLastKey){M.preventDefault();let W=n.getLastKey(t.focusedKey,Nn(M));t.setFocusedKey(W),Nn(M)&&M.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(W):d&&t.replaceSelection(W)}break;case"PageDown":if(n.getKeyPageBelow){let W=n.getKeyPageBelow(t.focusedKey);W!=null&&(M.preventDefault(),P(W))}break;case"PageUp":if(n.getKeyPageAbove){let W=n.getKeyPageAbove(t.focusedKey);W!=null&&(M.preventDefault(),P(W))}break;case"a":Nn(M)&&t.selectionMode==="multiple"&&l!==!0&&(M.preventDefault(),t.selectAll());break;case"Escape":!i&&t.selectedKeys.size!==0&&(M.stopPropagation(),M.preventDefault(),t.clearSelection());break;case"Tab":if(!m){if(M.shiftKey)o.current.focus();else{let W=uu(o.current,{tabbable:!0}),ne,O;do O=W.lastChild(),O&&(ne=O);while(O);ne&&!ne.contains(document.activeElement)&&Ct(ne)}break}}},b=D.useRef({top:0,left:0});Gp(f,"scroll",p?null:()=>{b.current={top:f.current.scrollTop,left:f.current.scrollLeft}});let C=M=>{if(t.isFocused){M.currentTarget.contains(M.target)||t.setFocused(!1);return}if(M.currentTarget.contains(M.target)){if(t.setFocused(!0),t.focusedKey==null){let I=K=>{K!=null&&(t.setFocusedKey(K),d&&t.replaceSelection(K))},j=M.relatedTarget;var P,G;j&&M.currentTarget.compareDocumentPosition(j)&Node.DOCUMENT_POSITION_FOLLOWING?I((P=t.lastSelectedKey)!==null&&P!==void 0?P:n.getLastKey()):I((G=t.firstSelectedKey)!==null&&G!==void 0?G:n.getFirstKey())}else p||(f.current.scrollTop=b.current.top,f.current.scrollLeft=b.current.left);if(t.focusedKey!=null){let I=f.current.querySelector(`[data-key="${CSS.escape(t.focusedKey.toString())}"]`);I&&(I.contains(document.activeElement)||Ct(I),Vs()==="keyboard"&&jp(I,{containingElement:o.current}))}}},w=M=>{M.currentTarget.contains(M.relatedTarget)||t.setFocused(!1)};const T=D.useRef(a);D.useEffect(()=>{if(T.current){let M=null;a==="first"&&(M=n.getFirstKey()),a==="last"&&(M=n.getLastKey());let P=t.selectedKeys;if(P.size){for(let G of P)if(t.canSelectItem(G)){M=G;break}}t.setFocused(!0),t.setFocusedKey(M),M==null&&!u&&$s(o.current)}},[]);let x=D.useRef(t.focusedKey);D.useEffect(()=>{if(t.isFocused&&t.focusedKey!=null&&(t.focusedKey!==x.current||T.current)&&f?.current){let M=Vs(),P=o.current.querySelector(`[data-key="${CSS.escape(t.focusedKey.toString())}"]`);if(!P)return;(M==="keyboard"||T.current)&&(Up(f.current,P),M!=="virtual"&&jp(P,{containingElement:o.current}))}!u&&t.isFocused&&t.focusedKey==null&&x.current!=null&&$s(o.current),x.current=t.focusedKey,T.current=!1}),Gp(o,"react-aria-focus-scope-restore",M=>{M.preventDefault(),t.setFocused(!0)});let F={onKeyDown:v,onFocus:C,onBlur:w,onMouseDown(M){f.current===M.target&&M.preventDefault()}},{typeSelectProps:y}=QE({keyboardDelegate:n,selectionManager:t});c||(F=At(y,F));let k;return u||(k=t.focusedKey==null?0:-1),{collectionProps:{...F,tabIndex:k}}}function xT(e){let{selectionManager:t,key:n,ref:o,shouldSelectOnPressUp:a,shouldUseVirtualFocus:s,focus:i,isDisabled:l,onAction:d,allowsDifferentPressOrigin:c,linkBehavior:u="action"}=e,m=xs(),p=R=>{if(R.pointerType==="keyboard"&&Os(R))t.toggleSelection(n);else{if(t.selectionMode==="none")return;if(t.isLink(n)){if(u==="selection"){let Z=t.getItemProps(n);m.open(o.current,R,Z.href,Z.routerOptions),t.setSelectedKeys(t.selectedKeys);return}else if(u==="override"||u==="none")return}t.selectionMode==="single"?t.isSelected(n)&&!t.disallowEmptySelection?t.toggleSelection(n):t.replaceSelection(n):R&&R.shiftKey?t.extendSelection(n):t.selectionBehavior==="toggle"||R&&(Nn(R)||R.pointerType==="touch"||R.pointerType==="virtual")?t.toggleSelection(n):t.replaceSelection(n)}};D.useEffect(()=>{n===t.focusedKey&&t.isFocused&&!s&&(i?i():document.activeElement!==o.current&&$s(o.current))},[o,n,t.focusedKey,t.childFocusStrategy,t.isFocused,s]),l=l||t.isDisabled(n);let f={};!s&&!l?f={tabIndex:n===t.focusedKey?0:-1,onFocus(R){R.target===o.current&&t.setFocusedKey(n)}}:l&&(f.onMouseDown=R=>{R.preventDefault()});let g=t.isLink(n)&&u==="override",h=t.isLink(n)&&u!=="selection"&&u!=="none",E=!l&&t.canSelectItem(n)&&!g,v=(d||h)&&!l,b=v&&(t.selectionBehavior==="replace"?!E:!E||t.isEmpty),C=v&&E&&t.selectionBehavior==="replace",w=b||C,T=D.useRef(null),x=w&&E,F=D.useRef(!1),y=D.useRef(!1),k=R=>{if(d&&d(),h){let Z=t.getItemProps(n);m.open(o.current,R,Z.href,Z.routerOptions)}},M={};a?(M.onPressStart=R=>{T.current=R.pointerType,F.current=x,R.pointerType==="keyboard"&&(!w||bu())&&p(R)},c?(M.onPressUp=b?null:R=>{R.pointerType!=="keyboard"&&E&&p(R)},M.onPress=b?k:null):M.onPress=R=>{if(b||C&&R.pointerType!=="mouse"){if(R.pointerType==="keyboard"&&!hu())return;k(R)}else R.pointerType!=="keyboard"&&E&&p(R)}):(M.onPressStart=R=>{T.current=R.pointerType,F.current=x,y.current=b,E&&(R.pointerType==="mouse"&&!b||R.pointerType==="keyboard"&&(!v||bu()))&&p(R)},M.onPress=R=>{(R.pointerType==="touch"||R.pointerType==="pen"||R.pointerType==="virtual"||R.pointerType==="keyboard"&&w&&hu()||R.pointerType==="mouse"&&y.current)&&(w?k(R):E&&p(R))}),f["data-key"]=n,M.preventFocusOnPress=s;let{pressProps:P,isPressed:G}=eu(M),I=C?R=>{T.current==="mouse"&&(R.stopPropagation(),R.preventDefault(),k(R))}:void 0,{longPressProps:j}=ST({isDisabled:!x,onLongPress(R){R.pointerType==="touch"&&(p(R),t.setSelectionBehavior("toggle"))}}),K=R=>{T.current==="touch"&&F.current&&R.preventDefault()},H=t.isLink(n)?R=>{rn.isOpening||R.preventDefault()}:void 0;return{itemProps:At(f,E||b?P:{},x?j:{},{onDoubleClick:I,onDragStartCapture:K,onClick:H}),isPressed:G,isSelected:t.isSelected(n),isFocused:t.isFocused&&t.focusedKey===n,isDisabled:l,allowsSelection:E,hasAction:w}}function hu(){let e=window.event;return e?.key==="Enter"}function bu(){let e=window.event;return e?.key===" "||e?.code==="Space"}function MT(e,t,n){let{key:o,isDisabled:a,shouldSelectOnPressUp:s}=e,{selectionManager:i,selectedKey:l}=t,d=o===l,c=a||t.isDisabled||t.selectionManager.isDisabled(o),{itemProps:u,isPressed:m}=xT({selectionManager:i,key:o,ref:n,isDisabled:c,shouldSelectOnPressUp:s,linkBehavior:"selection"}),p=cr(t,o,"tab"),f=cr(t,o,"tabpanel"),{tabIndex:g}=u,h=t.collection.getItem(o),E=BE(h?.props,{labelable:!0});delete E.id;let v=UE(h?.props);return{tabProps:At(E,v,u,{id:p,"aria-selected":d,"aria-disabled":c||void 0,"aria-controls":d?f:void 0,tabIndex:c?void 0:g,role:"tab"}),isSelected:d,isDisabled:c,isPressed:m}}function kT(e,t,n){let o=yT(n)?void 0:0;var a;const s=cr(t,(a=e.id)!==null&&a!==void 0?a:t?.selectedKey,"tabpanel"),i=Wp({...e,id:s,"aria-labelledby":cr(t,t?.selectedKey,"tab")});return{tabPanelProps:At(i,{tabIndex:o,role:"tabpanel","aria-describedby":e["aria-describedby"],"aria-details":e["aria-details"]})}}class LT{getKeyLeftOf(t){return this.flipDirection?this.getNextKey(t):this.getPreviousKey(t)}getKeyRightOf(t){return this.flipDirection?this.getPreviousKey(t):this.getNextKey(t)}isDisabled(t){var n,o;return this.disabledKeys.has(t)||!!(!((o=this.collection.getItem(t))===null||o===void 0||(n=o.props)===null||n===void 0)&&n.isDisabled)}getFirstKey(){let t=this.collection.getFirstKey();return t!=null&&this.isDisabled(t)&&(t=this.getNextKey(t)),t}getLastKey(){let t=this.collection.getLastKey();return t!=null&&this.isDisabled(t)&&(t=this.getPreviousKey(t)),t}getKeyAbove(t){return this.tabDirection?null:this.getPreviousKey(t)}getKeyBelow(t){return this.tabDirection?null:this.getNextKey(t)}getNextKey(t){do t=this.collection.getKeyAfter(t),t==null&&(t=this.collection.getFirstKey());while(this.isDisabled(t));return t}getPreviousKey(t){do t=this.collection.getKeyBefore(t),t==null&&(t=this.collection.getLastKey());while(this.isDisabled(t));return t}constructor(t,n,o,a=new Set){this.collection=t,this.flipDirection=n==="rtl"&&o==="horizontal",this.disabledKeys=a,this.tabDirection=o==="horizontal"}}function OT(e,t,n){let{orientation:o="horizontal",keyboardActivation:a="automatic"}=e,{collection:s,selectionManager:i,disabledKeys:l}=t,{direction:d}=gu(),c=D.useMemo(()=>new LT(s,d,o,l),[s,l,o,d]),{collectionProps:u}=IT({ref:n,selectionManager:i,keyboardDelegate:c,selectOnFocus:a==="automatic",disallowEmptySelection:!0,scrollRef:n,linkBehavior:"selection"}),m=Rp();Bp.set(t,m);let p=Wp({...e,id:m});return{tabListProps:{...At(u,p),role:"tablist","aria-orientation":o,tabIndex:void 0}}}function vu({item:e,state:t}){const{key:n}=e,o=r.useRef(null),{tabProps:a}=MT({key:n},t,o),s=t.selectedKey===n,i=t.disabledKeys.has(n);return r.createElement("div",{...a,ref:o,className:V("sps-nav__item","sps-nav__link",s&&"active",i&&"sps-nav__item--disabled")},e.rendered)}function yu({state:e,...t}){const n=r.useRef(null),{tabPanelProps:o}=kT(t,e,n);return r.createElement("div",{...o,ref:n,className:"sps-card__body"},e.selectedItem?e.selectedItem.props.children:null)}class Eu{*[Symbol.iterator](){yield*this.iterable}get size(){return this.keyMap.size}getKeys(){return this.keyMap.keys()}getKeyBefore(t){let n=this.keyMap.get(t);var o;return n&&(o=n.prevKey)!==null&&o!==void 0?o:null}getKeyAfter(t){let n=this.keyMap.get(t);var o;return n&&(o=n.nextKey)!==null&&o!==void 0?o:null}getFirstKey(){return this.firstKey}getLastKey(){return this.lastKey}getItem(t){var n;return(n=this.keyMap.get(t))!==null&&n!==void 0?n:null}at(t){const n=[...this.getKeys()];return this.getItem(n[t])}getChildren(t){let n=this.keyMap.get(t);return n?.childNodes||[]}constructor(t){this.keyMap=new Map,this.firstKey=null,this.lastKey=null,this.iterable=t;let n=i=>{if(this.keyMap.set(i.key,i),i.childNodes&&i.type==="section")for(let l of i.childNodes)n(l)};for(let i of t)n(i);let o=null,a=0;for(let[i,l]of this.keyMap)o?(o.nextKey=i,l.prevKey=o.key):(this.firstKey=i,l.prevKey=void 0),l.type==="item"&&(l.index=a++),o=l,o.nextKey=void 0;var s;this.lastKey=(s=o?.key)!==null&&s!==void 0?s:null}}class ft extends Set{constructor(t,n,o){super(t),t instanceof ft?(this.anchorKey=n??t.anchorKey,this.currentKey=o??t.currentKey):(this.anchorKey=n,this.currentKey=o)}}function BT(e,t){if(e.size!==t.size)return!1;for(let n of e)if(!t.has(n))return!1;return!0}function PT(e){let{selectionMode:t="none",disallowEmptySelection:n,allowDuplicateSelectionEvents:o,selectionBehavior:a="toggle",disabledBehavior:s="all"}=e,i=D.useRef(!1),[,l]=D.useState(!1),d=D.useRef(null),c=D.useRef(null),[,u]=D.useState(null),m=D.useMemo(()=>Tu(e.selectedKeys),[e.selectedKeys]),p=D.useMemo(()=>Tu(e.defaultSelectedKeys,new ft),[e.defaultSelectedKeys]),[f,g]=Yp(m,p,e.onSelectionChange),h=D.useMemo(()=>e.disabledKeys?new Set(e.disabledKeys):new Set,[e.disabledKeys]),[E,v]=D.useState(a);a==="replace"&&E==="toggle"&&typeof f=="object"&&f.size===0&&v("replace");let b=D.useRef(a);return D.useEffect(()=>{a!==b.current&&(v(a),b.current=a)},[a]),{selectionMode:t,disallowEmptySelection:n,selectionBehavior:E,setSelectionBehavior:v,get isFocused(){return i.current},setFocused(C){i.current=C,l(C)},get focusedKey(){return d.current},get childFocusStrategy(){return c.current},setFocusedKey(C,w="first"){d.current=C,c.current=w,u(C)},selectedKeys:f,setSelectedKeys(C){(o||!BT(C,f))&&g(C)},disabledKeys:h,disabledBehavior:s}}function Tu(e,t){return e?e==="all"?"all":new ft(e):t}class _T{get selectionMode(){return this.state.selectionMode}get disallowEmptySelection(){return this.state.disallowEmptySelection}get selectionBehavior(){return this.state.selectionBehavior}setSelectionBehavior(t){this.state.setSelectionBehavior(t)}get isFocused(){return this.state.isFocused}setFocused(t){this.state.setFocused(t)}get focusedKey(){return this.state.focusedKey}get childFocusStrategy(){return this.state.childFocusStrategy}setFocusedKey(t,n){(t==null||this.collection.getItem(t))&&this.state.setFocusedKey(t,n)}get selectedKeys(){return this.state.selectedKeys==="all"?new Set(this.getSelectAllKeys()):this.state.selectedKeys}get rawSelection(){return this.state.selectedKeys}isSelected(t){return this.state.selectionMode==="none"?!1:(t=this.getKey(t),this.state.selectedKeys==="all"?this.canSelectItem(t):this.state.selectedKeys.has(t))}get isEmpty(){return this.state.selectedKeys!=="all"&&this.state.selectedKeys.size===0}get isSelectAll(){if(this.isEmpty)return!1;if(this.state.selectedKeys==="all")return!0;if(this._isSelectAll!=null)return this._isSelectAll;let t=this.getSelectAllKeys(),n=this.state.selectedKeys;return this._isSelectAll=t.every(o=>n.has(o)),this._isSelectAll}get firstSelectedKey(){let t=null;for(let n of this.state.selectedKeys){let o=this.collection.getItem(n);(!t||o&&ln.compareNodeOrder(this.collection,o,t)<0)&&(t=o)}return t?.key}get lastSelectedKey(){let t=null;for(let n of this.state.selectedKeys){let o=this.collection.getItem(n);(!t||o&&ln.compareNodeOrder(this.collection,o,t)>0)&&(t=o)}return t?.key}get disabledKeys(){return this.state.disabledKeys}get disabledBehavior(){return this.state.disabledBehavior}extendSelection(t){if(this.selectionMode==="none")return;if(this.selectionMode==="single"){this.replaceSelection(t);return}t=this.getKey(t);let n;if(this.state.selectedKeys==="all")n=new ft([t],t,t);else{let s=this.state.selectedKeys;var o;let i=(o=s.anchorKey)!==null&&o!==void 0?o:t;n=new ft(s,i,t);var a;for(let l of this.getKeyRange(i,(a=s.currentKey)!==null&&a!==void 0?a:t))n.delete(l);for(let l of this.getKeyRange(t,i))this.canSelectItem(l)&&n.add(l)}this.state.setSelectedKeys(n)}getKeyRange(t,n){let o=this.collection.getItem(t),a=this.collection.getItem(n);return o&&a?ln.compareNodeOrder(this.collection,o,a)<=0?this.getKeyRangeInternal(t,n):this.getKeyRangeInternal(n,t):[]}getKeyRangeInternal(t,n){var o;if(!((o=this.layoutDelegate)===null||o===void 0)&&o.getKeyRange)return this.layoutDelegate.getKeyRange(t,n);let a=[],s=t;for(;s!=null;){let i=this.collection.getItem(s);if((i&&i.type==="item"||i.type==="cell"&&this.allowsCellSelection)&&a.push(s),s===n)return a;s=this.collection.getKeyAfter(s)}return[]}getKey(t){let n=this.collection.getItem(t);if(!n||n.type==="cell"&&this.allowsCellSelection)return t;for(;n.type!=="item"&&n.parentKey!=null;)n=this.collection.getItem(n.parentKey);return!n||n.type!=="item"?null:n.key}toggleSelection(t){if(this.selectionMode==="none")return;if(this.selectionMode==="single"&&!this.isSelected(t)){this.replaceSelection(t);return}if(t=this.getKey(t),t==null)return;let n=new ft(this.state.selectedKeys==="all"?this.getSelectAllKeys():this.state.selectedKeys);n.has(t)?n.delete(t):this.canSelectItem(t)&&(n.add(t),n.anchorKey=t,n.currentKey=t),!(this.disallowEmptySelection&&n.size===0)&&this.state.setSelectedKeys(n)}replaceSelection(t){if(this.selectionMode==="none"||(t=this.getKey(t),t==null))return;let n=this.canSelectItem(t)?new ft([t],t,t):new ft;this.state.setSelectedKeys(n)}setSelectedKeys(t){if(this.selectionMode==="none")return;let n=new ft;for(let o of t)if(o=this.getKey(o),o!=null&&(n.add(o),this.selectionMode==="single"))break;this.state.setSelectedKeys(n)}getSelectAllKeys(){let t=[],n=o=>{for(;o!=null;){if(this.canSelectItem(o)){let a=this.collection.getItem(o);a.type==="item"&&t.push(o),a.hasChildNodes&&(this.allowsCellSelection||a.type!=="item")&&n(ln.getFirstItem(ln.getChildNodes(a,this.collection)).key)}o=this.collection.getKeyAfter(o)}};return n(this.collection.getFirstKey()),t}selectAll(){!this.isSelectAll&&this.selectionMode==="multiple"&&this.state.setSelectedKeys("all")}clearSelection(){!this.disallowEmptySelection&&(this.state.selectedKeys==="all"||this.state.selectedKeys.size>0)&&this.state.setSelectedKeys(new ft)}toggleSelectAll(){this.isSelectAll?this.clearSelection():this.selectAll()}select(t,n){this.selectionMode!=="none"&&(this.selectionMode==="single"?this.isSelected(t)&&!this.disallowEmptySelection?this.toggleSelection(t):this.replaceSelection(t):this.selectionBehavior==="toggle"||n&&(n.pointerType==="touch"||n.pointerType==="virtual")?this.toggleSelection(t):this.replaceSelection(t))}isSelectionEqual(t){if(t===this.state.selectedKeys)return!0;let n=this.selectedKeys;if(t.size!==n.size)return!1;for(let o of t)if(!n.has(o))return!1;for(let o of n)if(!t.has(o))return!1;return!0}canSelectItem(t){var n;if(this.state.selectionMode==="none"||this.state.disabledKeys.has(t))return!1;let o=this.collection.getItem(t);return!(!o||!(o==null||(n=o.props)===null||n===void 0)&&n.isDisabled||o.type==="cell"&&!this.allowsCellSelection)}isDisabled(t){var n,o;return this.state.disabledBehavior==="all"&&(this.state.disabledKeys.has(t)||!!(!((o=this.collection.getItem(t))===null||o===void 0||(n=o.props)===null||n===void 0)&&n.isDisabled))}isLink(t){var n,o;return!!(!((o=this.collection.getItem(t))===null||o===void 0||(n=o.props)===null||n===void 0)&&n.href)}getItemProps(t){var n;return(n=this.collection.getItem(t))===null||n===void 0?void 0:n.props}constructor(t,n,o){this.collection=t,this.state=n;var a;this.allowsCellSelection=(a=o?.allowsCellSelection)!==null&&a!==void 0?a:!1,this._isSelectAll=null,this.layoutDelegate=o?.layoutDelegate||null}}function RT(e){let{filter:t,layoutDelegate:n}=e,o=PT(e),a=D.useMemo(()=>e.disabledKeys?new Set(e.disabledKeys):new Set,[e.disabledKeys]),s=D.useCallback(u=>t?new Eu(t(u)):new Eu(u),[t]),i=D.useMemo(()=>({suppressTextValueWarning:e.suppressTextValueWarning}),[e.suppressTextValueWarning]),l=ln.useCollection(e,s,i),d=D.useMemo(()=>new _T(l,o,{layoutDelegate:n}),[l,o,n]);const c=D.useRef(null);return D.useEffect(()=>{if(o.focusedKey!=null&&!l.getItem(o.focusedKey)&&c.current){const v=c.current.getItem(o.focusedKey),b=[...c.current.getKeys()].map(y=>{const k=c.current.getItem(y);return k?.type==="item"?k:null}).filter(y=>y!==null),C=[...l.getKeys()].map(y=>{const k=l.getItem(y);return k?.type==="item"?k:null}).filter(y=>y!==null);var u,m;const w=((u=b?.length)!==null&&u!==void 0?u:0)-((m=C?.length)!==null&&m!==void 0?m:0);var p,f,g;let T=Math.min(w>1?Math.max(((p=v?.index)!==null&&p!==void 0?p:0)-w+1,0):(f=v?.index)!==null&&f!==void 0?f:0,((g=C?.length)!==null&&g!==void 0?g:0)-1),x=null,F=!1;for(;T>=0;){if(!d.isDisabled(C[T].key)){x=C[T];break}if(T<C.length-1&&!F)T++;else{F=!0;var h,E;T>((h=v?.index)!==null&&h!==void 0?h:0)&&(T=(E=v?.index)!==null&&E!==void 0?E:0),T--}}o.setFocusedKey(x?x.key:null)}c.current=l},[l,d,o,o.focusedKey]),{collection:l,disabledKeys:a,selectionManager:d}}function AT(e){var t;let[n,o]=Yp(e.selectedKey,(t=e.defaultSelectedKey)!==null&&t!==void 0?t:null,e.onSelectionChange),a=D.useMemo(()=>n!=null?[n]:[],[n]),{collection:s,disabledKeys:i,selectionManager:l}=RT({...e,selectionMode:"single",disallowEmptySelection:!0,allowDuplicateSelectionEvents:!0,selectedKeys:a,onSelectionChange:c=>{if(c==="all")return;var u;let m=(u=c.values().next().value)!==null&&u!==void 0?u:null;m===n&&e.onSelectionChange&&e.onSelectionChange(m),o(m)}}),d=n!=null?s.getItem(n):null;return{collection:s,disabledKeys:i,selectionManager:l,selectedKey:n,setSelectedKey:o,selectedItem:d}}function FT(e){var t;let n=AT({...e,suppressTextValueWarning:!0,defaultSelectedKey:(t=e.defaultSelectedKey)!==null&&t!==void 0?t:wu(e.collection,e.disabledKeys?new Set(e.disabledKeys):new Set)}),{selectionManager:o,collection:a,selectedKey:s}=n,i=D.useRef(s);return D.useEffect(()=>{let l=s;(o.isEmpty||!a.getItem(l))&&(l=wu(a,n.disabledKeys),l!=null&&o.setSelectedKeys([l])),(l!=null&&o.focusedKey==null||!o.isFocused&&l!==i.current)&&o.setFocusedKey(l),i.current=l}),{...n,isDisabled:e.isDisabled||!1}}function wu(e,t){let n=null;if(e){var o,a,s,i;for(n=e.getFirstKey();(t.has(n)||!((a=e.getItem(n))===null||a===void 0||(o=a.props)===null||o===void 0)&&o.isDisabled)&&n!==e.getLastKey();)n=e.getKeyAfter(n);(t.has(n)||!((i=e.getItem(n))===null||i===void 0||(s=i.props)===null||s===void 0)&&s.isDisabled)&&n===e.getLastKey()&&(n=e.getFirstKey())}return n}const VT={},$T={};function Gs(e){const t=FT(e),n=r.useRef(null),{tabListProps:o}=OT(e,t,n);return r.createElement(r.Fragment,null,r.createElement("div",{...o,ref:n,className:"sps-nav sps-nav--tabs sps-tabs-v2"},[...t.collection].map(a=>r.createElement(vu,{key:a.key,item:a,state:t}))),r.createElement(yu,{key:t.selectedItem?t.selectedItem.key:null,state:t}))}Object.assign(Gs,{props:VT,propTypes:$T,displayName:"SpsTabsV2"});const KT={};function Us({children:e,className:t,...n}){return r.createElement("div",{className:V("sps-card__footer",t),...n},e)}Object.assign(Us,{props:KT,displayName:"SpsCardV2Footer"});const HT={};function zs({children:e,className:t,...n}){return r.createElement("div",{className:V("sps-card__header",t),...n},e)}Object.assign(zs,{props:HT,displayName:"SpsCardV2Header"});const WT={};function Cu({children:e,className:t,...n}){const[o,a,s,i,l]=ot(e,[{type:zs},{type:Gs},{type:em.Tabs},{type:Us}]),d=a.length>0?a:s;return r.createElement("div",{className:V("sps-card",t),...n},o,d.length>0?d:r.createElement("div",{className:"sps-card__body"},l),i)}Object.assign(Cu,{props:WT,displayName:"SpsCardV2"});const GT={};function Du({children:e,className:t,...n}){return r.createElement("div",{className:V("sps-card__title",t),...n},e)}Object.assign(Du,{props:GT,displayName:"SpsCardV2Title"});const UT={...ed,controlsDisabled:"boolean",footerLinks:"ReactNodeOrRenderFn",formMeta:"SpsFormSetMeta<any>",isOpen:"boolean",onClear:"() => void",onSubmit:"React.FormEventHandler"};function Nu(e){const{children:t,className:n,controlsDisabled:o,footerLinks:a,formArray:s,formGroup:i,formMeta:l,isOpen:d,onClear:c,onSubmit:u,unsafelyReplaceClassName:m,...p}=e,{t:f}=Se.useWoodlandLanguage();function g(){c&&c()}const h=V(m||"sps-advanced-search",d&&"sps-advanced-search--open",n);return r.createElement("div",{className:h,...p},r.createElement(oo,{onSubmit:u,formArray:s,formGroup:i,formMeta:l},r.createElement("div",{className:"sps-advanced-search__form"},t),r.createElement("div",{className:"sps-advanced-search__footer"},a&&r.createElement("div",{id:"footer_links"},je(a)),r.createElement("div",{className:"sps-advanced-search__footer-controls"},r.createElement(Ne,{kind:A.ButtonKind.DEFAULT,type:A.ButtonType.BUTTON,className:"mr-2",onClick:g,disabled:o},f("advancedSearch.clear")),r.createElement(Ne,{kind:A.ButtonKind.KEY,type:A.ButtonType.SUBMIT,disabled:o},f("advancedSearch.search"))))))}Object.assign(Nu,{props:UT,displayName:"SpsAdvancedSearch"});const zT={general:{label:"General Usage",description:({NavigateTo:e,Link:t})=>r.createElement(r.Fragment,null,r.createElement("p",null,'Advanced Search is comprised of a panel of input fields, and a text button that exposes and hides the panel. By default, the Advanced Search panel is hidden (with the exception of "Advanced Search Only" scenarios).'),r.createElement("p",null,"Advanced Search works in conjunction with the"," ",r.createElement(e,{to:"list-toolbar"},"List Bar")," and"," ",r.createElement(e,{to:"search-results-bar"},"Search Results")," components. Refer to those pages for additional details."),r.createElement("p",null,"Use the following guidelines when including Advanced Search on your page:",r.createElement("ul",null,r.createElement("li",null,"The Advanced Search Panel can contain any number of input fields."),r.createElement("li",null,"The Advanced Search Panel can place input fields in any unique layout to best serve the needs of the search criteria, but must adhere to the rules of the"," ",r.createElement(t,{to:"/style-and-layout/grid/"},"SPS Grid")," and guidelines for"," ",r.createElement(e,{to:"form"},"Form Layouts"),"."))))},basic:{label:"Basic Usage",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("p",null,"A Basic Advanced Search consists of the List Bar with a search input and an Advanced Search text button. For more details on additional button and component options in the List Bar reference the ",r.createElement(e,{to:"list-toolbar"},"List Bar")," page.")),examples:{basic:{react:S.code`
+                `}}}},hE={Autocomplete:{components:[yt],examples:Ni},Checkboxes:{components:[Ut],examples:Ii},"Clickable Tags":{components:[An],examples:xi},"Column Chooser":{components:[Wa,Go],examples:nd},"Conditional Fields":{description:()=>r.createElement("p",null,"A conditional field is one that is only available when a certain option is selected amongst a set of checkboxes or radio buttons."),components:[Ts],examples:Ip},"Content Rows":{components:[Ga,Xt,Uo],examples:od},"Content Sections":{components:[Xa],examples:Od},"Date Pickers":{components:[Ua],examples:ud},"Date Range Pickers":{components:[ja],examples:Sd},"Date Time Range Pickers":{components:[Ya],examples:Ed},Datetime:{components:[qa],examples:Td},"Time Input":{components:[Cs],examples:Op},"Description Lists":{description:()=>r.createElement("p",null,"Description Lists display a series of terms with accompanying descriptions such as a glossary of terms."),components:[Jo,Xo,Qo],examples:kd},Dropdown:{components:[en,Ja],examples:Ld},"Filter Panel":{components:[bs,vs,ys,Es],examples:Np},Form:{components:[oo],examples:td},Incrementor:{components:[Za],examples:Bd},Label:{description:()=>r.createElement("p",null,"Labels provide a description for the value to be entered or selected in an accompanying input field."),components:[Qa],examples:Pd},"List Action Bar":{description:()=>r.createElement("p",null,"The List Action Bar contains the action buttons relevant to selected items from a Table List, Row List, or Card List. The List Action Bar is only visible when one or more list items have been selected and appears anchored to the bottom of the page above all other content."),components:[es],examples:Zd},"Micro Block":{components:[ts],examples:Qd},Modals:{description:()=>r.createElement("p",null,"Modals are overlays on a page that focus a user’s attention on an important message or a simple action. Examples of a Modal include confirming the deletion of a record, or making a single selection."),components:[ns,tr],examples:tp},"Multi Select":{description:()=>r.createElement("p",null,"Multi-Selects consist of a Label and a dropdown menu from which a user selects one or more values from a list of pre-defined options."),components:[rs],examples:np},"Multi Value Text Input":{description:()=>r.createElement("p",null,"To be determined."),components:[ws],examples:kp},Pagination:{description:()=>r.createElement("p",null,"The Pagination component allows users to navigate lists of records and control the number of records displayed on each page. The records can span across multiple pages, or within sections of a page."),components:[as,nr],examples:op},"Radio Buttons":{description:"Radio Buttons allow a user to make single selection from a list of predefined options.",components:[ss],examples:rp},Selects:{description:"Selects consist off a Label and a dropdown menu from which a user selects a value from a list of pre-defined options.",components:[Zt],examples:gd},"Side Navigation":{description:"Side Navigations are used to provide quick access to a series of related pages or content. It can be used to navigate between different page views, or as an anchor-style menu to scroll to specific content on the same page.",components:[sp],examples:ip},"Split Button":{components:[is],examples:lp},"Summary List Row":{components:[ls,cs,so],examples:cp},Tables:{description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("div",{className:"sps-body-14"},"Tables (along with ",r.createElement(e,{to:"content-rows"},"Content Rows")," and"," ",r.createElement(e,{to:"content-tiles"},"Content Tiles"),") are one of three options for displaying a list of records on a page."),r.createElement("br",null),r.createElement("div",{className:"sps-body-14"},"Tables are the ideal solution for displaying tabular data, especially when the listed records contain a considerable amount of data points. While tables are primarily used to display an extensive list of records, often in a paginated format, they can also be used to display smaller sets of tabular data in any context.")),components:[tn,_t,oe,Pt,Pe,Ne],examples:Xd},"Task Queue":{components:[ds],examples:dp},"Text Inputs":{description:()=>r.createElement("p",null,"Text Inputs consist of a Label and a field in which a user enters a short value."),components:[rr],examples:pp},"Text Areas":{description:()=>r.createElement("p",null,"Text Areas consist of a Label and a field in which a user enters a long value."),components:[ps],examples:up},Toggles:{description:()=>r.createElement("p",null,"Toggles allow a user to immediately turn a setting on or off."),components:[us],examples:fp},Tooltips:{components:[it,ms],examples:Sp},Wizard:{components:[Ss,gs],examples:bp},Workflow:{components:[ar,sr,ir,lr],examples:Dp,notices:[lE]},"Slide In Panels":{description:"",components:[os],examples:ep}},Bp=new WeakMap;function cr(e,t,n){return e?(typeof t=="string"&&(t=t.replace(/\s+/g,"")),`${Bp.get(e)}-${n}-${t}`):""}const io=typeof document<"u"?D.useLayoutEffect:()=>{};function Cn(e){const t=D.useRef(null);return io(()=>{t.current=e},[e]),D.useCallback((...n)=>{const o=t.current;return o?.(...n)},[])}const dr={prefix:String(Math.round(Math.random()*1e10)),current:0},Pp=D.createContext(dr),bE=D.createContext(!1);let vE=!!(typeof window<"u"&&window.document&&window.document.createElement),Ds=new WeakMap;function yE(e=!1){let t=D.useContext(Pp),n=D.useRef(null);if(n.current===null&&!e){var o,a;let s=(a=D.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED)===null||a===void 0||(o=a.ReactCurrentOwner)===null||o===void 0?void 0:o.current;if(s){let i=Ds.get(s);i==null?Ds.set(s,{id:t.current,state:s.memoizedState}):s.memoizedState!==i.state&&(t.current=i.id,Ds.delete(s))}n.current=++t.current}return n.current}function EE(e){let t=D.useContext(Pp);t===dr&&!vE&&console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");let n=yE(!!e),o=t===dr&&process.env.NODE_ENV==="test"?"react-aria":`react-aria${t.prefix}`;return e||`${o}-${n}`}function TE(e){let t=D.useId(),[n]=D.useState(_p()),o=n||process.env.NODE_ENV==="test"?"react-aria":`react-aria${dr.prefix}`;return e||`${o}-${t}`}const wE=typeof D.useId=="function"?TE:EE;function CE(){return!1}function DE(){return!0}function NE(e){return()=>{}}function _p(){return typeof D.useSyncExternalStore=="function"?D.useSyncExternalStore(NE,CE,DE):D.useContext(bE)}let IE=!!(typeof window<"u"&&window.document&&window.document.createElement),Rt=new Map;function Rp(e){let[t,n]=D.useState(e),o=D.useRef(null),a=wE(t),s=D.useCallback(i=>{o.current=i},[]);return IE&&(Rt.has(a)&&!Rt.get(a).includes(s)?Rt.set(a,[...Rt.get(a),s]):Rt.set(a,[s])),io(()=>{let i=a;return()=>{Rt.delete(i)}},[a]),D.useEffect(()=>{let i=o.current;i&&(o.current=null,n(i))}),a}function xE(e,t){if(e===t)return e;let n=Rt.get(e);if(n)return n.forEach(a=>a(t)),t;let o=Rt.get(t);return o?(o.forEach(a=>a(e)),e):t}function Ap(...e){return(...t)=>{for(let n of e)typeof n=="function"&&n(...t)}}const et=e=>{var t;return(t=e?.ownerDocument)!==null&&t!==void 0?t:document},nn=e=>e&&"window"in e&&e.window===e?e:et(e).defaultView||window;function At(...e){let t={...e[0]};for(let n=1;n<e.length;n++){let o=e[n];for(let a in o){let s=t[a],i=o[a];typeof s=="function"&&typeof i=="function"&&a[0]==="o"&&a[1]==="n"&&a.charCodeAt(2)>=65&&a.charCodeAt(2)<=90?t[a]=Ap(s,i):(a==="className"||a==="UNSAFE_className")&&typeof s=="string"&&typeof i=="string"?t[a]=F(s,i):a==="id"&&s&&i?t.id=xE(s,i):t[a]=i!==void 0?i:s}}return t}const ME=new Set(["id"]),kE=new Set(["aria-label","aria-labelledby","aria-describedby","aria-details"]),LE=new Set(["href","hrefLang","target","rel","download","ping","referrerPolicy"]),OE=/^(data-.*)$/;function BE(e,t={}){let{labelable:n,isLink:o,propNames:a}=t,s={};for(const i in e)Object.prototype.hasOwnProperty.call(e,i)&&(ME.has(i)||n&&kE.has(i)||o&&LE.has(i)||a?.has(i)||OE.test(i))&&(s[i]=e[i]);return s}function Ct(e){if(PE())e.focus({preventScroll:!0});else{let t=_E(e);e.focus(),RE(t)}}let pr=null;function PE(){if(pr==null){pr=!1;try{document.createElement("div").focus({get preventScroll(){return pr=!0,!0}})}catch{}}return pr}function _E(e){let t=e.parentNode,n=[],o=document.scrollingElement||document.documentElement;for(;t instanceof HTMLElement&&t!==o;)(t.offsetHeight<t.scrollHeight||t.offsetWidth<t.scrollWidth)&&n.push({element:t,scrollTop:t.scrollTop,scrollLeft:t.scrollLeft}),t=t.parentNode;return o instanceof HTMLElement&&n.push({element:o,scrollTop:o.scrollTop,scrollLeft:o.scrollLeft}),n}function RE(e){for(let{element:t,scrollTop:n,scrollLeft:o}of e)t.scrollTop=n,t.scrollLeft=o}function ur(e){var t;return typeof window>"u"||window.navigator==null?!1:((t=window.navigator.userAgentData)===null||t===void 0?void 0:t.brands.some(n=>e.test(n.brand)))||e.test(window.navigator.userAgent)}function Ns(e){var t;return typeof window<"u"&&window.navigator!=null?e.test(((t=window.navigator.userAgentData)===null||t===void 0?void 0:t.platform)||window.navigator.platform):!1}function Dt(e){let t=null;return()=>(t==null&&(t=e()),t)}const on=Dt(function(){return Ns(/^Mac/i)}),AE=Dt(function(){return Ns(/^iPhone/i)}),Fp=Dt(function(){return Ns(/^iPad/i)||on()&&navigator.maxTouchPoints>1}),Is=Dt(function(){return AE()||Fp()}),FE=Dt(function(){return on()||Is()}),VE=Dt(function(){return ur(/AppleWebKit/i)&&!$E()}),$E=Dt(function(){return ur(/Chrome/i)}),Vp=Dt(function(){return ur(/Android/i)}),KE=Dt(function(){return ur(/Firefox/i)}),HE=D.createContext({isNative:!0,open:GE,useHref:e=>e});function xs(){return D.useContext(HE)}function rn(e,t,n=!0){var o,a;let{metaKey:s,ctrlKey:i,altKey:l,shiftKey:d}=t;KE()&&(!((a=window.event)===null||a===void 0||(o=a.type)===null||o===void 0)&&o.startsWith("key"))&&e.target==="_blank"&&(on()?s=!0:i=!0);let c=VE()&&on()&&!Fp()?new KeyboardEvent("keydown",{keyIdentifier:"Enter",metaKey:s,ctrlKey:i,altKey:l,shiftKey:d}):new MouseEvent("click",{metaKey:s,ctrlKey:i,altKey:l,shiftKey:d,bubbles:!0,cancelable:!0});rn.isOpening=n,Ct(e),e.dispatchEvent(c),rn.isOpening=!1}rn.isOpening=!1;function WE(e,t){if(e instanceof HTMLAnchorElement)t(e);else if(e.hasAttribute("data-href")){let n=document.createElement("a");n.href=e.getAttribute("data-href"),e.hasAttribute("data-target")&&(n.target=e.getAttribute("data-target")),e.hasAttribute("data-rel")&&(n.rel=e.getAttribute("data-rel")),e.hasAttribute("data-download")&&(n.download=e.getAttribute("data-download")),e.hasAttribute("data-ping")&&(n.ping=e.getAttribute("data-ping")),e.hasAttribute("data-referrer-policy")&&(n.referrerPolicy=e.getAttribute("data-referrer-policy")),e.appendChild(n),t(n),e.removeChild(n)}}function GE(e,t){WE(e,n=>rn(n,t))}function UE(e){let t=xs();var n;const o=t.useHref((n=e?.href)!==null&&n!==void 0?n:"");return{href:e?.href?o:void 0,target:e?.target,rel:e?.rel,download:e?.download,ping:e?.ping,referrerPolicy:e?.referrerPolicy}}let Dn=new Map,Ms=new Set;function $p(){if(typeof window>"u")return;function e(o){return"propertyName"in o}let t=o=>{if(!e(o)||!o.target)return;let a=Dn.get(o.target);a||(a=new Set,Dn.set(o.target,a),o.target.addEventListener("transitioncancel",n,{once:!0})),a.add(o.propertyName)},n=o=>{if(!e(o)||!o.target)return;let a=Dn.get(o.target);if(a&&(a.delete(o.propertyName),a.size===0&&(o.target.removeEventListener("transitioncancel",n),Dn.delete(o.target)),Dn.size===0)){for(let s of Ms)s();Ms.clear()}};document.body.addEventListener("transitionrun",t),document.body.addEventListener("transitionend",n)}typeof document<"u"&&(document.readyState!=="loading"?$p():document.addEventListener("DOMContentLoaded",$p));function Kp(e){requestAnimationFrame(()=>{Dn.size===0?e():Ms.add(e)})}function Hp(){let e=D.useRef(new Map),t=D.useCallback((a,s,i,l)=>{let d=l?.once?(...c)=>{e.current.delete(i),i(...c)}:i;e.current.set(i,{type:s,eventTarget:a,fn:d,options:l}),a.addEventListener(s,i,l)},[]),n=D.useCallback((a,s,i,l)=>{var d;let c=((d=e.current.get(i))===null||d===void 0?void 0:d.fn)||i;a.removeEventListener(s,c,l),e.current.delete(i)},[]),o=D.useCallback(()=>{e.current.forEach((a,s)=>{n(a.eventTarget,a.type,s,a.options)})},[n]);return D.useEffect(()=>o,[o]),{addGlobalListener:t,removeGlobalListener:n,removeAllGlobalListeners:o}}function Wp(e,t){let{id:n,"aria-label":o,"aria-labelledby":a}=e;return n=Rp(n),a&&o?a=[...new Set([n,...a.trim().split(/\s+/)])].join(" "):a&&(a=a.trim().split(/\s+/).join(" ")),!o&&!a&&t&&(o=t),{id:n,"aria-label":o,"aria-labelledby":a}}function zE(e,t){io(()=>{if(e&&e.ref&&t)return e.ref.current=t.current,()=>{e.ref&&(e.ref.current=null)}})}function jE(e,t){let n=window.getComputedStyle(e),o=/(auto|scroll)/.test(n.overflow+n.overflowX+n.overflowY);return o&&t&&(o=e.scrollHeight!==e.clientHeight||e.scrollWidth!==e.clientWidth),o}function YE(e,t){const n=[];for(;e&&e!==document.documentElement;)jE(e,t)&&n.push(e),e=e.parentElement;return n}let qE=0;const ks=new Map;function JE(e){let[t,n]=D.useState();return io(()=>{if(!e)return;let o=ks.get(e);if(o)n(o.element.id);else{let a=`react-aria-description-${qE++}`;n(a);let s=document.createElement("div");s.id=a,s.style.display="none",s.textContent=e,document.body.appendChild(s),o={refCount:0,element:s},ks.set(e,o)}return o.refCount++,()=>{o&&--o.refCount===0&&(o.element.remove(),ks.delete(e))}},[e]),{"aria-describedby":e?t:void 0}}function Gp(e,t,n,o){let a=Cn(n),s=n==null;D.useEffect(()=>{if(s||!e.current)return;let i=e.current;return i.addEventListener(t,a,o),()=>{i.removeEventListener(t,a,o)}},[e,t,o,s,a])}function Up(e,t){let n=zp(e,t,"left"),o=zp(e,t,"top"),a=t.offsetWidth,s=t.offsetHeight,i=e.scrollLeft,l=e.scrollTop,{borderTopWidth:d,borderLeftWidth:c}=getComputedStyle(e),u=e.scrollLeft+parseInt(c,10),m=e.scrollTop+parseInt(d,10),p=u+e.clientWidth,f=m+e.clientHeight;n<=i?i=n-parseInt(c,10):n+a>p&&(i+=n+a-p),o<=m?l=o-parseInt(d,10):o+s>f&&(l+=o+s-f),e.scrollLeft=i,e.scrollTop=l}function zp(e,t,n){const o=n==="left"?"offsetLeft":"offsetTop";let a=0;for(;t.offsetParent&&(a+=t[o],t.offsetParent!==e);){if(t.offsetParent.contains(e)){a-=e[o];break}t=t.offsetParent}return a}function jp(e,t){if(document.contains(e)){let i=document.scrollingElement||document.documentElement;if(window.getComputedStyle(i).overflow==="hidden"){let d=YE(e);for(let c of d)Up(c,e)}else{var n;let{left:d,top:c}=e.getBoundingClientRect();e==null||(n=e.scrollIntoView)===null||n===void 0||n.call(e,{block:"nearest"});let{left:u,top:m}=e.getBoundingClientRect();if(Math.abs(d-u)>1||Math.abs(c-m)>1){var o,a,s;t==null||(a=t.containingElement)===null||a===void 0||(o=a.scrollIntoView)===null||o===void 0||o.call(a,{block:"center",inline:"center"}),(s=e.scrollIntoView)===null||s===void 0||s.call(e,{block:"nearest"})}}}}function Ls(e){return e.mozInputSource===0&&e.isTrusted?!0:Vp()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function XE(e){return!Vp()&&e.width===0&&e.height===0||e.width===1&&e.height===1&&e.pressure===0&&e.detail===0&&e.pointerType==="mouse"}function Yp(e,t,n){let[o,a]=D.useState(e||t),s=D.useRef(e!==void 0),i=e!==void 0;D.useEffect(()=>{let c=s.current;c!==i&&console.warn(`WARN: A component changed from ${c?"controlled":"uncontrolled"} to ${i?"controlled":"uncontrolled"}.`),s.current=i},[i]);let l=i?e:o,d=D.useCallback((c,...u)=>{let m=(p,...f)=>{n&&(Object.is(l,p)||n(p,...f)),i||(l=p)};typeof c=="function"?(console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"),a((f,...g)=>{let h=c(i?l:f,...g);return m(h,...u),i?f:h})):(i||a(c),m(c,...u))},[i,l,n]);return[l,d]}function Os(e){return FE()?e.altKey:e.ctrlKey}function Nn(e){return on()?e.metaKey:e.ctrlKey}const ZE=1e3;function QE(e){let{keyboardDelegate:t,selectionManager:n,onTypeSelect:o}=e,a=D.useRef({search:"",timeout:null}).current,s=i=>{let l=eT(i.key);if(!l||i.ctrlKey||i.metaKey||!i.currentTarget.contains(i.target))return;l===" "&&a.search.trim().length>0&&(i.preventDefault(),"continuePropagation"in i||i.stopPropagation()),a.search+=l;let d=t.getKeyForSearch(a.search,n.focusedKey);d==null&&(d=t.getKeyForSearch(a.search)),d!=null&&(n.setFocusedKey(d),o&&o(d)),clearTimeout(a.timeout),a.timeout=setTimeout(()=>{a.search=""},ZE)};return{typeSelectProps:{onKeyDownCapture:t.getKeyForSearch?s:null}}}function eT(e){return e.length===1||!/^[A-Z]/i.test(e)?e:""}let In="default",Bs="",mr=new WeakMap;function qp(e){if(Is()){if(In==="default"){const t=et(e);Bs=t.documentElement.style.webkitUserSelect,t.documentElement.style.webkitUserSelect="none"}In="disabled"}else(e instanceof HTMLElement||e instanceof SVGElement)&&(mr.set(e,e.style.userSelect),e.style.userSelect="none")}function fr(e){if(Is()){if(In!=="disabled")return;In="restoring",setTimeout(()=>{Kp(()=>{if(In==="restoring"){const t=et(e);t.documentElement.style.webkitUserSelect==="none"&&(t.documentElement.style.webkitUserSelect=Bs||""),Bs="",In="default"}})},300)}else if((e instanceof HTMLElement||e instanceof SVGElement)&&e&&mr.has(e)){let t=mr.get(e);e.style.userSelect==="none"&&(e.style.userSelect=t),e.getAttribute("style")===""&&e.removeAttribute("style"),mr.delete(e)}}const Jp=D.createContext({register:()=>{}});Jp.displayName="PressResponderContext";function tT(e,t){return t.get?t.get.call(e):t.value}function Xp(e,t,n){if(!t.has(e))throw new TypeError("attempted to "+n+" private field on non-instance");return t.get(e)}function nT(e,t){var n=Xp(e,t,"get");return tT(e,n)}function oT(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}function rT(e,t,n){oT(e,t),t.set(e,n)}function aT(e,t,n){if(t.set)t.set.call(e,n);else{if(!t.writable)throw new TypeError("attempted to set read only private field");t.value=n}}function Zp(e,t,n){var o=Xp(e,t,"set");return aT(e,o,n),n}function sT(e){let t=D.useContext(Jp);if(t){let{register:n,...o}=t;e=At(o,e),n()}return zE(t,e.ref),e}var Sr=new WeakMap;class gr{continuePropagation(){Zp(this,Sr,!1)}get shouldStopPropagation(){return nT(this,Sr)}constructor(t,n,o,a){rT(this,Sr,{writable:!0,value:void 0}),Zp(this,Sr,!0);var s;let i=(s=a?.target)!==null&&s!==void 0?s:o.currentTarget;const l=i?.getBoundingClientRect();let d,c=0,u,m=null;o.clientX!=null&&o.clientY!=null&&(u=o.clientX,m=o.clientY),l&&(u!=null&&m!=null?(d=u-l.left,c=m-l.top):(d=l.width/2,c=l.height/2)),this.type=t,this.pointerType=n,this.target=o.currentTarget,this.shiftKey=o.shiftKey,this.metaKey=o.metaKey,this.ctrlKey=o.ctrlKey,this.altKey=o.altKey,this.x=d,this.y=c}}const Qp=Symbol("linkClicked");function eu(e){let{onPress:t,onPressChange:n,onPressStart:o,onPressEnd:a,onPressUp:s,isDisabled:i,isPressed:l,preventFocusOnPress:d,shouldCancelOnPointerExit:c,allowTextSelectionOnPress:u,ref:m,...p}=sT(e),[f,g]=D.useState(!1),h=D.useRef({isPressed:!1,ignoreEmulatedMouseEvents:!1,ignoreClickAfterPress:!1,didFirePressStart:!1,isTriggeringEvent:!1,activePointerId:null,target:null,isOverTarget:!1,pointerType:null}),{addGlobalListener:E,removeAllGlobalListeners:v}=Hp(),b=Cn((y,k)=>{let x=h.current;if(i||x.didFirePressStart)return!1;let P=!0;if(x.isTriggeringEvent=!0,o){let z=new gr("pressstart",k,y);o(z),P=z.shouldStopPropagation}return n&&n(!0),x.isTriggeringEvent=!1,x.didFirePressStart=!0,g(!0),P}),C=Cn((y,k,x=!0)=>{let P=h.current;if(!P.didFirePressStart)return!1;P.ignoreClickAfterPress=!0,P.didFirePressStart=!1,P.isTriggeringEvent=!0;let z=!0;if(a){let I=new gr("pressend",k,y);a(I),z=I.shouldStopPropagation}if(n&&n(!1),g(!1),t&&x&&!i){let I=new gr("press",k,y);t(I),z&&(z=I.shouldStopPropagation)}return P.isTriggeringEvent=!1,z}),w=Cn((y,k)=>{let x=h.current;if(i)return!1;if(s){x.isTriggeringEvent=!0;let P=new gr("pressup",k,y);return s(P),x.isTriggeringEvent=!1,P.shouldStopPropagation}return!0}),T=Cn(y=>{let k=h.current;k.isPressed&&k.target&&(k.isOverTarget&&k.pointerType!=null&&C(Nt(k.target,y),k.pointerType,!1),k.isPressed=!1,k.isOverTarget=!1,k.activePointerId=null,k.pointerType=null,v(),u||fr(k.target))}),M=Cn(y=>{c&&T(y)}),_=D.useMemo(()=>{let y=h.current,k={onKeyDown(P){if(_s(P.nativeEvent,P.currentTarget)&&P.currentTarget.contains(P.target)){var z;ou(P.target,P.key)&&P.preventDefault();let I=!0;if(!y.isPressed&&!P.repeat){y.target=P.currentTarget,y.isPressed=!0,I=b(P,"keyboard");let Y=P.currentTarget,V=W=>{_s(W,Y)&&!W.repeat&&Y.contains(W.target)&&y.target&&w(Nt(y.target,W),"keyboard")};E(et(P.currentTarget),"keyup",Ap(V,x),!0)}I&&P.stopPropagation(),P.metaKey&&on()&&((z=y.metaKeyEvents)===null||z===void 0||z.set(P.key,P.nativeEvent))}else P.key==="Meta"&&(y.metaKeyEvents=new Map)},onClick(P){if(!(P&&!P.currentTarget.contains(P.target))&&P&&P.button===0&&!y.isTriggeringEvent&&!rn.isOpening){let z=!0;if(i&&P.preventDefault(),!y.ignoreClickAfterPress&&!y.ignoreEmulatedMouseEvents&&!y.isPressed&&(y.pointerType==="virtual"||Ls(P.nativeEvent))){!i&&!d&&Ct(P.currentTarget);let I=b(P,"virtual"),Y=w(P,"virtual"),V=C(P,"virtual");z=I&&Y&&V}y.ignoreEmulatedMouseEvents=!1,y.ignoreClickAfterPress=!1,z&&P.stopPropagation()}}},x=P=>{var z;if(y.isPressed&&y.target&&_s(P,y.target)){var I;ou(P.target,P.key)&&P.preventDefault();let V=P.target;C(Nt(y.target,P),"keyboard",y.target.contains(V)),v(),P.key!=="Enter"&&Ps(y.target)&&y.target.contains(V)&&!P[Qp]&&(P[Qp]=!0,rn(y.target,P,!1)),y.isPressed=!1,(I=y.metaKeyEvents)===null||I===void 0||I.delete(P.key)}else if(P.key==="Meta"&&(!((z=y.metaKeyEvents)===null||z===void 0)&&z.size)){var Y;let V=y.metaKeyEvents;y.metaKeyEvents=void 0;for(let W of V.values())(Y=y.target)===null||Y===void 0||Y.dispatchEvent(new KeyboardEvent("keyup",W))}};if(typeof PointerEvent<"u"){k.onPointerDown=V=>{if(V.button!==0||!V.currentTarget.contains(V.target))return;if(XE(V.nativeEvent)){y.pointerType="virtual";return}Rs(V.currentTarget)&&V.preventDefault(),y.pointerType=V.pointerType;let W=!0;y.isPressed||(y.isPressed=!0,y.isOverTarget=!0,y.activePointerId=V.pointerId,y.target=V.currentTarget,!i&&!d&&Ct(V.currentTarget),u||qp(y.target),W=b(V,y.pointerType),E(et(V.currentTarget),"pointermove",P,!1),E(et(V.currentTarget),"pointerup",z,!1),E(et(V.currentTarget),"pointercancel",Y,!1)),W&&V.stopPropagation()},k.onMouseDown=V=>{V.currentTarget.contains(V.target)&&V.button===0&&(Rs(V.currentTarget)&&V.preventDefault(),V.stopPropagation())},k.onPointerUp=V=>{!V.currentTarget.contains(V.target)||y.pointerType==="virtual"||V.button===0&&xn(V,V.currentTarget)&&w(V,y.pointerType||V.pointerType)};let P=V=>{V.pointerId===y.activePointerId&&(y.target&&xn(V,y.target)?!y.isOverTarget&&y.pointerType!=null&&(y.isOverTarget=!0,b(Nt(y.target,V),y.pointerType)):y.target&&y.isOverTarget&&y.pointerType!=null&&(y.isOverTarget=!1,C(Nt(y.target,V),y.pointerType,!1),M(V)))},z=V=>{V.pointerId===y.activePointerId&&y.isPressed&&V.button===0&&y.target&&(xn(V,y.target)&&y.pointerType!=null?C(Nt(y.target,V),y.pointerType):y.isOverTarget&&y.pointerType!=null&&C(Nt(y.target,V),y.pointerType,!1),y.isPressed=!1,y.isOverTarget=!1,y.activePointerId=null,y.pointerType=null,v(),u||fr(y.target),"ontouchend"in y.target&&V.pointerType!=="mouse"&&E(y.target,"touchend",I,{once:!0}))},I=V=>{nu(V.target)&&V.preventDefault()},Y=V=>{T(V)};k.onDragStart=V=>{V.currentTarget.contains(V.target)&&T(V)}}else{k.onMouseDown=I=>{if(I.button!==0||!I.currentTarget.contains(I.target))return;if(Rs(I.currentTarget)&&I.preventDefault(),y.ignoreEmulatedMouseEvents){I.stopPropagation();return}y.isPressed=!0,y.isOverTarget=!0,y.target=I.currentTarget,y.pointerType=Ls(I.nativeEvent)?"virtual":"mouse",!i&&!d&&Ct(I.currentTarget),b(I,y.pointerType)&&I.stopPropagation(),E(et(I.currentTarget),"mouseup",P,!1)},k.onMouseEnter=I=>{if(!I.currentTarget.contains(I.target))return;let Y=!0;y.isPressed&&!y.ignoreEmulatedMouseEvents&&y.pointerType!=null&&(y.isOverTarget=!0,Y=b(I,y.pointerType)),Y&&I.stopPropagation()},k.onMouseLeave=I=>{if(!I.currentTarget.contains(I.target))return;let Y=!0;y.isPressed&&!y.ignoreEmulatedMouseEvents&&y.pointerType!=null&&(y.isOverTarget=!1,Y=C(I,y.pointerType,!1),M(I)),Y&&I.stopPropagation()},k.onMouseUp=I=>{I.currentTarget.contains(I.target)&&!y.ignoreEmulatedMouseEvents&&I.button===0&&w(I,y.pointerType||"mouse")};let P=I=>{if(I.button===0){if(y.isPressed=!1,v(),y.ignoreEmulatedMouseEvents){y.ignoreEmulatedMouseEvents=!1;return}y.target&&xn(I,y.target)&&y.pointerType!=null?C(Nt(y.target,I),y.pointerType):y.target&&y.isOverTarget&&y.pointerType!=null&&C(Nt(y.target,I),y.pointerType,!1),y.isOverTarget=!1}};k.onTouchStart=I=>{if(!I.currentTarget.contains(I.target))return;let Y=iT(I.nativeEvent);if(!Y)return;y.activePointerId=Y.identifier,y.ignoreEmulatedMouseEvents=!0,y.isOverTarget=!0,y.isPressed=!0,y.target=I.currentTarget,y.pointerType="touch",!i&&!d&&Ct(I.currentTarget),u||qp(y.target),b(Ft(y.target,I),y.pointerType)&&I.stopPropagation(),E(nn(I.currentTarget),"scroll",z,!0)},k.onTouchMove=I=>{if(!I.currentTarget.contains(I.target))return;if(!y.isPressed){I.stopPropagation();return}let Y=tu(I.nativeEvent,y.activePointerId),V=!0;Y&&xn(Y,I.currentTarget)?!y.isOverTarget&&y.pointerType!=null&&(y.isOverTarget=!0,V=b(Ft(y.target,I),y.pointerType)):y.isOverTarget&&y.pointerType!=null&&(y.isOverTarget=!1,V=C(Ft(y.target,I),y.pointerType,!1),M(Ft(y.target,I))),V&&I.stopPropagation()},k.onTouchEnd=I=>{if(!I.currentTarget.contains(I.target))return;if(!y.isPressed){I.stopPropagation();return}let Y=tu(I.nativeEvent,y.activePointerId),V=!0;Y&&xn(Y,I.currentTarget)&&y.pointerType!=null?(w(Ft(y.target,I),y.pointerType),V=C(Ft(y.target,I),y.pointerType)):y.isOverTarget&&y.pointerType!=null&&(V=C(Ft(y.target,I),y.pointerType,!1)),V&&I.stopPropagation(),y.isPressed=!1,y.activePointerId=null,y.isOverTarget=!1,y.ignoreEmulatedMouseEvents=!0,y.target&&!u&&fr(y.target),v()},k.onTouchCancel=I=>{I.currentTarget.contains(I.target)&&(I.stopPropagation(),y.isPressed&&T(Ft(y.target,I)))};let z=I=>{y.isPressed&&I.target.contains(y.target)&&T({currentTarget:y.target,shiftKey:!1,ctrlKey:!1,metaKey:!1,altKey:!1})};k.onDragStart=I=>{I.currentTarget.contains(I.target)&&T(I)}}return k},[E,i,d,v,u,T,M,C,b,w]);return D.useEffect(()=>()=>{var y;u||fr((y=h.current.target)!==null&&y!==void 0?y:void 0)},[u]),{isPressed:l||f,pressProps:At(p,_)}}function Ps(e){return e.tagName==="A"&&e.hasAttribute("href")}function _s(e,t){const{key:n,code:o}=e,a=t,s=a.getAttribute("role");return(n==="Enter"||n===" "||n==="Spacebar"||o==="Space")&&!(a instanceof nn(a).HTMLInputElement&&!ru(a,n)||a instanceof nn(a).HTMLTextAreaElement||a.isContentEditable)&&!((s==="link"||!s&&Ps(a))&&n!=="Enter")}function iT(e){const{targetTouches:t}=e;return t.length>0?t[0]:null}function tu(e,t){const n=e.changedTouches;for(let o=0;o<n.length;o++){const a=n[o];if(a.identifier===t)return a}return null}function Ft(e,t){let n=0,o=0;return t.targetTouches&&t.targetTouches.length===1&&(n=t.targetTouches[0].clientX,o=t.targetTouches[0].clientY),{currentTarget:e,shiftKey:t.shiftKey,ctrlKey:t.ctrlKey,metaKey:t.metaKey,altKey:t.altKey,clientX:n,clientY:o}}function Nt(e,t){let n=t.clientX,o=t.clientY;return{currentTarget:e,shiftKey:t.shiftKey,ctrlKey:t.ctrlKey,metaKey:t.metaKey,altKey:t.altKey,clientX:n,clientY:o}}function lT(e){let t=0,n=0;return e.width!==void 0?t=e.width/2:e.radiusX!==void 0&&(t=e.radiusX),e.height!==void 0?n=e.height/2:e.radiusY!==void 0&&(n=e.radiusY),{top:e.clientY-n,right:e.clientX+t,bottom:e.clientY+n,left:e.clientX-t}}function cT(e,t){return!(e.left>t.right||t.left>e.right||e.top>t.bottom||t.top>e.bottom)}function xn(e,t){let n=t.getBoundingClientRect(),o=lT(e);return cT(n,o)}function Rs(e){return!(e instanceof HTMLElement)||!e.hasAttribute("draggable")}function nu(e){return e instanceof HTMLInputElement?!1:e instanceof HTMLButtonElement?e.type!=="submit"&&e.type!=="reset":!Ps(e)}function ou(e,t){return e instanceof HTMLInputElement?!ru(e,t):nu(e)}const dT=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);function ru(e,t){return e.type==="checkbox"||e.type==="radio"?t===" ":dT.has(e.type)}let lo=null,pT=new Set,co=new Map,an=!1,As=!1;function Fs(e,t){for(let n of pT)n(e,t)}function uT(e){return!(e.metaKey||!on()&&e.altKey||e.ctrlKey||e.key==="Control"||e.key==="Shift"||e.key==="Meta")}function hr(e){an=!0,uT(e)&&(lo="keyboard",Fs("keyboard",e))}function lt(e){lo="pointer",(e.type==="mousedown"||e.type==="pointerdown")&&(an=!0,Fs("pointer",e))}function au(e){Ls(e)&&(an=!0,lo="virtual")}function su(e){e.target===window||e.target===document||(!an&&!As&&(lo="virtual",Fs("virtual",e)),an=!1,As=!1)}function iu(){an=!1,As=!0}function lu(e){if(typeof window>"u"||co.get(nn(e)))return;const t=nn(e),n=et(e);let o=t.HTMLElement.prototype.focus;t.HTMLElement.prototype.focus=function(){an=!0,o.apply(this,arguments)},n.addEventListener("keydown",hr,!0),n.addEventListener("keyup",hr,!0),n.addEventListener("click",au,!0),t.addEventListener("focus",su,!0),t.addEventListener("blur",iu,!1),typeof PointerEvent<"u"?(n.addEventListener("pointerdown",lt,!0),n.addEventListener("pointermove",lt,!0),n.addEventListener("pointerup",lt,!0)):(n.addEventListener("mousedown",lt,!0),n.addEventListener("mousemove",lt,!0),n.addEventListener("mouseup",lt,!0)),t.addEventListener("beforeunload",()=>{cu(e)},{once:!0}),co.set(t,{focus:o})}const cu=(e,t)=>{const n=nn(e),o=et(e);t&&o.removeEventListener("DOMContentLoaded",t),co.has(n)&&(n.HTMLElement.prototype.focus=co.get(n).focus,o.removeEventListener("keydown",hr,!0),o.removeEventListener("keyup",hr,!0),o.removeEventListener("click",au,!0),n.removeEventListener("focus",su,!0),n.removeEventListener("blur",iu,!1),typeof PointerEvent<"u"?(o.removeEventListener("pointerdown",lt,!0),o.removeEventListener("pointermove",lt,!0),o.removeEventListener("pointerup",lt,!0)):(o.removeEventListener("mousedown",lt,!0),o.removeEventListener("mousemove",lt,!0),o.removeEventListener("mouseup",lt,!0)),co.delete(n))};function mT(e){const t=et(e);let n;return t.readyState!=="loading"?lu(e):(n=()=>{lu(e)},t.addEventListener("DOMContentLoaded",n)),()=>cu(e,n)}typeof document<"u"&&mT();function Vs(){return lo}const fT=500;function ST(e){let{isDisabled:t,onLongPressStart:n,onLongPressEnd:o,onLongPress:a,threshold:s=fT,accessibilityDescription:i}=e;const l=D.useRef(void 0);let{addGlobalListener:d,removeGlobalListener:c}=Hp(),{pressProps:u}=eu({isDisabled:t,onPressStart(p){if(p.continuePropagation(),(p.pointerType==="mouse"||p.pointerType==="touch")&&(n&&n({...p,type:"longpressstart"}),l.current=setTimeout(()=>{p.target.dispatchEvent(new PointerEvent("pointercancel",{bubbles:!0})),a&&a({...p,type:"longpress"}),l.current=void 0},s),p.pointerType==="touch")){let f=g=>{g.preventDefault()};d(p.target,"contextmenu",f,{once:!0}),d(window,"pointerup",()=>{setTimeout(()=>{c(p.target,"contextmenu",f)},30)},{once:!0})}},onPressEnd(p){l.current&&clearTimeout(l.current),o&&(p.pointerType==="mouse"||p.pointerType==="touch")&&o({...p,type:"longpressend"})}}),m=JE(a&&!t?i:void 0);return{longPressProps:At(u,m)}}function $s(e){const t=et(e);if(Vs()==="virtual"){let n=t.activeElement;Kp(()=>{t.activeElement===n&&e.isConnected&&Ct(e)})}else Ct(e)}function gT(e){const t=nn(e);if(!(e instanceof t.HTMLElement)&&!(e instanceof t.SVGElement))return!1;let{display:n,visibility:o}=e.style,a=n!=="none"&&o!=="hidden"&&o!=="collapse";if(a){const{getComputedStyle:s}=e.ownerDocument.defaultView;let{display:i,visibility:l}=s(e);a=i!=="none"&&l!=="hidden"&&l!=="collapse"}return a}function hT(e,t){return!e.hasAttribute("hidden")&&!e.hasAttribute("data-react-aria-prevent-focus")&&(e.nodeName==="DETAILS"&&t&&t.nodeName!=="SUMMARY"?e.hasAttribute("open"):!0)}function du(e,t){return e.nodeName!=="#comment"&&gT(e)&&hT(e,t)&&(!e.parentElement||du(e.parentElement,e))}const Ks=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[contenteditable]"],bT=Ks.join(":not([hidden]),")+",[tabindex]:not([disabled]):not([hidden])";Ks.push('[tabindex]:not([tabindex="-1"]):not([disabled])');const vT=Ks.join(':not([hidden]):not([tabindex="-1"]),');function pu(e,t){return!e||!t?!1:t.some(n=>n.contains(e))}function uu(e,t,n){let o=t?.tabbable?vT:bT,a=et(e).createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode(s){var i;return!(t==null||(i=t.from)===null||i===void 0)&&i.contains(s)?NodeFilter.FILTER_REJECT:s.matches(o)&&du(s)&&(!n||pu(s,n))&&(!t?.accept||t.accept(s))?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});return t?.from&&(a.currentNode=t.from),a}class Hs{get size(){return this.fastMap.size}getTreeNode(t){return this.fastMap.get(t)}addTreeNode(t,n,o){let a=this.fastMap.get(n??null);if(!a)return;let s=new mu({scopeRef:t});a.addChild(s),s.parent=a,this.fastMap.set(t,s),o&&(s.nodeToRestore=o)}addNode(t){this.fastMap.set(t.scopeRef,t)}removeTreeNode(t){if(t===null)return;let n=this.fastMap.get(t);if(!n)return;let o=n.parent;for(let s of this.traverse())s!==n&&n.nodeToRestore&&s.nodeToRestore&&n.scopeRef&&n.scopeRef.current&&pu(s.nodeToRestore,n.scopeRef.current)&&(s.nodeToRestore=n.nodeToRestore);let a=n.children;o&&(o.removeChild(n),a.size>0&&a.forEach(s=>o&&o.addChild(s))),this.fastMap.delete(n.scopeRef)}*traverse(t=this.root){if(t.scopeRef!=null&&(yield t),t.children.size>0)for(let n of t.children)yield*this.traverse(n)}clone(){var t;let n=new Hs;var o;for(let a of this.traverse())n.addTreeNode(a.scopeRef,(o=(t=a.parent)===null||t===void 0?void 0:t.scopeRef)!==null&&o!==void 0?o:null,a.nodeToRestore);return n}constructor(){this.fastMap=new Map,this.root=new mu({scopeRef:null}),this.fastMap.set(null,this.root)}}class mu{addChild(t){this.children.add(t),t.parent=this}removeChild(t){this.children.delete(t),t.parent=void 0}constructor(t){this.children=new Set,this.contain=!1,this.scopeRef=t.scopeRef}}new Hs;function yT(e,t){let n=t?.isDisabled,[o,a]=D.useState(!1);return io(()=>{if(e?.current&&!n){let s=()=>{if(e.current){let l=uu(e.current,{tabbable:!0});a(!!l.nextNode())}};s();let i=new MutationObserver(s);return i.observe(e.current,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["tabIndex","disabled"]}),()=>{i.disconnect()}}}),n?!1:o}const ET=new Set(["Arab","Syrc","Samr","Mand","Thaa","Mend","Nkoo","Adlm","Rohg","Hebr"]),TT=new Set(["ae","ar","arc","bcc","bqi","ckb","dv","fa","glk","he","ku","mzn","nqo","pnb","ps","sd","ug","ur","yi"]);function wT(e){if(Intl.Locale){let n=new Intl.Locale(e).maximize(),o=typeof n.getTextInfo=="function"?n.getTextInfo():n.textInfo;if(o)return o.direction==="rtl";if(n.script)return ET.has(n.script)}let t=e.split("-")[0];return TT.has(t)}const CT=Symbol.for("react-aria.i18n.locale");function fu(){let e=typeof window<"u"&&window[CT]||typeof navigator<"u"&&(navigator.language||navigator.userLanguage)||"en-US";try{Intl.DateTimeFormat.supportedLocalesOf([e])}catch{e="en-US"}return{locale:e,direction:wT(e)?"rtl":"ltr"}}let Ws=fu(),po=new Set;function Su(){Ws=fu();for(let e of po)e(Ws)}function DT(){let e=_p(),[t,n]=D.useState(Ws);return D.useEffect(()=>(po.size===0&&window.addEventListener("languagechange",Su),po.add(n),()=>{po.delete(n),po.size===0&&window.removeEventListener("languagechange",Su)}),[]),e?{locale:"en-US",direction:"ltr"}:t}const NT=D.createContext(null);function gu(){let e=DT();return D.useContext(NT)||e}function IT(e){let{selectionManager:t,keyboardDelegate:n,ref:o,autoFocus:a=!1,shouldFocusWrap:s=!1,disallowEmptySelection:i=!1,disallowSelectAll:l=!1,selectOnFocus:d=t.selectionBehavior==="replace",disallowTypeAhead:c=!1,shouldUseVirtualFocus:u,allowsTabNavigation:m=!1,isVirtualized:p,scrollRef:f=o,linkBehavior:g="action"}=e,{direction:h}=gu(),E=xs(),v=x=>{if(x.altKey&&x.key==="Tab"&&x.preventDefault(),!o.current.contains(x.target))return;const P=(G,ne)=>{if(G!=null){if(t.isLink(G)&&g==="selection"&&d&&!Os(x)){uo.flushSync(()=>{t.setFocusedKey(G,ne)});let K=f.current.querySelector(`[data-key="${CSS.escape(G.toString())}"]`),U=t.getItemProps(G);E.open(K,x,U.href,U.routerOptions);return}if(t.setFocusedKey(G,ne),t.isLink(G)&&g==="override")return;x.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(G):d&&!Os(x)&&t.replaceSelection(G)}};switch(x.key){case"ArrowDown":if(n.getKeyBelow){var z,I,Y;let G=t.focusedKey!=null?(z=n.getKeyBelow)===null||z===void 0?void 0:z.call(n,t.focusedKey):(I=n.getFirstKey)===null||I===void 0?void 0:I.call(n);G==null&&s&&(G=(Y=n.getFirstKey)===null||Y===void 0?void 0:Y.call(n,t.focusedKey)),G!=null&&(x.preventDefault(),P(G))}break;case"ArrowUp":if(n.getKeyAbove){var V,W,A;let G=t.focusedKey!=null?(V=n.getKeyAbove)===null||V===void 0?void 0:V.call(n,t.focusedKey):(W=n.getLastKey)===null||W===void 0?void 0:W.call(n);G==null&&s&&(G=(A=n.getLastKey)===null||A===void 0?void 0:A.call(n,t.focusedKey)),G!=null&&(x.preventDefault(),P(G))}break;case"ArrowLeft":if(n.getKeyLeftOf){var Z,$,L;let G=(Z=n.getKeyLeftOf)===null||Z===void 0?void 0:Z.call(n,t.focusedKey);G==null&&s&&(G=h==="rtl"?($=n.getFirstKey)===null||$===void 0?void 0:$.call(n,t.focusedKey):(L=n.getLastKey)===null||L===void 0?void 0:L.call(n,t.focusedKey)),G!=null&&(x.preventDefault(),P(G,h==="rtl"?"first":"last"))}break;case"ArrowRight":if(n.getKeyRightOf){var B,J,te;let G=(B=n.getKeyRightOf)===null||B===void 0?void 0:B.call(n,t.focusedKey);G==null&&s&&(G=h==="rtl"?(J=n.getLastKey)===null||J===void 0?void 0:J.call(n,t.focusedKey):(te=n.getFirstKey)===null||te===void 0?void 0:te.call(n,t.focusedKey)),G!=null&&(x.preventDefault(),P(G,h==="rtl"?"last":"first"))}break;case"Home":if(n.getFirstKey){x.preventDefault();let G=n.getFirstKey(t.focusedKey,Nn(x));t.setFocusedKey(G),Nn(x)&&x.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(G):d&&t.replaceSelection(G)}break;case"End":if(n.getLastKey){x.preventDefault();let G=n.getLastKey(t.focusedKey,Nn(x));t.setFocusedKey(G),Nn(x)&&x.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(G):d&&t.replaceSelection(G)}break;case"PageDown":if(n.getKeyPageBelow){let G=n.getKeyPageBelow(t.focusedKey);G!=null&&(x.preventDefault(),P(G))}break;case"PageUp":if(n.getKeyPageAbove){let G=n.getKeyPageAbove(t.focusedKey);G!=null&&(x.preventDefault(),P(G))}break;case"a":Nn(x)&&t.selectionMode==="multiple"&&l!==!0&&(x.preventDefault(),t.selectAll());break;case"Escape":!i&&t.selectedKeys.size!==0&&(x.stopPropagation(),x.preventDefault(),t.clearSelection());break;case"Tab":if(!m){if(x.shiftKey)o.current.focus();else{let G=uu(o.current,{tabbable:!0}),ne,K;do K=G.lastChild(),K&&(ne=K);while(K);ne&&!ne.contains(document.activeElement)&&Ct(ne)}break}}},b=D.useRef({top:0,left:0});Gp(f,"scroll",p?null:()=>{b.current={top:f.current.scrollTop,left:f.current.scrollLeft}});let C=x=>{if(t.isFocused){x.currentTarget.contains(x.target)||t.setFocused(!1);return}if(x.currentTarget.contains(x.target)){if(t.setFocused(!0),t.focusedKey==null){let I=V=>{V!=null&&(t.setFocusedKey(V),d&&t.replaceSelection(V))},Y=x.relatedTarget;var P,z;Y&&x.currentTarget.compareDocumentPosition(Y)&Node.DOCUMENT_POSITION_FOLLOWING?I((P=t.lastSelectedKey)!==null&&P!==void 0?P:n.getLastKey()):I((z=t.firstSelectedKey)!==null&&z!==void 0?z:n.getFirstKey())}else p||(f.current.scrollTop=b.current.top,f.current.scrollLeft=b.current.left);if(t.focusedKey!=null){let I=f.current.querySelector(`[data-key="${CSS.escape(t.focusedKey.toString())}"]`);I&&(I.contains(document.activeElement)||Ct(I),Vs()==="keyboard"&&jp(I,{containingElement:o.current}))}}},w=x=>{x.currentTarget.contains(x.relatedTarget)||t.setFocused(!1)};const T=D.useRef(a);D.useEffect(()=>{if(T.current){let x=null;a==="first"&&(x=n.getFirstKey()),a==="last"&&(x=n.getLastKey());let P=t.selectedKeys;if(P.size){for(let z of P)if(t.canSelectItem(z)){x=z;break}}t.setFocused(!0),t.setFocusedKey(x),x==null&&!u&&$s(o.current)}},[]);let M=D.useRef(t.focusedKey);D.useEffect(()=>{if(t.isFocused&&t.focusedKey!=null&&(t.focusedKey!==M.current||T.current)&&f?.current){let x=Vs(),P=o.current.querySelector(`[data-key="${CSS.escape(t.focusedKey.toString())}"]`);if(!P)return;(x==="keyboard"||T.current)&&(Up(f.current,P),x!=="virtual"&&jp(P,{containingElement:o.current}))}!u&&t.isFocused&&t.focusedKey==null&&M.current!=null&&$s(o.current),M.current=t.focusedKey,T.current=!1}),Gp(o,"react-aria-focus-scope-restore",x=>{x.preventDefault(),t.setFocused(!0)});let _={onKeyDown:v,onFocus:C,onBlur:w,onMouseDown(x){f.current===x.target&&x.preventDefault()}},{typeSelectProps:y}=QE({keyboardDelegate:n,selectionManager:t});c||(_=At(y,_));let k;return u||(k=t.focusedKey==null?0:-1),{collectionProps:{..._,tabIndex:k}}}function xT(e){let{selectionManager:t,key:n,ref:o,shouldSelectOnPressUp:a,shouldUseVirtualFocus:s,focus:i,isDisabled:l,onAction:d,allowsDifferentPressOrigin:c,linkBehavior:u="action"}=e,m=xs(),p=A=>{if(A.pointerType==="keyboard"&&Os(A))t.toggleSelection(n);else{if(t.selectionMode==="none")return;if(t.isLink(n)){if(u==="selection"){let Z=t.getItemProps(n);m.open(o.current,A,Z.href,Z.routerOptions),t.setSelectedKeys(t.selectedKeys);return}else if(u==="override"||u==="none")return}t.selectionMode==="single"?t.isSelected(n)&&!t.disallowEmptySelection?t.toggleSelection(n):t.replaceSelection(n):A&&A.shiftKey?t.extendSelection(n):t.selectionBehavior==="toggle"||A&&(Nn(A)||A.pointerType==="touch"||A.pointerType==="virtual")?t.toggleSelection(n):t.replaceSelection(n)}};D.useEffect(()=>{n===t.focusedKey&&t.isFocused&&!s&&(i?i():document.activeElement!==o.current&&$s(o.current))},[o,n,t.focusedKey,t.childFocusStrategy,t.isFocused,s]),l=l||t.isDisabled(n);let f={};!s&&!l?f={tabIndex:n===t.focusedKey?0:-1,onFocus(A){A.target===o.current&&t.setFocusedKey(n)}}:l&&(f.onMouseDown=A=>{A.preventDefault()});let g=t.isLink(n)&&u==="override",h=t.isLink(n)&&u!=="selection"&&u!=="none",E=!l&&t.canSelectItem(n)&&!g,v=(d||h)&&!l,b=v&&(t.selectionBehavior==="replace"?!E:!E||t.isEmpty),C=v&&E&&t.selectionBehavior==="replace",w=b||C,T=D.useRef(null),M=w&&E,_=D.useRef(!1),y=D.useRef(!1),k=A=>{if(d&&d(),h){let Z=t.getItemProps(n);m.open(o.current,A,Z.href,Z.routerOptions)}},x={};a?(x.onPressStart=A=>{T.current=A.pointerType,_.current=M,A.pointerType==="keyboard"&&(!w||bu())&&p(A)},c?(x.onPressUp=b?null:A=>{A.pointerType!=="keyboard"&&E&&p(A)},x.onPress=b?k:null):x.onPress=A=>{if(b||C&&A.pointerType!=="mouse"){if(A.pointerType==="keyboard"&&!hu())return;k(A)}else A.pointerType!=="keyboard"&&E&&p(A)}):(x.onPressStart=A=>{T.current=A.pointerType,_.current=M,y.current=b,E&&(A.pointerType==="mouse"&&!b||A.pointerType==="keyboard"&&(!v||bu()))&&p(A)},x.onPress=A=>{(A.pointerType==="touch"||A.pointerType==="pen"||A.pointerType==="virtual"||A.pointerType==="keyboard"&&w&&hu()||A.pointerType==="mouse"&&y.current)&&(w?k(A):E&&p(A))}),f["data-key"]=n,x.preventFocusOnPress=s;let{pressProps:P,isPressed:z}=eu(x),I=C?A=>{T.current==="mouse"&&(A.stopPropagation(),A.preventDefault(),k(A))}:void 0,{longPressProps:Y}=ST({isDisabled:!M,onLongPress(A){A.pointerType==="touch"&&(p(A),t.setSelectionBehavior("toggle"))}}),V=A=>{T.current==="touch"&&_.current&&A.preventDefault()},W=t.isLink(n)?A=>{rn.isOpening||A.preventDefault()}:void 0;return{itemProps:At(f,E||b?P:{},M?Y:{},{onDoubleClick:I,onDragStartCapture:V,onClick:W}),isPressed:z,isSelected:t.isSelected(n),isFocused:t.isFocused&&t.focusedKey===n,isDisabled:l,allowsSelection:E,hasAction:w}}function hu(){let e=window.event;return e?.key==="Enter"}function bu(){let e=window.event;return e?.key===" "||e?.code==="Space"}function MT(e,t,n){let{key:o,isDisabled:a,shouldSelectOnPressUp:s}=e,{selectionManager:i,selectedKey:l}=t,d=o===l,c=a||t.isDisabled||t.selectionManager.isDisabled(o),{itemProps:u,isPressed:m}=xT({selectionManager:i,key:o,ref:n,isDisabled:c,shouldSelectOnPressUp:s,linkBehavior:"selection"}),p=cr(t,o,"tab"),f=cr(t,o,"tabpanel"),{tabIndex:g}=u,h=t.collection.getItem(o),E=BE(h?.props,{labelable:!0});delete E.id;let v=UE(h?.props);return{tabProps:At(E,v,u,{id:p,"aria-selected":d,"aria-disabled":c||void 0,"aria-controls":d?f:void 0,tabIndex:c?void 0:g,role:"tab"}),isSelected:d,isDisabled:c,isPressed:m}}function kT(e,t,n){let o=yT(n)?void 0:0;var a;const s=cr(t,(a=e.id)!==null&&a!==void 0?a:t?.selectedKey,"tabpanel"),i=Wp({...e,id:s,"aria-labelledby":cr(t,t?.selectedKey,"tab")});return{tabPanelProps:At(i,{tabIndex:o,role:"tabpanel","aria-describedby":e["aria-describedby"],"aria-details":e["aria-details"]})}}class LT{getKeyLeftOf(t){return this.flipDirection?this.getNextKey(t):this.getPreviousKey(t)}getKeyRightOf(t){return this.flipDirection?this.getPreviousKey(t):this.getNextKey(t)}isDisabled(t){var n,o;return this.disabledKeys.has(t)||!!(!((o=this.collection.getItem(t))===null||o===void 0||(n=o.props)===null||n===void 0)&&n.isDisabled)}getFirstKey(){let t=this.collection.getFirstKey();return t!=null&&this.isDisabled(t)&&(t=this.getNextKey(t)),t}getLastKey(){let t=this.collection.getLastKey();return t!=null&&this.isDisabled(t)&&(t=this.getPreviousKey(t)),t}getKeyAbove(t){return this.tabDirection?null:this.getPreviousKey(t)}getKeyBelow(t){return this.tabDirection?null:this.getNextKey(t)}getNextKey(t){do t=this.collection.getKeyAfter(t),t==null&&(t=this.collection.getFirstKey());while(this.isDisabled(t));return t}getPreviousKey(t){do t=this.collection.getKeyBefore(t),t==null&&(t=this.collection.getLastKey());while(this.isDisabled(t));return t}constructor(t,n,o,a=new Set){this.collection=t,this.flipDirection=n==="rtl"&&o==="horizontal",this.disabledKeys=a,this.tabDirection=o==="horizontal"}}function OT(e,t,n){let{orientation:o="horizontal",keyboardActivation:a="automatic"}=e,{collection:s,selectionManager:i,disabledKeys:l}=t,{direction:d}=gu(),c=D.useMemo(()=>new LT(s,d,o,l),[s,l,o,d]),{collectionProps:u}=IT({ref:n,selectionManager:i,keyboardDelegate:c,selectOnFocus:a==="automatic",disallowEmptySelection:!0,scrollRef:n,linkBehavior:"selection"}),m=Rp();Bp.set(t,m);let p=Wp({...e,id:m});return{tabListProps:{...At(u,p),role:"tablist","aria-orientation":o,tabIndex:void 0}}}function vu({item:e,state:t}){const{key:n}=e,o=r.useRef(null),{tabProps:a}=MT({key:n},t,o),s=t.selectedKey===n,i=t.disabledKeys.has(n);return r.createElement("div",{...a,ref:o,className:F("sps-nav__item","sps-nav__link",s&&"active",i&&"sps-nav__item--disabled")},e.rendered)}function yu({state:e,...t}){const n=r.useRef(null),{tabPanelProps:o}=kT(t,e,n);return r.createElement("div",{...o,ref:n,className:"sps-card__body"},e.selectedItem?e.selectedItem.props.children:null)}class Eu{*[Symbol.iterator](){yield*this.iterable}get size(){return this.keyMap.size}getKeys(){return this.keyMap.keys()}getKeyBefore(t){let n=this.keyMap.get(t);var o;return n&&(o=n.prevKey)!==null&&o!==void 0?o:null}getKeyAfter(t){let n=this.keyMap.get(t);var o;return n&&(o=n.nextKey)!==null&&o!==void 0?o:null}getFirstKey(){return this.firstKey}getLastKey(){return this.lastKey}getItem(t){var n;return(n=this.keyMap.get(t))!==null&&n!==void 0?n:null}at(t){const n=[...this.getKeys()];return this.getItem(n[t])}getChildren(t){let n=this.keyMap.get(t);return n?.childNodes||[]}constructor(t){this.keyMap=new Map,this.firstKey=null,this.lastKey=null,this.iterable=t;let n=i=>{if(this.keyMap.set(i.key,i),i.childNodes&&i.type==="section")for(let l of i.childNodes)n(l)};for(let i of t)n(i);let o=null,a=0;for(let[i,l]of this.keyMap)o?(o.nextKey=i,l.prevKey=o.key):(this.firstKey=i,l.prevKey=void 0),l.type==="item"&&(l.index=a++),o=l,o.nextKey=void 0;var s;this.lastKey=(s=o?.key)!==null&&s!==void 0?s:null}}class ft extends Set{constructor(t,n,o){super(t),t instanceof ft?(this.anchorKey=n??t.anchorKey,this.currentKey=o??t.currentKey):(this.anchorKey=n,this.currentKey=o)}}function BT(e,t){if(e.size!==t.size)return!1;for(let n of e)if(!t.has(n))return!1;return!0}function PT(e){let{selectionMode:t="none",disallowEmptySelection:n,allowDuplicateSelectionEvents:o,selectionBehavior:a="toggle",disabledBehavior:s="all"}=e,i=D.useRef(!1),[,l]=D.useState(!1),d=D.useRef(null),c=D.useRef(null),[,u]=D.useState(null),m=D.useMemo(()=>Tu(e.selectedKeys),[e.selectedKeys]),p=D.useMemo(()=>Tu(e.defaultSelectedKeys,new ft),[e.defaultSelectedKeys]),[f,g]=Yp(m,p,e.onSelectionChange),h=D.useMemo(()=>e.disabledKeys?new Set(e.disabledKeys):new Set,[e.disabledKeys]),[E,v]=D.useState(a);a==="replace"&&E==="toggle"&&typeof f=="object"&&f.size===0&&v("replace");let b=D.useRef(a);return D.useEffect(()=>{a!==b.current&&(v(a),b.current=a)},[a]),{selectionMode:t,disallowEmptySelection:n,selectionBehavior:E,setSelectionBehavior:v,get isFocused(){return i.current},setFocused(C){i.current=C,l(C)},get focusedKey(){return d.current},get childFocusStrategy(){return c.current},setFocusedKey(C,w="first"){d.current=C,c.current=w,u(C)},selectedKeys:f,setSelectedKeys(C){(o||!BT(C,f))&&g(C)},disabledKeys:h,disabledBehavior:s}}function Tu(e,t){return e?e==="all"?"all":new ft(e):t}class _T{get selectionMode(){return this.state.selectionMode}get disallowEmptySelection(){return this.state.disallowEmptySelection}get selectionBehavior(){return this.state.selectionBehavior}setSelectionBehavior(t){this.state.setSelectionBehavior(t)}get isFocused(){return this.state.isFocused}setFocused(t){this.state.setFocused(t)}get focusedKey(){return this.state.focusedKey}get childFocusStrategy(){return this.state.childFocusStrategy}setFocusedKey(t,n){(t==null||this.collection.getItem(t))&&this.state.setFocusedKey(t,n)}get selectedKeys(){return this.state.selectedKeys==="all"?new Set(this.getSelectAllKeys()):this.state.selectedKeys}get rawSelection(){return this.state.selectedKeys}isSelected(t){return this.state.selectionMode==="none"?!1:(t=this.getKey(t),this.state.selectedKeys==="all"?this.canSelectItem(t):this.state.selectedKeys.has(t))}get isEmpty(){return this.state.selectedKeys!=="all"&&this.state.selectedKeys.size===0}get isSelectAll(){if(this.isEmpty)return!1;if(this.state.selectedKeys==="all")return!0;if(this._isSelectAll!=null)return this._isSelectAll;let t=this.getSelectAllKeys(),n=this.state.selectedKeys;return this._isSelectAll=t.every(o=>n.has(o)),this._isSelectAll}get firstSelectedKey(){let t=null;for(let n of this.state.selectedKeys){let o=this.collection.getItem(n);(!t||o&&ln.compareNodeOrder(this.collection,o,t)<0)&&(t=o)}return t?.key}get lastSelectedKey(){let t=null;for(let n of this.state.selectedKeys){let o=this.collection.getItem(n);(!t||o&&ln.compareNodeOrder(this.collection,o,t)>0)&&(t=o)}return t?.key}get disabledKeys(){return this.state.disabledKeys}get disabledBehavior(){return this.state.disabledBehavior}extendSelection(t){if(this.selectionMode==="none")return;if(this.selectionMode==="single"){this.replaceSelection(t);return}t=this.getKey(t);let n;if(this.state.selectedKeys==="all")n=new ft([t],t,t);else{let s=this.state.selectedKeys;var o;let i=(o=s.anchorKey)!==null&&o!==void 0?o:t;n=new ft(s,i,t);var a;for(let l of this.getKeyRange(i,(a=s.currentKey)!==null&&a!==void 0?a:t))n.delete(l);for(let l of this.getKeyRange(t,i))this.canSelectItem(l)&&n.add(l)}this.state.setSelectedKeys(n)}getKeyRange(t,n){let o=this.collection.getItem(t),a=this.collection.getItem(n);return o&&a?ln.compareNodeOrder(this.collection,o,a)<=0?this.getKeyRangeInternal(t,n):this.getKeyRangeInternal(n,t):[]}getKeyRangeInternal(t,n){var o;if(!((o=this.layoutDelegate)===null||o===void 0)&&o.getKeyRange)return this.layoutDelegate.getKeyRange(t,n);let a=[],s=t;for(;s!=null;){let i=this.collection.getItem(s);if((i&&i.type==="item"||i.type==="cell"&&this.allowsCellSelection)&&a.push(s),s===n)return a;s=this.collection.getKeyAfter(s)}return[]}getKey(t){let n=this.collection.getItem(t);if(!n||n.type==="cell"&&this.allowsCellSelection)return t;for(;n.type!=="item"&&n.parentKey!=null;)n=this.collection.getItem(n.parentKey);return!n||n.type!=="item"?null:n.key}toggleSelection(t){if(this.selectionMode==="none")return;if(this.selectionMode==="single"&&!this.isSelected(t)){this.replaceSelection(t);return}if(t=this.getKey(t),t==null)return;let n=new ft(this.state.selectedKeys==="all"?this.getSelectAllKeys():this.state.selectedKeys);n.has(t)?n.delete(t):this.canSelectItem(t)&&(n.add(t),n.anchorKey=t,n.currentKey=t),!(this.disallowEmptySelection&&n.size===0)&&this.state.setSelectedKeys(n)}replaceSelection(t){if(this.selectionMode==="none"||(t=this.getKey(t),t==null))return;let n=this.canSelectItem(t)?new ft([t],t,t):new ft;this.state.setSelectedKeys(n)}setSelectedKeys(t){if(this.selectionMode==="none")return;let n=new ft;for(let o of t)if(o=this.getKey(o),o!=null&&(n.add(o),this.selectionMode==="single"))break;this.state.setSelectedKeys(n)}getSelectAllKeys(){let t=[],n=o=>{for(;o!=null;){if(this.canSelectItem(o)){let a=this.collection.getItem(o);a.type==="item"&&t.push(o),a.hasChildNodes&&(this.allowsCellSelection||a.type!=="item")&&n(ln.getFirstItem(ln.getChildNodes(a,this.collection)).key)}o=this.collection.getKeyAfter(o)}};return n(this.collection.getFirstKey()),t}selectAll(){!this.isSelectAll&&this.selectionMode==="multiple"&&this.state.setSelectedKeys("all")}clearSelection(){!this.disallowEmptySelection&&(this.state.selectedKeys==="all"||this.state.selectedKeys.size>0)&&this.state.setSelectedKeys(new ft)}toggleSelectAll(){this.isSelectAll?this.clearSelection():this.selectAll()}select(t,n){this.selectionMode!=="none"&&(this.selectionMode==="single"?this.isSelected(t)&&!this.disallowEmptySelection?this.toggleSelection(t):this.replaceSelection(t):this.selectionBehavior==="toggle"||n&&(n.pointerType==="touch"||n.pointerType==="virtual")?this.toggleSelection(t):this.replaceSelection(t))}isSelectionEqual(t){if(t===this.state.selectedKeys)return!0;let n=this.selectedKeys;if(t.size!==n.size)return!1;for(let o of t)if(!n.has(o))return!1;for(let o of n)if(!t.has(o))return!1;return!0}canSelectItem(t){var n;if(this.state.selectionMode==="none"||this.state.disabledKeys.has(t))return!1;let o=this.collection.getItem(t);return!(!o||!(o==null||(n=o.props)===null||n===void 0)&&n.isDisabled||o.type==="cell"&&!this.allowsCellSelection)}isDisabled(t){var n,o;return this.state.disabledBehavior==="all"&&(this.state.disabledKeys.has(t)||!!(!((o=this.collection.getItem(t))===null||o===void 0||(n=o.props)===null||n===void 0)&&n.isDisabled))}isLink(t){var n,o;return!!(!((o=this.collection.getItem(t))===null||o===void 0||(n=o.props)===null||n===void 0)&&n.href)}getItemProps(t){var n;return(n=this.collection.getItem(t))===null||n===void 0?void 0:n.props}constructor(t,n,o){this.collection=t,this.state=n;var a;this.allowsCellSelection=(a=o?.allowsCellSelection)!==null&&a!==void 0?a:!1,this._isSelectAll=null,this.layoutDelegate=o?.layoutDelegate||null}}function RT(e){let{filter:t,layoutDelegate:n}=e,o=PT(e),a=D.useMemo(()=>e.disabledKeys?new Set(e.disabledKeys):new Set,[e.disabledKeys]),s=D.useCallback(u=>t?new Eu(t(u)):new Eu(u),[t]),i=D.useMemo(()=>({suppressTextValueWarning:e.suppressTextValueWarning}),[e.suppressTextValueWarning]),l=ln.useCollection(e,s,i),d=D.useMemo(()=>new _T(l,o,{layoutDelegate:n}),[l,o,n]);const c=D.useRef(null);return D.useEffect(()=>{if(o.focusedKey!=null&&!l.getItem(o.focusedKey)&&c.current){const v=c.current.getItem(o.focusedKey),b=[...c.current.getKeys()].map(y=>{const k=c.current.getItem(y);return k?.type==="item"?k:null}).filter(y=>y!==null),C=[...l.getKeys()].map(y=>{const k=l.getItem(y);return k?.type==="item"?k:null}).filter(y=>y!==null);var u,m;const w=((u=b?.length)!==null&&u!==void 0?u:0)-((m=C?.length)!==null&&m!==void 0?m:0);var p,f,g;let T=Math.min(w>1?Math.max(((p=v?.index)!==null&&p!==void 0?p:0)-w+1,0):(f=v?.index)!==null&&f!==void 0?f:0,((g=C?.length)!==null&&g!==void 0?g:0)-1),M=null,_=!1;for(;T>=0;){if(!d.isDisabled(C[T].key)){M=C[T];break}if(T<C.length-1&&!_)T++;else{_=!0;var h,E;T>((h=v?.index)!==null&&h!==void 0?h:0)&&(T=(E=v?.index)!==null&&E!==void 0?E:0),T--}}o.setFocusedKey(M?M.key:null)}c.current=l},[l,d,o,o.focusedKey]),{collection:l,disabledKeys:a,selectionManager:d}}function AT(e){var t;let[n,o]=Yp(e.selectedKey,(t=e.defaultSelectedKey)!==null&&t!==void 0?t:null,e.onSelectionChange),a=D.useMemo(()=>n!=null?[n]:[],[n]),{collection:s,disabledKeys:i,selectionManager:l}=RT({...e,selectionMode:"single",disallowEmptySelection:!0,allowDuplicateSelectionEvents:!0,selectedKeys:a,onSelectionChange:c=>{if(c==="all")return;var u;let m=(u=c.values().next().value)!==null&&u!==void 0?u:null;m===n&&e.onSelectionChange&&e.onSelectionChange(m),o(m)}}),d=n!=null?s.getItem(n):null;return{collection:s,disabledKeys:i,selectionManager:l,selectedKey:n,setSelectedKey:o,selectedItem:d}}function FT(e){var t;let n=AT({...e,suppressTextValueWarning:!0,defaultSelectedKey:(t=e.defaultSelectedKey)!==null&&t!==void 0?t:wu(e.collection,e.disabledKeys?new Set(e.disabledKeys):new Set)}),{selectionManager:o,collection:a,selectedKey:s}=n,i=D.useRef(s);return D.useEffect(()=>{let l=s;(o.isEmpty||!a.getItem(l))&&(l=wu(a,n.disabledKeys),l!=null&&o.setSelectedKeys([l])),(l!=null&&o.focusedKey==null||!o.isFocused&&l!==i.current)&&o.setFocusedKey(l),i.current=l}),{...n,isDisabled:e.isDisabled||!1}}function wu(e,t){let n=null;if(e){var o,a,s,i;for(n=e.getFirstKey();(t.has(n)||!((a=e.getItem(n))===null||a===void 0||(o=a.props)===null||o===void 0)&&o.isDisabled)&&n!==e.getLastKey();)n=e.getKeyAfter(n);(t.has(n)||!((i=e.getItem(n))===null||i===void 0||(s=i.props)===null||s===void 0)&&s.isDisabled)&&n===e.getLastKey()&&(n=e.getFirstKey())}return n}const VT={},$T={};function Gs(e){const t=FT(e),n=r.useRef(null),{tabListProps:o}=OT(e,t,n);return r.createElement(r.Fragment,null,r.createElement("div",{...o,ref:n,className:"sps-nav sps-nav--tabs sps-tabs-v2"},[...t.collection].map(a=>r.createElement(vu,{key:a.key,item:a,state:t}))),r.createElement(yu,{key:t.selectedItem?t.selectedItem.key:null,state:t}))}Object.assign(Gs,{props:VT,propTypes:$T,displayName:"SpsTabsV2"});const KT={};function Us({children:e,className:t,...n}){return r.createElement("div",{className:F("sps-card__footer",t),...n},e)}Object.assign(Us,{props:KT,displayName:"SpsCardV2Footer"});const HT={};function zs({children:e,className:t,...n}){return r.createElement("div",{className:F("sps-card__header",t),...n},e)}Object.assign(zs,{props:HT,displayName:"SpsCardV2Header"});const WT={};function Cu({children:e,className:t,...n}){const[o,a,s,i,l]=ot(e,[{type:zs},{type:Gs},{type:em.Tabs},{type:Us}]),d=a.length>0?a:s;return r.createElement("div",{className:F("sps-card",t),...n},o,d.length>0?d:r.createElement("div",{className:"sps-card__body"},l),i)}Object.assign(Cu,{props:WT,displayName:"SpsCardV2"});const GT={};function Du({children:e,className:t,...n}){return r.createElement("div",{className:F("sps-card__title",t),...n},e)}Object.assign(Du,{props:GT,displayName:"SpsCardV2Title"});const UT={...ed,controlsDisabled:"boolean",footerLinks:"ReactNodeOrRenderFn",formMeta:"SpsFormSetMeta<any>",isOpen:"boolean",onClear:"() => void",onSubmit:"React.FormEventHandler"};function Nu(e){const{children:t,className:n,controlsDisabled:o,footerLinks:a,formArray:s,formGroup:i,formMeta:l,isOpen:d,onClear:c,onSubmit:u,unsafelyReplaceClassName:m,...p}=e,{t:f}=Se.useWoodlandLanguage();function g(){c&&c()}const h=F(m||"sps-advanced-search",d&&"sps-advanced-search--open",n);return r.createElement("div",{className:h,...p},r.createElement(oo,{onSubmit:u,formArray:s,formGroup:i,formMeta:l},r.createElement("div",{className:"sps-advanced-search__form"},t),r.createElement("div",{className:"sps-advanced-search__footer"},a&&r.createElement("div",{id:"footer_links"},je(a)),r.createElement("div",{className:"sps-advanced-search__footer-controls"},r.createElement(Ie,{kind:R.ButtonKind.DEFAULT,type:R.ButtonType.BUTTON,className:"mr-2",onClick:g,disabled:o},f("advancedSearch.clear")),r.createElement(Ie,{kind:R.ButtonKind.KEY,type:R.ButtonType.SUBMIT,disabled:o},f("advancedSearch.search"))))))}Object.assign(Nu,{props:UT,displayName:"SpsAdvancedSearch"});const zT={general:{label:"General Usage",description:({NavigateTo:e,Link:t})=>r.createElement(r.Fragment,null,r.createElement("p",null,'Advanced Search is comprised of a panel of input fields, and a text button that exposes and hides the panel. By default, the Advanced Search panel is hidden (with the exception of "Advanced Search Only" scenarios).'),r.createElement("p",null,"Advanced Search works in conjunction with the"," ",r.createElement(e,{to:"list-toolbar"},"List Bar")," and"," ",r.createElement(e,{to:"search-results-bar"},"Search Results")," components. Refer to those pages for additional details."),r.createElement("p",null,"Use the following guidelines when including Advanced Search on your page:",r.createElement("ul",null,r.createElement("li",null,"The Advanced Search Panel can contain any number of input fields."),r.createElement("li",null,"The Advanced Search Panel can place input fields in any unique layout to best serve the needs of the search criteria, but must adhere to the rules of the"," ",r.createElement(t,{to:"/style-and-layout/grid/"},"SPS Grid")," and guidelines for"," ",r.createElement(e,{to:"form"},"Form Layouts"),"."))))},basic:{label:"Basic Usage",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("p",null,"A Basic Advanced Search consists of the List Bar with a search input and an Advanced Search text button. For more details on additional button and component options in the List Bar reference the ",r.createElement(e,{to:"list-toolbar"},"List Bar")," page.")),examples:{basic:{react:S.code`
                     import {
                       SpsListToolbar,
                       SpsListToolbarSearch,
@@ -9671,7 +9697,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
                             </SpsAdvancedSearch>
                         </>;
                     }
-                `}}}},jT=function({viewing:e,in:t,onChange:n}){const{t:o}=Se.useWoodlandLanguage();return r.createElement("div",{className:"sps-context-bar"},o("contextBar.viewing",{defaultValue:"Viewing"}),r.createElement("span",{className:"sps-context-bar__emphasized"},e),!!t&&r.createElement(r.Fragment,null,o("contextBar.in",{defaultValue:"in"}),r.createElement("span",{className:"sps-context-bar__emphasized"},t)),!!n&&r.createElement(Ne,{className:"sps-context-bar__change-button",kind:A.ButtonKind.LINK,onClick:n},o("contextBar.change",{defaultValue:"Change"})))},YT={disabled:"boolean",formMeta:"SpsFormFieldMeta<number>",name:"string",onChange:"ChangeEventHandler<number>",value:"number"};function qT(e){return e?Number.parseInt(e.replace(/[^\d]/g,""),10)/100:null}function JT(e){return typeof e=="number"?e.toFixed(2):""}function Iu({className:e,disabled:t=!1,formMeta:n,id:o,name:a,onChange:s,ref:i,title:l,value:d,...c}){const{wrapperId:u,controlId:m}=We(o,n),p=r.useRef(null);function f(b){n&&(n.setValue(b),n.markAsDirty()),s&&s(b)}function g(){f(null)}function h(b){f(qT(b.target.value))}function E(b){b.currentTarget.setSelectionRange(b.currentTarget.value.length,b.currentTarget.value.length)}const v=V("sps-text-input",e);return r.createElement(Le,{id:u,className:v,formMeta:n,inputRef:p,ref:i},r.createElement("div",{className:V("sps-form-control",t&&"disabled")},r.createElement(ut,{className:"sps-text-input__icon",icon:A.SpsIcon.DOLLAR_SIGN}),r.createElement("input",{type:"text",ref:p,onFocus:E,className:"sps-text-input__input",id:m,name:a,placeholder:"0.00",onChange:h,title:l,value:JT(d),disabled:t,...c}),d!==null&&!t&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:g})))}Object.assign(Iu,{props:YT,displayName:"SpsCurrencyInput"});const XT={basic:{label:"Basic",examples:{basic:{react:S.code`
+                `}}}},jT=function({viewing:e,in:t,onChange:n}){const{t:o}=Se.useWoodlandLanguage();return r.createElement("div",{className:"sps-context-bar"},o("contextBar.viewing",{defaultValue:"Viewing"}),r.createElement("span",{className:"sps-context-bar__emphasized"},e),!!t&&r.createElement(r.Fragment,null,o("contextBar.in",{defaultValue:"in"}),r.createElement("span",{className:"sps-context-bar__emphasized"},t)),!!n&&r.createElement(Ie,{className:"sps-context-bar__change-button",kind:R.ButtonKind.LINK,onClick:n},o("contextBar.change",{defaultValue:"Change"})))},YT={disabled:"boolean",formMeta:"SpsFormFieldMeta<number>",name:"string",onChange:"ChangeEventHandler<number>",value:"number"};function qT(e){return e?Number.parseInt(e.replace(/[^\d]/g,""),10)/100:null}function JT(e){return typeof e=="number"?e.toFixed(2):""}function Iu({className:e,disabled:t=!1,formMeta:n,id:o,name:a,onChange:s,ref:i,title:l,value:d,...c}){const{wrapperId:u,controlId:m}=He(o,n),p=r.useRef(null);function f(b){n&&(n.setValue(b),n.markAsDirty()),s&&s(b)}function g(){f(null)}function h(b){f(qT(b.target.value))}function E(b){b.currentTarget.setSelectionRange(b.currentTarget.value.length,b.currentTarget.value.length)}const v=F("sps-text-input",e);return r.createElement(ke,{id:u,className:v,formMeta:n,inputRef:p,ref:i},r.createElement("div",{className:F("sps-form-control",t&&"disabled")},r.createElement(ut,{className:"sps-text-input__icon",icon:R.SpsIcon.DOLLAR_SIGN}),r.createElement("input",{type:"text",ref:p,onFocus:E,className:"sps-text-input__input",id:m,name:a,placeholder:"0.00",onChange:h,title:l,value:JT(d),disabled:t,...c}),d!==null&&!t&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:g})))}Object.assign(Iu,{props:YT,displayName:"SpsCurrencyInput"});const XT={basic:{label:"Basic",examples:{basic:{react:S.code`
                     import {
                         useSpsForm,
                         SpsCurrencyInput,
@@ -9717,7 +9743,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
                           </>
                         )
                     }
-                `}}}},ZT={};function js(e){const{children:t,className:n,unsafelyReplaceClassName:o,...a}=e,s=V(o||"sps-list-action-bar-container","z-stratum-bar",n);return r.createElement("div",{className:s,...a},r.createElement("div",{className:"sps-list-action-bar"},r.createElement("div",{className:"sps-list-action-bar__actions"},t)))}Object.assign(js,{props:ZT,displayName:"SpsFocusedTaskActions"});const QT={fullWidth:"boolean",isOpen:"boolean",onClose:"() => void"};function Ys(e){const{children:t,className:n,fullWidth:o,isOpen:a,onClose:s,title:i,"data-testid":l,unsafelyReplaceClassName:d,...c}=e,u=r.useRef(null),{t:m}=Se.useWoodlandLanguage();r.useEffect(()=>{document.body.style.overflow=a?"hidden":""},[a]),r.useEffect(()=>()=>{document.body.style.overflow=""},[]);const p=V(d||"sps-focused-task","z-stratum-dialog",o&&"sps-focused-task--full-width",a&&"sps-focused-task--open",n),[f,g]=ot(t,[{type:js}]);return r.createElement("div",{className:p,ref:u,"data-testid":l,...c},r.createElement("div",{className:"sps-focused-task__title"},r.createElement(Ne,{className:"sps-focused-task__close-btn",kind:A.ButtonKind.ICON,icon:A.SpsIcon.X,onClick:s,title:m("focusedTask.close",{defaultValue:"Close"})})),r.createElement("div",{className:"sps-focused-task__body"},r.createElement(nt.Provider,{value:{parentElementRef:u}},a&&g)),f)}Object.assign(Ys,{props:QT,displayName:"SpsFocusedTask"});const ew={basic:{examples:{basic:{react:S.code`
+                `}}}},ZT={};function js(e){const{children:t,className:n,unsafelyReplaceClassName:o,...a}=e,s=F(o||"sps-list-action-bar-container","z-stratum-bar",n);return r.createElement("div",{className:s,...a},r.createElement("div",{className:"sps-list-action-bar"},r.createElement("div",{className:"sps-list-action-bar__actions"},t)))}Object.assign(js,{props:ZT,displayName:"SpsFocusedTaskActions"});const QT={fullWidth:"boolean",isOpen:"boolean",onClose:"() => void"};function Ys(e){const{children:t,className:n,fullWidth:o,isOpen:a,onClose:s,title:i,"data-testid":l,unsafelyReplaceClassName:d,...c}=e,u=r.useRef(null),{t:m}=Se.useWoodlandLanguage();r.useEffect(()=>{document.body.style.overflow=a?"hidden":""},[a]),r.useEffect(()=>()=>{document.body.style.overflow=""},[]);const p=F(d||"sps-focused-task","z-stratum-dialog",o&&"sps-focused-task--full-width",a&&"sps-focused-task--open",n),[f,g]=ot(t,[{type:js}]);return r.createElement("div",{className:p,ref:u,"data-testid":l,...c},r.createElement("div",{className:"sps-focused-task__title"},r.createElement(Ie,{className:"sps-focused-task__close-btn",kind:R.ButtonKind.ICON,icon:R.SpsIcon.X,onClick:s,title:m("focusedTask.close",{defaultValue:"Close"})})),r.createElement("div",{className:"sps-focused-task__body"},r.createElement(nt.Provider,{value:{parentElementRef:u}},a&&g)),f)}Object.assign(Ys,{props:QT,displayName:"SpsFocusedTask"});const ew={basic:{examples:{basic:{react:S.code`
                     import {
                       SpsButton,
                       SpsFocusedTask,
@@ -9801,7 +9827,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
                         </>
                         );
                     }
-                `}}}},tw={imgSrc:"string",kind:"GrowlerKind",onClose:"() => void",persist:"boolean",title:"string"};function qs(e){const{children:t,className:n,imgSrc:o,kind:a=A.GrowlerKind.INFO,onClose:s,persist:i,title:l,unsafelyReplaceClassName:d,...c}=e,u=r.useRef(s);r.useEffect(()=>{u.current=s},[s]);const{t:m}=Se.useWoodlandLanguage(),[p,f]=r.useState(!0),[g,h]=r.useState(!1);function E(){return[window.setTimeout(()=>h(!0),A.GROWLER_VISIBLE_DURATION_MS),window.setTimeout(()=>{f(!1),u.current&&u.current()},A.GROWLER_VISIBLE_DURATION_MS+A.GROWLER_FADEOUT_DURATION_MS)]}const v=r.useRef([]);function b(){i||(v.current=E())}function C(){for(const k of v.current)window.clearTimeout(k);v.current=[]}function w(){C(),f(!0),h(!1)}function T(){w(),h(!1),f(!1),s&&s()}const x=a===A.GrowlerKind.PROGRESS?"sps-spinner":V("sps-icon",`sps-icon-${A.GrowlerIcon.get(a)}`),F=V(d||"sps-growler",p&&"show",g&&"fade",`sps-growler--${a}`,n);return r.useEffect(()=>(b(),()=>{C()}),[]),mn("sps-growler-display-area",["sps-growler-area","z-stratum-growlers"])(r.createElement("div",{role:"alert",className:F,onMouseEnter:w,onMouseLeave:b,...c},r.createElement("div",{className:"sps-growler__icon-box"},o&&r.createElement("img",{src:o,alt:""}),!o&&r.createElement("i",{className:x,"aria-hidden":"true"})),r.createElement("div",{className:"sps-growler__message-box"},r.createElement("div",{className:"sps-growler__message-box-text"},l&&r.createElement("span",{className:"sps-growler__message-box-title d-block"},l),r.createElement("div",{className:"sps-growler__message-box-subtitle"},t)),r.createElement("button",{type:"button",className:"sps-growler__close-button","aria-hidden":"true",onClick:T},r.createElement("i",{className:"sps-icon sps-icon-x",title:m("growler.dismiss",{defaultValue:"Dismiss"})})))))}Object.assign(qs,{props:tw,displayName:"SpsGrowler"});function nw(){const[e,t]=r.useState([]),n=r.useCallback(()=>e.map(a=>r.createElement(qs,{id:a.id,key:a.id,title:a.title,kind:a.kind,imgSrc:a.imgSrc,persist:a.persist,onClose:()=>{a.onClose&&a.onClose(),a.closed=!0,e.every(s=>s.closed)&&t([])}},je(a.content))),[e]),o=r.useCallback(a=>{t(s=>[...s,{...a,kind:a.kind||A.GrowlerKind.INFO,id:a.id||He()}])},[]);return[n,o]}const ow={writingGuidelines:{label:"Writing Guidelines",customSection:()=>r.createElement(r.Fragment,null,r.createElement("p",null,"Use the following guidelines to write an effective Growler message."),r.createElement("ul",null,r.createElement("li",null,"Write all messages in sentence case.",r.createElement("ul",null,r.createElement("li",null,"Capitalize the first word of the message."),r.createElement("li",null,"Add punctuation, such as a period, at the end of the message."))),r.createElement("li",null,"Keep messages as succinct as possible while also providing sufficient information to the customer."),r.createElement("li",null,"If you can clearly convey your message in a single statement, use only the Primary Message."),r.createElement("li",null,"If the message requires additional details, such as further information or instructions, use both the Primary and Secondary Messages.")),r.createElement("p",null,"For more examples of effective feedback message writing, refer to"," ",r.createElement("a",{href:"https://atlassian.design/content/messaging-guidelines",target:"_blank",rel:"noreferrer"},"Atlassian's Messaging Guidelines"),"."))},error:{label:"Error",description:()=>r.createElement(r.Fragment,null,r.createElement("p",null,"Acceptable message: Document ABC123 has not been sent. Check the form and try sending it again."),r.createElement("p",null,`Unacceptable message: Can't send your document."`)),examples:{primary:{description:"Primary Message Only",react:S.code`
+                `}}}},tw={imgSrc:"string",kind:"GrowlerKind",onClose:"() => void",persist:"boolean",title:"string"};function qs(e){const{children:t,className:n,imgSrc:o,kind:a=R.GrowlerKind.INFO,onClose:s,persist:i,title:l,unsafelyReplaceClassName:d,...c}=e,u=r.useRef(s);r.useEffect(()=>{u.current=s},[s]);const{t:m}=Se.useWoodlandLanguage(),[p,f]=r.useState(!0),[g,h]=r.useState(!1);function E(){return[window.setTimeout(()=>h(!0),R.GROWLER_VISIBLE_DURATION_MS),window.setTimeout(()=>{f(!1),u.current&&u.current()},R.GROWLER_VISIBLE_DURATION_MS+R.GROWLER_FADEOUT_DURATION_MS)]}const v=r.useRef([]);function b(){i||(v.current=E())}function C(){for(const k of v.current)window.clearTimeout(k);v.current=[]}function w(){C(),f(!0),h(!1)}function T(){w(),h(!1),f(!1),s&&s()}const M=a===R.GrowlerKind.PROGRESS?"sps-spinner":F("sps-icon",`sps-icon-${R.GrowlerIcon.get(a)}`),_=F(d||"sps-growler",p&&"show",g&&"fade",`sps-growler--${a}`,n);return r.useEffect(()=>(b(),()=>{C()}),[]),mn("sps-growler-display-area",["sps-growler-area","z-stratum-growlers"])(r.createElement("div",{role:"alert",className:_,onMouseEnter:w,onMouseLeave:b,...c},r.createElement("div",{className:"sps-growler__icon-box"},o&&r.createElement("img",{src:o,alt:""}),!o&&r.createElement("i",{className:M,"aria-hidden":"true"})),r.createElement("div",{className:"sps-growler__message-box"},r.createElement("div",{className:"sps-growler__message-box-text"},l&&r.createElement("span",{className:"sps-growler__message-box-title d-block"},l),r.createElement("div",{className:"sps-growler__message-box-subtitle"},t)),r.createElement("button",{type:"button",className:"sps-growler__close-button","aria-hidden":"true",onClick:T},r.createElement("i",{className:"sps-icon sps-icon-x",title:m("growler.dismiss",{defaultValue:"Dismiss"})})))))}Object.assign(qs,{props:tw,displayName:"SpsGrowler"});function nw(){const[e,t]=r.useState([]),n=r.useCallback(()=>e.map(a=>r.createElement(qs,{id:a.id,key:a.id,title:a.title,kind:a.kind,imgSrc:a.imgSrc,persist:a.persist,onClose:()=>{a.onClose&&a.onClose(),a.closed=!0,e.every(s=>s.closed)&&t([])}},je(a.content))),[e]),o=r.useCallback(a=>{t(s=>[...s,{...a,kind:a.kind||R.GrowlerKind.INFO,id:a.id||Ke()}])},[]);return[n,o]}const ow={writingGuidelines:{label:"Writing Guidelines",customSection:()=>r.createElement(r.Fragment,null,r.createElement("p",null,"Use the following guidelines to write an effective Growler message."),r.createElement("ul",null,r.createElement("li",null,"Write all messages in sentence case.",r.createElement("ul",null,r.createElement("li",null,"Capitalize the first word of the message."),r.createElement("li",null,"Add punctuation, such as a period, at the end of the message."))),r.createElement("li",null,"Keep messages as succinct as possible while also providing sufficient information to the customer."),r.createElement("li",null,"If you can clearly convey your message in a single statement, use only the Primary Message."),r.createElement("li",null,"If the message requires additional details, such as further information or instructions, use both the Primary and Secondary Messages.")),r.createElement("p",null,"For more examples of effective feedback message writing, refer to"," ",r.createElement("a",{href:"https://atlassian.design/content/messaging-guidelines",target:"_blank",rel:"noreferrer"},"Atlassian's Messaging Guidelines"),"."))},error:{label:"Error",description:()=>r.createElement(r.Fragment,null,r.createElement("p",null,"Acceptable message: Document ABC123 has not been sent. Check the form and try sending it again."),r.createElement("p",null,`Unacceptable message: Can't send your document."`)),examples:{primary:{description:"Primary Message Only",react:S.code`
                     import { SpsButton, SpsGrowler } from "@spscommerce/ds-react";
                     import { ButtonKind, GrowlerKind } from "@spscommerce/ds-shared";
 
@@ -10089,7 +10115,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
                             </>
                         );
                     }
-                `}}}};function rw(e){const{children:t}=e;return r.createElement("div",{className:"insight-tile-wrapper"},t)}const aw={horizontal:"boolean",icon:"SpsIcon",kind:"SpsInsightTileKind",title:"string",metric:"number | string",partnerCount:"number",totalPartners:"number"};function xu(e){const{children:t,className:n,horizontal:o=!1,icon:a,kind:s="general",title:i,metric:l,partnerCount:d,totalPartners:c,unsafelyReplaceClassName:u,...m}=e,p=V(u||"sps-insight-tile",`sps-insight-tile--${s}`,n,o&&"sps-insight-tile--horizontal",t&&"sps-insight-tile--has-detail"),{t:f}=Se.useWoodlandLanguage(),[g,h,E]=(d?f("insightTile.partnerCount",{count:d,total:c,defaultValue:`${d} |of| ${c}`}):"").split("|");return r.createElement(r.Fragment,null,r.createElement("div",{className:p,...m},r.createElement("div",{className:"sps-insight-tile__body"},a?r.createElement("i",{className:`sps-icon sps-icon-${a}`}):r.createElement("i",{className:`sps-icon sps-icon-${A.SpsInsightTileIcons[s]}`}),l&&r.createElement("div",{className:"sps-insight-tile__metric-count"},l),i&&r.createElement("div",{className:"sps-insight-tile__description"},r.createElement("div",{className:"sps-insight-tile__title",style:{"-webkit-box-orient":"vertical"}},i),r.createElement("div",{className:"sps-insight-tile__detail"},t))),d&&r.createElement("div",{className:"sps-insight-tile__partner-count"},d===c?r.createElement("div",null,f("insightTile.all",{defaultValue:"ALL"})):r.createElement(r.Fragment,null,r.createElement("div",null,g),r.createElement("div",null,h),r.createElement("div",null,E)),r.createElement("div",{className:"sps-insight-tile__partners-text"},f("insightTile.partners",{defaultValue:"PARTNERS"})))))}Object.assign(xu,{props:aw,displayName:"SpsInsightTile"});const sw={inline:"boolean"};function Mu(e){const{children:t,className:n,inline:o,"data-testid":a,unsafelyReplaceClassName:s,...i}=e,l=V(s||"sps-key-value-list",o&&"sps-key-value-list--inline",n);return r.createElement("div",{className:l,"data-testid":`${a}`,...i},t)}Object.assign(Mu,{props:sw,displayName:"SpsKeyValueList"});const iw={itemKey:{type:"string | nodeOrRenderFn",required:!0},titleColor:"KeyValueListTitleColor"};function ku(e){const{children:t,className:n,itemKey:o,titleColor:a=A.KeyValueListTitleColor.LIGHT,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,d=V(i||"sps-key-value-list__item",`sps-key-value-list__item--${a}`,n);return r.createElement("div",{className:d,"data-testid":`${s}`,...l},r.createElement("span",{className:"sps-key-value-list__key","data-testid":`${s}__key`},o),r.createElement("span",{className:"sps-key-value-list__value","data-testid":`${s}__value`},t))}Object.assign(ku,{props:iw,displayName:"SpsKeyValueListItem"});const lw={color:"TagKind",href:"String",icon:"SpsIcon",tagKey:{type:"String",required:!0},value:{type:"String",required:!0}};function Lu(e){const{color:t=A.TagKind.KEY,className:n,"data-testid":o,href:a,icon:s,tagKey:i,value:l,unsafelyReplaceClassName:d,...c}=e,u=V(d||"sps-key-value-tag",a&&"sps-key-value-tag--link",n);return r.createElement("span",{className:u,"data-testid":`${o}__key-value-tag`,...c},r.createElement(pt,{icon:s,kind:t,className:"sps-key-value-tag--key"},i),r.createElement(pt,{className:`sps-key-value-tag--value ${t}`},a&&r.createElement("a",{href:a},l),!a&&l))}Object.assign(Lu,{props:lw,displayName:"SpsKeyValueTag"});const cw={basic:{label:"Basic",examples:{basic:{react:S.code`
+                `}}}};function rw(e){const{children:t}=e;return r.createElement("div",{className:"insight-tile-wrapper"},t)}const aw={horizontal:"boolean",icon:"SpsIcon",kind:"SpsInsightTileKind",title:"string",metric:"number | string",partnerCount:"number",totalPartners:"number"};function xu(e){const{children:t,className:n,horizontal:o=!1,icon:a,kind:s="general",title:i,metric:l,partnerCount:d,totalPartners:c,unsafelyReplaceClassName:u,...m}=e,p=F(u||"sps-insight-tile",`sps-insight-tile--${s}`,n,o&&"sps-insight-tile--horizontal",t&&"sps-insight-tile--has-detail"),{t:f}=Se.useWoodlandLanguage(),[g,h,E]=(d?f("insightTile.partnerCount",{count:d,total:c,defaultValue:`${d} |of| ${c}`}):"").split("|");return r.createElement(r.Fragment,null,r.createElement("div",{className:p,...m},r.createElement("div",{className:"sps-insight-tile__body"},a?r.createElement("i",{className:`sps-icon sps-icon-${a}`}):r.createElement("i",{className:`sps-icon sps-icon-${R.SpsInsightTileIcons[s]}`}),l&&r.createElement("div",{className:"sps-insight-tile__metric-count"},l),i&&r.createElement("div",{className:"sps-insight-tile__description"},r.createElement("div",{className:"sps-insight-tile__title",style:{"-webkit-box-orient":"vertical"}},i),r.createElement("div",{className:"sps-insight-tile__detail"},t))),d&&r.createElement("div",{className:"sps-insight-tile__partner-count"},d===c?r.createElement("div",null,f("insightTile.all",{defaultValue:"ALL"})):r.createElement(r.Fragment,null,r.createElement("div",null,g),r.createElement("div",null,h),r.createElement("div",null,E)),r.createElement("div",{className:"sps-insight-tile__partners-text"},f("insightTile.partners",{defaultValue:"PARTNERS"})))))}Object.assign(xu,{props:aw,displayName:"SpsInsightTile"});const sw={inline:"boolean"};function Mu(e){const{children:t,className:n,inline:o,"data-testid":a,unsafelyReplaceClassName:s,...i}=e,l=F(s||"sps-key-value-list",o&&"sps-key-value-list--inline",n);return r.createElement("div",{className:l,"data-testid":`${a}`,...i},t)}Object.assign(Mu,{props:sw,displayName:"SpsKeyValueList"});const iw={itemKey:{type:"string | nodeOrRenderFn",required:!0},titleColor:"KeyValueListTitleColor"};function ku(e){const{children:t,className:n,itemKey:o,titleColor:a=R.KeyValueListTitleColor.LIGHT,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,d=F(i||"sps-key-value-list__item",`sps-key-value-list__item--${a}`,n);return r.createElement("div",{className:d,"data-testid":`${s}`,...l},r.createElement("span",{className:"sps-key-value-list__key","data-testid":`${s}__key`},o),r.createElement("span",{className:"sps-key-value-list__value","data-testid":`${s}__value`},t))}Object.assign(ku,{props:iw,displayName:"SpsKeyValueListItem"});const lw={color:"TagKind",href:"String",icon:"SpsIcon",tagKey:{type:"String",required:!0},value:{type:"String",required:!0}};function Lu(e){const{color:t=R.TagKind.KEY,className:n,"data-testid":o,href:a,icon:s,tagKey:i,value:l,unsafelyReplaceClassName:d,...c}=e,u=F(d||"sps-key-value-tag",a&&"sps-key-value-tag--link",n);return r.createElement("span",{className:u,"data-testid":`${o}__key-value-tag`,...c},r.createElement(pt,{icon:s,kind:t,className:"sps-key-value-tag--key"},i),r.createElement(pt,{className:`sps-key-value-tag--value ${t}`},a&&r.createElement("a",{href:a},l),!a&&l))}Object.assign(Lu,{props:lw,displayName:"SpsKeyValueTag"});const cw={basic:{label:"Basic",examples:{basic:{react:S.code`
                     import { SpsKeyValueTag } from "@spscommerce/ds-react";
                     function Component() {
                         return (
@@ -10118,7 +10144,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
                             </>
                         )
                     }
-                `}}}};function Ou(e){const{tabs:t,activeTab:n,onTabChange:o,className:a,unsafelyReplaceClassName:s,"data-testid":i,...l}=e,[d,c]=r.useState();r.useEffect(()=>{if(t.length)if(n){const p=t.find(f=>f.label===n.label);c(p)}else c(t[0])},[]);const u=(p,f)=>{p.preventDefault(),c(f),typeof o=="function"&&o(f)},m=V(s||"sps-tabs",a);return r.createElement("div",{className:m},r.createElement("nav",{className:"sps-nav sps-nav--tabs","data-testid":i,...l},t.map(p=>r.createElement("a",{key:p.label,id:p.id,className:V("sps-nav__item","sps-nav__link",p===d&&"active"),role:"tab","data-toggle":"tab",href:p.controlsId?`#${p.controlsId}`:void 0,"aria-controls":p.controlsId,"aria-selected":p===n,onClick:f=>{u(f,p)},"data-testid":`${i}__tab-link`},p.icon&&r.createElement("i",{className:`sps-icon sps-icon-${p.icon}`}),r.createElement("span",null,p.label),p.tag&&r.createElement("span",{className:"sps-tag sps-tag--key"},p.tag)))))}Object.assign(Ou,{displayName:"SpsTabs"});const dw={resultsCount:"number",totalResults:"number",onClear:"() => void"};function Bu(e){const{children:t,className:n,resultsCount:o,totalResults:a,onClear:s,"data-testid":i,unsafelyReplaceClassName:l,...d}=e,{t:c}=Se.useWoodlandLanguage(),u=V(l||"sps-search-results-bar",n),[m,p,f]=c("searchResultsBar.count",{count:o,total:a,defaultValue:`${o} of ${a}`}).split(" ");return r.createElement("div",{className:u,"data-testid":`${i}`,...d},r.createElement("span",{className:"sps-search-results-bar__label","data-testid":`${i}__label`},c("searchResultsBar.matchingResults",{defaultValue:"Matching results"})),m&&!Number.isNaN(Number(m))&&r.createElement("span",{className:"sps-search-results-bar__count","data-testid":`${i}__count`},r.createElement("i",{className:"sps-icon sps-icon-double-angle-right"}),r.createElement("span",null,m)),f&&!Number.isNaN(Number(f))&&r.createElement("span",{className:"sps-search-results-bar__total","data-testid":`${i}__total`},p," ",f),r.createElement("div",{className:"sps-search-results-bar__buttons","data-testid":`${i}__button`},r.createElement("button",{type:"button",onClick:s},c("searchResultsBar.clear",{defaultValue:"Clear"}))))}Object.assign(Bu,{props:dw,displayName:"SpsSearchResultsBar"});const pw={results:"number || string || null",selections:"{ [key: string]: string[] }",zeroStateText:"string",onClear:"() => void"};function Js(e){const{className:t,results:n,selections:o,zeroStateText:a,onClear:s,"data-testid":i,unsafelyReplaceClassName:l,...d}=e,{t:c}=Se.useWoodlandLanguage(),u=V(l||"sps-search-results-bar-v2",t),m=o?Object.keys(o).reduce((p,f)=>(o[f].length>0&&(p[f]=o[f]),p),{}):{};return r.createElement("div",{className:u,"data-testid":`${i}`,...d},n!=null&&r.createElement("div",{className:"sps-search-results-bar-v2__results"},r.createElement("span",{"data-testid":`${i}__label`},c("searchResultsBar.results",{defaultValue:"Results:"})),r.createElement(pt,{kind:A.TagKind.INFO},r.createElement("span",null,n))),r.createElement("div",{className:"sps-search-results-bar-v2__selections"},Object.keys(m).length>0?Object.keys(m).map((p,f)=>r.createElement(r.Fragment,null,r.createElement("span",{key:f,className:"sps-search-results-bar-v2__selection"},p,":"),m[p].map((g,h)=>r.createElement(pt,{key:h,kind:A.TagKind.KEY},r.createElement("span",null,g))))):r.createElement("span",{className:"font-italic"},a||c("searchResultsBar.noAdvancedSearchSelections",{defaultValue:"No Advanced Search Selections"}))),r.createElement("div",{className:"sps-search-results-bar-v2__buttons","data-testid":`${i}__button`},r.createElement(Ne,{kind:A.ButtonKind.LINK,onClick:s},c("searchResultsBar.clearResults",{defaultValue:"Clear Results"}))))}Object.assign(Js,{props:pw,displayName:"SpsSearchResultsBarV2"});const uw={basic:{label:"Basic",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("p",null,"SpsSearchResultsBarV2 should be used with List Toolbar and Advanced Search."),r.createElement("p",null,"For more examples go to the Advanced Search section on the"," ",r.createElement(e,{to:"list-toolbar"},"List Toolbar")," page.")),examples:{basic:{react:S.code`
+                `}}}};function Ou(e){const{tabs:t,activeTab:n,onTabChange:o,className:a,unsafelyReplaceClassName:s,"data-testid":i,...l}=e,[d,c]=r.useState();r.useEffect(()=>{if(t.length)if(n){const p=t.find(f=>f.label===n.label);c(p)}else c(t[0])},[]);const u=(p,f)=>{p.preventDefault(),c(f),typeof o=="function"&&o(f)},m=F(s||"sps-tabs",a);return r.createElement("div",{className:m},r.createElement("nav",{className:"sps-nav sps-nav--tabs","data-testid":i,...l},t.map(p=>r.createElement("a",{key:p.label,id:p.id,className:F("sps-nav__item","sps-nav__link",p===d&&"active"),role:"tab","data-toggle":"tab",href:p.controlsId?`#${p.controlsId}`:void 0,"aria-controls":p.controlsId,"aria-selected":p===n,onClick:f=>{u(f,p)},"data-testid":`${i}__tab-link`},p.icon&&r.createElement("i",{className:`sps-icon sps-icon-${p.icon}`}),r.createElement("span",null,p.label),p.tag&&r.createElement("span",{className:"sps-tag sps-tag--key"},p.tag)))))}Object.assign(Ou,{displayName:"SpsTabs"});const dw={resultsCount:"number",totalResults:"number",onClear:"() => void"};function Bu(e){const{children:t,className:n,resultsCount:o,totalResults:a,onClear:s,"data-testid":i,unsafelyReplaceClassName:l,...d}=e,{t:c}=Se.useWoodlandLanguage(),u=F(l||"sps-search-results-bar",n),[m,p,f]=c("searchResultsBar.count",{count:o,total:a,defaultValue:`${o} of ${a}`}).split(" ");return r.createElement("div",{className:u,"data-testid":`${i}`,...d},r.createElement("span",{className:"sps-search-results-bar__label","data-testid":`${i}__label`},c("searchResultsBar.matchingResults",{defaultValue:"Matching results"})),m&&!Number.isNaN(Number(m))&&r.createElement("span",{className:"sps-search-results-bar__count","data-testid":`${i}__count`},r.createElement("i",{className:"sps-icon sps-icon-double-angle-right"}),r.createElement("span",null,m)),f&&!Number.isNaN(Number(f))&&r.createElement("span",{className:"sps-search-results-bar__total","data-testid":`${i}__total`},p," ",f),r.createElement("div",{className:"sps-search-results-bar__buttons","data-testid":`${i}__button`},r.createElement("button",{type:"button",onClick:s},c("searchResultsBar.clear",{defaultValue:"Clear"}))))}Object.assign(Bu,{props:dw,displayName:"SpsSearchResultsBar"});const pw={results:"number || string || null",selections:"{ [key: string]: string[] }",zeroStateText:"string",onClear:"() => void"};function Js(e){const{className:t,results:n,selections:o,zeroStateText:a,onClear:s,"data-testid":i,unsafelyReplaceClassName:l,...d}=e,{t:c}=Se.useWoodlandLanguage(),u=F(l||"sps-search-results-bar-v2",t),m=o?Object.keys(o).reduce((p,f)=>(o[f].length>0&&(p[f]=o[f]),p),{}):{};return r.createElement("div",{className:u,"data-testid":`${i}`,...d},n!=null&&r.createElement("div",{className:"sps-search-results-bar-v2__results"},r.createElement("span",{"data-testid":`${i}__label`},c("searchResultsBar.results",{defaultValue:"Results:"})),r.createElement(pt,{kind:R.TagKind.INFO},r.createElement("span",null,n))),r.createElement("div",{className:"sps-search-results-bar-v2__selections"},Object.keys(m).length>0?Object.keys(m).map((p,f)=>r.createElement(r.Fragment,null,r.createElement("span",{key:f,className:"sps-search-results-bar-v2__selection"},p,":"),m[p].map((g,h)=>r.createElement(pt,{key:h,kind:R.TagKind.KEY},r.createElement("span",null,g))))):r.createElement("span",{className:"font-italic"},a||c("searchResultsBar.noAdvancedSearchSelections",{defaultValue:"No Advanced Search Selections"}))),r.createElement("div",{className:"sps-search-results-bar-v2__buttons","data-testid":`${i}__button`},r.createElement(Ie,{kind:R.ButtonKind.LINK,onClick:s},c("searchResultsBar.clearResults",{defaultValue:"Clear Results"}))))}Object.assign(Js,{props:pw,displayName:"SpsSearchResultsBarV2"});const uw={basic:{label:"Basic",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("p",null,"SpsSearchResultsBarV2 should be used with List Toolbar and Advanced Search."),r.createElement("p",null,"For more examples go to the Advanced Search section on the"," ",r.createElement(e,{to:"list-toolbar"},"List Toolbar")," page.")),examples:{basic:{react:S.code`
                     import { 
                       useSpsForm,
                       SpsListToolbar,
@@ -10336,7 +10362,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
                         </>
                       )
                   }
-                `}}}},mw={onSubmit:"FormEventHandler"};function Xs(e){const{children:t,onSubmit:n}=e;function o(a){a.preventDefault(),n&&n(a)}return r.createElement("form",{onSubmit:o,className:"sps-list-toolbar__search-form",noValidate:!0},r.createElement(wn,{className:"sps-list-toolbar__search-field"},t))}Object.assign(Xs,{props:mw,displayName:"SpsListToolbarSearch"});const fw={};function Zs(e){const{children:t}=e;return r.createElement("div",null,t)}Object.assign(Zs,{props:fw,displayName:"SpsListToolbarSearchInfo"});const Sw={activeTab:"SpsTab",advancedSearch:"{ isOpen: boolean, enteredFields: number }",onToggleAdvancedSearch:"(boolean) => void",onTabChange:"(SpsTab) => void",title:"string",tabs:"Array<SpsTab>",onToolbarPinned:"(boolean) => void",selectable:"boolean",isSelected:"boolean",isIndeterminate:"boolean",onSelectionChange:"(boolean) => void",pinResultsBar:"boolean",pinToolbar:"boolean"};function Pu(e){const{activeTab:t,advancedSearch:n,children:o,className:a,onToggleAdvancedSearch:s,onTabChange:i,tabs:l,title:d,unsafelyReplaceClassName:c,onToolbarPinned:u,selectable:m,isSelected:p,isIndeterminate:f,onSelectionChange:g,pinResultsBar:h,pinToolbar:E=!0,"data-testid":v,...b}=e,{t:C}=Se.useWoodlandLanguage();let w=null;const[T,x]=r.useState(!1),F=r.useRef(null),y=r.useRef(null),k=S.lockToAnimationFrames(()=>{if(F.current&&E){const $=F.current.getBoundingClientRect();$&&$.height>0&&$.top<=60&&(typeof w=="number"?window.scrollY<w&&(w=null,x(!1)):(w=window.scrollY,x(!0),s&&s(!1)))}});r.useEffect(()=>(window.addEventListener("scroll",k),()=>{window.removeEventListener("scroll",k)}),[]);const M=r.useRef();r.useLayoutEffect(()=>{if(y.current&&F.current&&E){if(T&&M.current)y.current.style.height=M.current.height,y.current.style.width=M.current.width,y.current.style.marginBottom=M.current.marginBottom;else if(!T){y.current.style.height="",y.current.style.width="",y.current.style.marginBottom="";const $=window.getComputedStyle(F.current);M.current={height:$.height,width:$.width,marginBottom:$.marginBottom}}}},[T]);function P($){i&&i($)}function G(){s&&s(!n?.isOpen)}function I($){u&&u($)}r.useEffect(()=>{I(T)},[T]);const j=V(c||"sps-list-toolbar",T&&E&&"sps-list-toolbar--pinned",T&&E&&"z-stratum-toolbar",n&&n.isOpen&&"sps-list-toolbar--advanced-search-open",a),[K,H,R,Z]=ot(o,[{type:Xs},{type:Zs},{type:Js}]);return r.createElement("div",{className:"sps-list-toolbar__wrapper",ref:y},r.createElement("div",{className:j,"data-testid":v,ref:F,...b},r.createElement("div",{className:"sps-list-toolbar__content"},!!m&&r.createElement("div",{className:"sps-list-toolbar__selection-controls"},r.createElement(Ut,{checked:p,indeterminate:f,onChange:()=>{g?.(!p)}})),l&&r.createElement(Ou,{tabs:l,onTabChange:P,activeTab:t,"data-testid":`${v}__tabs`}),r.createElement("div",{className:"sps-list-toolbar__search-controls"},!d&&K,!d&&H,K.length>0&&n&&r.createElement("div",{className:"sps-list-toolbar__advanced-search-toggle","data-testid":`${v}__advanced-search`},r.createElement("div",{className:"sps-list-toolbar__advanced-search-toggle-button-wrapper"},r.createElement(Ne,{kind:A.ButtonKind.LINK,onClick:G},C("listToolbar.advancedSearchToggle",{defaultValue:"Advanced Search"}))),(n.enteredFields||0)>0&&r.createElement(pt,{"data-testid":`${v}__entered_fields`,kind:A.TagKind.INFO},r.createElement("span",null,n.enteredFields))),d&&r.createElement("div",{"data-testid":`${v}-title`,className:"sps-list-toolbar__advanced-search-title"},d)),T?r.createElement("div",{className:"sps-list-toolbar__header-content"},r.createElement(nt.Provider,{value:{fixed:!0}},Z)):r.createElement("div",{className:"sps-list-toolbar__header-content"},Z)),r.createElement("div",null,(!T||h)&&R)))}Object.assign(Pu,{props:Sw,displayName:"SpsListToolbar"});const gw={options:"SortOption[]",activeOption:"SortOption",onSortChange:"(option: SortOption) => void",defaultOption:"SortOption"};function _u(e){const{options:t,onSortChange:n,defaultOption:o,activeOption:a,className:s,unsafelyReplaceClassName:i}=e,l=(t||[]).map(c=>[{label:c.label,icon:c.icon},()=>{n&&n(c)}]),d=V(i||"sps-list-toolbar-sort-by",s);return r.createElement(en,{className:d,icon:a?.icon||o?.icon,label:a?.label||o?.label,options:l})}Object.assign(_u,{props:gw,displayName:"SpsListToolbarSortBy"});function Ru(){const[e,t]=r.useState(!1);function n(){t(!1)}function o(){t(!0)}return r.createElement(r.Fragment,null,r.createElement("p",null,"The List Bar is divided into a number of different sections. It spans the entire width of the corresponding list."),r.createElement(Ne,{kind:A.ButtonKind.LINK,onClick:o},"View Content Order Example"),r.createElement(Ys,{isOpen:e,onClose:n},r.createElement("h1",null,"Content Order"),r.createElement("img",{src:"assets/images/list-toolbar-example.svg",alt:"A List Toolbar with labels on each section",className:"w-100 mb-3"}),r.createElement(tn,null,r.createElement(Pt,null,r.createElement(_e,{style:{width:"80px"}},"Order"),r.createElement(_e,null,"Section"),r.createElement(_e,null,"Notes")),r.createElement(_t,null,r.createElement(De,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"1")),r.createElement(oe,null,"Checkbox"),r.createElement(oe,null,"For Content Rows and Content Tiles only.")),r.createElement(De,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"2")),r.createElement(oe,null,"Search/Filter Box"),r.createElement(oe,null)),r.createElement(De,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"3")),r.createElement(oe,null,"Saved Search"),r.createElement(oe,null)),r.createElement(De,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"4")),r.createElement(oe,null,"Advanced Search"),r.createElement(oe,null,"For more information, visit the Advanced Search page.")),r.createElement(De,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"5")),r.createElement(oe,null,"Column Editor"),r.createElement(oe,{wrap:500},"Use for Tables only. For more information, visit the Column Editor page.")),r.createElement(De,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"6")),r.createElement(oe,null,"List View Selector"),r.createElement(oe,null)),r.createElement(De,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"7")),r.createElement(oe,null,"Sorting"),r.createElement(oe,null)),r.createElement(De,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"8")),r.createElement(oe,null,"Buttons"),r.createElement(oe,{wrap:500},"Buttons always appear in the rightmost section of the List Toolbar. For the ordering of Buttons, refer to the Button Groups section on the Buttons page."))))))}const hw={general:{label:"General Usage",description:()=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Use a List Toolbar:"),r.createElement("ul",null,r.createElement("li",null,"When list content needs to be searched, filtered, sorted, or otherwise interacted with.")),r.createElement("h5",null,"Avoid a List Toolbar:"),r.createElement("ul",null,r.createElement("li",null,"When no list is present."),r.createElement("li",null,"When there will always be a small number of elements in the list, or the list does not require searching, filtering, or other actions.")))},contentOrder:{label:"Content Order",description:r.createElement(Ru,null)},checkbox:{label:"Checkbox",description:({NavigateTo:e})=>r.createElement("p",null,"Use a Checkbox in the List Toolbar when items in a"," ",r.createElement(e,{to:"Content rows"},"Content Row")," or"," ",r.createElement(e,{to:"Content tiles"},"Content Tile")," are selectable. The Checkbox selects all items in the list, and will cause the Action Bar to appear. Do not use this with a Table, as Tables have a built-in checkbox in the header row."),examples:{checkbox:{react:S.code`
+                `}}}},mw={onSubmit:"FormEventHandler"};function Xs(e){const{children:t,onSubmit:n}=e;function o(a){a.preventDefault(),n&&n(a)}return r.createElement("form",{onSubmit:o,className:"sps-list-toolbar__search-form",noValidate:!0},r.createElement(wn,{className:"sps-list-toolbar__search-field"},t))}Object.assign(Xs,{props:mw,displayName:"SpsListToolbarSearch"});const fw={};function Zs(e){const{children:t}=e;return r.createElement("div",null,t)}Object.assign(Zs,{props:fw,displayName:"SpsListToolbarSearchInfo"});const Sw={activeTab:"SpsTab",advancedSearch:"{ isOpen: boolean, enteredFields: number }",onToggleAdvancedSearch:"(boolean) => void",onTabChange:"(SpsTab) => void",title:"string",tabs:"Array<SpsTab>",onToolbarPinned:"(boolean) => void",selectable:"boolean",isSelected:"boolean",isIndeterminate:"boolean",onSelectionChange:"(boolean) => void",pinResultsBar:"boolean",pinToolbar:"boolean"};function Pu(e){const{activeTab:t,advancedSearch:n,children:o,className:a,onToggleAdvancedSearch:s,onTabChange:i,tabs:l,title:d,unsafelyReplaceClassName:c,onToolbarPinned:u,selectable:m,isSelected:p,isIndeterminate:f,onSelectionChange:g,pinResultsBar:h,pinToolbar:E=!0,"data-testid":v,...b}=e,{t:C}=Se.useWoodlandLanguage();let w=null;const[T,M]=r.useState(!1),_=r.useRef(null),y=r.useRef(null),k=S.lockToAnimationFrames(()=>{if(_.current&&E){const $=_.current.getBoundingClientRect();$&&$.height>0&&$.top<=60&&(typeof w=="number"?window.scrollY<w&&(w=null,M(!1)):(w=window.scrollY,M(!0),s&&s(!1)))}});r.useEffect(()=>(window.addEventListener("scroll",k),()=>{window.removeEventListener("scroll",k)}),[]);const x=r.useRef();r.useLayoutEffect(()=>{if(y.current&&_.current&&E){if(T&&x.current)y.current.style.height=x.current.height,y.current.style.width=x.current.width,y.current.style.marginBottom=x.current.marginBottom;else if(!T){y.current.style.height="",y.current.style.width="",y.current.style.marginBottom="";const $=window.getComputedStyle(_.current);x.current={height:$.height,width:$.width,marginBottom:$.marginBottom}}}},[T]);function P($){i&&i($)}function z(){s&&s(!n?.isOpen)}function I($){u&&u($)}r.useEffect(()=>{I(T)},[T]);const Y=F(c||"sps-list-toolbar",T&&E&&"sps-list-toolbar--pinned",T&&E&&"z-stratum-toolbar",n&&n.isOpen&&"sps-list-toolbar--advanced-search-open",a),[V,W,A,Z]=ot(o,[{type:Xs},{type:Zs},{type:Js}]);return r.createElement("div",{className:"sps-list-toolbar__wrapper",ref:y},r.createElement("div",{className:Y,"data-testid":v,ref:_,...b},r.createElement("div",{className:"sps-list-toolbar__content"},!!m&&r.createElement("div",{className:"sps-list-toolbar__selection-controls"},r.createElement(Ut,{checked:p,indeterminate:f,onChange:()=>{g?.(!p)}})),l&&r.createElement(Ou,{tabs:l,onTabChange:P,activeTab:t,"data-testid":`${v}__tabs`}),r.createElement("div",{className:"sps-list-toolbar__search-controls"},!d&&V,!d&&W,V.length>0&&n&&r.createElement("div",{className:"sps-list-toolbar__advanced-search-toggle","data-testid":`${v}__advanced-search`},r.createElement("div",{className:"sps-list-toolbar__advanced-search-toggle-button-wrapper"},r.createElement(Ie,{kind:R.ButtonKind.LINK,onClick:z},C("listToolbar.advancedSearchToggle",{defaultValue:"Advanced Search"}))),(n.enteredFields||0)>0&&r.createElement(pt,{"data-testid":`${v}__entered_fields`,kind:R.TagKind.INFO},r.createElement("span",null,n.enteredFields))),d&&r.createElement("div",{"data-testid":`${v}-title`,className:"sps-list-toolbar__advanced-search-title"},d)),T?r.createElement("div",{className:"sps-list-toolbar__header-content"},r.createElement(nt.Provider,{value:{fixed:!0}},Z)):r.createElement("div",{className:"sps-list-toolbar__header-content"},Z)),r.createElement("div",null,(!T||h)&&A)))}Object.assign(Pu,{props:Sw,displayName:"SpsListToolbar"});const gw={options:"SortOption[]",activeOption:"SortOption",onSortChange:"(option: SortOption) => void",defaultOption:"SortOption"};function _u(e){const{options:t,onSortChange:n,defaultOption:o,activeOption:a,className:s,unsafelyReplaceClassName:i}=e,l=(t||[]).map(c=>[{label:c.label,icon:c.icon},()=>{n&&n(c)}]),d=F(i||"sps-list-toolbar-sort-by",s);return r.createElement(en,{className:d,icon:a?.icon||o?.icon,label:a?.label||o?.label,options:l})}Object.assign(_u,{props:gw,displayName:"SpsListToolbarSortBy"});function Ru(){const[e,t]=r.useState(!1);function n(){t(!1)}function o(){t(!0)}return r.createElement(r.Fragment,null,r.createElement("p",null,"The List Bar is divided into a number of different sections. It spans the entire width of the corresponding list."),r.createElement(Ie,{kind:R.ButtonKind.LINK,onClick:o},"View Content Order Example"),r.createElement(Ys,{isOpen:e,onClose:n},r.createElement("h1",null,"Content Order"),r.createElement("img",{src:"assets/images/list-toolbar-example.svg",alt:"A List Toolbar with labels on each section",className:"w-100 mb-3"}),r.createElement(tn,null,r.createElement(Pt,null,r.createElement(Pe,{style:{width:"80px"}},"Order"),r.createElement(Pe,null,"Section"),r.createElement(Pe,null,"Notes")),r.createElement(_t,null,r.createElement(Ne,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"1")),r.createElement(oe,null,"Checkbox"),r.createElement(oe,null,"For Content Rows and Content Tiles only.")),r.createElement(Ne,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"2")),r.createElement(oe,null,"Search/Filter Box"),r.createElement(oe,null)),r.createElement(Ne,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"3")),r.createElement(oe,null,"Saved Search"),r.createElement(oe,null)),r.createElement(Ne,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"4")),r.createElement(oe,null,"Advanced Search"),r.createElement(oe,null,"For more information, visit the Advanced Search page.")),r.createElement(Ne,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"5")),r.createElement(oe,null,"Column Editor"),r.createElement(oe,{wrap:500},"Use for Tables only. For more information, visit the Column Editor page.")),r.createElement(Ne,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"6")),r.createElement(oe,null,"List View Selector"),r.createElement(oe,null)),r.createElement(Ne,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"7")),r.createElement(oe,null,"Sorting"),r.createElement(oe,null)),r.createElement(Ne,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"8")),r.createElement(oe,null,"Buttons"),r.createElement(oe,{wrap:500},"Buttons always appear in the rightmost section of the List Toolbar. For the ordering of Buttons, refer to the Button Groups section on the Buttons page."))))))}const hw={general:{label:"General Usage",description:()=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Use a List Toolbar:"),r.createElement("ul",null,r.createElement("li",null,"When list content needs to be searched, filtered, sorted, or otherwise interacted with.")),r.createElement("h5",null,"Avoid a List Toolbar:"),r.createElement("ul",null,r.createElement("li",null,"When no list is present."),r.createElement("li",null,"When there will always be a small number of elements in the list, or the list does not require searching, filtering, or other actions.")))},contentOrder:{label:"Content Order",description:r.createElement(Ru,null)},checkbox:{label:"Checkbox",description:({NavigateTo:e})=>r.createElement("p",null,"Use a Checkbox in the List Toolbar when items in a"," ",r.createElement(e,{to:"Content rows"},"Content Row")," or"," ",r.createElement(e,{to:"Content tiles"},"Content Tile")," are selectable. The Checkbox selects all items in the list, and will cause the Action Bar to appear. Do not use this with a Table, as Tables have a built-in checkbox in the header row."),examples:{checkbox:{react:S.code`
                     import {
                         SpsListToolbar,
                         SpsListToolbarSearch,
@@ -11027,7 +11053,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
                             </SpsListToolbar>
                         )
                     }
-                `}}}};var Au=(e=>(e.Ok="Ok",e.Cancel="Cancel",e))(Au||{});const bw=()=>{const[e,t]=D.useState([]),n=c=>{const u=[...e],m={...c};return m.key=He(),new Promise(f=>{u.push({component:m,resolve:f}),t(u)})},o=c=>{const u=[...e];u.pop()?.resolve(c),t(u)},[a,s]=D.useState(!1),[i,l]=D.useState();D.useEffect(()=>{a&&(o(i),s(!1))},[a]);const d=c=>{s(!0),l(c)};return[e.map(c=>c.component),n,d]};function vw(e,t){const n={...A.SPS_ACTION_DEFAULTS,...e},[o,a]=bt(n);return Object.assign(t,o),[t,s=>{a(s),Object.assign(t,o)}]}const yw={};function Fu(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e;let i;const l=[];r.Children.forEach(t,c=>{r.isValidElement(c)&&c.type==="i"?i=c:l.push(c)});const d=V(a||"sps-page-title",n);return r.createElement("div",{className:d,"data-testid":`${o}`,...s},i,r.createElement("div",{className:"sps-page-title__text","data-testid":`${o}__text`},l))}Object.assign(Fu,{props:yw,displayName:"SpsPageTitle"});const Ew={};function Vu(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=V(a||"sps-page-title__subtitle",n);return r.createElement("div",{className:i,"data-testid":o,...s},t)}Object.assign(Vu,{props:Ew,displayName:"SpsPageSubtitle"});const Tw={basic:{label:"Basic",examples:{basic:{imports:S.code`
+                `}}}};var Au=(e=>(e.Ok="Ok",e.Cancel="Cancel",e))(Au||{});const bw=()=>{const[e,t]=D.useState([]),n=c=>{const u=[...e],m={...c};return m.key=Ke(),new Promise(f=>{u.push({component:m,resolve:f}),t(u)})},o=c=>{const u=[...e];u.pop()?.resolve(c),t(u)},[a,s]=D.useState(!1),[i,l]=D.useState();D.useEffect(()=>{a&&(o(i),s(!1))},[a]);const d=c=>{s(!0),l(c)};return[e.map(c=>c.component),n,d]};function vw(e,t){const n={...R.SPS_ACTION_DEFAULTS,...e},[o,a]=vt(n);return Object.assign(t,o),[t,s=>{a(s),Object.assign(t,o)}]}const yw={};function Fu(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e;let i;const l=[];r.Children.forEach(t,c=>{r.isValidElement(c)&&c.type==="i"?i=c:l.push(c)});const d=F(a||"sps-page-title",n);return r.createElement("div",{className:d,"data-testid":`${o}`,...s},i,r.createElement("div",{className:"sps-page-title__text","data-testid":`${o}__text`},l))}Object.assign(Fu,{props:yw,displayName:"SpsPageTitle"});const Ew={};function Vu(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=F(a||"sps-page-title__subtitle",n);return r.createElement("div",{className:i,"data-testid":o,...s},t)}Object.assign(Vu,{props:Ew,displayName:"SpsPageSubtitle"});const Tw={basic:{label:"Basic",examples:{basic:{imports:S.code`
                     import { SpsPageTitle } from "@spscommerce/ds-react"; 
         `,jsx:S.code`
                     <SpsPageTitle>
@@ -11061,7 +11087,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
                             MacNeil Automotive Parts
                         </SpsPageSubtitle>
                     </SpsPageTitle>
-                `}}}},ww={active:"boolean",as:"React.ElementType"};function Qs(e){const{active:t,as:n="a",children:o,className:a,unsafelyReplaceClassName:s,...i}=e,l=V(s||"sps-nav__item","sps-nav__link",t&&"active");return r.createElement(n,{className:l,...i},o)}Object.assign(Qs,{props:ww,displayName:"SpsProductBarTab"});const Cw={activeTab:"string",fullWidth:"boolean",onTabChange:"(newTab: string) => void",onProductNameClick:"React.MouseEventHandler",productLogoSrc:"string",productName:"string",productNameHref:"string",tabs:"Array<string>"};function $u(e){const{activeTab:t,children:n,className:o,fullWidth:a,onProductNameClick:s,onTabChange:i,productLogoSrc:l,productName:d,productNameHref:c,tabs:u=[],unsafelyReplaceClassName:m,...p}=e,{t:f}=Se.useWoodlandLanguage(),g=r.useRef(null),[h,E]=ot(n,[{type:Qs}]),[v,b]=r.useState(t||u[0]);r.useEffect(()=>{b(t||u[0])},[t]);function C(T){b(T),i&&i(T)}const w=V(m||"sps-navbar-container","z-stratum-bar",o);return r.createElement("div",{className:w,...p,ref:g},r.createElement("nav",{className:V("sps-navbar","sps-navbar--expand-lg",a&&"sps-navbar--full-width")},d||l?r.createElement(r.Fragment,null,r.createElement("a",{className:"sps-navbar__brand",href:c,onClick:s},l&&r.createElement("img",{className:"sps-navbar__brand-logo",src:l,"aria-hidden":"true",alt:`${d} Logo`}),d&&r.createElement("span",{className:"sps-navbar__brand-name"},d)),r.createElement("span",{className:"sps-vertical-rule"})):null,r.createElement("div",{className:"sps-navbar__nav"},u.map(T=>r.createElement("a",{className:V("sps-nav__item","sps-nav__link",T===v&&"active"),key:T,onClick:()=>C(T)},r.createElement("span",null,T),T===v&&r.createElement("span",{className:"sr-only"},"(",f("productBar.current",{defaultValue:"current"}),")"))),h),r.createElement("div",{className:"sps-navbar__content"},r.createElement(nt.Provider,{value:{parentElementRef:g,fixed:!0}},E))))}Object.assign($u,{props:Cw,displayName:"SpsProductBar"});const Dw={basic:{label:"Basic",description:S.code`
+                `}}}},ww={active:"boolean",as:"React.ElementType"};function Qs(e){const{active:t,as:n="a",children:o,className:a,unsafelyReplaceClassName:s,...i}=e,l=F(s||"sps-nav__item","sps-nav__link",t&&"active");return r.createElement(n,{className:l,...i},o)}Object.assign(Qs,{props:ww,displayName:"SpsProductBarTab"});const Cw={activeTab:"string",fullWidth:"boolean",onTabChange:"(newTab: string) => void",onProductNameClick:"React.MouseEventHandler",productLogoSrc:"string",productName:"string",productNameHref:"string",tabs:"Array<string>"};function $u(e){const{activeTab:t,children:n,className:o,fullWidth:a,onProductNameClick:s,onTabChange:i,productLogoSrc:l,productName:d,productNameHref:c,tabs:u=[],unsafelyReplaceClassName:m,...p}=e,{t:f}=Se.useWoodlandLanguage(),g=r.useRef(null),[h,E]=ot(n,[{type:Qs}]),[v,b]=r.useState(t||u[0]);r.useEffect(()=>{b(t||u[0])},[t]);function C(T){b(T),i&&i(T)}const w=F(m||"sps-navbar-container","z-stratum-bar",o);return r.createElement("div",{className:w,...p,ref:g},r.createElement("nav",{className:F("sps-navbar","sps-navbar--expand-lg",a&&"sps-navbar--full-width")},d||l?r.createElement(r.Fragment,null,r.createElement("a",{className:"sps-navbar__brand",href:c,onClick:s},l&&r.createElement("img",{className:"sps-navbar__brand-logo",src:l,"aria-hidden":"true",alt:`${d} Logo`}),d&&r.createElement("span",{className:"sps-navbar__brand-name"},d)),r.createElement("span",{className:"sps-vertical-rule"})):null,r.createElement("div",{className:"sps-navbar__nav"},u.map(T=>r.createElement("a",{className:F("sps-nav__item","sps-nav__link",T===v&&"active"),key:T,onClick:()=>C(T)},r.createElement("span",null,T),T===v&&r.createElement("span",{className:"sr-only"},"(",f("productBar.current",{defaultValue:"current"}),")"))),h),r.createElement("div",{className:"sps-navbar__content"},r.createElement(nt.Provider,{value:{parentElementRef:g,fixed:!0}},E))))}Object.assign($u,{props:Cw,displayName:"SpsProductBar"});const Dw={basic:{label:"Basic",description:S.code`
             <p>Product navigation bar</p>
         `,examples:{basic:{react:S.code`
                     import { SpsProductBar, SpsButton } from "@spscommerce/ds-react";
@@ -11166,7 +11192,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
                             </SpsProductBar>
                         )
                     }
-                `}}}},Nw={percentComplete:"number",title:"string",detail:"string",disabled:"boolean",onClose:"() => void"};function Ku(e){const{children:t,className:n,detail:o,disabled:a,onClose:s,percentComplete:i=0,title:l,"data-testid":d,unsafelyReplaceClassName:c,...u}=e,{t:m}=Se.useWoodlandLanguage(),p=V(c||"sps-progress-bar",i===1&&"sps-progress-bar--complete",a&&"sps-progress-bar--disabled",n);return r.createElement("div",{className:p,...u},r.createElement("div",{className:"sps-progress-bar__content"},l&&r.createElement("div",{className:"sps-progress-bar__heading"},r.createElement("div",{className:"sps-progress-bar__title"},l),r.createElement("div",{className:"sps-progress-bar__percentage"},`${Math.floor(i*100)}%`)),r.createElement("div",{className:"sps-progress-bar__bar-background"},r.createElement("div",{className:"sps-progress-bar__bar-progress",style:{width:`${i*100}%`}})),o&&r.createElement("div",{className:"sps-progress-bar__detail"},o)),s&&r.createElement("div",{className:"sps-progress-bar__close-button"},r.createElement(Ne,{kind:A.ButtonKind.ICON,icon:A.SpsIcon.X,onClick:s,title:m("progressBar.closeButtonTitle",{defaultValue:"Close progress bar"})})))}Object.assign(Ku,{props:Nw,displayName:"SpsProgressBar"});const Iw={general:{label:"General Usage",customSection:()=>r.createElement(r.Fragment,null,r.createElement("h4",null,"General Usage"),r.createElement("p",null,"Progress Bars can be used in a variety of situations, but the most common use case is to show the live progress of a process such as a file upload or the processing of a digital payload."),r.createElement("p",null,"For processes that typically complete within minutes or less, opt for the Standard Progress Bar."),r.createElement("p",null,"For processes that are divided into specific steps that are accomplished over a longer period of time, opt for the Stepped Progress Bar."))},standard:{label:"Standard Progress Bar",description:()=>r.createElement(r.Fragment,null,r.createElement("p",null,"Standard Progress Bars are comprised of the following Required and Optional elements."),r.createElement("img",{src:"assets/images/progress-bar-example.svg",alt:"A Progress Bar with labels on each section",className:"w-100 mb-3"}),r.createElement(tn,null,r.createElement(Pt,null,r.createElement(_e,null,"Section"),r.createElement(_e,null,"Content Type"),r.createElement(_e,null,"Required"),r.createElement(_e,null,"Description/Guidelines")),r.createElement(_t,null,r.createElement(De,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"1")),r.createElement(oe,null,"Title"),r.createElement(oe,null,"No"),r.createElement(oe,{wrap:400},"Use the Title when it provides necessary or helpful detail about the file or action that is being processed.")),r.createElement(De,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"2")),r.createElement(oe,null,"Progress Meter"),r.createElement(oe,null,"Yes"),r.createElement(oe,null)),r.createElement(De,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"3")),r.createElement(oe,null,"Progress Counter"),r.createElement(oe,null,"No"),r.createElement(oe,{wrap:400},"The Progress Counter should not be used without the existence of a Title.")),r.createElement(De,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"4")),r.createElement(oe,null,"Clear Button"),r.createElement(oe,null,"No"),r.createElement(oe,{wrap:400},"If the process requires the option to be cancelled or removed from a list the clear button can be used.")),r.createElement(De,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"5")),r.createElement(oe,null,"Progress Details"),r.createElement(oe,null,"No"),r.createElement(oe,{wrap:400},"Progress Details provide more context for the user and are especially useful when the process includes multiple steps."))))),examples:{standard:{label:"Building Standard Progress Bars",description:()=>r.createElement("p",null,"The Standard Progress Bar is designed to expand to fit the entire width of its container. View the diagram above for rules regarding including or excluding certain elements."),react:S.code`
+                `}}}},Nw={percentComplete:"number",title:"string",detail:"string",disabled:"boolean",onClose:"() => void"};function Ku(e){const{children:t,className:n,detail:o,disabled:a,onClose:s,percentComplete:i=0,title:l,"data-testid":d,unsafelyReplaceClassName:c,...u}=e,{t:m}=Se.useWoodlandLanguage(),p=F(c||"sps-progress-bar",i===1&&"sps-progress-bar--complete",a&&"sps-progress-bar--disabled",n);return r.createElement("div",{className:p,...u},r.createElement("div",{className:"sps-progress-bar__content"},l&&r.createElement("div",{className:"sps-progress-bar__heading"},r.createElement("div",{className:"sps-progress-bar__title"},l),r.createElement("div",{className:"sps-progress-bar__percentage"},`${Math.floor(i*100)}%`)),r.createElement("div",{className:"sps-progress-bar__bar-background"},r.createElement("div",{className:"sps-progress-bar__bar-progress",style:{width:`${i*100}%`}})),o&&r.createElement("div",{className:"sps-progress-bar__detail"},o)),s&&r.createElement("div",{className:"sps-progress-bar__close-button"},r.createElement(Ie,{kind:R.ButtonKind.ICON,icon:R.SpsIcon.X,onClick:s,title:m("progressBar.closeButtonTitle",{defaultValue:"Close progress bar"})})))}Object.assign(Ku,{props:Nw,displayName:"SpsProgressBar"});const Iw={general:{label:"General Usage",customSection:()=>r.createElement(r.Fragment,null,r.createElement("h4",null,"General Usage"),r.createElement("p",null,"Progress Bars can be used in a variety of situations, but the most common use case is to show the live progress of a process such as a file upload or the processing of a digital payload."),r.createElement("p",null,"For processes that typically complete within minutes or less, opt for the Standard Progress Bar."),r.createElement("p",null,"For processes that are divided into specific steps that are accomplished over a longer period of time, opt for the Stepped Progress Bar."))},standard:{label:"Standard Progress Bar",description:()=>r.createElement(r.Fragment,null,r.createElement("p",null,"Standard Progress Bars are comprised of the following Required and Optional elements."),r.createElement("img",{src:"assets/images/progress-bar-example.svg",alt:"A Progress Bar with labels on each section",className:"w-100 mb-3"}),r.createElement(tn,null,r.createElement(Pt,null,r.createElement(Pe,null,"Section"),r.createElement(Pe,null,"Content Type"),r.createElement(Pe,null,"Required"),r.createElement(Pe,null,"Description/Guidelines")),r.createElement(_t,null,r.createElement(Ne,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"1")),r.createElement(oe,null,"Title"),r.createElement(oe,null,"No"),r.createElement(oe,{wrap:400},"Use the Title when it provides necessary or helpful detail about the file or action that is being processed.")),r.createElement(Ne,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"2")),r.createElement(oe,null,"Progress Meter"),r.createElement(oe,null,"Yes"),r.createElement(oe,null)),r.createElement(Ne,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"3")),r.createElement(oe,null,"Progress Counter"),r.createElement(oe,null,"No"),r.createElement(oe,{wrap:400},"The Progress Counter should not be used without the existence of a Title.")),r.createElement(Ne,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"4")),r.createElement(oe,null,"Clear Button"),r.createElement(oe,null,"No"),r.createElement(oe,{wrap:400},"If the process requires the option to be cancelled or removed from a list the clear button can be used.")),r.createElement(Ne,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"5")),r.createElement(oe,null,"Progress Details"),r.createElement(oe,null,"No"),r.createElement(oe,{wrap:400},"Progress Details provide more context for the user and are especially useful when the process includes multiple steps."))))),examples:{standard:{label:"Building Standard Progress Bars",description:()=>r.createElement("p",null,"The Standard Progress Bar is designed to expand to fit the entire width of its container. View the diagram above for rules regarding including or excluding certain elements."),react:S.code`
                     import { SpsCard, SpsProgressBar } from "@spscommerce/ds-react";
                     function Component() {
                         function handleClose() {
@@ -11215,7 +11241,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
                             </SpsCard>
                         )
                     }
-                `}}}},xw={maxHeight:"string"};function Hu(e){const{children:t,maxHeight:n}=e;return r.createElement("div",{className:"sps-scrollable-container",style:{maxHeight:n}},t)}Object.assign(Hu,{props:xw,displayName:"SpsScrollableContainer"});const Mw={channelId:{type:"string",required:!0}};function Wu(e){const{channelId:t,className:n,unsafelyReplaceClassName:o,...a}=e,{t:s}=Se.useWoodlandLanguage(),i=V(o||"sps-slack-link",n);return r.createElement("a",{className:i,target:"_blank",rel:"noreferrer",href:`https://spscommerce.slack.com/archives/${t}`,...a},r.createElement("i",{className:`sps-icon sps-icon-${A.SpsIcon.CONVERSATION}`,"aria-hidden":"true"}),r.createElement("span",null,s("slackLink.label",{defaultValue:"Chat"})))}Object.assign(Wu,{props:Mw,displayName:"SpsSlackLink"});const kw={basic:{examples:{basic:{react:S.code`
+                `}}}},xw={maxHeight:"string"};function Hu(e){const{children:t,maxHeight:n}=e;return r.createElement("div",{className:"sps-scrollable-container",style:{maxHeight:n}},t)}Object.assign(Hu,{props:xw,displayName:"SpsScrollableContainer"});const Mw={channelId:{type:"string",required:!0}};function Wu(e){const{channelId:t,className:n,unsafelyReplaceClassName:o,...a}=e,{t:s}=Se.useWoodlandLanguage(),i=F(o||"sps-slack-link",n);return r.createElement("a",{className:i,target:"_blank",rel:"noreferrer",href:`https://spscommerce.slack.com/archives/${t}`,...a},r.createElement("i",{className:`sps-icon sps-icon-${R.SpsIcon.CONVERSATION}`,"aria-hidden":"true"}),r.createElement("span",null,s("slackLink.label",{defaultValue:"Chat"})))}Object.assign(Wu,{props:Mw,displayName:"SpsSlackLink"});const kw={basic:{examples:{basic:{react:S.code`
                     import { SpsProductBar, SpsSlackLink } from "@spscommerce/ds-react";
                     function DemoComponent() {
                         return (
@@ -11228,7 +11254,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
                             ><SpsSlackLink channelId="CELEGDK4Y" /></SpsProductBar>
                         );
                     }
-                `}}}},Lw={sortKey:"string",sortDisabled:"boolean",sort:"SortedColumn[]",onSortChange:"SortChangeHandler",widthPx:"number",widthRem:"number"};function ei({className:e,"data-testid":t,unsafelyReplaceClassName:n,sortKey:o,sort:a,sortDisabled:s,onSortChange:i,onClick:l,children:d,widthPx:c,widthRem:u,style:m,...p}){const f=r.useMemo(()=>{const v=!!o&&!s&&Array.isArray(a)&&a.find(b=>b.key===o);return v?v.direction:void 0},[a,o,s]),g=V(n||"sps-sorting-header__cell",f===A.SortDirection.ASCENDING&&"sps-sorting-header__cell--sorted-asc",f===A.SortDirection.DESCENDING&&"sps-sorting-header__cell--sorted-desc",s&&"sps-sorting-header__cell--sort-disabled",e),h=c?c/16:u,E=h?{...m,width:`${h}rem`}:m;return r.createElement("div",{className:g,onClick:v=>{o&&!s&&i&&i([{key:o,direction:f===A.SortDirection.ASCENDING?A.SortDirection.DESCENDING:A.SortDirection.ASCENDING}]),l&&l(v)},"data-testid":t,style:E,...p},d)}Object.assign(ei,{props:Lw,displayName:"SpsSortingHeaderCell"});const Ow={sort:"SortedColumn[]",onSortChange:"SortChangeHandler"};function Gu({className:e,"data-testid":t,unsafelyReplaceClassName:n,sort:o,onSortChange:a,children:s,...i}){const l=V(n||"sps-sorting-header",e),d={sort:o,onSortChange:a};return r.createElement("div",{className:l,...i},r.Children.map(s,c=>c&&r.isValidElement(c)&&c.type===ei?r.cloneElement(c,d):c))}Object.assign(Gu,{props:Ow,displayName:"SpsSortingHeader"});const Bw={basic:{label:"Basic Sorting Header",examples:{basic:{react:S.code`
+                `}}}},Lw={sortKey:"string",sortDisabled:"boolean",sort:"SortedColumn[]",onSortChange:"SortChangeHandler",widthPx:"number",widthRem:"number"};function ei({className:e,"data-testid":t,unsafelyReplaceClassName:n,sortKey:o,sort:a,sortDisabled:s,onSortChange:i,onClick:l,children:d,widthPx:c,widthRem:u,style:m,...p}){const f=r.useMemo(()=>{const v=!!o&&!s&&Array.isArray(a)&&a.find(b=>b.key===o);return v?v.direction:void 0},[a,o,s]),g=F(n||"sps-sorting-header__cell",f===R.SortDirection.ASCENDING&&"sps-sorting-header__cell--sorted-asc",f===R.SortDirection.DESCENDING&&"sps-sorting-header__cell--sorted-desc",s&&"sps-sorting-header__cell--sort-disabled",e),h=c?c/16:u,E=h?{...m,width:`${h}rem`}:m;return r.createElement("div",{className:g,onClick:v=>{o&&!s&&i&&i([{key:o,direction:f===R.SortDirection.ASCENDING?R.SortDirection.DESCENDING:R.SortDirection.ASCENDING}]),l&&l(v)},"data-testid":t,style:E,...p},d)}Object.assign(ei,{props:Lw,displayName:"SpsSortingHeaderCell"});const Ow={sort:"SortedColumn[]",onSortChange:"SortChangeHandler"};function Gu({className:e,"data-testid":t,unsafelyReplaceClassName:n,sort:o,onSortChange:a,children:s,...i}){const l=F(n||"sps-sorting-header",e),d={sort:o,onSortChange:a};return r.createElement("div",{className:l,...i},r.Children.map(s,c=>c&&r.isValidElement(c)&&c.type===ei?r.cloneElement(c,d):c))}Object.assign(Gu,{props:Ow,displayName:"SpsSortingHeader"});const Bw={basic:{label:"Basic Sorting Header",examples:{basic:{react:S.code`
                 import { SpsSortingHeader, SpsSortingHeaderCell } from "@spscommerce/ds-react";
                 function DemoComponent() {
                     const [sort, setSort] = React.useState([{ key: 'id', direction: SortDirection.DESCENDING }]);
@@ -11276,7 +11302,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
                       </>
                     )
                   }
-                `}}}},Pw={title:"string",stepsCount:"number",completedStepsCount:"number",disabled:"boolean",showStepsCounter:"boolean",color:"SteppedProgressBarColor",data:"SteppedProgressBarData[]"};function Uu(e){const{title:t,stepsCount:n,completedStepsCount:o=0,disabled:a,showStepsCounter:s,className:i,data:l,color:d=A.SteppedProgressBarColor.PURPLE}=e,c=Array.from(Array(n)).map((m,p)=>({id:It().current||void 0,...l?.find(f=>f.index===p)})),u=V("sps-stepped-progress-bar",`sps-stepped-progress-bar--${d}`,o===n&&"sps-stepped-progress-bar--complete",a&&"sps-stepped-progress-bar--disabled",i);return r.createElement("div",{className:u},r.createElement("div",{className:"sps-stepped-progress-bar__content"},(t||s)&&r.createElement("div",{className:"sps-progress-bar__heading"},t&&r.createElement("div",{className:"sps-progress-bar__title"},t),s&&r.createElement("div",{className:"sps-stepped-progress-bar__percentage"},`${o} of ${n} Complete`)),r.createElement("ul",{className:"sps-stepped-progress-bar__bar-background d-flex align-items-center list-unstyled mb-0"},c.map((m,p)=>r.createElement("li",{id:m.id,key:m.id,className:V("sps-stepped-progress-bar__step",o>p&&!m.skipped&&"sps-stepped-progress-bar__step-complete")},m.icon&&r.createElement(ut,{icon:m.icon,size:A.SpsIconSize.SMALL,className:V("d-block",(m.index||0)>o-1?"gray400":"white")}),m.title&&m.id&&r.createElement(it,{for:m.id,title:m.title},m.description))))))}Object.assign(Uu,{props:Pw,displayName:"SpsSteppedProgressBar"});const _w={standard:{label:"Stepped Progress Bar",description:()=>r.createElement(r.Fragment,null,r.createElement("p",null,"Stepped Progress Bars are comprised of the following Required and Optional elements."),r.createElement("img",{src:"assets/images/stepped-progress-bar-example.svg",alt:"A Progress Bar with labels on each section",className:"w-100 mb-3"}),r.createElement(tn,null,r.createElement(Pt,null,r.createElement(_e,null,"Section"),r.createElement(_e,null,"Content Type"),r.createElement(_e,null,"Required"),r.createElement(_e,null,"Description/Guidelines")),r.createElement(_t,null,r.createElement(De,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"1")),r.createElement(oe,null,"Title"),r.createElement(oe,null,"No"),r.createElement(oe,{wrap:400},"Use the Title when it provides necessary or helpful detail about the file or action that is being processed.")),r.createElement(De,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"2")),r.createElement(oe,null,"Progress Meter"),r.createElement(oe,null,"Yes"),r.createElement(oe,null)),r.createElement(De,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"3")),r.createElement(oe,null,"Progress Counter"),r.createElement(oe,null,"No"),r.createElement(oe,{wrap:400},"The Progress Counter should not be used without the existence of a Title.")),r.createElement(De,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"4")),r.createElement(oe,null,"Step icons"),r.createElement(oe,null,"No"),r.createElement(oe,{wrap:400},"Icons can be set inside of steps for visual emphasis.")),r.createElement(De,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"5")),r.createElement(oe,null,"Step Tooltips"),r.createElement(oe,null,"No"),r.createElement(oe,{wrap:400},"Tooltips can be utilized to provide more details about each specific step. Tooltips can be exposed on click or hover."))))),examples:{standard:{description:()=>r.createElement(r.Fragment,null,r.createElement("h4",null,"Building Stepped Progress Bars"),r.createElement("p",null,"The Stepped Progress Bar is designed to expand to fit the entire width of its container. View the diagram above for rules regarding including or excluding certain elements.")),react:S.code`
+                `}}}},Pw={title:"string",stepsCount:"number",completedStepsCount:"number",disabled:"boolean",showStepsCounter:"boolean",color:"SteppedProgressBarColor",data:"SteppedProgressBarData[]"};function Uu(e){const{title:t,stepsCount:n,completedStepsCount:o=0,disabled:a,showStepsCounter:s,className:i,data:l,color:d=R.SteppedProgressBarColor.PURPLE}=e,c=Array.from(Array(n)).map((m,p)=>({id:It().current||void 0,...l?.find(f=>f.index===p)})),u=F("sps-stepped-progress-bar",`sps-stepped-progress-bar--${d}`,o===n&&"sps-stepped-progress-bar--complete",a&&"sps-stepped-progress-bar--disabled",i);return r.createElement("div",{className:u},r.createElement("div",{className:"sps-stepped-progress-bar__content"},(t||s)&&r.createElement("div",{className:"sps-progress-bar__heading"},t&&r.createElement("div",{className:"sps-progress-bar__title"},t),s&&r.createElement("div",{className:"sps-stepped-progress-bar__percentage"},`${o} of ${n} Complete`)),r.createElement("ul",{className:"sps-stepped-progress-bar__bar-background d-flex align-items-center list-unstyled mb-0"},c.map((m,p)=>r.createElement("li",{id:m.id,key:m.id,className:F("sps-stepped-progress-bar__step",o>p&&!m.skipped&&"sps-stepped-progress-bar__step-complete")},m.icon&&r.createElement(ut,{icon:m.icon,size:R.SpsIconSize.SMALL,className:F("d-block",(m.index||0)>o-1?"gray400":"white")}),m.title&&m.id&&r.createElement(it,{for:m.id,title:m.title},m.description))))))}Object.assign(Uu,{props:Pw,displayName:"SpsSteppedProgressBar"});const _w={standard:{label:"Stepped Progress Bar",description:()=>r.createElement(r.Fragment,null,r.createElement("p",null,"Stepped Progress Bars are comprised of the following Required and Optional elements."),r.createElement("img",{src:"assets/images/stepped-progress-bar-example.svg",alt:"A Progress Bar with labels on each section",className:"w-100 mb-3"}),r.createElement(tn,null,r.createElement(Pt,null,r.createElement(Pe,null,"Section"),r.createElement(Pe,null,"Content Type"),r.createElement(Pe,null,"Required"),r.createElement(Pe,null,"Description/Guidelines")),r.createElement(_t,null,r.createElement(Ne,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"1")),r.createElement(oe,null,"Title"),r.createElement(oe,null,"No"),r.createElement(oe,{wrap:400},"Use the Title when it provides necessary or helpful detail about the file or action that is being processed.")),r.createElement(Ne,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"2")),r.createElement(oe,null,"Progress Meter"),r.createElement(oe,null,"Yes"),r.createElement(oe,null)),r.createElement(Ne,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"3")),r.createElement(oe,null,"Progress Counter"),r.createElement(oe,null,"No"),r.createElement(oe,{wrap:400},"The Progress Counter should not be used without the existence of a Title.")),r.createElement(Ne,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"4")),r.createElement(oe,null,"Step icons"),r.createElement(oe,null,"No"),r.createElement(oe,{wrap:400},"Icons can be set inside of steps for visual emphasis.")),r.createElement(Ne,null,r.createElement(oe,null,r.createElement("span",{className:"sps-tag sps-tag--info"},"5")),r.createElement(oe,null,"Step Tooltips"),r.createElement(oe,null,"No"),r.createElement(oe,{wrap:400},"Tooltips can be utilized to provide more details about each specific step. Tooltips can be exposed on click or hover."))))),examples:{standard:{description:()=>r.createElement(r.Fragment,null,r.createElement("h4",null,"Building Stepped Progress Bars"),r.createElement("p",null,"The Stepped Progress Bar is designed to expand to fit the entire width of its container. View the diagram above for rules regarding including or excluding certain elements.")),react:S.code`
                     import { SpsCard, SpsSteppedProgressBar } from "@spscommerce/ds-react";
                     function Component() {
                         const data = [
@@ -11372,7 +11398,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
                             </SpsCard>
                         )
                     }
-                `}}}},Rw={href:"string",icon:{type:"ReactNodeOrRenderFn",required:"true"},error:"boolean",errorIcon:"ReactNodeOrRenderFn",title:{type:"string",required:"true"},warning:"boolean",warningIcon:"ReactNodeOrRenderFn",disabled:"boolean",tagElement:"ReactNodeOrRenderFn"};function zu(e){const{className:t,href:n,target:o,icon:a,error:s=!1,errorIcon:i,title:l,unsafelyReplaceClassName:d,warning:c=!1,warningIcon:u,disabled:m=!1,tagElement:p,...f}=e,g=V(d||"sps-tile",t,s&&"sps-tile--error",c&&"sps-tile--warning",m&&"sps-tile--disabled");return r.useEffect(()=>{if(c&&s)throw new Error("Tile should have warning or error, not both")},[c,s]),r.createElement("div",{className:"sps-tile-container sfg-col-3 sfg-break-col-6"},r.createElement("a",{className:g,href:m?void 0:n,target:o,rel:o==="_blank"?"noopener noreferrer":void 0,...f},(c||s)&&r.createElement("div",{className:"sps-tile--icon"},c&&(u?je(u):r.createElement("i",{className:V("sps-icon","sps-icon-status-warning")})),s&&(i?je(i):r.createElement("i",{className:V("sps-icon","sps-icon-ban")}))),p&&r.createElement("div",{className:"sps-tile--tag"},je(p)),r.createElement("div",{className:"sps-tile--content"},r.createElement("div",{className:"sps-tile--image"},typeof a=="string"?r.createElement("img",{className:"sps-tile--image",src:a,alt:""}):je(a)),r.createElement("div",{className:"sps-tile--title"},r.createElement("p",null,l,o==="_blank"&&r.createElement("i",{className:V("sps-icon","sps-icon-tabs")}))))))}Object.assign(zu,{props:Rw,displayName:"SpsTile"});const Aw={};function ju(e){const{children:t,unsafelyReplaceClassName:n,"data-testid":o,className:a,...s}=e,i=V(n||"sps-tile-list",a||"sfg-row");return r.createElement("div",{className:i,"data-testid":o,...s},t)}Object.assign(ju,{props:Aw,displayName:"SpsTileList"});const Fw={basic:{label:"Basic",examples:{basic:{react:S.code`
+                `}}}},Rw={href:"string",icon:{type:"ReactNodeOrRenderFn",required:"true"},error:"boolean",errorIcon:"ReactNodeOrRenderFn",title:{type:"string",required:"true"},warning:"boolean",warningIcon:"ReactNodeOrRenderFn",disabled:"boolean",tagElement:"ReactNodeOrRenderFn"};function zu(e){const{className:t,href:n,target:o,icon:a,error:s=!1,errorIcon:i,title:l,unsafelyReplaceClassName:d,warning:c=!1,warningIcon:u,disabled:m=!1,tagElement:p,...f}=e,g=F(d||"sps-tile",t,s&&"sps-tile--error",c&&"sps-tile--warning",m&&"sps-tile--disabled");return r.useEffect(()=>{if(c&&s)throw new Error("Tile should have warning or error, not both")},[c,s]),r.createElement("div",{className:"sps-tile-container sfg-col-3 sfg-break-col-6"},r.createElement("a",{className:g,href:m?void 0:n,target:o,rel:o==="_blank"?"noopener noreferrer":void 0,...f},(c||s)&&r.createElement("div",{className:"sps-tile--icon"},c&&(u?je(u):r.createElement("i",{className:F("sps-icon","sps-icon-status-warning")})),s&&(i?je(i):r.createElement("i",{className:F("sps-icon","sps-icon-ban")}))),p&&r.createElement("div",{className:"sps-tile--tag"},je(p)),r.createElement("div",{className:"sps-tile--content"},r.createElement("div",{className:"sps-tile--image"},typeof a=="string"?r.createElement("img",{className:"sps-tile--image",src:a,alt:""}):je(a)),r.createElement("div",{className:"sps-tile--title"},r.createElement("p",null,l,o==="_blank"&&r.createElement("i",{className:F("sps-icon","sps-icon-tabs")}))))))}Object.assign(zu,{props:Rw,displayName:"SpsTile"});const Aw={};function ju(e){const{children:t,unsafelyReplaceClassName:n,"data-testid":o,className:a,...s}=e,i=F(n||"sps-tile-list",a||"sfg-row");return r.createElement("div",{className:i,"data-testid":o,...s},t)}Object.assign(ju,{props:Aw,displayName:"SpsTileList"});const Fw={basic:{label:"Basic",examples:{basic:{react:S.code`
                     import { SpsTileList, SpsTile } from "@spscommerce/ds-react";
                     function Component() {
                         const apps = [
@@ -11574,7 +11600,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
                             </>
                         )
                     }
-                `}}}},Vw={value:{type:"number",required:"true"},title:{type:"string",required:"true"},kind:"SpsFilterTileKind",active:"boolean"};function Yu(e){const{value:t,title:n,kind:o=A.SpsFilterTileKind.GENERAL,active:a,className:s,unsafelyReplaceClassName:i,...l}=e,[d,c]=r.useState(!1),u=a||d,m=V(i||"sps-filter-tile",s,`sps-filter-tile--${o}`,u&&"active");return r.createElement("div",{className:m,...l},r.createElement("div",{className:"sps-filter-tile__body",onMouseOver:()=>c(!0),onMouseOut:()=>c(!1)},r.createElement("div",{className:"sps-filter-tile__body__value"},t),r.createElement("div",{className:"sps-filter-tile__body__title"},n)),r.createElement("div",{className:"sps-filter-tile__footer"}))}Object.assign(Yu,{props:Vw,displayName:"SpsFilterTile"});const $w={};function qu(e){const{children:t,unsafelyReplaceClassName:n,"data-testid":o,className:a,...s}=e,i=V(n||"sps-filter-tile-list",a);return r.createElement("div",{className:i,...s},t)}Object.assign(qu,{props:$w,displayName:"SpsFilterTileList"});const Kw={basic:{label:"Basic",examples:{basic:{react:S.code`
+                `}}}},Vw={value:{type:"number",required:"true"},title:{type:"string",required:"true"},kind:"SpsFilterTileKind",active:"boolean"};function Yu(e){const{value:t,title:n,kind:o=R.SpsFilterTileKind.GENERAL,active:a,className:s,unsafelyReplaceClassName:i,...l}=e,[d,c]=r.useState(!1),u=a||d,m=F(i||"sps-filter-tile",s,`sps-filter-tile--${o}`,u&&"active");return r.createElement("div",{className:m,...l},r.createElement("div",{className:"sps-filter-tile__body",onMouseOver:()=>c(!0),onMouseOut:()=>c(!1)},r.createElement("div",{className:"sps-filter-tile__body__value"},t),r.createElement("div",{className:"sps-filter-tile__body__title"},n)),r.createElement("div",{className:"sps-filter-tile__footer"}))}Object.assign(Yu,{props:Vw,displayName:"SpsFilterTile"});const $w={};function qu(e){const{children:t,unsafelyReplaceClassName:n,"data-testid":o,className:a,...s}=e,i=F(n||"sps-filter-tile-list",a);return r.createElement("div",{className:i,...s},t)}Object.assign(qu,{props:$w,displayName:"SpsFilterTileList"});const Kw={basic:{label:"Basic",examples:{basic:{react:S.code`
                     import {
                         SpsFilterTileList,
                         SpsFilterTile,
@@ -11630,7 +11656,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
                             </>
                         )
                     }
-                `}}}},Ju={};function ti(e){const{className:t,...n}=e,o=V("sps-vertical-rule",t);return r.createElement("div",{className:o,...n})}Object.assign(ti,{props:Ju,displayName:"SpsVerticalRule / SpsVr"});function Xu(e){return r.createElement(ti,{...e})}Object.assign(Xu,{props:Ju,displayName:"SpsDescriptionListTerm / SpsDt"});const Hw={illustration:"string",icon:{type:"SpsIcon",deprecated:!0},heading:"ReactNodeOrRenderFn",subHeading:"ReactNodeOrRenderFn"};function Zu(e){const{className:t,heading:n,icon:o,illustration:a=oi.BUILDING_SMALL,subHeading:s,"data-testid":i,unsafelyReplaceClassName:l,...d}=e,c=V(l||"sps-zero-state","sps-zero-state--micro",t);return r.createElement("div",{className:c,"data-testid":`${i}__actual-micro-zero-state`,...d},o?r.createElement("i",{className:`sps-zero-state__icon sps-icon sps-icon-${o}`,"aria-hidden":"true","data-testid":`${i}__icon`}):r.createElement("img",{style:{height:"3rem"},src:a}),n&&r.createElement("h1",{className:"sps-zero-state__heading","data-testid":`${i}__heading`},n),s&&r.createElement("h2",{className:"sps-zero-state__subheading","data-testid":`${i}__subheading`},s))}Object.assign(Zu,{props:Hw,displayName:"SpsMicroZeroState"});const Ww={illustration:"string",artwork:{type:"string",deprecated:!0},heading:{type:"string",required:!0},subHeading:"string"};function Qu(e){const{artwork:t,children:n,className:o,heading:a,illustration:s,subHeading:i,"data-testid":l,unsafelyReplaceClassName:d,...c}=e,u=s||t||oi.BUILDING_LARGE,m=V(d||"sps-zero-state",o);return r.createElement("div",{className:"sps-card__body","data-testid":`${l}`},r.createElement("div",{className:m,"data-testid":`${l}__actual-zero-state`,...c},r.createElement("img",{className:"sps-zero-state__image",src:u,alt:"","data-testid":`${l}__artwork`}),r.createElement("h1",{className:"sps-zero-state__heading","data-testid":`${l}__heading`},a),r.createElement("h2",{className:"sps-zero-state__subheading","data-testid":`${l}__subheading`},i),r.createElement("div",{className:"sps-zero-state__content","data-testid":`${l}__content`},n)))}Object.assign(Qu,{props:Ww,displayName:"SpsZeroState"});const Gw={sizes:{label:"Sizes",customSection:()=>r.createElement("section",{id:"zero-states-sizes"},r.createElement("div",{className:"flex-color-header"},r.createElement("h4",null,"Sizes"),r.createElement(Ne,{onClick:()=>{window.scrollTo({top:0,behavior:"smooth"})},kind:A.ButtonKind.LINK},"Back to Top")),r.createElement("h5",{className:"mb-3"},"There are 2 sizes of Zero States: Large and Small. They differ in appearance and are used in different cases."),r.createElement("h4",null,"Large Zero States"),r.createElement("h5",{className:"mb-3"},"Use Large Zero States in primary or large areas of a page."),r.createElement("h4",null,"Small Zero States"),r.createElement("h5",{className:"mb-0"},"Use Small Zero States in a secondary or small areas of a page."))},regular:{label:"Usage: Large Zero States",description:({NavigateTo:e})=>r.createElement("span",{className:"sps-body-14 mt-4"},"Large Zero States may be accompanied by other components such as Headings, Subtitles, ",r.createElement(e,{to:"Button"},"Buttons"),","," ",r.createElement(e,{to:"List Toolbar"},"Search Bars"),", or a combination of these"),examples:{illustrationAndHeading:{description:"Illustration + Heading",imports:S.code`
+                `}}}},Ju={};function ti(e){const{className:t,...n}=e,o=F("sps-vertical-rule",t);return r.createElement("div",{className:o,...n})}Object.assign(ti,{props:Ju,displayName:"SpsVerticalRule / SpsVr"});function Xu(e){return r.createElement(ti,{...e})}Object.assign(Xu,{props:Ju,displayName:"SpsDescriptionListTerm / SpsDt"});const Hw={illustration:"string",icon:{type:"SpsIcon",deprecated:!0},heading:"ReactNodeOrRenderFn",subHeading:"ReactNodeOrRenderFn"};function Zu(e){const{className:t,heading:n,icon:o,illustration:a=oi.BUILDING_SMALL,subHeading:s,"data-testid":i,unsafelyReplaceClassName:l,...d}=e,c=F(l||"sps-zero-state","sps-zero-state--micro",t);return r.createElement("div",{className:c,"data-testid":`${i}__actual-micro-zero-state`,...d},o?r.createElement("i",{className:`sps-zero-state__icon sps-icon sps-icon-${o}`,"aria-hidden":"true","data-testid":`${i}__icon`}):r.createElement("img",{style:{height:"3rem"},src:a}),n&&r.createElement("h1",{className:"sps-zero-state__heading","data-testid":`${i}__heading`},n),s&&r.createElement("h2",{className:"sps-zero-state__subheading","data-testid":`${i}__subheading`},s))}Object.assign(Zu,{props:Hw,displayName:"SpsMicroZeroState"});const Ww={illustration:"string",artwork:{type:"string",deprecated:!0},heading:{type:"string",required:!0},subHeading:"string"};function Qu(e){const{artwork:t,children:n,className:o,heading:a,illustration:s,subHeading:i,"data-testid":l,unsafelyReplaceClassName:d,...c}=e,u=s||t||oi.BUILDING_LARGE,m=F(d||"sps-zero-state",o);return r.createElement("div",{className:"sps-card__body","data-testid":`${l}`},r.createElement("div",{className:m,"data-testid":`${l}__actual-zero-state`,...c},r.createElement("img",{className:"sps-zero-state__image",src:u,alt:"","data-testid":`${l}__artwork`}),r.createElement("h1",{className:"sps-zero-state__heading","data-testid":`${l}__heading`},a),r.createElement("h2",{className:"sps-zero-state__subheading","data-testid":`${l}__subheading`},i),r.createElement("div",{className:"sps-zero-state__content","data-testid":`${l}__content`},n)))}Object.assign(Qu,{props:Ww,displayName:"SpsZeroState"});const Gw={sizes:{label:"Sizes",customSection:()=>r.createElement("section",{id:"zero-states-sizes"},r.createElement("div",{className:"flex-color-header"},r.createElement("h4",null,"Sizes"),r.createElement(Ie,{onClick:()=>{window.scrollTo({top:0,behavior:"smooth"})},kind:R.ButtonKind.LINK},"Back to Top")),r.createElement("h5",{className:"mb-3"},"There are 2 sizes of Zero States: Large and Small. They differ in appearance and are used in different cases."),r.createElement("h4",null,"Large Zero States"),r.createElement("h5",{className:"mb-3"},"Use Large Zero States in primary or large areas of a page."),r.createElement("h4",null,"Small Zero States"),r.createElement("h5",{className:"mb-0"},"Use Small Zero States in a secondary or small areas of a page."))},regular:{label:"Usage: Large Zero States",description:({NavigateTo:e})=>r.createElement("span",{className:"sps-body-14 mt-4"},"Large Zero States may be accompanied by other components such as Headings, Subtitles, ",r.createElement(e,{to:"Button"},"Buttons"),","," ",r.createElement(e,{to:"List Toolbar"},"Search Bars"),", or a combination of these"),examples:{illustrationAndHeading:{description:"Illustration + Heading",imports:S.code`
             import { SpsCard, SpsZeroState } from "@spscommerce/ds-react";
             import { Illustrations } from "@sps-woodland/illustrations";
         `,jsx:S.code`
@@ -11744,4 +11770,4 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
               </SpsCard>
             </div>
           </div>
-        `}}}};N.AsTypingErrorKeys=dn,N.ContentOrderExample=Ru,N.DEFAULT_DATETIME_PRESETS=vd,N.DEFAULT_PRESETS=za,N.DragDropContext=Vc,N.Draggable=Xc,N.Droppable=Va,N.FauxChangeEvent=xt,N.MANIFEST=hE,N.ModalAction=Au,N.OnBlurErrorKeys=Je,N.OnSubmitErrorKeys=mo,N.PortalContext=nt,N.PreventativeErrorKeys=gt,N.Provide=Ti,N.SimpleDateUtils=z,N.SpsAddRemoveFormRowExamples=Hv,N.SpsAdvancedSearch=Nu,N.SpsAdvancedSearchExamples=zT,N.SpsApp=Rm,N.SpsAutocomplete=vt,N.SpsAutocompleteExamples=Ni,N.SpsButton=Ne,N.SpsButtonExamples=Fy,N.SpsButtonGroup=qd,N.SpsCard=Ka,N.SpsCardTabbedPane=$a,N.SpsCardV2=Cu,N.SpsCardV2Footer=Us,N.SpsCardV2Header=zs,N.SpsCardV2Title=Du,N.SpsCheckbox=Ut,N.SpsCheckboxDropdown=Ja,N.SpsCheckboxExamples=Ii,N.SpsClickableTag=An,N.SpsClickableTagExamples=xi,N.SpsColumnChooser=Wa,N.SpsColumnChooserColumn=Go,N.SpsColumnChooserExamples=nd,N.SpsConditionalField=Ts,N.SpsConditionalFieldExamples=Ip,N.SpsContentRow=Ga,N.SpsContentRowCol=Xt,N.SpsContentRowExamples=od,N.SpsContentRowExpansion=Uo,N.SpsContextBar=jT,N.SpsCurrencyInput=Iu,N.SpsCurrencyInputExamples=XT,N.SpsDateRangePicker=ja,N.SpsDateRangePickerExamples=Sd,N.SpsDateTime=qa,N.SpsDateTimeRangePicker=Ya,N.SpsDateTimeRangePickerExamples=Ed,N.SpsDatepicker=Ua,N.SpsDatepickerExamples=ud,N.SpsDatetimeExamples=Td,N.SpsDd=Nd,N.SpsDescriptionList=Jo,N.SpsDescriptionListDefinition=Xo,N.SpsDescriptionListExamples=kd,N.SpsDescriptionListTerm=Qo,N.SpsDl=Cd,N.SpsDropdown=en,N.SpsDropdownExamples=Ld,N.SpsDt=Md,N.SpsFeedbackBlock=hs,N.SpsFeedbackBlockExamples=iE,N.SpsFieldset=Xa,N.SpsFieldsetExamples=Od,N.SpsFilterPanel=bs,N.SpsFilterPanelCap=ys,N.SpsFilterPanelExamples=Np,N.SpsFilterPanelFilterBox=Es,N.SpsFilterPanelSection=vs,N.SpsFilterTile=Yu,N.SpsFilterTileList=qu,N.SpsFilterTileListExamples=Kw,N.SpsFocusedTask=Ys,N.SpsFocusedTaskActions=js,N.SpsFocusedTaskExamples=ew,N.SpsForm=oo,N.SpsFormArrayMeta=fi,N.SpsFormComponentWrapper=Le,N.SpsFormExamples=td,N.SpsFormFieldMeta=Bn,N.SpsFormGroupMeta=mi,N.SpsFormMetaBase=Ht,N.SpsFormSetMeta=Wt,N.SpsGrowler=qs,N.SpsGrowlerExamples=ow,N.SpsI=ut,N.SpsIconButtonPanel=Jd,N.SpsIncrementor=Za,N.SpsIncrementorExamples=Bd,N.SpsInputGroup=wn,N.SpsInsightTile=xu,N.SpsInsights=rw,N.SpsKeyValueList=Mu,N.SpsKeyValueListItem=ku,N.SpsKeyValueTag=Lu,N.SpsKeyValueTagExamples=cw,N.SpsLabel=Qa,N.SpsLabelExamples=Pd,N.SpsListActionBar=es,N.SpsListActionBarExamples=Zd,N.SpsListToolbar=Pu,N.SpsListToolbarExamples=hw,N.SpsListToolbarSearch=Xs,N.SpsListToolbarSearchInfo=Zs,N.SpsListToolbarSortBy=_u,N.SpsLocaleProvider=py,N.SpsMicroBlock=ts,N.SpsMicroBlockExamples=Qd,N.SpsMicroZeroState=Zu,N.SpsModal=ns,N.SpsModalExamples=tp,N.SpsModalFooter=tr,N.SpsMultiSelect=rs,N.SpsMultiSelectExamples=np,N.SpsMultiValueTextInput=ws,N.SpsMultiValueTextInputExamples=kp,N.SpsPageSelector=nr,N.SpsPageSubtitle=Vu,N.SpsPageTitle=Fu,N.SpsPageTitleExamples=Tw,N.SpsPagination=as,N.SpsPaginationExamples=op,N.SpsProductBar=$u,N.SpsProductBarExamples=Dw,N.SpsProductBarTab=Qs,N.SpsProgressBar=Ku,N.SpsProgressBarExamples=Iw,N.SpsProgressRing=fs,N.SpsRadioButton=ss,N.SpsRadioButtonExamples=rp,N.SpsScrollableContainer=Hu,N.SpsSearchResultsBar=Bu,N.SpsSearchResultsBarExamples=uw,N.SpsSearchResultsBarV2=Js,N.SpsSelect=Zt,N.SpsSelectExamples=gd,N.SpsSideNav=sp,N.SpsSideNavExamples=ip,N.SpsSlackLink=Wu,N.SpsSlackLinkExamples=kw,N.SpsSlideInPanel=os,N.SpsSlideInPanelExamples=ep,N.SpsSortingHeader=Gu,N.SpsSortingHeaderCell=ei,N.SpsSortingHeaderExamples=Bw,N.SpsSpinner=Ir,N.SpsSplitButton=is,N.SpsSplitButtonExamples=lp,N.SpsSteppedProgressBar=Uu,N.SpsSteppedProgressBarExamples=_w,N.SpsSummaryListColumn=cs,N.SpsSummaryListExamples=cp,N.SpsSummaryListExpansion=so,N.SpsSummaryListRow=ls,N.SpsTab=vu,N.SpsTabPanel=yu,N.SpsTable=tn,N.SpsTableBody=_t,N.SpsTableCell=oe,N.SpsTableExamples=Xd,N.SpsTableHead=Pt,N.SpsTableHeader=_e,N.SpsTableRow=De,N.SpsTabsV2=Gs,N.SpsTag=pt,N.SpsTagExamples=Ky,N.SpsTaskQueue=ds,N.SpsTaskQueueExamples=dp,N.SpsTbody=zd,N.SpsTd=Yd,N.SpsTextInput=rr,N.SpsTextInputExamples=pp,N.SpsTextarea=ps,N.SpsTextareaExamples=up,N.SpsTh=$d,N.SpsThead=Hd,N.SpsTile=zu,N.SpsTileList=ju,N.SpsTileListExamples=Fw,N.SpsTimeInput=Cs,N.SpsTimeInputExamples=Op,N.SpsToggle=us,N.SpsToggleExamples=fp,N.SpsTooltip=it,N.SpsTooltipExamples=Sp,N.SpsTooltipTitle=ms,N.SpsTr=Gd,N.SpsValidators=So,N.SpsVerticalRule=ti,N.SpsVr=Xu,N.SpsWf=hp,N.SpsWfDoc=yp,N.SpsWfDs=Tp,N.SpsWfStep=Cp,N.SpsWizardExamples=bp,N.SpsWizardSidebar=Ss,N.SpsWizardSubstep=gs,N.SpsWorkflow=ar,N.SpsWorkflowDocument=sr,N.SpsWorkflowDocumentStatus=ir,N.SpsWorkflowExamples=Dp,N.SpsWorkflowStep=lr,N.SpsZeroState=Qu,N.SpsZeroStateExamples=Gw,N.TooltipVisibility=fe,N.ValidationMode=ht,N.addOnChangeErrorKey=li,N.addOnSubmitErrorKey=ci,N.bindProps=_m,N.contentOf=je,N.date=On,N.dateConstraint=ui,N.dateRange=pi,N.findParentBranches=or,N.flipPosition=xr,N.formArray=Av,N.formControl=Fv,N.formGroup=Vv,N.getMember=Ha,N.getPosition=Gt,N.letterAndNumberKeys=Mr,N.resetServerContext=Rb,N.selectChildren=ot,N.setDateFormat=di,N.toggleTooltipState=Zo,N.useCheckDeprecatedProps=wi,N.useColumnCellResizer=Fd,N.useColumnHeaderResizer=Ad,N.useCustomValidator=Tm,N.useDidUpdateEffect=kr,N.useDocumentEventListener=Lr,N.useElementId=It,N.useForm=$v,N.useGrowlers=nw,N.useInputPopup=fn,N.useKeyboardSensor=Bc,N.useModals=bw,N.useMouseSensor=Oc,N.usePatchReducer=bt,N.usePortal=mn,N.useServerSideValidation=Kv,N.useSpsAction=vw,N.useSpsForm=Si,N.useSpsLocale=ro,N.useTouchSensor=Pc,N.validate=go,Object.defineProperty(N,Symbol.toStringTag,{value:"Module"})});
+        `}}}};N.AsTypingErrorKeys=dn,N.ContentOrderExample=Ru,N.DEFAULT_DATETIME_PRESETS=vd,N.DEFAULT_PRESETS=za,N.DragDropContext=Vc,N.Draggable=Xc,N.Droppable=Va,N.FauxChangeEvent=xt,N.MANIFEST=hE,N.ModalAction=Au,N.OnBlurErrorKeys=Je,N.OnSubmitErrorKeys=mo,N.PortalContext=nt,N.PreventativeErrorKeys=ht,N.Provide=Ti,N.SimpleDateUtils=j,N.SpsAddRemoveFormRowExamples=Hv,N.SpsAdvancedSearch=Nu,N.SpsAdvancedSearchExamples=zT,N.SpsApp=Rm,N.SpsAutocomplete=yt,N.SpsAutocompleteExamples=Ni,N.SpsButton=Ie,N.SpsButtonExamples=Fy,N.SpsButtonGroup=qd,N.SpsCard=Ka,N.SpsCardTabbedPane=$a,N.SpsCardV2=Cu,N.SpsCardV2Footer=Us,N.SpsCardV2Header=zs,N.SpsCardV2Title=Du,N.SpsCheckbox=Ut,N.SpsCheckboxDropdown=Ja,N.SpsCheckboxExamples=Ii,N.SpsClickableTag=An,N.SpsClickableTagExamples=xi,N.SpsColumnChooser=Wa,N.SpsColumnChooserColumn=Go,N.SpsColumnChooserExamples=nd,N.SpsConditionalField=Ts,N.SpsConditionalFieldExamples=Ip,N.SpsContentRow=Ga,N.SpsContentRowCol=Xt,N.SpsContentRowExamples=od,N.SpsContentRowExpansion=Uo,N.SpsContextBar=jT,N.SpsCurrencyInput=Iu,N.SpsCurrencyInputExamples=XT,N.SpsDateRangePicker=ja,N.SpsDateRangePickerExamples=Sd,N.SpsDateTime=qa,N.SpsDateTimeRangePicker=Ya,N.SpsDateTimeRangePickerExamples=Ed,N.SpsDatepicker=Ua,N.SpsDatepickerExamples=ud,N.SpsDatetimeExamples=Td,N.SpsDd=Nd,N.SpsDescriptionList=Jo,N.SpsDescriptionListDefinition=Xo,N.SpsDescriptionListExamples=kd,N.SpsDescriptionListTerm=Qo,N.SpsDl=Cd,N.SpsDropdown=en,N.SpsDropdownExamples=Ld,N.SpsDt=Md,N.SpsFeedbackBlock=hs,N.SpsFeedbackBlockExamples=iE,N.SpsFieldset=Xa,N.SpsFieldsetExamples=Od,N.SpsFilterPanel=bs,N.SpsFilterPanelCap=ys,N.SpsFilterPanelExamples=Np,N.SpsFilterPanelFilterBox=Es,N.SpsFilterPanelSection=vs,N.SpsFilterTile=Yu,N.SpsFilterTileList=qu,N.SpsFilterTileListExamples=Kw,N.SpsFocusedTask=Ys,N.SpsFocusedTaskActions=js,N.SpsFocusedTaskExamples=ew,N.SpsForm=oo,N.SpsFormArrayMeta=fi,N.SpsFormComponentWrapper=ke,N.SpsFormExamples=td,N.SpsFormFieldMeta=Bn,N.SpsFormGroupMeta=mi,N.SpsFormMetaBase=Ht,N.SpsFormSetMeta=Wt,N.SpsGrowler=qs,N.SpsGrowlerExamples=ow,N.SpsI=ut,N.SpsIconButtonPanel=Jd,N.SpsIncrementor=Za,N.SpsIncrementorExamples=Bd,N.SpsInputGroup=wn,N.SpsInsightTile=xu,N.SpsInsights=rw,N.SpsKeyValueList=Mu,N.SpsKeyValueListItem=ku,N.SpsKeyValueTag=Lu,N.SpsKeyValueTagExamples=cw,N.SpsLabel=Qa,N.SpsLabelExamples=Pd,N.SpsListActionBar=es,N.SpsListActionBarExamples=Zd,N.SpsListToolbar=Pu,N.SpsListToolbarExamples=hw,N.SpsListToolbarSearch=Xs,N.SpsListToolbarSearchInfo=Zs,N.SpsListToolbarSortBy=_u,N.SpsLocaleProvider=py,N.SpsMicroBlock=ts,N.SpsMicroBlockExamples=Qd,N.SpsMicroZeroState=Zu,N.SpsModal=ns,N.SpsModalExamples=tp,N.SpsModalFooter=tr,N.SpsMultiSelect=rs,N.SpsMultiSelectExamples=np,N.SpsMultiValueTextInput=ws,N.SpsMultiValueTextInputExamples=kp,N.SpsPageSelector=nr,N.SpsPageSubtitle=Vu,N.SpsPageTitle=Fu,N.SpsPageTitleExamples=Tw,N.SpsPagination=as,N.SpsPaginationExamples=op,N.SpsProductBar=$u,N.SpsProductBarExamples=Dw,N.SpsProductBarTab=Qs,N.SpsProgressBar=Ku,N.SpsProgressBarExamples=Iw,N.SpsProgressRing=fs,N.SpsRadioButton=ss,N.SpsRadioButtonExamples=rp,N.SpsScrollableContainer=Hu,N.SpsSearchResultsBar=Bu,N.SpsSearchResultsBarExamples=uw,N.SpsSearchResultsBarV2=Js,N.SpsSelect=Zt,N.SpsSelectExamples=gd,N.SpsSideNav=sp,N.SpsSideNavExamples=ip,N.SpsSlackLink=Wu,N.SpsSlackLinkExamples=kw,N.SpsSlideInPanel=os,N.SpsSlideInPanelExamples=ep,N.SpsSortingHeader=Gu,N.SpsSortingHeaderCell=ei,N.SpsSortingHeaderExamples=Bw,N.SpsSpinner=Ir,N.SpsSplitButton=is,N.SpsSplitButtonExamples=lp,N.SpsSteppedProgressBar=Uu,N.SpsSteppedProgressBarExamples=_w,N.SpsSummaryListColumn=cs,N.SpsSummaryListExamples=cp,N.SpsSummaryListExpansion=so,N.SpsSummaryListRow=ls,N.SpsTab=vu,N.SpsTabPanel=yu,N.SpsTable=tn,N.SpsTableBody=_t,N.SpsTableCell=oe,N.SpsTableExamples=Xd,N.SpsTableHead=Pt,N.SpsTableHeader=Pe,N.SpsTableRow=Ne,N.SpsTabsV2=Gs,N.SpsTag=pt,N.SpsTagExamples=Ky,N.SpsTaskQueue=ds,N.SpsTaskQueueExamples=dp,N.SpsTbody=zd,N.SpsTd=Yd,N.SpsTextInput=rr,N.SpsTextInputExamples=pp,N.SpsTextarea=ps,N.SpsTextareaExamples=up,N.SpsTh=$d,N.SpsThead=Hd,N.SpsTile=zu,N.SpsTileList=ju,N.SpsTileListExamples=Fw,N.SpsTimeInput=Cs,N.SpsTimeInputExamples=Op,N.SpsToggle=us,N.SpsToggleExamples=fp,N.SpsTooltip=it,N.SpsTooltipExamples=Sp,N.SpsTooltipTitle=ms,N.SpsTr=Gd,N.SpsValidators=So,N.SpsVerticalRule=ti,N.SpsVr=Xu,N.SpsWf=hp,N.SpsWfDoc=yp,N.SpsWfDs=Tp,N.SpsWfStep=Cp,N.SpsWizardExamples=bp,N.SpsWizardSidebar=Ss,N.SpsWizardSubstep=gs,N.SpsWorkflow=ar,N.SpsWorkflowDocument=sr,N.SpsWorkflowDocumentStatus=ir,N.SpsWorkflowExamples=Dp,N.SpsWorkflowStep=lr,N.SpsZeroState=Qu,N.SpsZeroStateExamples=Gw,N.TooltipVisibility=fe,N.ValidationMode=bt,N.addOnChangeErrorKey=li,N.addOnSubmitErrorKey=ci,N.bindProps=_m,N.contentOf=je,N.date=On,N.dateConstraint=ui,N.dateRange=pi,N.findParentBranches=or,N.flipPosition=xr,N.formArray=Av,N.formControl=Fv,N.formGroup=Vv,N.getMember=Ha,N.getPosition=Gt,N.letterAndNumberKeys=Mr,N.resetServerContext=Rb,N.selectChildren=ot,N.setDateFormat=di,N.toggleTooltipState=Zo,N.useCheckDeprecatedProps=wi,N.useColumnCellResizer=Fd,N.useColumnHeaderResizer=Ad,N.useCustomValidator=Tm,N.useDidUpdateEffect=kr,N.useDocumentEventListener=Lr,N.useElementId=It,N.useForm=$v,N.useGrowlers=nw,N.useInputPopup=fn,N.useKeyboardSensor=Bc,N.useModals=bw,N.useMouseSensor=Oc,N.usePatchReducer=vt,N.usePortal=mn,N.useServerSideValidation=Kv,N.useSpsAction=vw,N.useSpsForm=Si,N.useSpsLocale=ro,N.useTouchSensor=Pc,N.validate=go,Object.defineProperty(N,Symbol.toStringTag,{value:"Module"})});