@spscommerce/ds-react 8.42.3 → 8.42.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/index.umd.cjs CHANGED
@@ -1,7 +1,7 @@
1
- (function(k,w){typeof exports=="object"&&typeof module<"u"?w(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"],w):(k=typeof globalThis<"u"?globalThis:k||self,w(k.DSReact={},k.React,k.utils,k.moment$3,k.dsShared,k.i18n,k.ReactDOM,k.dsColors,k.tabs,k.collections,k.illustrations))})(this,function(k,w,g,Oe,F,ge,On,Nr,Nm,un,gi){"use strict";function hi(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=hi(w),mn=hi(Oe);function bi(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=bi(e[t]))&&(o&&(o+=" "),o+=n)}else for(n in e)e[n]&&(o&&(o+=" "),o+=n);return o}function A(){for(var e,t,n=0,o="",a=arguments.length;n<a;n++)(e=arguments[n])&&(t=bi(e))&&(o&&(o+=" "),o+=t);return o}const Im="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";let We=(e=21)=>{let t="",n=crypto.getRandomValues(new Uint8Array(e|=0));for(;e--;)t+=Im[n[e]&63];return t};function _t(e){return w.useRef(e||We())}function Ge(e,t){const n=_t(e),o=w.useRef(`${n.current}_ctrl`);return w.useEffect(()=>{t&&(t.id=o.current,t.update())},[t]),{wrapperId:n.current||void 0,controlId:o.current}}function Ir(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var kr,vi;function km(){if(vi)return kr;vi=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(h){return p(f(h))}}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 h=i.call(f,"constructor")&&f.constructor;return typeof h=="function"&&h instanceof h&&s.call(h)==l}return kr=m,kr}var xm=km();const yi=Ir(xm),Qe=new Set,fn=new Set,yt=new Set,go=new Set;function Ei(e){Qe.has(e)||yt.has(e)||go.has(e)||fn.add(e)}function Ti(e){Qe.has(e)||yt.has(e)||fn.has(e)||go.add(e)}const Ve=mn.default||mn,Sn="MM/DD/YYYY",Mm="MM/DD/YYYY hh:mm A",Lm="MM/DD/YYYY HH:mm",Pm="hh:mm A",Om="HH:mm",Bm=/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/,Bn=Symbol("Date Parse Error");function gn(e){return Ve.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=Ve(e,t,!0);if(n.isValid())return Object.freeze({year:n.year(),month:n.month()+1,date:n.date()})}else{const n=Bm.exec(e);if(n){const[,o,a,s]=n;return Object.freeze({year:Number(s),month:Number(o),date:Number(a)})}}return Object.freeze({[Bn]:!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=Ve(e,t,!0):n=Ve(e):Ve.isMoment(e)?n=e:n=J.toMoment(e),n!==null&&Ve.isMoment(n)&&n.isValid()?n:Object.freeze({[Bn]:!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?Ve.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?Ve.isMoment(e)?e:Ve({...e,month:e.month-1}):null},toString(e,t){const n=J.toMoment(e);return n&&n.isValid()?n.format(t||Sn):""},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&&Ve.isMoment(e)&&e.isValid()?n?t?e.format(`${n} ${Om}`):e.format(`${n} ${Pm}`):t?e.format(Lm):e.format(Mm):""},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:gn(e)>gn(t)},isBefore(e,t){return!e||!t?null:gn(e)<gn(t)},isInRange(e,t,n=!0){if(!e||!t||!t[0]||!t[1])return null;const o=gn(e),[a,s]=t.map(gn);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=Ve(),o=n.clone().subtract(Ve.duration(e.definition));return[J.createFrom(o,t),J.createFrom(n,t)]},createDateTimeRangeFromPreset(e){if(typeof e.definition=="function")return e.definition();const t=Ve().subtract(Ve.duration(e.definition)).startOf("day"),n=Ve().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&&Ve.isMoment(e)&&e.isValid()?J.toDateTimeString(e,t,n).split(" "):["",a,t?void 0:s]},getCurrentMoment(){return Ve()},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}`}}}),xr=["01:00","02:00","03:00","04:00","05:00","06:00","07:00","08:00","09:00","10:00","11:00","12:00"],Mr=["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 ho=Sn;function wi(e){ho=e}const _n=function(t){if(Array.isArray(t)){const n=_n(t[0]),o=_n(t[1]);return n||o}if(t&&t.hasOwnProperty("year")){if(t[Bn])return{dateFormat:ho};if(!J.isValid(t))return{dateValidity:!0}}return null};Qe.add("dateFormat"),Qe.add("dateValidity");const Ci=function(t){if(Array.isArray(t)){const n=_n(t);if(n)return n;if(t&&J.isBefore(t[1],t[0]))return{dateRangeOrder:!0}}return null};Qe.add("dateRangeOrder");const Di=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,ho):null,maxExceeded:i?J.toString(n,ho):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}};Qe.add("dateConstraint");const _m=Object.freeze(Object.defineProperty({__proto__:null,date:_n,dateConstraint:Di,dateRange:Ci,setDateFormat:wi},Symbol.toStringTag,{value:"Module"}));function xt(e,t){for(const n of[].concat(e)){const o=t(n);if(o)return o}return null}const Rm=function(t){function n(o){return Number(o)>=t?null:{min:t}}return o=>xt(o,n)};Qe.add("min");const Fm=function(t){function n(o){return Number(o)<=t?null:{max:t}}return o=>xt(o,n)};fn.add("max");const Am=function(t){return typeof t>"u"||t===null||t===""||Number.isNaN(t)||t?.length===0?{required:!0}:null};fn.add("required");const Vm=function(t){function n(o){return o===void 0||o.toString().length<t?{minLength:t}:null}return o=>xt(o,n)};Qe.add("minLength");const $m=function(t){function n(o){return o==null||Array.isArray(o)&&o.length<t?{minLengthArray:t}:null}return o=>n(o)};Qe.add("minLengthArray");const Km=function(t){function n(o){return o===void 0||o.toString().length<=t?null:{maxLength:t}}return o=>xt(o,n)};yt.add("maxLength");const Hm=function(t){function n(o){return o==null||Array.isArray(o)&&o.length<=t?null:{maxLengthArray:t}}return o=>n(o)};Qe.add("maxLengthArray");const Wm=function(t){const n=t instanceof RegExp?t:new RegExp(t);function o(a){return n.test(a)?null:{pattern:t}}return a=>xt(a,o)};Qe.add("pattern");const Gm=function(e){function t(n){return new RegExp("^\\p{L}*$","u").test(n)?null:{alpha:!0}}return xt(e,t)};yt.add("alpha");const Um=function(e){function t(n){return/^[0-9,. ]*$/.test(n)?null:{numeric:!0}}return xt(e,t)};yt.add("numeric");const zm=function(e){function t(n){return/^-?[0-9,. ]*$/.test(n)?null:{positiveOrNegativeNumber:!0}}return xt(e,t)};yt.add("positiveOrNegativeNumber");const jm=function(e){function t(n){return/^[^0-9]*$/.test(n)?null:{nonNumeric:!0}}return xt(e,t)};yt.add("nonNumeric");const bo=Object.freeze({..._m,min:Rm,max:Fm,required:Am,minLength:Vm,minLengthArray:$m,maxLength:Km,maxLengthArray:Hm,pattern:Wm,alpha:Gm,numeric:Um,nonNumeric:jm,positiveOrNegativeNumber:zm,OnBlurErrorKeys:Qe});function vo(e,t=[]){const n=t.reduce((o,a)=>Object.assign(o,a(e)||{}),{});return Object.keys(n).length?n:null}var Et=(e=>(e[e.ON_CHANGE=0]="ON_CHANGE",e[e.ON_BLUR=1]="ON_BLUR",e[e.ON_SUBMIT=2]="ON_SUBMIT",e))(Et||{});function Ym(e,t={},n=[]){for(const[o,a]of Object.entries(t))a===0?Ei(o):a===2&&Ti(o);return r.useCallback(e,n)}class Yt{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=vo(t,this.validators);let s={onSubmit:{},onChange:{},onBlur:{}};a&&(s=Object.keys(a).reduce((i,l)=>(go.has(l)?i.onSubmit[l]=a[l]:fn.has(l)?i.onChange[l]=a[l]:i.onBlur[l]=a[l],i),s)),(typeof n>"u"||n===Et.ON_CHANGE)&&(this.#e=Object.keys(s.onChange).length===0?null:s.onChange),(typeof n>"u"||n===Et.ON_BLUR)&&(this.#t=Object.keys(s.onBlur).length===0?null:s.onBlur),(typeof n>"u"||n===Et.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(bo.required)>-1}isSubmitted(){return this.submitted}onFocus(){}onBlur(){}}class Rn extends Yt{constructor(){super(...arguments),this.id=We(),this.focused=!1,this.pristine=!0}setValue(t){if(this.preventativeErrors=[],this.validators&&this.validators.length>0){const n=vo(t,this.validators);if(n&&Object.keys(n).filter(a=>yt.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 qt extends Rn{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 yo(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 Ni extends qt{inferMembers(t){this.fields={};for(const n of Object.keys(t))this.fields[n]=this.inferSpsControl(t[n],n)}}class Ii extends qt{inferMembers(t){this.fields=t.map((n,o)=>this.inferSpsControl(n,String(o)))}}function yo(e,t,n){return e instanceof Yt?(e.path=t,e.update=n,e):Array.isArray(e)?new Ii(e,t,n):yi(e)?new Ni(e,t,n):new Rn(t,n)}function Fn(e,t){return t.length===0||!e?e:Fn(e.fields[t[0]],t.slice(1,t.length))}function Lr(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,...Lr(s,t)],[])}return Lr(e.fields[n],t)}function Pr(e,t,n){for(const o of Object.keys(t)){const a=t[o];for(const s of Lr(e,o.split(".")))s&&a&&n(s,a)}}function Eo(e,t,n,o=!1,a=!1){Pr(t,n,(s,i)=>{s.validators=typeof i=="function"?i(e):i,o&&s.validate(g.getPath(e,s.path),void 0,a)})}function Or(e,t){const n=t[0];return t=t.slice(1),Array.isArray(e)?e.map((o,a)=>a===Number(n)?Or(o,t):o):yi(e)?Object.keys(e).reduce((o,a)=>Object.assign(o,{[a]:a===n?Or(e[a],t):e[a]}),{}):e}function qm(e){if(typeof e!="object"||e===null||Array.isArray(e))throw new TypeError("The initial value of useSpsForm() hook must be an object.")}function ki(e,t={}){qm(e);const[,n]=w.useState({}),o=w.useRef(!1);o.current=!1;const a=w.useRef(t),s=w.useCallback(p=>{const f=m.current;let h;if(p)if(p.path)if(p.markAsBlurred){const v=Fn(f.formMeta,p.path);if(v){v.focused=!1;const E=g.getPath(f.formValue,p.path);v.validate(E,Et.ON_BLUR)}}else if(p.newValidators){if(a.current){const v=p.path.join(".");a.current={...a.current,[v]:p.newValidators},Eo(f.formValue,f.formMeta,a.current,!0)}}else if(p.markAsSubmitted){const v=Fn(f.formMeta,p.path);if(v){v.submitted=!0;const E=g.getPath(f.formValue,p.path);v.validate(E,Et.ON_SUBMIT)}}else h=Or(f.formValue,p.path),g.setPath(h,p.path,p.value);else h=p.value;if(p?.updateFormOptions?.validators&&(a.current={...a.current,...p.updateFormOptions.validators},Eo(f.formValue,f.formMeta,a.current,p.updateFormOptions?.runValidators??!0)),h){f.formMeta.submitted=!1,g.deepFreeze(h);const v=g.diff(f.formValue,h);for(const{type:y,key:b,parentPath:N,objects:[,C]}of v){const T=Fn(f.formMeta,N);if(typeof b!="symbol"&&T){let x;switch(y){case g.DiffChange.ADDITION:T.fields[b]=yo(C[b],[...N,b],l);break;case g.DiffChange.DELETION:Array.isArray(T.fields)?T.fields[b]=void 0:delete T.fields[b];break;case g.DiffChange.ALTERATION:x=yo(C[b],[...N,b],l),(x instanceof qt&&!(T.fields[b]instanceof qt)||!(x instanceof qt)&&T.fields[b]instanceof qt)&&(x.pristine=!1,T.fields[b]=x);break}}}const E=new Set;if(v.filter(y=>y.type===g.DiffChange.DELETION).reduce((y,b)=>(y.has(b.parentPath)||y.add(b.parentPath),y),E),Array.from(E).forEach(y=>{const b=Fn(f.formMeta,y);Array.isArray(b.fields)&&(b.fields=b.fields.filter(N=>N!==void 0))}),a.current){Eo(h,f.formMeta,a.current);const y=new Set;t&&Pr(f.formMeta,t,(b,N)=>{typeof N=="function"&&(b.validate(g.getPath(h,b.path)),y.add(b))});for(const{type:b,key:N,parentPath:C,objects:[,T]}of v)if(typeof N!="symbol"){let x=f.formMeta,B=h;if(x){for(const L of C)x=x.fields[L],B=B[L],y.has(x)||x.validate(B,Et.ON_CHANGE);if(b===g.DiffChange.ADDITION||b===g.DiffChange.ALTERATION){const L=x.fields[N];if(!y.has(L)&&(x.fields[N].validate(T[N],Et.ON_CHANGE),b===g.DiffChange.ADDITION&&L.fields))for(const[O,R]of Object.entries(L.fields))R.validate(T[N][O],Et.ON_CHANGE)}}}}}m.current={...f,formValue:h||f.formValue},o.current||n({})},[]),i=w.useCallback((p,f)=>{p||f?s({value:p,updateFormOptions:f}):s()},[s]),l=w.useCallback((p,f,h=!1,v,E=!1)=>{p?s({path:p,value:f,markAsBlurred:h,newValidators:v,markAsSubmitted:E}):i()},[s,i]),d=w.useMemo(()=>{g.deepFreeze(e);const p=yo(e,[],l);return t&&Eo(e,p,t,!1,!0),p},[]),c=w.useCallback(()=>(m.current.formMeta.markAsDirty(),a.current&&Pr(m.current.formMeta,a.current,(p,f)=>{(typeof f=="function"||Array.isArray(f))&&p.validate(g.getPath(m.current.formValue,p.path))}),m.current.formMeta.isValid()),[]),u=w.useCallback(()=>m.current.formValue,[]),m=w.useRef({formValue:e,formMeta:d,updateForm:i,validateForm:c,getCurrentFormValue:u});return m.current}const Be=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 h(){p&&p!==t&&p.current&&i&&i instanceof Rn&&i.markAsFocused()}function v(){p&&p!==t&&p.current&&i&&i instanceof Rn&&i.markAsBlurred()}const E=A("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 y(b){a&&f(),d&&d(b)}return r.useEffect(()=>{function b(N){N.target.classList.contains("sps-form-control__clear-btn")&&N.preventDefault()}return document.addEventListener("mousedown",b),()=>{document.removeEventListener("mousedown",b)}},[]),r.createElement("div",{...c,className:E,ref:t,tabIndex:-1,onClick:y,onFocus:h,onBlur:v},o)});Object.assign(Be,{displayName:"SpsFormComponentWrapper"});const xi=e=>typeof e=="object"&&e!=null&&e.nodeType===1,Mi=(e,t)=>(!t||e!=="hidden")&&e!=="visible"&&e!=="clip",To=(e,t)=>{if(e.clientHeight<e.scrollHeight||e.clientWidth<e.scrollWidth){const n=getComputedStyle(e,null);return Mi(n.overflowY,t)||Mi(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},wo=(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,Jm=e=>{const t=e.parentElement;return t??(e.getRootNode().host||null)},Li=(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:V=>V!==c;if(!xi(e))throw new TypeError("Invalid target");const p=document.scrollingElement||document.documentElement,f=[];let h=e;for(;xi(h)&&m(h);){if(h=Jm(h),h===p){f.push(h);break}h!=null&&h===document.body&&To(h)&&!To(document.documentElement)||h!=null&&To(h,u)&&f.push(h)}const v=(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:y,scrollY:b}=window,{height:N,width:C,top:T,right:x,bottom:B,left:L}=e.getBoundingClientRect(),{top:O,right:R,bottom:q,left:te}=(V=>{const G=window.getComputedStyle(V);return{top:parseFloat(G.scrollMarginTop)||0,right:parseFloat(G.scrollMarginRight)||0,bottom:parseFloat(G.scrollMarginBottom)||0,left:parseFloat(G.scrollMarginLeft)||0}})(e);let $=l==="start"||l==="nearest"?T-O:l==="end"?B+q:T+N/2-O+q,W=d==="center"?L+C/2-te+R:d==="end"?x+R:L-te;const Y=[];for(let V=0;V<f.length;V++){const G=f[V],{height:ee,width:H,top:S,right:I,bottom:D,left:K}=G.getBoundingClientRect();if(i==="if-needed"&&T>=0&&L>=0&&B<=E&&x<=v&&(G===p&&!To(G)||T>=S&&B<=D&&L>=K&&x<=I))return Y;const U=getComputedStyle(G),X=parseInt(U.borderLeftWidth,10),_=parseInt(U.borderTopWidth,10),j=parseInt(U.borderRightWidth,10),P=parseInt(U.borderBottomWidth,10);let z=0,Q=0;const Z="offsetWidth"in G?G.offsetWidth-G.clientWidth-X-j:0,ne="offsetHeight"in G?G.offsetHeight-G.clientHeight-_-P:0,me="offsetWidth"in G?G.offsetWidth===0?0:H/G.offsetWidth:0,pe="offsetHeight"in G?G.offsetHeight===0?0:ee/G.offsetHeight:0;if(p===G)z=l==="start"?$:l==="end"?$-E:l==="nearest"?wo(b,b+E,E,_,P,b+$,b+$+N,N):$-E/2,Q=d==="start"?W:d==="center"?W-v/2:d==="end"?W-v:wo(y,y+v,v,X,j,y+W,y+W+C,C),z=Math.max(0,z+b),Q=Math.max(0,Q+y);else{z=l==="start"?$-S-_:l==="end"?$-D+P+ne:l==="nearest"?wo(S,D,ee,_,P+ne,$,$+N,N):$-(S+ee/2)+ne/2,Q=d==="start"?W-K-X:d==="center"?W-(K+H/2)+Z/2:d==="end"?W-I+j+Z:wo(K,I,H,X,j+Z,W,W+C,C);const{scrollLeft:Te,scrollTop:Le}=G;z=pe===0?0:Math.max(0,Math.min(Le+z/pe,G.scrollHeight-ee/pe+ne)),Q=me===0?0:Math.max(0,Math.min(Te+Q/me,G.scrollWidth-H/me+Z)),$+=Le-z,W+=Te-Q}Y.push({el:G,top:z,left:Q})}return Y},Xm=e=>e===!1?{block:"end",inline:"nearest"}:(t=>t===Object(t)&&Object.keys(t).length!==0)(e)?e:{block:"start",inline:"nearest"};function Co(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(Li(e,t));const o=typeof t=="boolean"||t==null?void 0:t.behavior;for(const{el:a,top:s,left:i}of Li(e,Xm(t))){const l=s-n.top+n.bottom,d=i-n.left+n.right;a.scroll({top:l,left:d,behavior:o})}}const Br=Object.freeze(Object.defineProperty({__proto__:null,default:Co},Symbol.toStringTag,{value:"Module"})),Zm={alt:"string",size:"SpinnerSize",title:"string"};function _r(e){const{alt:t,className:n,size:o=F.SpinnerSize.MEDIUM,"data-testid":a,title:s,unsafelyReplaceClassName:i,...l}=e,{t:d}=ge.useWoodlandLanguage(),c=t||s||d("spinner.defaultAltText",{defaultValue:"Loading..."}),u=A(i||"sps-spinner",`sps-spinner--${o}`,n);return r.createElement("i",{className:u,"data-testid":a,title:c,...l})}Object.assign(_r,{props:Zm,displayName:"SpsSpinner"});const Qm=60;function Do(e){return typeof e>"u"?"inherit":`${e}px`}function Rr(e){switch(e){case F.Position.TOP_LEFT:return F.Position.BOTTOM_LEFT;case F.Position.TOP_MIDDLE:return F.Position.BOTTOM_MIDDLE;case F.Position.TOP_RIGHT:return F.Position.BOTTOM_RIGHT;case F.Position.RIGHT_TOP:return F.Position.LEFT_TOP;case F.Position.RIGHT_MIDDLE:return F.Position.LEFT_MIDDLE;case F.Position.RIGHT_BOTTOM:return F.Position.LEFT_BOTTOM;case F.Position.BOTTOM_RIGHT:return F.Position.TOP_RIGHT;case F.Position.BOTTOM_MIDDLE:return F.Position.TOP_MIDDLE;case F.Position.BOTTOM_LEFT:return F.Position.TOP_LEFT;case F.Position.LEFT_BOTTOM:return F.Position.RIGHT_BOTTOM;case F.Position.LEFT_MIDDLE:return F.Position.RIGHT_MIDDLE;case F.Position.LEFT_TOP:return F.Position.RIGHT_TOP}}function ef(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,h]=e.split(" ");let v,E,y,b;switch(f){case"top":y=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":v=n.bottom+u-s[0];break;default:throw new Error(`Invalid position ${e}`)}switch(h){case"left":b=n.left+p+s[1];break;case"top":v=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")&&(v=n.top+u+n.height/2-o.height/2+s[1]);break;case"bottom":y=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[v,E,y,b]}function Jt(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 h=(i?.current??document.documentElement).getBoundingClientRect();l&&(h={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[v,E]=n.split(" ");let y=n;if(o&&(v==="top"&&u.top-c.height<Qm||v==="right"&&u.right+c.width>p||v==="bottom"&&u.bottom+c.height>m||v==="left"&&u.left-c.width<0)&&(y=o),E==="left"&&u.left+c.width+(d?.[1]??0)>document.documentElement.getBoundingClientRect().right)switch(v){case"bottom":y=F.Position.BOTTOM_RIGHT;break;case"top":y=F.Position.TOP_RIGHT;break}const b=a?Math.max(u.width,c.width):c.width,N=s?u.width:b,[C,T,x,B]=ef(y,h,u,c,N,d,i,l),L={top:Do(C),right:Do(T),bottom:Do(x),left:Do(B)};return l&&(L.position="fixed",L.zIndex=F.ZStratum.BAR),a&&(L.minWidth=`${u.width}px`),s&&(L.width=`${u.width}px`),[L,y===o]}return[{},!1]}const rt=w.createContext(null);function hn(e,t=[]){const n=w.useContext(rt);return w.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 On.createPortal(o,i)},[n])}const Fr=["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 Pi(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 F.SpsOptionListOption(m,typeof m=="function"?{textKey:"label",captionKey:"caption"}:{textKey:e.textKey,captionKey:e.captionKey}));if(e.nullOption&&u.unshift(new F.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"),h=d(p.text);return e.filterByTextAndCaptionKey?f.test(h)||f.test(d(p.caption)):f.test(h)})}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 tf(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"?g.debounce(Pi,typeof e.searchDebounce<"u"?e.searchDebounce:500):Pi,[d.current,e.disabledOptions]);return r.useEffect(()=>{c(e,t,n,a,i,l)},[d.current,t.value,e.disabledOptions]),[o,s]}class Mt{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 nf(e,t){return{...e,...t}}function Tt(e){return w.useReducer(nf,e)}function of({hideInlineSearch:e,showInlineSearch:t,options:n,onSearchChange:o,search:a="",searchPlaceholder:s,searchInputRef:i}){const{t:l}=ge.useWoodlandLanguage(),d=s??l("select.searchPlaceholder",{defaultValue:"Search…"}),[c,u]=Tt({isAsync:typeof n=="function",pending:!1,value:a,replacementPattern:null}),m=r.useCallback(E=>{u({value:E.target.value}),o&&o(E)},[o]),p=r.useCallback(E=>{E.nativeEvent.stopImmediatePropagation(),E.stopPropagation()},[]),f=r.useCallback(E=>{E.nativeEvent.stopImmediatePropagation(),u({value:""}),o&&o(new Mt({value:""})),i?.current&&i.current.focus()},[o,i]),h=E=>{E&&(["Tab","Escape","Enter","Up","ArrowUp","Down","ArrowDown"].includes(E.key)||E.stopPropagation())};return r.useEffect(()=>{u({value:a})},[a]),[(c.isAsync||t)&&!e?r.createElement("div",{className:"sps-option-list__search sps-form-group sps-text-input"},r.createElement("div",{className:"sps-form-control"},!c.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:d,ref:i,value:c.value,onChange:m,onClick:p,onKeyDown:h}),c.value&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:f}))):r.createElement(r.Fragment,null),c,u]}const rf=Co||Br,af=["Tab","Escape","Enter","Up","ArrowUp","Down","ArrowDown"];function sf(e,t,n){return n?(e&&e[n])===(t&&t[n]):e===t}function Oi(e,t,n){return typeof n.value=="function"&&n.disabled?!0:t?!!e?.find(o=>o[t]&&o[t]===n?.value?.[t]):!1}const An=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:h,onSpecialActionSelect:v,attachTo:E,className:y,conformWidth:b,id:N,ignoreWidthStyles:C,isOpen:T,keepOpen:x,keyDown:B,nullOption:L,onOptionListChanged:O,onOptionSelected:R,onPositionFlip:q,onSelfToggle:te,optionRole:$,positionOverride:W,selectedOption:Y,specialAction:V,unsafelyReplaceClassName:G,loading:ee,filterByTextAndCaptionKey:H,maxHeightPx:S,maxHeightRem:I,disableOptionsMemoization:D,disableDefaultOptionsFiltering:K,"data-testid":U,typeaheadEvent:X,..._}=e,j=r.useMemo(()=>V?new F.SpsOptionListOption(V,{textKey:"label",captionKey:"caption"}):null,[V]),[P,z]=r.useState(-1),[Q,Z]=r.useState(T),ne=t||r.useRef(null),me=r.useRef(null),pe=r.useRef(null),Te=hn("sps-option-list-portal"),Le=r.useContext(rt),[Ze,je]=W||[F.Position.BOTTOM_LEFT,F.Position.TOP_LEFT],[[Nt,Ke],He]=r.useState([{},!1]),Ye=r.useRef(null),[ot,ke,de]=of({...e,searchInputRef:Ye}),[re,xe]=tf(e,ke,de);r.useEffect(()=>{X&&Ae(X)},[X]),r.useEffect(()=>{He(Q?Jt(ne,E,Ze,{altPosition:je,setMinWidth:!C,setWidth:!C&&b,...Le}):[{},!1])},[Q,Ze,je,re]),r.useEffect(()=>{let se;return Q&&(se=()=>{Q&&He(Jt(ne,E,Ze,{altPosition:je,setMinWidth:!C,setWidth:!C&&b,...Le}))},document.addEventListener("scroll",se)),()=>{se&&document.removeEventListener("scroll",se)}},[Q]),r.useEffect(()=>{z(-1)},[ke]);const It=A(G||"sps-option-list","z-stratum-dropdown",Q&&"sps-option-list--open",ke.isAsync&&"sps-option-list--searchable",Ke&&"sps-option-list--opens-upward",V&&V.label&&"sps-option-list--has-special-action",y),Si=A(G||"sps-option-list__options",i&&"sps-option-list__options--tall"),Ut=r.useCallback(()=>{Q||(Z(!0),Ye.current&&Ye.current.focus(),z(-1),te&&te(!0))},[Q,te]),kt=r.useCallback(()=>{Q&&(Z(!1),z(-1),te&&te(!1))},[Q,te]),zt=r.useCallback((se,ce)=>{ce||se&&!se.disabled&&(typeof se.value=="function"?(se.value(),v&&v()):typeof R=="function"&&R(se.value),x||kt())},[R,kt]),jt=r.useCallback((se,ce,De)=>{se.stopPropagation(),zt(ce,De)},[zt]),Ln=r.useRef(a||[]);Ln.current=a||[];const ae=r.useCallback(se=>{switch(se.key){case"Tab":case"Escape":kt();break;case"Enter":if(P>-1){const ce=re[P]||j;se.preventDefault();const De=!!ce&&Oi(Ln.current,o||"",ce);!De&&ce&&typeof R=="function"&&typeof ce.value=="function"?ce.value():ce&&zt(ce,De)}break;case"Up":case"ArrowUp":{let ce=P;Ke?P<=-1?ce=re.length-1:P===0?V&&(ce=re.length):P<re.length&&(ce=P-1):P>-1&&(ce=P-1),ce!==P&&(se.preventDefault(),z(ce));break}case"Down":case"ArrowDown":{Ut();let ce=P;Ke?P!==-1&&(P>=re.length?ce=0:P===re.length-1?ce=-1:ce=P+1):P<re.length-1+ +!!V&&(ce=P+1),ce!==P&&(se.preventDefault(),z(ce));break}default:Ut()}},[kt,Ut,P,zt,R,Ke,re]),we=r.useCallback(se=>{Ut();const ce=re.findIndex(De=>{if(De.textKey){const vt=De.textKey;return De.value[vt].toLowerCase().charAt([0])===se.key.toLocaleLowerCase()}return De.value.toString().toLowerCase().charAt([0])===se.key.toLocaleLowerCase()});ce>-1&&z(ce)},[re]),Ae=r.useCallback(se=>{se&&(af.includes(se.key)?ae(se):Fr.includes(se.key)&&!u&&we(se))},[kt,Ut,P,zt,R,Ke,re]);r.useEffect(()=>{if(Le!==null&&document.getElementsByClassName("sps-modal__body").length>0){const se=()=>{te&&te(!1)},ce=document.getElementsByClassName("sps-modal__body")[0];return ce.addEventListener("scroll",se),()=>{ce.removeEventListener("scroll",se)}}},[]),r.useEffect(()=>{Q&&pe.current&&rf(pe.current,{scrollMode:"if-needed",block:"nearest",inline:"nearest"})},[P,Q]),r.useEffect(()=>{Z(T),T?Ye.current&&Ye.current.focus():z(-1)},[T]),r.useEffect(()=>{B&&Ae(B)},[B]),r.useEffect(()=>{!Q&&me.current&&(m&&ke.value&&m(new Mt({value:""})),de({value:""}),me.current.scrollTop=0),Q&&q&&q(Ke)},[Q]);const qe=S?S/16:I,Pe=qe?{maxHeight:`${qe}rem`}:{};function ut(se,ce){return ce?r.createElement(r.Fragment,null,se.split(ce).map((De,vt)=>ce.test(De)?r.createElement("u",{key:vt},De):r.createElement(r.Fragment,{key:vt},De))):r.createElement(r.Fragment,null,se)}return Te(r.createElement("div",{className:It,id:N,"aria-activedescendant":P>-1?`${N}-option-${P}`:"",tabIndex:-1,ref:ne,style:Nt,onMouseLeave:()=>z(-1),"data-testid":U,..._},ot,r.createElement("div",{className:Si,ref:me,"data-testid":`${U}-options`,style:Pe},!ee&&!ke.pending&&c&&re.length===0&&r.createElement("div",{className:"sps-option-list__zero-state"},c),(ee||ke.pending)&&r.createElement("div",{className:"sps-option-list__loading"},r.createElement(_r,null)),!ee&&!ke.pending&&re.map((se,ce)=>{const De=`${N}-option-${ce}`,vt=sf(se.value,Y,o),Pn=Oi(Ln.current,o||"",se);return r.createElement("a",{key:De,id:De,role:$,"aria-selected":vt,href:se.href,className:A("sps-option-list__option",se.caption&&"sps-option-list__option--has-caption",se.disabled&&"sps-option-list__option--disabled",se.bold&&"sps-option-list__option--bold",(vt||Pn)&&"sps-option-list__option--selected",P===ce&&"sps-option-list__option--highlighted"),onClick:$C=>jt($C,se,Pn),onMouseOver:()=>z(ce),tabIndex:-1,ref:P===ce?pe:null,"data-testid":`${U}-option-${ce}`},se.value&&se.value.icon&&r.createElement("i",{className:A("sps-icon","sps-option-list__option-icon",`sps-icon-${String(se.value.icon)}`)}),(!se.value||!se.value.icon&&xe)&&r.createElement("span",{className:"sps-option-list__option-icon-spacer"}),r.createElement("span",null,ut(se.text,ke.replacementPattern)),se.caption&&r.createElement("div",{className:"sps-option-list__option-caption"},r.createElement("span",null,ut(se.caption,ke.replacementPattern))))})),j&&V?.label&&r.createElement("a",{className:A("sps-option-list__option","sps-option-list__special-action",P===re.length&&"sps-option-list__option--highlighted",V.disabled&&"sps-option-list__special-action--disabled"),href:j.href,target:j.href&&V.newTab?"_blank":"_self",onClick:se=>jt(se,j),onMouseOver:()=>z(re.length),"data-testid":`${U}-special-action`},V.icon&&r.createElement("i",{className:A("sps-icon","sps-option-list__option-icon",`sps-icon-${String(V.icon)}`)}),!V.icon&&xe&&r.createElement("span",{className:"sps-option-list__option-icon-spacer"}),r.createElement("span",null,V.label))))});Object.assign(An,{displayName:"SpsOptionList"});function lf(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 Bi=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(Bi,{elements:t.slice(1)},e))},_i=function({children:e,providers:t=[],...n}){return r.createElement("div",{...n},r.createElement(Bi,{elements:t},e))},cf=function({children:e,className:t,...n}){return r.createElement(_i,{className:`sps-app ${t}`,...n},e)};function at(e=[],t=[]){const n=Array.isArray(e)?g.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 Ri(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 Ar(e,t){const n=w.useRef(!1);w.useEffect(()=>()=>{n.current=!1},[]),w.useEffect(()=>{if(n.current)return e();n.current=!0},t)}function Vr(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 Fi(e,t,n){return function(a){!e.current?.contains(a.target)&&!t.current?.contains(a.target)&&n()}}function bn(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 Vr("mousedown",Fi,[e,t,l]),Vr("pointerdown",Fi,[e,t,l]),{showPopup:a,doShowPopup:i,doHidePopup:l}}const Ai=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 $r=0;function Vn({isOpen:e,rootRef:t}){r.useLayoutEffect(()=>{let n,o,a;if(e&&t.current){$r+=1,n=Ai(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&&($r-=1,$r===0&&(n.style.overflow=null,n.style.paddingRight=null,a&&(a.style.paddingRight=null)))}},[e])}const df={debounce:"number",disabled:"boolean",conformWidth:"boolean",formMeta:"SpsFormFieldMeta<string>",icon:"SpsIcon",onChange:"React.ChangeEventHandler",onSelectionChange:"(newValue: string) => void",placeholder:"string",suggestions:{type:`
1
+ (function(k,w){typeof exports=="object"&&typeof module<"u"?w(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"],w):(k=typeof globalThis<"u"?globalThis:k||self,w(k.DSReact={},k.React,k.utils,k.moment$3,k.dsShared,k.i18n,k.ReactDOM,k.dsColors,k.tabs,k.collections,k.illustrations))})(this,function(k,w,g,Pe,_,he,Pn,Ir,km,un,hi){"use strict";function bi(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=bi(w),mn=bi(Pe);function vi(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=vi(e[t]))&&(o&&(o+=" "),o+=n)}else for(n in e)e[n]&&(o&&(o+=" "),o+=n);return o}function A(){for(var e,t,n=0,o="",a=arguments.length;n<a;n++)(e=arguments[n])&&(t=vi(e))&&(o&&(o+=" "),o+=t);return o}const xm="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";let He=(e=21)=>{let t="",n=crypto.getRandomValues(new Uint8Array(e|=0));for(;e--;)t+=xm[n[e]&63];return t};function Ft(e){return w.useRef(e||He())}function We(e,t){const n=Ft(e),o=w.useRef(`${n.current}_ctrl`);return w.useEffect(()=>{t&&(t.id=o.current,t.update())},[t]),{wrapperId:n.current||void 0,controlId:o.current}}function kr(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var xr,yi;function Mm(){if(yi)return xr;yi=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(h){return p(f(h))}}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 h=i.call(f,"constructor")&&f.constructor;return typeof h=="function"&&h instanceof h&&s.call(h)==l}return xr=m,xr}var Lm=Mm();const Ei=kr(Lm),Ze=new Set,fn=new Set,wt=new Set,go=new Set;function Ti(e){Ze.has(e)||wt.has(e)||go.has(e)||fn.add(e)}function wi(e){Ze.has(e)||wt.has(e)||fn.has(e)||go.add(e)}const Ae=mn.default||mn,Sn="MM/DD/YYYY",Pm="MM/DD/YYYY hh:mm A",Om="MM/DD/YYYY HH:mm",Bm="hh:mm A",_m="HH:mm",Rm=/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/,On=Symbol("Date Parse Error");function gn(e){return Ae.isMoment(e)?e.year()*1e4+(e.month()+1)*100+e.date():e.year*1e4+e.month*100+e.date}const X=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=Rm.exec(e);if(n){const[,o,a,s]=n;return Object.freeze({year:Number(s),month:Number(o),date:Number(a)})}}return Object.freeze({[On]:!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=X.toMoment(e),n!==null&&Ae.isMoment(n)&&n.isValid()?n:Object.freeze({[On]:!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=X.getRangeSeparator(t),o=new RegExp(`[^\\d]*${n}[^\\d]*`);return e.split(o).slice(0,2).map(a=>X.createFrom(a,t))}else return e.split(/[^\d]*-[^\d]*/).slice(0,2).map(n=>X.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"&&X.toMoment(e)?.isValid():!1},nullifyInvalidDate(e){return X.isValid(e)?e:null},toMoment(e){return e?Ae.isMoment(e)?e:Ae({...e,month:e.month-1}):null},toString(e,t){const n=X.toMoment(e);return n&&n.isValid()?n.format(t||Sn):""},toStringRange(e,t){if(!e)return"";const n=X.getRangeSeparator(t);return e.slice(0,2).map(o=>X.toString(o,t)).join(n)},toDateTimeString(e,t=!1,n){return e&&Ae.isMoment(e)&&e.isValid()?n?t?e.format(`${n} ${_m}`):e.format(`${n} ${Bm}`):t?e.format(Om):e.format(Pm):""},toDateTimeStringRange(e,t=!1,n){if(!e)return"";const o=X.getRangeSeparator(n);return e.map(a=>X.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:gn(e)>gn(t)},isBefore(e,t){return!e||!t?null:gn(e)<gn(t)},isInRange(e,t,n=!0){if(!e||!t||!t[0]||!t[1])return null;const o=gn(e),[a,s]=t.map(gn);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[X.createFrom(o,t),X.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()?X.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}`}}}),Mr=["01:00","02:00","03:00","04:00","05:00","06:00","07:00","08:00","09:00","10:00","11:00","12:00"],Lr=["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 ho=Sn;function Ci(e){ho=e}const Bn=function(t){if(Array.isArray(t)){const n=Bn(t[0]),o=Bn(t[1]);return n||o}if(t&&t.hasOwnProperty("year")){if(t[On])return{dateFormat:ho};if(!X.isValid(t))return{dateValidity:!0}}return null};Ze.add("dateFormat"),Ze.add("dateValidity");const Di=function(t){if(Array.isArray(t)){const n=Bn(t);if(n)return n;if(t&&X.isBefore(t[1],t[0]))return{dateRangeOrder:!0}}return null};Ze.add("dateRangeOrder");const Ni=function({minDate:t,maxDate:n}){function o(a){const s=X.isBefore(a,t),i=X.isAfter(a,n),l={minExceeded:s?X.toString(t,ho):null,maxExceeded:i?X.toString(n,ho):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}};Ze.add("dateConstraint");const Fm=Object.freeze(Object.defineProperty({__proto__:null,date:Bn,dateConstraint:Ni,dateRange:Di,setDateFormat:Ci},Symbol.toStringTag,{value:"Module"}));function Lt(e,t){for(const n of[].concat(e)){const o=t(n);if(o)return o}return null}const Am=function(t){function n(o){return Number(o)>=t?null:{min:t}}return o=>Lt(o,n)};Ze.add("min");const Vm=function(t){function n(o){return Number(o)<=t?null:{max:t}}return o=>Lt(o,n)};fn.add("max");const $m=function(t){return typeof t>"u"||t===null||t===""||Number.isNaN(t)||t?.length===0?{required:!0}:null};fn.add("required");const Km=function(t){function n(o){return o===void 0||o.toString().length<t?{minLength:t}:null}return o=>Lt(o,n)};Ze.add("minLength");const Hm=function(t){function n(o){return o==null||Array.isArray(o)&&o.length<t?{minLengthArray:t}:null}return o=>n(o)};Ze.add("minLengthArray");const Wm=function(t){function n(o){return o===void 0||o.toString().length<=t?null:{maxLength:t}}return o=>Lt(o,n)};wt.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)};Ze.add("maxLengthArray");const Um=function(t){const n=t instanceof RegExp?t:new RegExp(t);function o(a){return n.test(a)?null:{pattern:t}}return a=>Lt(a,o)};Ze.add("pattern");const zm=function(e){function t(n){return new RegExp("^\\p{L}*$","u").test(n)?null:{alpha:!0}}return Lt(e,t)};wt.add("alpha");const jm=function(e){function t(n){return/^[0-9,. ]*$/.test(n)?null:{numeric:!0}}return Lt(e,t)};wt.add("numeric");const Ym=function(e){function t(n){return/^-?[0-9,. ]*$/.test(n)?null:{positiveOrNegativeNumber:!0}}return Lt(e,t)};wt.add("positiveOrNegativeNumber");const qm=function(e){function t(n){return/^[^0-9]*$/.test(n)?null:{nonNumeric:!0}}return Lt(e,t)};wt.add("nonNumeric");const bo=Object.freeze({...Fm,min:Am,max:Vm,required:$m,minLength:Km,minLengthArray:Hm,maxLength:Wm,maxLengthArray:Gm,pattern:Um,alpha:zm,numeric:jm,nonNumeric:qm,positiveOrNegativeNumber:Ym,OnBlurErrorKeys:Ze});function vo(e,t=[]){const n=t.reduce((o,a)=>Object.assign(o,a(e)||{}),{});return Object.keys(n).length?n:null}var Ct=(e=>(e[e.ON_CHANGE=0]="ON_CHANGE",e[e.ON_BLUR=1]="ON_BLUR",e[e.ON_SUBMIT=2]="ON_SUBMIT",e))(Ct||{});function Jm(e,t={},n=[]){for(const[o,a]of Object.entries(t))a===0?Ti(o):a===2&&wi(o);return r.useCallback(e,n)}class Yt{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=vo(t,this.validators);let s={onSubmit:{},onChange:{},onBlur:{}};a&&(s=Object.keys(a).reduce((i,l)=>(go.has(l)?i.onSubmit[l]=a[l]:fn.has(l)?i.onChange[l]=a[l]:i.onBlur[l]=a[l],i),s)),(typeof n>"u"||n===Ct.ON_CHANGE)&&(this.#e=Object.keys(s.onChange).length===0?null:s.onChange),(typeof n>"u"||n===Ct.ON_BLUR)&&(this.#t=Object.keys(s.onBlur).length===0?null:s.onBlur),(typeof n>"u"||n===Ct.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(bo.required)>-1}isSubmitted(){return this.submitted}onFocus(){}onBlur(){}}class _n extends Yt{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=vo(t,this.validators);if(n&&Object.keys(n).filter(a=>wt.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 qt extends _n{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 yo(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 Ii extends qt{inferMembers(t){this.fields={};for(const n of Object.keys(t))this.fields[n]=this.inferSpsControl(t[n],n)}}class ki extends qt{inferMembers(t){this.fields=t.map((n,o)=>this.inferSpsControl(n,String(o)))}}function yo(e,t,n){return e instanceof Yt?(e.path=t,e.update=n,e):Array.isArray(e)?new ki(e,t,n):Ei(e)?new Ii(e,t,n):new _n(t,n)}function Rn(e,t){return t.length===0||!e?e:Rn(e.fields[t[0]],t.slice(1,t.length))}function Pr(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,...Pr(s,t)],[])}return Pr(e.fields[n],t)}function Or(e,t,n){for(const o of Object.keys(t)){const a=t[o];for(const s of Pr(e,o.split(".")))s&&a&&n(s,a)}}function Eo(e,t,n,o=!1,a=!1){Or(t,n,(s,i)=>{s.validators=typeof i=="function"?i(e):i,o&&s.validate(g.getPath(e,s.path),void 0,a)})}function Br(e,t){const n=t[0];return t=t.slice(1),Array.isArray(e)?e.map((o,a)=>a===Number(n)?Br(o,t):o):Ei(e)?Object.keys(e).reduce((o,a)=>Object.assign(o,{[a]:a===n?Br(e[a],t):e[a]}),{}):e}function Xm(e){if(typeof e!="object"||e===null||Array.isArray(e))throw new TypeError("The initial value of useSpsForm() hook must be an object.")}function xi(e,t={}){Xm(e);const[,n]=w.useState({}),o=w.useRef(!1);o.current=!1;const a=w.useRef(t),s=w.useCallback(p=>{const f=m.current;let h;if(p)if(p.path)if(p.markAsBlurred){const v=Rn(f.formMeta,p.path);if(v){v.focused=!1;const E=g.getPath(f.formValue,p.path);v.validate(E,Ct.ON_BLUR)}}else if(p.newValidators){if(a.current){const v=p.path.join(".");a.current={...a.current,[v]:p.newValidators},Eo(f.formValue,f.formMeta,a.current,!0)}}else if(p.markAsSubmitted){const v=Rn(f.formMeta,p.path);if(v){v.submitted=!0;const E=g.getPath(f.formValue,p.path);v.validate(E,Ct.ON_SUBMIT)}}else h=Br(f.formValue,p.path),g.setPath(h,p.path,p.value);else h=p.value;if(p?.updateFormOptions?.validators&&(a.current={...a.current,...p.updateFormOptions.validators},Eo(f.formValue,f.formMeta,a.current,p.updateFormOptions?.runValidators??!0)),h){f.formMeta.submitted=!1,g.deepFreeze(h);const v=g.diff(f.formValue,h);for(const{type:y,key:b,parentPath:N,objects:[,C]}of v){const T=Rn(f.formMeta,N);if(typeof b!="symbol"&&T){let x;switch(y){case g.DiffChange.ADDITION:T.fields[b]=yo(C[b],[...N,b],l);break;case g.DiffChange.DELETION:Array.isArray(T.fields)?T.fields[b]=void 0:delete T.fields[b];break;case g.DiffChange.ALTERATION:x=yo(C[b],[...N,b],l),(x instanceof qt&&!(T.fields[b]instanceof qt)||!(x instanceof qt)&&T.fields[b]instanceof qt)&&(x.pristine=!1,T.fields[b]=x);break}}}const E=new Set;if(v.filter(y=>y.type===g.DiffChange.DELETION).reduce((y,b)=>(y.has(b.parentPath)||y.add(b.parentPath),y),E),Array.from(E).forEach(y=>{const b=Rn(f.formMeta,y);Array.isArray(b.fields)&&(b.fields=b.fields.filter(N=>N!==void 0))}),a.current){Eo(h,f.formMeta,a.current);const y=new Set;t&&Or(f.formMeta,t,(b,N)=>{typeof N=="function"&&(b.validate(g.getPath(h,b.path)),y.add(b))});for(const{type:b,key:N,parentPath:C,objects:[,T]}of v)if(typeof N!="symbol"){let x=f.formMeta,B=h;if(x){for(const M of C)x=x.fields[M],B=B[M],y.has(x)||x.validate(B,Ct.ON_CHANGE);if(b===g.DiffChange.ADDITION||b===g.DiffChange.ALTERATION){const M=x.fields[N];if(!y.has(M)&&(x.fields[N].validate(T[N],Ct.ON_CHANGE),b===g.DiffChange.ADDITION&&M.fields))for(const[P,F]of Object.entries(M.fields))F.validate(T[N][P],Ct.ON_CHANGE)}}}}}m.current={...f,formValue:h||f.formValue},o.current||n({})},[]),i=w.useCallback((p,f)=>{p||f?s({value:p,updateFormOptions:f}):s()},[s]),l=w.useCallback((p,f,h=!1,v,E=!1)=>{p?s({path:p,value:f,markAsBlurred:h,newValidators:v,markAsSubmitted:E}):i()},[s,i]),d=w.useMemo(()=>{g.deepFreeze(e);const p=yo(e,[],l);return t&&Eo(e,p,t,!1,!0),p},[]),c=w.useCallback(()=>(m.current.formMeta.markAsDirty(),a.current&&Or(m.current.formMeta,a.current,(p,f)=>{(typeof f=="function"||Array.isArray(f))&&p.validate(g.getPath(m.current.formValue,p.path))}),m.current.formMeta.isValid()),[]),u=w.useCallback(()=>m.current.formValue,[]),m=w.useRef({formValue:e,formMeta:d,updateForm:i,validateForm:c,getCurrentFormValue:u});return m.current}const Oe=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 h(){p&&p!==t&&p.current&&i&&i instanceof _n&&i.markAsFocused()}function v(){p&&p!==t&&p.current&&i&&i instanceof _n&&i.markAsBlurred()}const E=A("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 y(b){a&&f(),d&&d(b)}return r.useEffect(()=>{function b(N){N.target.classList.contains("sps-form-control__clear-btn")&&N.preventDefault()}return document.addEventListener("mousedown",b),()=>{document.removeEventListener("mousedown",b)}},[]),r.createElement("div",{...c,className:E,ref:t,tabIndex:-1,onClick:y,onFocus:h,onBlur:v},o)});Object.assign(Oe,{displayName:"SpsFormComponentWrapper"});const Mi=e=>typeof e=="object"&&e!=null&&e.nodeType===1,Li=(e,t)=>(!t||e!=="hidden")&&e!=="visible"&&e!=="clip",To=(e,t)=>{if(e.clientHeight<e.scrollHeight||e.clientWidth<e.scrollWidth){const n=getComputedStyle(e,null);return Li(n.overflowY,t)||Li(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},wo=(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,Zm=e=>{const t=e.parentElement;return t??(e.getRootNode().host||null)},Pi=(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:U=>U!==c;if(!Mi(e))throw new TypeError("Invalid target");const p=document.scrollingElement||document.documentElement,f=[];let h=e;for(;Mi(h)&&m(h);){if(h=Zm(h),h===p){f.push(h);break}h!=null&&h===document.body&&To(h)&&!To(document.documentElement)||h!=null&&To(h,u)&&f.push(h)}const v=(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:y,scrollY:b}=window,{height:N,width:C,top:T,right:x,bottom:B,left:M}=e.getBoundingClientRect(),{top:P,right:F,bottom:j,left:te}=(U=>{const $=window.getComputedStyle(U);return{top:parseFloat($.scrollMarginTop)||0,right:parseFloat($.scrollMarginRight)||0,bottom:parseFloat($.scrollMarginBottom)||0,left:parseFloat($.scrollMarginLeft)||0}})(e);let V=l==="start"||l==="nearest"?T-P:l==="end"?B+j:T+N/2-P+j,G=d==="center"?M+C/2-te+F:d==="end"?x+F:M-te;const Y=[];for(let U=0;U<f.length;U++){const $=f[U],{height:Q,width:K,top:S,right:I,bottom:D,left:H}=$.getBoundingClientRect();if(i==="if-needed"&&T>=0&&M>=0&&B<=E&&x<=v&&($===p&&!To($)||T>=S&&B<=D&&M>=H&&x<=I))return Y;const z=getComputedStyle($),Z=parseInt(z.borderLeftWidth,10),O=parseInt(z.borderTopWidth,10),J=parseInt(z.borderRightWidth,10),R=parseInt(z.borderBottomWidth,10);let W=0,ee=0;const q="offsetWidth"in $?$.offsetWidth-$.clientWidth-Z-J:0,ne="offsetHeight"in $?$.offsetHeight-$.clientHeight-O-R:0,me="offsetWidth"in $?$.offsetWidth===0?0:K/$.offsetWidth:0,pe="offsetHeight"in $?$.offsetHeight===0?0:Q/$.offsetHeight:0;if(p===$)W=l==="start"?V:l==="end"?V-E:l==="nearest"?wo(b,b+E,E,O,R,b+V,b+V+N,N):V-E/2,ee=d==="start"?G:d==="center"?G-v/2:d==="end"?G-v:wo(y,y+v,v,Z,J,y+G,y+G+C,C),W=Math.max(0,W+b),ee=Math.max(0,ee+y);else{W=l==="start"?V-S-O:l==="end"?V-D+R+ne:l==="nearest"?wo(S,D,Q,O,R+ne,V,V+N,N):V-(S+Q/2)+ne/2,ee=d==="start"?G-H-Z:d==="center"?G-(H+K/2)+q/2:d==="end"?G-I+J+q:wo(H,I,K,Z,J+q,G,G+C,C);const{scrollLeft:Ee,scrollTop:Fe}=$;W=pe===0?0:Math.max(0,Math.min(Fe+W/pe,$.scrollHeight-Q/pe+ne)),ee=me===0?0:Math.max(0,Math.min(Ee+ee/me,$.scrollWidth-K/me+q)),V+=Fe-W,G+=Ee-ee}Y.push({el:$,top:W,left:ee})}return Y},Qm=e=>e===!1?{block:"end",inline:"nearest"}:(t=>t===Object(t)&&Object.keys(t).length!==0)(e)?e:{block:"start",inline:"nearest"};function Co(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(Pi(e,t));const o=typeof t=="boolean"||t==null?void 0:t.behavior;for(const{el:a,top:s,left:i}of Pi(e,Qm(t))){const l=s-n.top+n.bottom,d=i-n.left+n.right;a.scroll({top:l,left:d,behavior:o})}}const _r=Object.freeze(Object.defineProperty({__proto__:null,default:Co},Symbol.toStringTag,{value:"Module"})),ef={alt:"string",size:"SpinnerSize",title:"string"};function Rr(e){const{alt:t,className:n,size:o=_.SpinnerSize.MEDIUM,"data-testid":a,title:s,unsafelyReplaceClassName:i,...l}=e,{t:d}=he.useWoodlandLanguage(),c=t||s||d("spinner.defaultAltText",{defaultValue:"Loading..."}),u=A(i||"sps-spinner",`sps-spinner--${o}`,n);return r.createElement("i",{className:u,"data-testid":a,title:c,...l})}Object.assign(Rr,{props:ef,displayName:"SpsSpinner"});const tf=60;function Do(e){return typeof e>"u"?"inherit":`${e}px`}function Fr(e){switch(e){case _.Position.TOP_LEFT:return _.Position.BOTTOM_LEFT;case _.Position.TOP_MIDDLE:return _.Position.BOTTOM_MIDDLE;case _.Position.TOP_RIGHT:return _.Position.BOTTOM_RIGHT;case _.Position.RIGHT_TOP:return _.Position.LEFT_TOP;case _.Position.RIGHT_MIDDLE:return _.Position.LEFT_MIDDLE;case _.Position.RIGHT_BOTTOM:return _.Position.LEFT_BOTTOM;case _.Position.BOTTOM_RIGHT:return _.Position.TOP_RIGHT;case _.Position.BOTTOM_MIDDLE:return _.Position.TOP_MIDDLE;case _.Position.BOTTOM_LEFT:return _.Position.TOP_LEFT;case _.Position.LEFT_BOTTOM:return _.Position.RIGHT_BOTTOM;case _.Position.LEFT_MIDDLE:return _.Position.RIGHT_MIDDLE;case _.Position.LEFT_TOP:return _.Position.RIGHT_TOP}}function nf(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,h]=e.split(" ");let v,E,y,b;switch(f){case"top":y=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":v=n.bottom+u-s[0];break;default:throw new Error(`Invalid position ${e}`)}switch(h){case"left":b=n.left+p+s[1];break;case"top":v=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")&&(v=n.top+u+n.height/2-o.height/2+s[1]);break;case"bottom":y=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[v,E,y,b]}function Jt(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 h=(i?.current??document.documentElement).getBoundingClientRect();l&&(h={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[v,E]=n.split(" ");let y=n;if(o&&(v==="top"&&u.top-c.height<tf||v==="right"&&u.right+c.width>p||v==="bottom"&&u.bottom+c.height>m||v==="left"&&u.left-c.width<0)&&(y=o),E==="left"&&u.left+c.width+(d?.[1]??0)>document.documentElement.getBoundingClientRect().right)switch(v){case"bottom":y=_.Position.BOTTOM_RIGHT;break;case"top":y=_.Position.TOP_RIGHT;break}const b=a?Math.max(u.width,c.width):c.width,N=s?u.width:b,[C,T,x,B]=nf(y,h,u,c,N,d,i,l),M={top:Do(C),right:Do(T),bottom:Do(x),left:Do(B)};return l&&(M.position="fixed",M.zIndex=_.ZStratum.BAR),a&&(M.minWidth=`${u.width}px`),s&&(M.width=`${u.width}px`),[M,y===o]}return[{},!1]}const ot=w.createContext(null);function hn(e,t=[]){const n=w.useContext(ot);return w.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 Pn.createPortal(o,i)},[n])}const Ar=["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 Oi(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 _.SpsOptionListOption(m,typeof m=="function"?{textKey:"label",captionKey:"caption"}:{textKey:e.textKey,captionKey:e.captionKey}));if(e.nullOption&&u.unshift(new _.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"),h=d(p.text);return e.filterByTextAndCaptionKey?f.test(h)||f.test(d(p.caption)):f.test(h)})}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 of(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"?g.debounce(Oi,typeof e.searchDebounce<"u"?e.searchDebounce:500):Oi,[d.current,e.disabledOptions]);return r.useEffect(()=>{c(e,t,n,a,i,l)},[d.current,t.value,e.disabledOptions]),[o,s]}class Pt{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 rf(e,t){return{...e,...t}}function Dt(e){return w.useReducer(rf,e)}function af({hideInlineSearch:e,showInlineSearch:t,options:n,onSearchChange:o,search:a="",searchPlaceholder:s,searchInputRef:i}){const{t:l}=he.useWoodlandLanguage(),d=s??l("select.searchPlaceholder",{defaultValue:"Search…"}),[c,u]=Dt({isAsync:typeof n=="function",pending:!1,value:a,replacementPattern:null}),m=r.useCallback(E=>{u({value:E.target.value}),o&&o(E)},[o]),p=r.useCallback(E=>{E.nativeEvent.stopImmediatePropagation(),E.stopPropagation()},[]),f=r.useCallback(E=>{E.nativeEvent.stopImmediatePropagation(),u({value:""}),o&&o(new Pt({value:""})),i?.current&&i.current.focus()},[o,i]),h=E=>{E&&(["Tab","Escape","Enter","Up","ArrowUp","Down","ArrowDown"].includes(E.key)||E.stopPropagation())};return r.useEffect(()=>{u({value:a})},[a]),[(c.isAsync||t)&&!e?r.createElement("div",{className:"sps-option-list__search sps-form-group sps-text-input"},r.createElement("div",{className:"sps-form-control"},!c.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:d,ref:i,value:c.value,onChange:m,onClick:p,onKeyDown:h}),c.value&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:f}))):r.createElement(r.Fragment,null),c,u]}const sf=Co||_r,lf=["Tab","Escape","Enter","Up","ArrowUp","Down","ArrowDown"];function cf(e,t,n){return n?(e&&e[n])===(t&&t[n]):e===t}function Bi(e,t,n){return typeof n.value=="function"&&n.disabled?!0:t?!!e?.find(o=>o[t]&&o[t]===n?.value?.[t]):!1}const Fn=r.forwardRef((e,t)=>{const{captionKey:n,comparisonKey:o,disabledOptions:a,options:s,tall:i,textKey:l,valueKey:d,zeroState:c,hideInlineSearch:u,showInlineSearch:m,onSearchChange:p,search:f,searchDebounce:h,searchPlaceholder:v,onSpecialActionSelect:E,attachTo:y,className:b,conformWidth:N,id:C,ignoreWidthStyles:T,isOpen:x,keepOpen:B,keyDown:M,nullOption:P,onOptionListChanged:F,onOptionSelected:j,onPositionFlip:te,onSelfToggle:V,optionRole:G,positionOverride:Y,selectedOption:U,specialAction:$,unsafelyReplaceClassName:Q,loading:K,filterByTextAndCaptionKey:S,maxHeightPx:I,maxHeightRem:D,disableOptionsMemoization:H,disableDefaultOptionsFiltering:z,"data-testid":Z,typeaheadEvent:O,...J}=e,R=r.useMemo(()=>$?new _.SpsOptionListOption($,{textKey:"label",captionKey:"caption"}):null,[$]),[W,ee]=r.useState(-1),[q,ne]=r.useState(x),me=t||r.useRef(null),pe=r.useRef(null),Ee=r.useRef(null),Fe=hn("sps-option-list-portal"),Xe=r.useContext(ot),[ze,pt]=Y||[_.Position.BOTTOM_LEFT,_.Position.TOP_LEFT],[[ut,Me],nt]=r.useState([{},!1]),$e=r.useRef(null),[je,de,se]=af({...e,searchInputRef:$e}),[fe,vt]=of(e,de,se);r.useEffect(()=>{O&&Ye(O)},[O]),r.useEffect(()=>{nt(q?Jt(me,y,ze,{altPosition:pt,setMinWidth:!T,setWidth:!T&&N,...Xe}):[{},!1])},[q,ze,pt,fe]),r.useEffect(()=>{let ae;return q&&(ae=()=>{q&&nt(Jt(me,y,ze,{altPosition:pt,setMinWidth:!T,setWidth:!T&&N,...Xe}))},document.addEventListener("scroll",ae)),()=>{ae&&document.removeEventListener("scroll",ae)}},[q]),r.useEffect(()=>{ee(-1)},[de]);const gi=A(Q||"sps-option-list","z-stratum-dropdown",q&&"sps-option-list--open",de.isAsync&&"sps-option-list--searchable",Me&&"sps-option-list--opens-upward",$&&$.label&&"sps-option-list--has-special-action",b),Nr=A(Q||"sps-option-list__options",i&&"sps-option-list__options--tall"),xt=r.useCallback(()=>{q||(ne(!0),$e.current&&$e.current.focus(),ee(-1),V&&V(!0))},[q,V]),jt=r.useCallback(()=>{q&&(ne(!1),ee(-1),V&&V(!1))},[q,V]),yt=r.useCallback((ae,ce)=>{ce||ae&&!ae.disabled&&(typeof ae.value=="function"?(ae.value(),E&&E()):typeof j=="function"&&j(ae.value),B||jt())},[j,jt]),So=r.useCallback((ae,ce,Le)=>{ae.stopPropagation(),yt(ce,Le)},[yt]),re=r.useRef(a||[]);re.current=a||[];const Ce=r.useCallback(ae=>{switch(ae.key){case"Tab":case"Escape":jt();break;case"Enter":if(W>-1){const ce=fe[W]||R;ae.preventDefault();const Le=!!ce&&Bi(re.current,o||"",ce);!Le&&ce&&typeof j=="function"&&typeof ce.value=="function"?ce.value():ce&&yt(ce,Le)}break;case"Up":case"ArrowUp":{let ce=W;Me?W<=-1?ce=fe.length-1:W===0?$&&(ce=fe.length):W<fe.length&&(ce=W-1):W>-1&&(ce=W-1),ce!==W&&(ae.preventDefault(),ee(ce));break}case"Down":case"ArrowDown":{xt();let ce=W;Me?W!==-1&&(W>=fe.length?ce=0:W===fe.length-1?ce=-1:ce=W+1):W<fe.length-1+ +!!$&&(ce=W+1),ce!==W&&(ae.preventDefault(),ee(ce));break}default:xt()}},[jt,xt,W,yt,j,Me,fe]),Ke=r.useCallback(ae=>{xt();const ce=fe.findIndex(Le=>{if(Le.textKey){const Tt=Le.textKey;return Le.value[Tt].toLowerCase().charAt([0])===ae.key.toLocaleLowerCase()}return Le.value.toString().toLowerCase().charAt([0])===ae.key.toLocaleLowerCase()});ce>-1&&ee(ce)},[fe]),Ye=r.useCallback(ae=>{ae&&(lf.includes(ae.key)?Ce(ae):Ar.includes(ae.key)&&!u&&Ke(ae))},[jt,xt,W,yt,j,Me,fe]);r.useEffect(()=>{if(Xe!==null&&document.getElementsByClassName("sps-modal__body").length>0){const ae=()=>{V&&V(!1)},ce=document.getElementsByClassName("sps-modal__body")[0];return ce.addEventListener("scroll",ae),()=>{ce.removeEventListener("scroll",ae)}}},[]),r.useEffect(()=>{q&&Ee.current&&sf(Ee.current,{scrollMode:"if-needed",block:"nearest",inline:"nearest"})},[W,q]),r.useEffect(()=>{ne(x),x?$e.current&&$e.current.focus():ee(-1)},[x]),r.useEffect(()=>{M&&Ye(M)},[M]),r.useEffect(()=>{!q&&pe.current&&(p&&de.value&&p(new Pt({value:""})),se({value:""}),pe.current.scrollTop=0),q&&te&&te(Me)},[q]);const xe=I?I/16:D,Et=xe?{maxHeight:`${xe}rem`}:{};function Mt(ae,ce){return ce?r.createElement(r.Fragment,null,ae.split(ce).map((Le,Tt)=>ce.test(Le)?r.createElement("u",{key:Tt},Le):r.createElement(r.Fragment,{key:Tt},Le))):r.createElement(r.Fragment,null,ae)}return Fe(r.createElement("div",{className:gi,id:C,"aria-activedescendant":W>-1?`${C}-option-${W}`:"",tabIndex:-1,ref:me,style:ut,onMouseLeave:()=>ee(-1),"data-testid":Z,...J},je,r.createElement("div",{className:Nr,ref:pe,"data-testid":`${Z}-options`,style:Et},!K&&!de.pending&&c&&fe.length===0&&r.createElement("div",{className:"sps-option-list__zero-state"},c),(K||de.pending)&&r.createElement("div",{className:"sps-option-list__loading"},r.createElement(Rr,null)),!K&&!de.pending&&fe.map((ae,ce)=>{const Le=`${C}-option-${ce}`,Tt=cf(ae.value,U,o),Im=Bi(re.current,o||"",ae);return r.createElement("a",{key:Le,id:Le,role:G,"aria-selected":Tt,href:ae.href,className:A("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",(Tt||Im)&&"sps-option-list__option--selected",W===ce&&"sps-option-list__option--highlighted"),onClick:HC=>So(HC,ae,Im),onMouseOver:()=>ee(ce),tabIndex:-1,ref:W===ce?Ee:null,"data-testid":`${Z}-option-${ce}`},ae.value&&ae.value.icon&&r.createElement("i",{className:A("sps-icon","sps-option-list__option-icon",`sps-icon-${String(ae.value.icon)}`)}),(!ae.value||!ae.value.icon&&vt)&&r.createElement("span",{className:"sps-option-list__option-icon-spacer"}),r.createElement("span",null,Mt(ae.text,de.replacementPattern)),ae.caption&&r.createElement("div",{className:"sps-option-list__option-caption"},r.createElement("span",null,Mt(ae.caption,de.replacementPattern))))})),R&&$?.label&&r.createElement("a",{className:A("sps-option-list__option","sps-option-list__special-action",W===fe.length&&"sps-option-list__option--highlighted",$.disabled&&"sps-option-list__special-action--disabled"),href:R.href,target:R.href&&$.newTab?"_blank":"_self",onClick:ae=>So(ae,R),onMouseOver:()=>ee(fe.length),"data-testid":`${Z}-special-action`},$.icon&&r.createElement("i",{className:A("sps-icon","sps-option-list__option-icon",`sps-icon-${String($.icon)}`)}),!$.icon&&vt&&r.createElement("span",{className:"sps-option-list__option-icon-spacer"}),r.createElement("span",null,$.label))))});Object.assign(Fn,{displayName:"SpsOptionList"});function bn(e){return{key:e.key,preventDefault:()=>{}}}function df(e,t,n=[]){return r.useMemo(()=>{function o(a){return r.createElement(e,{...a,...t},a.children)}return o},n)}function qe(e){return typeof e=="function"?e():e}const _i=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(_i,{elements:t.slice(1)},e))},Ri=function({children:e,providers:t=[],...n}){return r.createElement("div",{...n},r.createElement(_i,{elements:t},e))},pf=function({children:e,className:t,...n}){return r.createElement(Ri,{className:`sps-app ${t}`,...n},e)};function rt(e=[],t=[]){const n=Array.isArray(e)?g.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 Fi(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 Vr(e,t){const n=w.useRef(!1);w.useEffect(()=>()=>{n.current=!1},[]),w.useEffect(()=>{if(n.current)return e();n.current=!0},t)}function $r(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 Ai(e,t,n){return function(a){!e.current?.contains(a.target)&&!t.current?.contains(a.target)&&n()}}function vn(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 $r("mousedown",Ai,[e,t,l]),$r("pointerdown",Ai,[e,t,l]),{showPopup:a,doShowPopup:i,doHidePopup:l}}const Vi=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 Kr=0;function An({isOpen:e,rootRef:t}){r.useLayoutEffect(()=>{let n,o,a;if(e&&t.current){Kr+=1,n=Vi(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&&(Kr-=1,Kr===0&&(n.style.overflow=null,n.style.paddingRight=null,a&&(a.style.paddingRight=null)))}},[e])}const uf={debounce:"number",disabled:"boolean",conformWidth:"boolean",formMeta:"SpsFormFieldMeta<string>",icon:"SpsIcon",onChange:"React.ChangeEventHandler",onSelectionChange:"(newValue: string) => void",placeholder:"string",suggestions:{type:`
2
2
  Eventually<Iterable<string>>
3
3
  | ((filter?: string) => Eventually<Iterable<string>>)
4
- `,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 wt({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:h,tallOptionList:v,value:E="",zeroState:y,loading:b,maxHeightOptionListPx:N,maxHeightOptionListRem:C,disableOptionsMemoization:T,inputNotClearable:x,autoFocusOnSelection:B,"data-testid":L,...O}){const R=s||a,{wrapperId:q,controlId:te}=Ge(c,R),[$,W]=Tt({keyDown:null,opensUpward:!1}),Y=r.useRef(null),V=r.useRef(null),G=r.useRef(null),{showPopup:ee,doShowPopup:H,doHidePopup:S}=bn(Y,G);function I(P,z,Q=!1){R&&(R.setValue(P),R.markAsDirty()),l&&Q?l(P):i&&i(z||new Mt({value:P}))}function D(P){V.current&&(V.current.value="",I("")),P.stopPropagation()}function K(P){I(P.target.value,P)}function U(P){n||(["Up","ArrowUp","Down","ArrowDown","Enter"].indexOf(P.key)>-1&&(P.preventDefault(),P.persist()),P.stopPropagation(),W({keyDown:P})),P.key==="Tab"&&S()}function X(P){P?H():S()}function _(P){W({opensUpward:P})}const j=A(p||"sps-autocomplete",ee&&"sps-autocomplete--open",ee&&"z-stratum-dropdown",$.opensUpward&&"sps-autocomplete--opens-upward",n&&"sps-form-control--disabled",e);return r.useEffect(()=>{let P;return ee&&(P=()=>{S()},window.addEventListener("resize",P)),()=>{P&&window.removeEventListener("resize",P)}},[ee]),Vn({isOpen:ee,rootRef:Y}),r.createElement(Be,{id:q,className:j,formControl:a,formMeta:s,inputRef:V,ref:Y,focusInputOnClick:!0,onClick:P=>P.nativeEvent.stopImmediatePropagation(),"data-testid":`${L}`},r.createElement("div",{className:"sps-text-input"},r.createElement("div",{className:"sps-form-control"},d&&r.createElement("i",{className:A("sps-text-input__icon","sps-icon",`sps-icon-${d}`)}),r.createElement("input",{type:"text",ref:V,value:E,className:"sps-text-input__input",placeholder:u,onFocus:H,onClick:H,onChange:K,onKeyDown:U,disabled:n,id:te,"data-testid":`${L}__input`,...O}),E&&!n&&!x&&r.createElement("i",{"aria-label":"clear",className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:P=>D(P)}))),r.createElement(An,{id:`${q}_options`,ref:G,attachTo:Y,isOpen:ee,options:m,hideInlineSearch:!0,keyDown:$.keyDown,onOptionSelected:P=>{const z=f&&typeof P=="object"&&P!==null?P[f]??"":P;I(z,void 0,!0),B&&V.current?.focus()},onPositionFlip:_,onSelfToggle:X,offsets:[1,0],search:E,searchDebounce:t,textKey:f,captionKey:h,tall:v,zeroState:y,loading:b,maxHeightPx:N,maxHeightRem:C,disableOptionsMemoization:T,conformWidth:o}))}Object.assign(wt,{props:df,displayName:"SpsAutocomplete"});const Vi={basic:{label:"Basic",examples:{basic:{react:g.code`
4
+ `,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 Nt({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:h,tallOptionList:v,value:E="",zeroState:y,loading:b,maxHeightOptionListPx:N,maxHeightOptionListRem:C,disableOptionsMemoization:T,inputNotClearable:x,autoFocusOnSelection:B,"data-testid":M,...P}){const F=s||a,{wrapperId:j,controlId:te}=We(c,F),[V,G]=Dt({keyDown:null,opensUpward:!1}),Y=r.useRef(null),U=r.useRef(null),$=r.useRef(null),{showPopup:Q,doShowPopup:K,doHidePopup:S}=vn(Y,$);function I(R,W,ee=!1){F&&(F.setValue(R),F.markAsDirty()),l&&ee?l(R):i&&i(W||new Pt({value:R}))}function D(R){U.current&&(U.current.value="",I("")),R.stopPropagation()}function H(R){I(R.target.value,R)}function z(R){n||(["Up","ArrowUp","Down","ArrowDown","Enter"].indexOf(R.key)>-1&&R.preventDefault(),R.stopPropagation(),G({keyDown:bn(R)})),R.key==="Tab"&&S()}function Z(R){R?K():S()}function O(R){G({opensUpward:R})}const J=A(p||"sps-autocomplete",Q&&"sps-autocomplete--open",Q&&"z-stratum-dropdown",V.opensUpward&&"sps-autocomplete--opens-upward",n&&"sps-form-control--disabled",e);return r.useEffect(()=>{let R;return Q&&(R=()=>{S()},window.addEventListener("resize",R)),()=>{R&&window.removeEventListener("resize",R)}},[Q]),An({isOpen:Q,rootRef:Y}),r.createElement(Oe,{id:j,className:J,formControl:a,formMeta:s,inputRef:U,ref:Y,focusInputOnClick:!0,onClick:R=>R.nativeEvent.stopImmediatePropagation(),"data-testid":`${M}`},r.createElement("div",{className:"sps-text-input"},r.createElement("div",{className:"sps-form-control"},d&&r.createElement("i",{className:A("sps-text-input__icon","sps-icon",`sps-icon-${d}`)}),r.createElement("input",{type:"text",ref:U,value:E,className:"sps-text-input__input",placeholder:u,onFocus:K,onClick:K,onChange:H,onKeyDown:z,disabled:n,id:te,"data-testid":`${M}__input`,...P}),E&&!n&&!x&&r.createElement("i",{"aria-label":"clear",className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:R=>D(R)}))),r.createElement(Fn,{id:`${j}_options`,ref:$,attachTo:Y,isOpen:Q,options:m,hideInlineSearch:!0,keyDown:V.keyDown,onOptionSelected:R=>{const W=f&&typeof R=="object"&&R!==null?R[f]??"":R;I(W,void 0,!0),B&&U.current?.focus()},onPositionFlip:O,onSelfToggle:Z,offsets:[1,0],search:E,searchDebounce:t,textKey:f,captionKey:h,tall:v,zeroState:y,loading:b,maxHeightPx:N,maxHeightRem:C,disableOptionsMemoization:T,conformWidth:o}))}Object.assign(Nt,{props:uf,displayName:"SpsAutocomplete"});const $i={basic:{label:"Basic",examples:{basic:{react:g.code`
5
5
  import { SpsAutocomplete } from "@spscommerce/ds-react";
6
6
 
7
7
  function DemoComponent() {
@@ -134,7 +134,7 @@
134
134
  <SpsAutocomplete suggestions={colorSearch} value={color} onChange={handleChange} placeholder="Enter a color"/>
135
135
  );
136
136
  }
137
- `}}}},pf={checked:"boolean",disabled:"boolean",formMeta:"SpsFormFieldMeta<boolean>",indeterminate:"boolean",inline:"boolean",label:"string",onChange:"ChangeEventHandler"};function Xt({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,h=r.useRef(null),[v,E]=r.useState(e),[y,b]=r.useState(i),{wrapperId:N,controlId:C}=Ge(s,f);r.useEffect(()=>E(e),[e]),r.useEffect(()=>b(i),[i]),r.useEffect(()=>{h.current&&(h.current.indeterminate=y)},[y]);const T=A(m||"sps-checkbox","sps-checkable",l&&"sps-checkable--inline",!d&&"sps-checkable--no-label",t);function x(B){E(B.target.checked),b(!1),f&&(f.setValue(B.target.checked),f.markAsDirty()),c&&c(B),h.current?.focus()}return r.createElement(Be,{id:N,className:T,formControl:o,formMeta:a,inputRef:h,"data-testid":u},r.createElement("input",{type:"checkbox",ref:h,className:"sps-checkable__input",id:C,checked:v,disabled:n,"data-testid":`${u}__checkbox-input`,"data-checked":v?"checked":void 0,onChange:x,...p}),r.createElement("label",{className:"sps-checkable__label",htmlFor:C},d||""))}Object.assign(Xt,{props:pf,displayName:"SpsCheckbox"});const $i={labels:{label:"Labels",description:g.code`
137
+ `}}}},mf={checked:"boolean",disabled:"boolean",formMeta:"SpsFormFieldMeta<boolean>",indeterminate:"boolean",inline:"boolean",label:"string",onChange:"ChangeEventHandler"};function Xt({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,h=r.useRef(null),[v,E]=r.useState(e),[y,b]=r.useState(i),{wrapperId:N,controlId:C}=We(s,f);r.useEffect(()=>E(e),[e]),r.useEffect(()=>b(i),[i]),r.useEffect(()=>{h.current&&(h.current.indeterminate=y)},[y]);const T=A(m||"sps-checkbox","sps-checkable",l&&"sps-checkable--inline",!d&&"sps-checkable--no-label",t);function x(B){E(B.target.checked),b(!1),f&&(f.setValue(B.target.checked),f.markAsDirty()),c&&c(B),h.current?.focus()}return r.createElement(Oe,{id:N,className:T,formControl:o,formMeta:a,inputRef:h,"data-testid":u},r.createElement("input",{type:"checkbox",ref:h,className:"sps-checkable__input",id:C,checked:v,disabled:n,"data-testid":`${u}__checkbox-input`,"data-checked":v?"checked":void 0,onChange:x,...p}),r.createElement("label",{className:"sps-checkable__label",htmlFor:C},d||""))}Object.assign(Xt,{props:mf,displayName:"SpsCheckbox"});const Ki={labels:{label:"Labels",description:g.code`
138
138
  <p>An individual checkbox should be labeled with its own <code>label</code> prop,
139
139
  not the <code>&lt;SpsLabel&gt;</code> component.</p>
140
140
  `,examples:{label:{react:g.code`
@@ -249,7 +249,7 @@
249
249
  </SpsSummaryListRow>
250
250
  );
251
251
  }
252
- `}}}},uf={disabled:"boolean",href:"string",kind:"ClickableTagKind",onAdd:"() => void",onRemove:"() => void"};function $n(e){const{children:t,className:n,disabled:o,href:a,kind:s=F.ClickableTagKind.BLUE,onAdd:i,onRemove:l,onClick:d,"data-testid":c,unsafelyReplaceClassName:u,wrap:m=!1,...p}=e,f=A(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"),h=A("sps-clickable-tag__label",(a||d)&&"sps-clickable-tag__label--link"),v=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 y(b){b.stopPropagation(),d&&d(b)}return r.createElement("div",{className:f,"data-testid":c,...p},r.createElement("span",{className:h,title:v,onClick:y},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?F.SpsIcon.PLUS_SIGN:F.SpsIcon.X}`,"data-testid":`${c}__icon`})))}Object.assign($n,{props:uf,displayName:"SpsClickableTag"});const Ki={basic:{label:"Basic",examples:{basic:{react:g.code`
252
+ `}}}},ff={disabled:"boolean",href:"string",kind:"ClickableTagKind",onAdd:"() => void",onRemove:"() => void"};function Vn(e){const{children:t,className:n,disabled:o,href:a,kind:s=_.ClickableTagKind.BLUE,onAdd:i,onRemove:l,onClick:d,"data-testid":c,unsafelyReplaceClassName:u,wrap:m=!1,...p}=e,f=A(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"),h=A("sps-clickable-tag__label",(a||d)&&"sps-clickable-tag__label--link"),v=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 y(b){b.stopPropagation(),d&&d(b)}return r.createElement("div",{className:f,"data-testid":c,...p},r.createElement("span",{className:h,title:v,onClick:y},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?_.SpsIcon.PLUS_SIGN:_.SpsIcon.X}`,"data-testid":`${c}__icon`})))}Object.assign(Vn,{props:ff,displayName:"SpsClickableTag"});const Hi={basic:{label:"Basic",examples:{basic:{react:g.code`
253
253
  import { SpsClickableTag } from "@spscommerce/ds-react";
254
254
  import { ClickableTagKind } from "@spscommerce/ds-shared";
255
255
  function Component() {
@@ -349,55 +349,55 @@
349
349
  </>
350
350
  );
351
351
  }
352
- `}}}};function Kr(e,t){return Kr=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,o){return n.__proto__=o,n},Kr(e,t)}function Hi(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Kr(e,t)}function le(){return le=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},le.apply(null,arguments)}function Kn(e){"@babel/helpers - typeof";return Kn=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Kn(e)}function mf(e,t){if(Kn(e)!="object"||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var o=n.call(e,t);if(Kn(o)!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function ff(e){var t=mf(e,"string");return Kn(t)=="symbol"?t:t+""}function Sf(e,t,n){return(t=ff(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Wi(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,o)}return n}function Gi(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?Wi(Object(n),!0).forEach(function(o){Sf(e,o,n[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Wi(Object(n)).forEach(function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(n,o))})}return e}function Xe(e){return"Minified Redux error #"+e+"; visit https://redux.js.org/Errors?code="+e+" for the full message or use the non-minified dev environment for full errors. "}var Ui=function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"}(),zi=function(){return Math.random().toString(36).substring(7).split("").join(".")},ji={INIT:"@@redux/INIT"+zi(),REPLACE:"@@redux/REPLACE"+zi()};function gf(e){if(typeof e!="object"||e===null)return!1;for(var t=e;Object.getPrototypeOf(t)!==null;)t=Object.getPrototypeOf(t);return Object.getPrototypeOf(e)===t}function hf(e){if(e===void 0)return"undefined";if(e===null)return"null";var t=typeof e;switch(t){case"boolean":case"string":case"number":case"symbol":case"function":return t}if(Array.isArray(e))return"array";if(yf(e))return"date";if(vf(e))return"error";var n=bf(e);switch(n){case"Symbol":case"Promise":case"WeakMap":case"WeakSet":case"Map":case"Set":return n}return t.slice(8,-1).toLowerCase().replace(/\s/g,"")}function bf(e){return typeof e.constructor=="function"?e.constructor.name:null}function vf(e){return e instanceof Error||typeof e.message=="string"&&e.constructor&&typeof e.constructor.stackTraceLimit=="number"}function yf(e){return e instanceof Date?!0:typeof e.toDateString=="function"&&typeof e.getDate=="function"&&typeof e.setDate=="function"}function Zt(e){var t=typeof e;return process.env.NODE_ENV!=="production"&&(t=hf(e)),t}function Yi(e,t,n){var o;if(typeof t=="function"&&typeof n=="function"||typeof n=="function"&&typeof arguments[3]=="function")throw new Error(process.env.NODE_ENV==="production"?Xe(0):"It looks like you are passing several store enhancers to createStore(). This is not supported. Instead, compose them together to a single function. See https://redux.js.org/tutorials/fundamentals/part-4-store#creating-a-store-with-enhancers for an example.");if(typeof t=="function"&&typeof n>"u"&&(n=t,t=void 0),typeof n<"u"){if(typeof n!="function")throw new Error(process.env.NODE_ENV==="production"?Xe(1):"Expected the enhancer to be a function. Instead, received: '"+Zt(n)+"'");return n(Yi)(e,t)}if(typeof e!="function")throw new Error(process.env.NODE_ENV==="production"?Xe(2):"Expected the root reducer to be a function. Instead, received: '"+Zt(e)+"'");var a=e,s=t,i=[],l=i,d=!1;function c(){l===i&&(l=i.slice())}function u(){if(d)throw new Error(process.env.NODE_ENV==="production"?Xe(3):"You may not call store.getState() while the reducer is executing. The reducer has already received the state as an argument. Pass it down from the top reducer instead of reading it from the store.");return s}function m(v){if(typeof v!="function")throw new Error(process.env.NODE_ENV==="production"?Xe(4):"Expected the listener to be a function. Instead, received: '"+Zt(v)+"'");if(d)throw new Error(process.env.NODE_ENV==="production"?Xe(5):"You may not call store.subscribe() while the reducer is executing. If you would like to be notified after the store has been updated, subscribe from a component and invoke store.getState() in the callback to access the latest state. See https://redux.js.org/api/store#subscribelistener for more details.");var E=!0;return c(),l.push(v),function(){if(E){if(d)throw new Error(process.env.NODE_ENV==="production"?Xe(6):"You may not unsubscribe from a store listener while the reducer is executing. See https://redux.js.org/api/store#subscribelistener for more details.");E=!1,c();var b=l.indexOf(v);l.splice(b,1),i=null}}}function p(v){if(!gf(v))throw new Error(process.env.NODE_ENV==="production"?Xe(7):"Actions must be plain objects. Instead, the actual type was: '"+Zt(v)+"'. You may need to add middleware to your store setup to handle dispatching other values, such as 'redux-thunk' to handle dispatching functions. See https://redux.js.org/tutorials/fundamentals/part-4-store#middleware and https://redux.js.org/tutorials/fundamentals/part-6-async-logic#using-the-redux-thunk-middleware for examples.");if(typeof v.type>"u")throw new Error(process.env.NODE_ENV==="production"?Xe(8):'Actions may not have an undefined "type" property. You may have misspelled an action type string constant.');if(d)throw new Error(process.env.NODE_ENV==="production"?Xe(9):"Reducers may not dispatch actions.");try{d=!0,s=a(s,v)}finally{d=!1}for(var E=i=l,y=0;y<E.length;y++){var b=E[y];b()}return v}function f(v){if(typeof v!="function")throw new Error(process.env.NODE_ENV==="production"?Xe(10):"Expected the nextReducer to be a function. Instead, received: '"+Zt(v));a=v,p({type:ji.REPLACE})}function h(){var v,E=m;return v={subscribe:function(b){if(typeof b!="object"||b===null)throw new Error(process.env.NODE_ENV==="production"?Xe(11):"Expected the observer to be an object. Instead, received: '"+Zt(b)+"'");function N(){b.next&&b.next(u())}N();var C=E(N);return{unsubscribe:C}}},v[Ui]=function(){return this},v}return p({type:ji.INIT}),o={dispatch:p,subscribe:m,getState:u,replaceReducer:f},o[Ui]=h,o}function qi(e,t){return function(){return t(e.apply(this,arguments))}}function Ji(e,t){if(typeof e=="function")return qi(e,t);if(typeof e!="object"||e===null)throw new Error(process.env.NODE_ENV==="production"?Xe(16):"bindActionCreators expected an object or a function, but instead received: '"+Zt(e)+`'. Did you write "import ActionCreators from" instead of "import * as ActionCreators from"?`);var n={};for(var o in e){var a=e[o];typeof a=="function"&&(n[o]=qi(a,t))}return n}function Xi(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.length===0?function(o){return o}:t.length===1?t[0]:t.reduce(function(o,a){return function(){return o(a.apply(void 0,arguments))}})}function Ef(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(o){return function(){var a=o.apply(void 0,arguments),s=function(){throw new Error(process.env.NODE_ENV==="production"?Xe(15):"Dispatching while constructing your middleware is not allowed. Other middleware would not be applied to this dispatch.")},i={getState:a.getState,dispatch:function(){return s.apply(void 0,arguments)}},l=t.map(function(d){return d(i)});return s=Xi.apply(void 0,l)(a.dispatch),Gi(Gi({},a),{},{dispatch:s})}}}var No={exports:{}},Io={exports:{}},he={};/** @license React v16.13.1
352
+ `}}}};function Hr(e,t){return Hr=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,o){return n.__proto__=o,n},Hr(e,t)}function Wi(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Hr(e,t)}function le(){return le=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},le.apply(null,arguments)}function $n(e){"@babel/helpers - typeof";return $n=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},$n(e)}function Sf(e,t){if($n(e)!="object"||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var o=n.call(e,t);if($n(o)!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function gf(e){var t=Sf(e,"string");return $n(t)=="symbol"?t:t+""}function hf(e,t,n){return(t=gf(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Gi(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,o)}return n}function Ui(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?Gi(Object(n),!0).forEach(function(o){hf(e,o,n[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Gi(Object(n)).forEach(function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(n,o))})}return e}function Je(e){return"Minified Redux error #"+e+"; visit https://redux.js.org/Errors?code="+e+" for the full message or use the non-minified dev environment for full errors. "}var zi=function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"}(),ji=function(){return Math.random().toString(36).substring(7).split("").join(".")},Yi={INIT:"@@redux/INIT"+ji(),REPLACE:"@@redux/REPLACE"+ji()};function bf(e){if(typeof e!="object"||e===null)return!1;for(var t=e;Object.getPrototypeOf(t)!==null;)t=Object.getPrototypeOf(t);return Object.getPrototypeOf(e)===t}function vf(e){if(e===void 0)return"undefined";if(e===null)return"null";var t=typeof e;switch(t){case"boolean":case"string":case"number":case"symbol":case"function":return t}if(Array.isArray(e))return"array";if(Tf(e))return"date";if(Ef(e))return"error";var n=yf(e);switch(n){case"Symbol":case"Promise":case"WeakMap":case"WeakSet":case"Map":case"Set":return n}return t.slice(8,-1).toLowerCase().replace(/\s/g,"")}function yf(e){return typeof e.constructor=="function"?e.constructor.name:null}function Ef(e){return e instanceof Error||typeof e.message=="string"&&e.constructor&&typeof e.constructor.stackTraceLimit=="number"}function Tf(e){return e instanceof Date?!0:typeof e.toDateString=="function"&&typeof e.getDate=="function"&&typeof e.setDate=="function"}function Zt(e){var t=typeof e;return process.env.NODE_ENV!=="production"&&(t=vf(e)),t}function qi(e,t,n){var o;if(typeof t=="function"&&typeof n=="function"||typeof n=="function"&&typeof arguments[3]=="function")throw new Error(process.env.NODE_ENV==="production"?Je(0):"It looks like you are passing several store enhancers to createStore(). This is not supported. Instead, compose them together to a single function. See https://redux.js.org/tutorials/fundamentals/part-4-store#creating-a-store-with-enhancers for an example.");if(typeof t=="function"&&typeof n>"u"&&(n=t,t=void 0),typeof n<"u"){if(typeof n!="function")throw new Error(process.env.NODE_ENV==="production"?Je(1):"Expected the enhancer to be a function. Instead, received: '"+Zt(n)+"'");return n(qi)(e,t)}if(typeof e!="function")throw new Error(process.env.NODE_ENV==="production"?Je(2):"Expected the root reducer to be a function. Instead, received: '"+Zt(e)+"'");var a=e,s=t,i=[],l=i,d=!1;function c(){l===i&&(l=i.slice())}function u(){if(d)throw new Error(process.env.NODE_ENV==="production"?Je(3):"You may not call store.getState() while the reducer is executing. The reducer has already received the state as an argument. Pass it down from the top reducer instead of reading it from the store.");return s}function m(v){if(typeof v!="function")throw new Error(process.env.NODE_ENV==="production"?Je(4):"Expected the listener to be a function. Instead, received: '"+Zt(v)+"'");if(d)throw new Error(process.env.NODE_ENV==="production"?Je(5):"You may not call store.subscribe() while the reducer is executing. If you would like to be notified after the store has been updated, subscribe from a component and invoke store.getState() in the callback to access the latest state. See https://redux.js.org/api/store#subscribelistener for more details.");var E=!0;return c(),l.push(v),function(){if(E){if(d)throw new Error(process.env.NODE_ENV==="production"?Je(6):"You may not unsubscribe from a store listener while the reducer is executing. See https://redux.js.org/api/store#subscribelistener for more details.");E=!1,c();var b=l.indexOf(v);l.splice(b,1),i=null}}}function p(v){if(!bf(v))throw new Error(process.env.NODE_ENV==="production"?Je(7):"Actions must be plain objects. Instead, the actual type was: '"+Zt(v)+"'. You may need to add middleware to your store setup to handle dispatching other values, such as 'redux-thunk' to handle dispatching functions. See https://redux.js.org/tutorials/fundamentals/part-4-store#middleware and https://redux.js.org/tutorials/fundamentals/part-6-async-logic#using-the-redux-thunk-middleware for examples.");if(typeof v.type>"u")throw new Error(process.env.NODE_ENV==="production"?Je(8):'Actions may not have an undefined "type" property. You may have misspelled an action type string constant.');if(d)throw new Error(process.env.NODE_ENV==="production"?Je(9):"Reducers may not dispatch actions.");try{d=!0,s=a(s,v)}finally{d=!1}for(var E=i=l,y=0;y<E.length;y++){var b=E[y];b()}return v}function f(v){if(typeof v!="function")throw new Error(process.env.NODE_ENV==="production"?Je(10):"Expected the nextReducer to be a function. Instead, received: '"+Zt(v));a=v,p({type:Yi.REPLACE})}function h(){var v,E=m;return v={subscribe:function(b){if(typeof b!="object"||b===null)throw new Error(process.env.NODE_ENV==="production"?Je(11):"Expected the observer to be an object. Instead, received: '"+Zt(b)+"'");function N(){b.next&&b.next(u())}N();var C=E(N);return{unsubscribe:C}}},v[zi]=function(){return this},v}return p({type:Yi.INIT}),o={dispatch:p,subscribe:m,getState:u,replaceReducer:f},o[zi]=h,o}function Ji(e,t){return function(){return t(e.apply(this,arguments))}}function Xi(e,t){if(typeof e=="function")return Ji(e,t);if(typeof e!="object"||e===null)throw new Error(process.env.NODE_ENV==="production"?Je(16):"bindActionCreators expected an object or a function, but instead received: '"+Zt(e)+`'. Did you write "import ActionCreators from" instead of "import * as ActionCreators from"?`);var n={};for(var o in e){var a=e[o];typeof a=="function"&&(n[o]=Ji(a,t))}return n}function Zi(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.length===0?function(o){return o}:t.length===1?t[0]:t.reduce(function(o,a){return function(){return o(a.apply(void 0,arguments))}})}function wf(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(o){return function(){var a=o.apply(void 0,arguments),s=function(){throw new Error(process.env.NODE_ENV==="production"?Je(15):"Dispatching while constructing your middleware is not allowed. Other middleware would not be applied to this dispatch.")},i={getState:a.getState,dispatch:function(){return s.apply(void 0,arguments)}},l=t.map(function(d){return d(i)});return s=Zi.apply(void 0,l)(a.dispatch),Ui(Ui({},a),{},{dispatch:s})}}}var No={exports:{}},Io={exports:{}},be={};/** @license React v16.13.1
353
353
  * react-is.production.min.js
354
354
  *
355
355
  * Copyright (c) Facebook, Inc. and its affiliates.
356
356
  *
357
357
  * This source code is licensed under the MIT license found in the
358
358
  * LICENSE file in the root directory of this source tree.
359
- */var Zi;function Tf(){if(Zi)return he;Zi=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,h=e?Symbol.for("react.lazy"):60116,v=e?Symbol.for("react.block"):60121,E=e?Symbol.for("react.fundamental"):60117,y=e?Symbol.for("react.responder"):60118,b=e?Symbol.for("react.scope"):60119;function N(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 h:case f:case i:return T;default:return x}}case n:return x}}}function C(T){return N(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=h,he.Memo=f,he.Portal=n,he.Profiler=s,he.StrictMode=a,he.Suspense=m,he.isAsyncMode=function(T){return C(T)||N(T)===d},he.isConcurrentMode=C,he.isContextConsumer=function(T){return N(T)===l},he.isContextProvider=function(T){return N(T)===i},he.isElement=function(T){return typeof T=="object"&&T!==null&&T.$$typeof===t},he.isForwardRef=function(T){return N(T)===u},he.isFragment=function(T){return N(T)===o},he.isLazy=function(T){return N(T)===h},he.isMemo=function(T){return N(T)===f},he.isPortal=function(T){return N(T)===n},he.isProfiler=function(T){return N(T)===s},he.isStrictMode=function(T){return N(T)===a},he.isSuspense=function(T){return N(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===h||T.$$typeof===f||T.$$typeof===i||T.$$typeof===l||T.$$typeof===u||T.$$typeof===E||T.$$typeof===y||T.$$typeof===b||T.$$typeof===v)},he.typeOf=N,he}var be={};/** @license React v16.13.1
359
+ */var Qi;function Cf(){if(Qi)return be;Qi=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,h=e?Symbol.for("react.lazy"):60116,v=e?Symbol.for("react.block"):60121,E=e?Symbol.for("react.fundamental"):60117,y=e?Symbol.for("react.responder"):60118,b=e?Symbol.for("react.scope"):60119;function N(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 h:case f:case i:return T;default:return x}}case n:return x}}}function C(T){return N(T)===c}return be.AsyncMode=d,be.ConcurrentMode=c,be.ContextConsumer=l,be.ContextProvider=i,be.Element=t,be.ForwardRef=u,be.Fragment=o,be.Lazy=h,be.Memo=f,be.Portal=n,be.Profiler=s,be.StrictMode=a,be.Suspense=m,be.isAsyncMode=function(T){return C(T)||N(T)===d},be.isConcurrentMode=C,be.isContextConsumer=function(T){return N(T)===l},be.isContextProvider=function(T){return N(T)===i},be.isElement=function(T){return typeof T=="object"&&T!==null&&T.$$typeof===t},be.isForwardRef=function(T){return N(T)===u},be.isFragment=function(T){return N(T)===o},be.isLazy=function(T){return N(T)===h},be.isMemo=function(T){return N(T)===f},be.isPortal=function(T){return N(T)===n},be.isProfiler=function(T){return N(T)===s},be.isStrictMode=function(T){return N(T)===a},be.isSuspense=function(T){return N(T)===m},be.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===h||T.$$typeof===f||T.$$typeof===i||T.$$typeof===l||T.$$typeof===u||T.$$typeof===E||T.$$typeof===y||T.$$typeof===b||T.$$typeof===v)},be.typeOf=N,be}var ve={};/** @license React v16.13.1
360
360
  * react-is.development.js
361
361
  *
362
362
  * Copyright (c) Facebook, Inc. and its affiliates.
363
363
  *
364
364
  * This source code is licensed under the MIT license found in the
365
365
  * LICENSE file in the root directory of this source tree.
366
- */var Qi;function wf(){return Qi||(Qi=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,h=e?Symbol.for("react.lazy"):60116,v=e?Symbol.for("react.block"):60121,E=e?Symbol.for("react.fundamental"):60117,y=e?Symbol.for("react.responder"):60118,b=e?Symbol.for("react.scope"):60119;function N(ne){return typeof ne=="string"||typeof ne=="function"||ne===o||ne===c||ne===s||ne===a||ne===m||ne===p||typeof ne=="object"&&ne!==null&&(ne.$$typeof===h||ne.$$typeof===f||ne.$$typeof===i||ne.$$typeof===l||ne.$$typeof===u||ne.$$typeof===E||ne.$$typeof===y||ne.$$typeof===b||ne.$$typeof===v)}function C(ne){if(typeof ne=="object"&&ne!==null){var me=ne.$$typeof;switch(me){case t:var pe=ne.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 h:case f:case i:return Te;default:return me}}case n:return me}}}var T=d,x=c,B=l,L=i,O=t,R=u,q=o,te=h,$=f,W=n,Y=s,V=a,G=m,ee=!1;function H(ne){return ee||(ee=!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.")),S(ne)||C(ne)===d}function S(ne){return C(ne)===c}function I(ne){return C(ne)===l}function D(ne){return C(ne)===i}function K(ne){return typeof ne=="object"&&ne!==null&&ne.$$typeof===t}function U(ne){return C(ne)===u}function X(ne){return C(ne)===o}function _(ne){return C(ne)===h}function j(ne){return C(ne)===f}function P(ne){return C(ne)===n}function z(ne){return C(ne)===s}function Q(ne){return C(ne)===a}function Z(ne){return C(ne)===m}be.AsyncMode=T,be.ConcurrentMode=x,be.ContextConsumer=B,be.ContextProvider=L,be.Element=O,be.ForwardRef=R,be.Fragment=q,be.Lazy=te,be.Memo=$,be.Portal=W,be.Profiler=Y,be.StrictMode=V,be.Suspense=G,be.isAsyncMode=H,be.isConcurrentMode=S,be.isContextConsumer=I,be.isContextProvider=D,be.isElement=K,be.isForwardRef=U,be.isFragment=X,be.isLazy=_,be.isMemo=j,be.isPortal=P,be.isProfiler=z,be.isStrictMode=Q,be.isSuspense=Z,be.isValidElementType=N,be.typeOf=C}()),be}var el;function Hr(){return el||(el=1,process.env.NODE_ENV==="production"?Io.exports=Tf():Io.exports=wf()),Io.exports}/*
366
+ */var el;function Df(){return el||(el=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,h=e?Symbol.for("react.lazy"):60116,v=e?Symbol.for("react.block"):60121,E=e?Symbol.for("react.fundamental"):60117,y=e?Symbol.for("react.responder"):60118,b=e?Symbol.for("react.scope"):60119;function N(ne){return typeof ne=="string"||typeof ne=="function"||ne===o||ne===c||ne===s||ne===a||ne===m||ne===p||typeof ne=="object"&&ne!==null&&(ne.$$typeof===h||ne.$$typeof===f||ne.$$typeof===i||ne.$$typeof===l||ne.$$typeof===u||ne.$$typeof===E||ne.$$typeof===y||ne.$$typeof===b||ne.$$typeof===v)}function C(ne){if(typeof ne=="object"&&ne!==null){var me=ne.$$typeof;switch(me){case t:var pe=ne.type;switch(pe){case d:case c:case o:case s:case a:case m:return pe;default:var Ee=pe&&pe.$$typeof;switch(Ee){case l:case u:case h:case f:case i:return Ee;default:return me}}case n:return me}}}var T=d,x=c,B=l,M=i,P=t,F=u,j=o,te=h,V=f,G=n,Y=s,U=a,$=m,Q=!1;function K(ne){return Q||(Q=!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.")),S(ne)||C(ne)===d}function S(ne){return C(ne)===c}function I(ne){return C(ne)===l}function D(ne){return C(ne)===i}function H(ne){return typeof ne=="object"&&ne!==null&&ne.$$typeof===t}function z(ne){return C(ne)===u}function Z(ne){return C(ne)===o}function O(ne){return C(ne)===h}function J(ne){return C(ne)===f}function R(ne){return C(ne)===n}function W(ne){return C(ne)===s}function ee(ne){return C(ne)===a}function q(ne){return C(ne)===m}ve.AsyncMode=T,ve.ConcurrentMode=x,ve.ContextConsumer=B,ve.ContextProvider=M,ve.Element=P,ve.ForwardRef=F,ve.Fragment=j,ve.Lazy=te,ve.Memo=V,ve.Portal=G,ve.Profiler=Y,ve.StrictMode=U,ve.Suspense=$,ve.isAsyncMode=K,ve.isConcurrentMode=S,ve.isContextConsumer=I,ve.isContextProvider=D,ve.isElement=H,ve.isForwardRef=z,ve.isFragment=Z,ve.isLazy=O,ve.isMemo=J,ve.isPortal=R,ve.isProfiler=W,ve.isStrictMode=ee,ve.isSuspense=q,ve.isValidElementType=N,ve.typeOf=C}()),ve}var tl;function Wr(){return tl||(tl=1,process.env.NODE_ENV==="production"?Io.exports=Cf():Io.exports=Df()),Io.exports}/*
367
367
  object-assign
368
368
  (c) Sindre Sorhus
369
369
  @license MIT
370
- */var Wr,tl;function Cf(){if(tl)return Wr;tl=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 Wr=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},Wr}var Gr,nl;function Ur(){if(nl)return Gr;nl=1;var e="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return Gr=e,Gr}var zr,ol;function rl(){return ol||(ol=1,zr=Function.call.bind(Object.prototype.hasOwnProperty)),zr}var jr,al;function Df(){if(al)return jr;al=1;var e=function(){};if(process.env.NODE_ENV!=="production"){var t=Ur(),n={},o=rl();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(h){m=h}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={})},jr=a,jr}var Yr,sl;function Nf(){if(sl)return Yr;sl=1;var e=Hr(),t=Cf(),n=Ur(),o=rl(),a=Df(),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 Yr=function(l,d){var c=typeof Symbol=="function"&&Symbol.iterator,u="@@iterator";function m(S){var I=S&&(c&&S[c]||S[u]);if(typeof I=="function")return I}var p="<<anonymous>>",f={array:y("array"),bigint:y("bigint"),bool:y("boolean"),func:y("function"),number:y("number"),object:y("object"),string:y("string"),symbol:y("symbol"),any:b(),arrayOf:N,element:C(),elementType:T(),instanceOf:x,node:R(),objectOf:L,oneOf:B,oneOfType:O,shape:te,exact:$};function h(S,I){return S===I?S!==0||1/S===1/I:S!==S&&I!==I}function v(S,I){this.message=S,this.data=I&&typeof I=="object"?I:{},this.stack=""}v.prototype=Error.prototype;function E(S){if(process.env.NODE_ENV!=="production")var I={},D=0;function K(X,_,j,P,z,Q,Z){if(P=P||p,Q=Q||j,Z!==n){if(d){var ne=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 ne.name="Invariant Violation",ne}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var me=P+":"+j;!I[me]&&D<3&&(s("You are manually calling a React.PropTypes validation function for the `"+Q+"` prop on `"+P+"`. 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."),I[me]=!0,D++)}}return _[j]==null?X?_[j]===null?new v("The "+z+" `"+Q+"` is marked as required "+("in `"+P+"`, but its value is `null`.")):new v("The "+z+" `"+Q+"` is marked as required in "+("`"+P+"`, but its value is `undefined`.")):null:S(_,j,P,z,Q)}var U=K.bind(null,!1);return U.isRequired=K.bind(null,!0),U}function y(S){function I(D,K,U,X,_,j){var P=D[K],z=V(P);if(z!==S){var Q=G(P);return new v("Invalid "+X+" `"+_+"` of type "+("`"+Q+"` supplied to `"+U+"`, expected ")+("`"+S+"`."),{expectedType:S})}return null}return E(I)}function b(){return E(i)}function N(S){function I(D,K,U,X,_){if(typeof S!="function")return new v("Property `"+_+"` of component `"+U+"` has invalid PropType notation inside arrayOf.");var j=D[K];if(!Array.isArray(j)){var P=V(j);return new v("Invalid "+X+" `"+_+"` of type "+("`"+P+"` supplied to `"+U+"`, expected an array."))}for(var z=0;z<j.length;z++){var Q=S(j,z,U,X,_+"["+z+"]",n);if(Q instanceof Error)return Q}return null}return E(I)}function C(){function S(I,D,K,U,X){var _=I[D];if(!l(_)){var j=V(_);return new v("Invalid "+U+" `"+X+"` of type "+("`"+j+"` supplied to `"+K+"`, expected a single ReactElement."))}return null}return E(S)}function T(){function S(I,D,K,U,X){var _=I[D];if(!e.isValidElementType(_)){var j=V(_);return new v("Invalid "+U+" `"+X+"` of type "+("`"+j+"` supplied to `"+K+"`, expected a single ReactElement type."))}return null}return E(S)}function x(S){function I(D,K,U,X,_){if(!(D[K]instanceof S)){var j=S.name||p,P=H(D[K]);return new v("Invalid "+X+" `"+_+"` of type "+("`"+P+"` supplied to `"+U+"`, expected ")+("instance of `"+j+"`."))}return null}return E(I)}function B(S){if(!Array.isArray(S))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 I(D,K,U,X,_){for(var j=D[K],P=0;P<S.length;P++)if(h(j,S[P]))return null;var z=JSON.stringify(S,function(Z,ne){var me=G(ne);return me==="symbol"?String(ne):ne});return new v("Invalid "+X+" `"+_+"` of value `"+String(j)+"` "+("supplied to `"+U+"`, expected one of "+z+"."))}return E(I)}function L(S){function I(D,K,U,X,_){if(typeof S!="function")return new v("Property `"+_+"` of component `"+U+"` has invalid PropType notation inside objectOf.");var j=D[K],P=V(j);if(P!=="object")return new v("Invalid "+X+" `"+_+"` of type "+("`"+P+"` supplied to `"+U+"`, expected an object."));for(var z in j)if(o(j,z)){var Q=S(j,z,U,X,_+"."+z,n);if(Q instanceof Error)return Q}return null}return E(I)}function O(S){if(!Array.isArray(S))return process.env.NODE_ENV!=="production"&&s("Invalid argument supplied to oneOfType, expected an instance of array."),i;for(var I=0;I<S.length;I++){var D=S[I];if(typeof D!="function")return s("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+ee(D)+" at index "+I+"."),i}function K(U,X,_,j,P){for(var z=[],Q=0;Q<S.length;Q++){var Z=S[Q],ne=Z(U,X,_,j,P,n);if(ne==null)return null;ne.data&&o(ne.data,"expectedType")&&z.push(ne.data.expectedType)}var me=z.length>0?", expected one of type ["+z.join(", ")+"]":"";return new v("Invalid "+j+" `"+P+"` supplied to "+("`"+_+"`"+me+"."))}return E(K)}function R(){function S(I,D,K,U,X){return W(I[D])?null:new v("Invalid "+U+" `"+X+"` supplied to "+("`"+K+"`, expected a ReactNode."))}return E(S)}function q(S,I,D,K,U){return new v((S||"React class")+": "+I+" type `"+D+"."+K+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+U+"`.")}function te(S){function I(D,K,U,X,_){var j=D[K],P=V(j);if(P!=="object")return new v("Invalid "+X+" `"+_+"` of type `"+P+"` "+("supplied to `"+U+"`, expected `object`."));for(var z in S){var Q=S[z];if(typeof Q!="function")return q(U,X,_,z,G(Q));var Z=Q(j,z,U,X,_+"."+z,n);if(Z)return Z}return null}return E(I)}function $(S){function I(D,K,U,X,_){var j=D[K],P=V(j);if(P!=="object")return new v("Invalid "+X+" `"+_+"` of type `"+P+"` "+("supplied to `"+U+"`, expected `object`."));var z=t({},D[K],S);for(var Q in z){var Z=S[Q];if(o(S,Q)&&typeof Z!="function")return q(U,X,_,Q,G(Z));if(!Z)return new v("Invalid "+X+" `"+_+"` key `"+Q+"` supplied to `"+U+"`.\nBad object: "+JSON.stringify(D[K],null," ")+`
371
- Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q,n);if(ne)return ne}return null}return E(I)}function W(S){switch(typeof S){case"number":case"string":case"undefined":return!0;case"boolean":return!S;case"object":if(Array.isArray(S))return S.every(W);if(S===null||l(S))return!0;var I=m(S);if(I){var D=I.call(S),K;if(I!==S.entries){for(;!(K=D.next()).done;)if(!W(K.value))return!1}else for(;!(K=D.next()).done;){var U=K.value;if(U&&!W(U[1]))return!1}}else return!1;return!0;default:return!1}}function Y(S,I){return S==="symbol"?!0:I?I["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&I instanceof Symbol:!1}function V(S){var I=typeof S;return Array.isArray(S)?"array":S instanceof RegExp?"object":Y(I,S)?"symbol":I}function G(S){if(typeof S>"u"||S===null)return""+S;var I=V(S);if(I==="object"){if(S instanceof Date)return"date";if(S instanceof RegExp)return"regexp"}return I}function ee(S){var I=G(S);switch(I){case"array":case"object":return"an "+I;case"boolean":case"date":case"regexp":return"a "+I;default:return I}}function H(S){return!S.constructor||!S.constructor.name?p:S.constructor.name}return f.checkPropTypes=a,f.resetWarningCache=a.resetWarningCache,f.PropTypes=f,f},Yr}var qr,il;function If(){if(il)return qr;il=1;var e=Ur();function t(){}function n(){}return n.resetWarningCache=t,qr=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},qr}var ll;function kf(){if(ll)return No.exports;if(ll=1,process.env.NODE_ENV!=="production"){var e=Hr(),t=!0;No.exports=Nf()(e.isElement,t)}else No.exports=If()();return No.exports}var xf=kf();const vn=Ir(xf);var Jr=w.createContext(null);process.env.NODE_ENV!=="production"&&(Jr.displayName="ReactRedux");function Mf(e){e()}var cl=Mf,Lf=function(t){return cl=t},Pf=function(){return cl};function Of(){var e=Pf(),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 dl={notify:function(){},get:function(){return[]}};function pl(e,t){var n,o=dl;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=Of())}function c(){n&&(n(),n=void 0,o.clear(),o=dl)}var u={addNestedSub:a,notifyNestedSubs:s,handleChangeWrapper:i,isSubscribed:l,trySubscribe:d,tryUnsubscribe:c,getListeners:function(){return o}};return u}var ul=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?w.useLayoutEffect:w.useEffect;function ml(e){var t=e.store,n=e.context,o=e.children,a=w.useMemo(function(){var l=pl(t);return{store:t,subscription:l}},[t]),s=w.useMemo(function(){return t.getState()},[t]);ul(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||Jr;return w.createElement(i.Provider,{value:a},o)}process.env.NODE_ENV!=="production"&&(ml.propTypes={store:vn.shape({subscribe:vn.func.isRequired,dispatch:vn.func.isRequired,getState:vn.func.isRequired}),context:vn.object,children:vn.any});function ko(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 Xr,fl;function Bf(){if(fl)return Xr;fl=1;var e=Hr(),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(h){return e.isMemo(h)?a:s[h.$$typeof]||t}var l=Object.defineProperty,d=Object.getOwnPropertyNames,c=Object.getOwnPropertySymbols,u=Object.getOwnPropertyDescriptor,m=Object.getPrototypeOf,p=Object.prototype;function f(h,v,E){if(typeof v!="string"){if(p){var y=m(v);y&&y!==p&&f(h,y,E)}var b=d(v);c&&(b=b.concat(c(v)));for(var N=i(h),C=i(v),T=0;T<b.length;++T){var x=b[T];if(!n[x]&&!(E&&E[x])&&!(C&&C[x])&&!(N&&N[x])){var B=u(v,x);try{l(h,x,B)}catch{}}}}return h}return Xr=f,Xr}var _f=Bf();const Sl=Ir(_f);var xo={exports:{}},ye={};/** @license React v17.0.2
370
+ */var Gr,nl;function Nf(){if(nl)return Gr;nl=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 Gr=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},Gr}var Ur,ol;function zr(){if(ol)return Ur;ol=1;var e="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return Ur=e,Ur}var jr,rl;function al(){return rl||(rl=1,jr=Function.call.bind(Object.prototype.hasOwnProperty)),jr}var Yr,sl;function If(){if(sl)return Yr;sl=1;var e=function(){};if(process.env.NODE_ENV!=="production"){var t=zr(),n={},o=al();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(h){m=h}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={})},Yr=a,Yr}var qr,il;function kf(){if(il)return qr;il=1;var e=Wr(),t=Nf(),n=zr(),o=al(),a=If(),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 qr=function(l,d){var c=typeof Symbol=="function"&&Symbol.iterator,u="@@iterator";function m(S){var I=S&&(c&&S[c]||S[u]);if(typeof I=="function")return I}var p="<<anonymous>>",f={array:y("array"),bigint:y("bigint"),bool:y("boolean"),func:y("function"),number:y("number"),object:y("object"),string:y("string"),symbol:y("symbol"),any:b(),arrayOf:N,element:C(),elementType:T(),instanceOf:x,node:F(),objectOf:M,oneOf:B,oneOfType:P,shape:te,exact:V};function h(S,I){return S===I?S!==0||1/S===1/I:S!==S&&I!==I}function v(S,I){this.message=S,this.data=I&&typeof I=="object"?I:{},this.stack=""}v.prototype=Error.prototype;function E(S){if(process.env.NODE_ENV!=="production")var I={},D=0;function H(Z,O,J,R,W,ee,q){if(R=R||p,ee=ee||J,q!==n){if(d){var ne=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 ne.name="Invariant Violation",ne}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var me=R+":"+J;!I[me]&&D<3&&(s("You are manually calling a React.PropTypes validation function for the `"+ee+"` prop on `"+R+"`. 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."),I[me]=!0,D++)}}return O[J]==null?Z?O[J]===null?new v("The "+W+" `"+ee+"` is marked as required "+("in `"+R+"`, but its value is `null`.")):new v("The "+W+" `"+ee+"` is marked as required in "+("`"+R+"`, but its value is `undefined`.")):null:S(O,J,R,W,ee)}var z=H.bind(null,!1);return z.isRequired=H.bind(null,!0),z}function y(S){function I(D,H,z,Z,O,J){var R=D[H],W=U(R);if(W!==S){var ee=$(R);return new v("Invalid "+Z+" `"+O+"` of type "+("`"+ee+"` supplied to `"+z+"`, expected ")+("`"+S+"`."),{expectedType:S})}return null}return E(I)}function b(){return E(i)}function N(S){function I(D,H,z,Z,O){if(typeof S!="function")return new v("Property `"+O+"` of component `"+z+"` has invalid PropType notation inside arrayOf.");var J=D[H];if(!Array.isArray(J)){var R=U(J);return new v("Invalid "+Z+" `"+O+"` of type "+("`"+R+"` supplied to `"+z+"`, expected an array."))}for(var W=0;W<J.length;W++){var ee=S(J,W,z,Z,O+"["+W+"]",n);if(ee instanceof Error)return ee}return null}return E(I)}function C(){function S(I,D,H,z,Z){var O=I[D];if(!l(O)){var J=U(O);return new v("Invalid "+z+" `"+Z+"` of type "+("`"+J+"` supplied to `"+H+"`, expected a single ReactElement."))}return null}return E(S)}function T(){function S(I,D,H,z,Z){var O=I[D];if(!e.isValidElementType(O)){var J=U(O);return new v("Invalid "+z+" `"+Z+"` of type "+("`"+J+"` supplied to `"+H+"`, expected a single ReactElement type."))}return null}return E(S)}function x(S){function I(D,H,z,Z,O){if(!(D[H]instanceof S)){var J=S.name||p,R=K(D[H]);return new v("Invalid "+Z+" `"+O+"` of type "+("`"+R+"` supplied to `"+z+"`, expected ")+("instance of `"+J+"`."))}return null}return E(I)}function B(S){if(!Array.isArray(S))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 I(D,H,z,Z,O){for(var J=D[H],R=0;R<S.length;R++)if(h(J,S[R]))return null;var W=JSON.stringify(S,function(q,ne){var me=$(ne);return me==="symbol"?String(ne):ne});return new v("Invalid "+Z+" `"+O+"` of value `"+String(J)+"` "+("supplied to `"+z+"`, expected one of "+W+"."))}return E(I)}function M(S){function I(D,H,z,Z,O){if(typeof S!="function")return new v("Property `"+O+"` of component `"+z+"` has invalid PropType notation inside objectOf.");var J=D[H],R=U(J);if(R!=="object")return new v("Invalid "+Z+" `"+O+"` of type "+("`"+R+"` supplied to `"+z+"`, expected an object."));for(var W in J)if(o(J,W)){var ee=S(J,W,z,Z,O+"."+W,n);if(ee instanceof Error)return ee}return null}return E(I)}function P(S){if(!Array.isArray(S))return process.env.NODE_ENV!=="production"&&s("Invalid argument supplied to oneOfType, expected an instance of array."),i;for(var I=0;I<S.length;I++){var D=S[I];if(typeof D!="function")return s("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+Q(D)+" at index "+I+"."),i}function H(z,Z,O,J,R){for(var W=[],ee=0;ee<S.length;ee++){var q=S[ee],ne=q(z,Z,O,J,R,n);if(ne==null)return null;ne.data&&o(ne.data,"expectedType")&&W.push(ne.data.expectedType)}var me=W.length>0?", expected one of type ["+W.join(", ")+"]":"";return new v("Invalid "+J+" `"+R+"` supplied to "+("`"+O+"`"+me+"."))}return E(H)}function F(){function S(I,D,H,z,Z){return G(I[D])?null:new v("Invalid "+z+" `"+Z+"` supplied to "+("`"+H+"`, expected a ReactNode."))}return E(S)}function j(S,I,D,H,z){return new v((S||"React class")+": "+I+" type `"+D+"."+H+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+z+"`.")}function te(S){function I(D,H,z,Z,O){var J=D[H],R=U(J);if(R!=="object")return new v("Invalid "+Z+" `"+O+"` of type `"+R+"` "+("supplied to `"+z+"`, expected `object`."));for(var W in S){var ee=S[W];if(typeof ee!="function")return j(z,Z,O,W,$(ee));var q=ee(J,W,z,Z,O+"."+W,n);if(q)return q}return null}return E(I)}function V(S){function I(D,H,z,Z,O){var J=D[H],R=U(J);if(R!=="object")return new v("Invalid "+Z+" `"+O+"` of type `"+R+"` "+("supplied to `"+z+"`, expected `object`."));var W=t({},D[H],S);for(var ee in W){var q=S[ee];if(o(S,ee)&&typeof q!="function")return j(z,Z,O,ee,$(q));if(!q)return new v("Invalid "+Z+" `"+O+"` key `"+ee+"` supplied to `"+z+"`.\nBad object: "+JSON.stringify(D[H],null," ")+`
371
+ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=q(J,ee,z,Z,O+"."+ee,n);if(ne)return ne}return null}return E(I)}function G(S){switch(typeof S){case"number":case"string":case"undefined":return!0;case"boolean":return!S;case"object":if(Array.isArray(S))return S.every(G);if(S===null||l(S))return!0;var I=m(S);if(I){var D=I.call(S),H;if(I!==S.entries){for(;!(H=D.next()).done;)if(!G(H.value))return!1}else for(;!(H=D.next()).done;){var z=H.value;if(z&&!G(z[1]))return!1}}else return!1;return!0;default:return!1}}function Y(S,I){return S==="symbol"?!0:I?I["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&I instanceof Symbol:!1}function U(S){var I=typeof S;return Array.isArray(S)?"array":S instanceof RegExp?"object":Y(I,S)?"symbol":I}function $(S){if(typeof S>"u"||S===null)return""+S;var I=U(S);if(I==="object"){if(S instanceof Date)return"date";if(S instanceof RegExp)return"regexp"}return I}function Q(S){var I=$(S);switch(I){case"array":case"object":return"an "+I;case"boolean":case"date":case"regexp":return"a "+I;default:return I}}function K(S){return!S.constructor||!S.constructor.name?p:S.constructor.name}return f.checkPropTypes=a,f.resetWarningCache=a.resetWarningCache,f.PropTypes=f,f},qr}var Jr,ll;function xf(){if(ll)return Jr;ll=1;var e=zr();function t(){}function n(){}return n.resetWarningCache=t,Jr=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},Jr}var cl;function Mf(){if(cl)return No.exports;if(cl=1,process.env.NODE_ENV!=="production"){var e=Wr(),t=!0;No.exports=kf()(e.isElement,t)}else No.exports=xf()();return No.exports}var Lf=Mf();const yn=kr(Lf);var Xr=w.createContext(null);process.env.NODE_ENV!=="production"&&(Xr.displayName="ReactRedux");function Pf(e){e()}var dl=Pf,Of=function(t){return dl=t},Bf=function(){return dl};function _f(){var e=Bf(),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 pl={notify:function(){},get:function(){return[]}};function ul(e,t){var n,o=pl;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=_f())}function c(){n&&(n(),n=void 0,o.clear(),o=pl)}var u={addNestedSub:a,notifyNestedSubs:s,handleChangeWrapper:i,isSubscribed:l,trySubscribe:d,tryUnsubscribe:c,getListeners:function(){return o}};return u}var ml=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?w.useLayoutEffect:w.useEffect;function fl(e){var t=e.store,n=e.context,o=e.children,a=w.useMemo(function(){var l=ul(t);return{store:t,subscription:l}},[t]),s=w.useMemo(function(){return t.getState()},[t]);ml(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||Xr;return w.createElement(i.Provider,{value:a},o)}process.env.NODE_ENV!=="production"&&(fl.propTypes={store:yn.shape({subscribe:yn.func.isRequired,dispatch:yn.func.isRequired,getState:yn.func.isRequired}),context:yn.object,children:yn.any});function ko(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 Zr,Sl;function Rf(){if(Sl)return Zr;Sl=1;var e=Wr(),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(h){return e.isMemo(h)?a:s[h.$$typeof]||t}var l=Object.defineProperty,d=Object.getOwnPropertyNames,c=Object.getOwnPropertySymbols,u=Object.getOwnPropertyDescriptor,m=Object.getPrototypeOf,p=Object.prototype;function f(h,v,E){if(typeof v!="string"){if(p){var y=m(v);y&&y!==p&&f(h,y,E)}var b=d(v);c&&(b=b.concat(c(v)));for(var N=i(h),C=i(v),T=0;T<b.length;++T){var x=b[T];if(!n[x]&&!(E&&E[x])&&!(C&&C[x])&&!(N&&N[x])){var B=u(v,x);try{l(h,x,B)}catch{}}}}return h}return Zr=f,Zr}var Ff=Rf();const gl=kr(Ff);var xo={exports:{}},Te={};/** @license React v17.0.2
372
372
  * react-is.production.min.js
373
373
  *
374
374
  * Copyright (c) Facebook, Inc. and its affiliates.
375
375
  *
376
376
  * This source code is licensed under the MIT license found in the
377
377
  * LICENSE file in the root directory of this source tree.
378
- */var gl;function Rf(){if(gl)return ye;gl=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,h=60117,v=60129,E=60131;if(typeof Symbol=="function"&&Symbol.for){var y=Symbol.for;e=y("react.element"),t=y("react.portal"),n=y("react.fragment"),o=y("react.strict_mode"),a=y("react.profiler"),s=y("react.provider"),i=y("react.context"),l=y("react.forward_ref"),d=y("react.suspense"),c=y("react.suspense_list"),u=y("react.memo"),m=y("react.lazy"),p=y("react.block"),f=y("react.server.block"),h=y("react.fundamental"),v=y("react.debug_trace_mode"),E=y("react.legacy_hidden")}function b($){if(typeof $=="object"&&$!==null){var W=$.$$typeof;switch(W){case e:switch($=$.type,$){case n:case a:case o:case d:case c:return $;default:switch($=$&&$.$$typeof,$){case i:case l:case m:case u:case s:return $;default:return W}}case t:return W}}}var N=s,C=e,T=l,x=n,B=m,L=u,O=t,R=a,q=o,te=d;return ye.ContextConsumer=i,ye.ContextProvider=N,ye.Element=C,ye.ForwardRef=T,ye.Fragment=x,ye.Lazy=B,ye.Memo=L,ye.Portal=O,ye.Profiler=R,ye.StrictMode=q,ye.Suspense=te,ye.isAsyncMode=function(){return!1},ye.isConcurrentMode=function(){return!1},ye.isContextConsumer=function($){return b($)===i},ye.isContextProvider=function($){return b($)===s},ye.isElement=function($){return typeof $=="object"&&$!==null&&$.$$typeof===e},ye.isForwardRef=function($){return b($)===l},ye.isFragment=function($){return b($)===n},ye.isLazy=function($){return b($)===m},ye.isMemo=function($){return b($)===u},ye.isPortal=function($){return b($)===t},ye.isProfiler=function($){return b($)===a},ye.isStrictMode=function($){return b($)===o},ye.isSuspense=function($){return b($)===d},ye.isValidElementType=function($){return typeof $=="string"||typeof $=="function"||$===n||$===a||$===v||$===o||$===d||$===c||$===E||typeof $=="object"&&$!==null&&($.$$typeof===m||$.$$typeof===u||$.$$typeof===s||$.$$typeof===i||$.$$typeof===l||$.$$typeof===h||$.$$typeof===p||$[0]===f)},ye.typeOf=b,ye}var Ee={};/** @license React v17.0.2
378
+ */var hl;function Af(){if(hl)return Te;hl=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,h=60117,v=60129,E=60131;if(typeof Symbol=="function"&&Symbol.for){var y=Symbol.for;e=y("react.element"),t=y("react.portal"),n=y("react.fragment"),o=y("react.strict_mode"),a=y("react.profiler"),s=y("react.provider"),i=y("react.context"),l=y("react.forward_ref"),d=y("react.suspense"),c=y("react.suspense_list"),u=y("react.memo"),m=y("react.lazy"),p=y("react.block"),f=y("react.server.block"),h=y("react.fundamental"),v=y("react.debug_trace_mode"),E=y("react.legacy_hidden")}function b(V){if(typeof V=="object"&&V!==null){var G=V.$$typeof;switch(G){case e:switch(V=V.type,V){case n:case a:case o:case d:case c:return V;default:switch(V=V&&V.$$typeof,V){case i:case l:case m:case u:case s:return V;default:return G}}case t:return G}}}var N=s,C=e,T=l,x=n,B=m,M=u,P=t,F=a,j=o,te=d;return Te.ContextConsumer=i,Te.ContextProvider=N,Te.Element=C,Te.ForwardRef=T,Te.Fragment=x,Te.Lazy=B,Te.Memo=M,Te.Portal=P,Te.Profiler=F,Te.StrictMode=j,Te.Suspense=te,Te.isAsyncMode=function(){return!1},Te.isConcurrentMode=function(){return!1},Te.isContextConsumer=function(V){return b(V)===i},Te.isContextProvider=function(V){return b(V)===s},Te.isElement=function(V){return typeof V=="object"&&V!==null&&V.$$typeof===e},Te.isForwardRef=function(V){return b(V)===l},Te.isFragment=function(V){return b(V)===n},Te.isLazy=function(V){return b(V)===m},Te.isMemo=function(V){return b(V)===u},Te.isPortal=function(V){return b(V)===t},Te.isProfiler=function(V){return b(V)===a},Te.isStrictMode=function(V){return b(V)===o},Te.isSuspense=function(V){return b(V)===d},Te.isValidElementType=function(V){return typeof V=="string"||typeof V=="function"||V===n||V===a||V===v||V===o||V===d||V===c||V===E||typeof V=="object"&&V!==null&&(V.$$typeof===m||V.$$typeof===u||V.$$typeof===s||V.$$typeof===i||V.$$typeof===l||V.$$typeof===h||V.$$typeof===p||V[0]===f)},Te.typeOf=b,Te}var we={};/** @license React v17.0.2
379
379
  * react-is.development.js
380
380
  *
381
381
  * Copyright (c) Facebook, Inc. and its affiliates.
382
382
  *
383
383
  * This source code is licensed under the MIT license found in the
384
384
  * LICENSE file in the root directory of this source tree.
385
- */var hl;function Ff(){return hl||(hl=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,h=60117,v=60129,E=60131;if(typeof Symbol=="function"&&Symbol.for){var y=Symbol.for;e=y("react.element"),t=y("react.portal"),n=y("react.fragment"),o=y("react.strict_mode"),a=y("react.profiler"),s=y("react.provider"),i=y("react.context"),l=y("react.forward_ref"),d=y("react.suspense"),c=y("react.suspense_list"),u=y("react.memo"),m=y("react.lazy"),p=y("react.block"),f=y("react.server.block"),h=y("react.fundamental"),y("react.scope"),y("react.opaque.id"),v=y("react.debug_trace_mode"),y("react.offscreen"),E=y("react.legacy_hidden")}var b=!1;function N(Z){return!!(typeof Z=="string"||typeof Z=="function"||Z===n||Z===a||Z===v||Z===o||Z===d||Z===c||Z===E||b||typeof Z=="object"&&Z!==null&&(Z.$$typeof===m||Z.$$typeof===u||Z.$$typeof===s||Z.$$typeof===i||Z.$$typeof===l||Z.$$typeof===h||Z.$$typeof===p||Z[0]===f))}function C(Z){if(typeof Z=="object"&&Z!==null){var ne=Z.$$typeof;switch(ne){case e:var me=Z.type;switch(me){case n:case a:case o:case d:case c:return me;default:var pe=me&&me.$$typeof;switch(pe){case i:case l:case m:case u:case s:return pe;default:return ne}}case t:return ne}}}var T=i,x=s,B=e,L=l,O=n,R=m,q=u,te=t,$=a,W=o,Y=d,V=!1,G=!1;function ee(Z){return V||(V=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")),!1}function H(Z){return G||(G=!0,console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")),!1}function S(Z){return C(Z)===i}function I(Z){return C(Z)===s}function D(Z){return typeof Z=="object"&&Z!==null&&Z.$$typeof===e}function K(Z){return C(Z)===l}function U(Z){return C(Z)===n}function X(Z){return C(Z)===m}function _(Z){return C(Z)===u}function j(Z){return C(Z)===t}function P(Z){return C(Z)===a}function z(Z){return C(Z)===o}function Q(Z){return C(Z)===d}Ee.ContextConsumer=T,Ee.ContextProvider=x,Ee.Element=B,Ee.ForwardRef=L,Ee.Fragment=O,Ee.Lazy=R,Ee.Memo=q,Ee.Portal=te,Ee.Profiler=$,Ee.StrictMode=W,Ee.Suspense=Y,Ee.isAsyncMode=ee,Ee.isConcurrentMode=H,Ee.isContextConsumer=S,Ee.isContextProvider=I,Ee.isElement=D,Ee.isForwardRef=K,Ee.isFragment=U,Ee.isLazy=X,Ee.isMemo=_,Ee.isPortal=j,Ee.isProfiler=P,Ee.isStrictMode=z,Ee.isSuspense=Q,Ee.isValidElementType=N,Ee.typeOf=C}()),Ee}var bl;function Af(){return bl||(bl=1,process.env.NODE_ENV==="production"?xo.exports=Rf():xo.exports=Ff()),xo.exports}var vl=Af(),Vf=["getDisplayName","methodName","renderCountProp","shouldHandleStateChanges","storeKey","withRef","forwardRef","context"],$f=["reactReduxForwardedRef"],Kf=[],Hf=[null,null],Wf=function(t){try{return JSON.stringify(t)}catch{return String(t)}};function Gf(e,t){var n=e[1];return[t.payload,n+1]}function yl(e,t,n){ul(function(){return e.apply(void 0,t)},n)}function Uf(e,t,n,o,a,s,i){e.current=o,t.current=a,n.current=!1,s.current&&(s.current=null,i())}function zf(e,t,n,o,a,s,i,l,d,c){if(e){var u=!1,m=null,p=function(){if(!u){var v=t.getState(),E,y;try{E=o(v,a.current)}catch(b){y=b,m=b}y||(m=null),E===s.current?i.current||d():(s.current=E,l.current=E,i.current=!0,c({type:"STORE_UPDATED",payload:{error:y}}))}};n.onStateChange=p,n.trySubscribe(),p();var f=function(){if(u=!0,n.tryUnsubscribe(),n.onStateChange=null,m)throw m};return f}}var jf=function(){return[null,0]};function Yf(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,h=f===void 0?!1:f,v=n.forwardRef,E=v===void 0?!1:v,y=n.context,b=y===void 0?Jr:y,N=ko(n,Vf);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(h)throw new Error("withRef is removed. To access the wrapped instance, use a ref on the connected component");var C="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. "+C)}var T=b;return function(B){if(process.env.NODE_ENV!=="production"&&!vl.isValidElementType(B))throw new Error("You must pass a component to the function returned by "+(i+". Instead received "+Wf(B)));var L=B.displayName||B.name||"Component",O=a(L),R=le({},N,{getDisplayName:a,methodName:i,renderCountProp:d,shouldHandleStateChanges:u,storeKey:p,displayName:O,wrappedComponentName:L,WrappedComponent:B}),q=N.pure;function te(G){return e(G.dispatch,R)}var $=q?w.useMemo:function(G){return G()};function W(G){var ee=w.useMemo(function(){var ot=G.reactReduxForwardedRef,ke=ko(G,$f);return[G.context,ot,ke]},[G]),H=ee[0],S=ee[1],I=ee[2],D=w.useMemo(function(){return H&&H.Consumer&&vl.isContextConsumer(w.createElement(H.Consumer,null))?H:T},[H,T]),K=w.useContext(D),U=!!G.store&&!!G.store.getState&&!!G.store.dispatch,X=!!K&&!!K.store;if(process.env.NODE_ENV!=="production"&&!U&&!X)throw new Error('Could not find "store" in the context of '+('"'+O+'". Either wrap the root component in a <Provider>, ')+"or pass a custom React context provider to <Provider> and the corresponding "+("React context consumer to "+O+" in connect options."));var _=U?G.store:K.store,j=w.useMemo(function(){return te(_)},[_]),P=w.useMemo(function(){if(!u)return Hf;var ot=pl(_,U?null:K.subscription),ke=ot.notifyNestedSubs.bind(ot);return[ot,ke]},[_,U,K]),z=P[0],Q=P[1],Z=w.useMemo(function(){return U?K:le({},K,{subscription:z})},[U,K,z]),ne=w.useReducer(Gf,Kf,jf),me=ne[0],pe=me[0],Te=ne[1];if(pe&&pe.error)throw pe.error;var Le=w.useRef(),Ze=w.useRef(I),je=w.useRef(),Nt=w.useRef(!1),Ke=$(function(){return je.current&&I===Ze.current?je.current:j(_.getState(),I)},[_,pe,I]);yl(Uf,[Ze,Le,Nt,I,Ke,je,Q]),yl(zf,[u,_,z,j,Ze,Le,Nt,je,Q,Te],[_,z,j]);var He=w.useMemo(function(){return w.createElement(B,le({},Ke,{ref:S}))},[S,B,Ke]),Ye=w.useMemo(function(){return u?w.createElement(D.Provider,{value:Z},He):He},[D,He,Z]);return Ye}var Y=q?w.memo(W):W;if(Y.WrappedComponent=B,Y.displayName=W.displayName=O,E){var V=w.forwardRef(function(ee,H){return w.createElement(Y,le({},ee,{reactReduxForwardedRef:H}))});return V.displayName=O,V.WrappedComponent=B,Sl(V,B)}return Sl(Y,B)}}function El(e,t){return e===t?e!==0||t!==0||1/e===1/t:e!==e&&t!==t}function Zr(e,t){if(El(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])||!El(e[n[a]],t[n[a]]))return!1;return!0}function qf(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 Jf(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 Tl(e){typeof console<"u"&&typeof console.error=="function"&&console.error(e);try{throw new Error(e)}catch{}}function wl(e,t,n){Jf(e)||Tl(n+"() in "+t+" must return a plain object. Instead received "+e+".")}function Qr(e){return function(n,o){var a=e(n,o);function s(){return a}return s.dependsOnOwnProps=!1,s}}function Cl(e){return e.dependsOnOwnProps!==null&&e.dependsOnOwnProps!==void 0?!!e.dependsOnOwnProps:e.length!==1}function Dl(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=Cl(e);var u=i(d,c);return typeof u=="function"&&(i.mapToProps=u,i.dependsOnOwnProps=Cl(u),u=i(d,c)),process.env.NODE_ENV!=="production"&&wl(u,s,t),u},i}}function Xf(e){return typeof e=="function"?Dl(e,"mapDispatchToProps"):void 0}function Zf(e){return e?void 0:Qr(function(t){return{dispatch:t}})}function Qf(e){return e&&typeof e=="object"?Qr(function(t){return qf(e,t)}):void 0}const eS=[Xf,Zf,Qf];function tS(e){return typeof e=="function"?Dl(e,"mapStateToProps"):void 0}function nS(e){return e?void 0:Qr(function(){return{}})}const oS=[tS,nS];function rS(e,t,n){return le({},n,e,t)}function aS(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"&&wl(d,a,"mergeProps")),d}}}function sS(e){return typeof e=="function"?aS(e):void 0}function iS(e){return e?void 0:function(){return rS}}const lS=[sS,iS];function ea(e,t,n){if(e)(t==="mapStateToProps"||t==="mapDispatchToProps")&&(Object.prototype.hasOwnProperty.call(e,"dependsOnOwnProps")||Tl("The selector for "+t+" of "+n+" did not specify a value for dependsOnOwnProps."));else throw new Error("Unexpected value for "+t+" in "+n+".")}function cS(e,t,n,o){ea(e,"mapStateToProps",o),ea(t,"mapDispatchToProps",o),ea(n,"mergeProps",o)}var dS=["initMapStateToProps","initMapDispatchToProps","initMergeProps"];function pS(e,t,n,o){return function(s,i){return n(e(s,i),t(o,i),i)}}function uS(e,t,n,o,a){var s=a.areStatesEqual,i=a.areOwnPropsEqual,l=a.areStatePropsEqual,d=!1,c,u,m,p,f;function h(N,C){return c=N,u=C,m=e(c,u),p=t(o,u),f=n(m,p,u),d=!0,f}function v(){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 y(){var N=e(c,u),C=!l(N,m);return m=N,C&&(f=n(m,p,u)),f}function b(N,C){var T=!i(C,u),x=!s(N,c,C,u);return c=N,u=C,T&&x?v():T?E():x?y():f}return function(C,T){return d?b(C,T):h(C,T)}}function mS(e,t){var n=t.initMapStateToProps,o=t.initMapDispatchToProps,a=t.initMergeProps,s=ko(t,dS),i=n(e,s),l=o(e,s),d=a(e,s);process.env.NODE_ENV!=="production"&&cS(i,l,d,s.displayName);var c=s.pure?uS:pS;return c(i,l,d,e,s)}var fS=["pure","areStatesEqual","areOwnPropsEqual","areStatePropsEqual","areMergedPropsEqual"];function ta(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 SS(e,t){return e===t}function gS(e){var t=e===void 0?{}:e,n=t.connectHOC,o=n===void 0?Yf:n,a=t.mapStateToPropsFactories,s=a===void 0?oS:a,i=t.mapDispatchToPropsFactories,l=i===void 0?eS:i,d=t.mergePropsFactories,c=d===void 0?lS:d,u=t.selectorFactory,m=u===void 0?mS:u;return function(f,h,v,E){E===void 0&&(E={});var y=E,b=y.pure,N=b===void 0?!0:b,C=y.areStatesEqual,T=C===void 0?SS:C,x=y.areOwnPropsEqual,B=x===void 0?Zr:x,L=y.areStatePropsEqual,O=L===void 0?Zr:L,R=y.areMergedPropsEqual,q=R===void 0?Zr:R,te=ko(y,fS),$=ta(f,s,"mapStateToProps"),W=ta(h,l,"mapDispatchToProps"),Y=ta(v,c,"mergeProps");return o(m,le({methodName:"connect",getDisplayName:function(G){return"Connect("+G+")"},shouldHandleStateChanges:!!f,initMapStateToProps:$,initMapDispatchToProps:W,initMergeProps:Y,pure:N,areStatesEqual:T,areOwnPropsEqual:B,areStatePropsEqual:O,areMergedPropsEqual:q},te))}}const Nl=gS();Lf(On.unstable_batchedUpdates);function hS(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 Il(e,t){var n=w.useState(function(){return{inputs:t,result:e()}})[0],o=w.useRef(!0),a=w.useRef(n),s=o.current||!!(t&&a.current.inputs&&hS(t,a.current.inputs)),i=s?a.current:{inputs:t,result:e()};return w.useEffect(function(){o.current=!1,a.current=i},[i]),i.result}function bS(e,t){return Il(function(){return e},t)}var fe=Il,ie=bS,vS=process.env.NODE_ENV==="production",na="Invariant failed";function kl(e,t){if(vS)throw new Error(na);var n=typeof t=="function"?t():t,o=n?"".concat(na,": ").concat(n):na;throw new Error(o)}var mt=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},oa=function(t,n){return{top:t.top-n.top,left:t.left-n.left,bottom:t.bottom+n.bottom,right:t.right+n.right}},xl=function(t,n){return{top:t.top+n.top,left:t.left+n.left,bottom:t.bottom-n.bottom,right:t.right-n.right}},yS=function(t,n){return{top:t.top+n.y,left:t.left+n.x,bottom:t.bottom+n.y,right:t.right+n.x}},ra={top:0,right:0,bottom:0,left:0},aa=function(t){var n=t.borderBox,o=t.margin,a=o===void 0?ra:o,s=t.border,i=s===void 0?ra:s,l=t.padding,d=l===void 0?ra:l,c=mt(oa(n,a)),u=mt(xl(n,i)),m=mt(xl(u,d));return{marginBox:c,borderBox:mt(n),paddingBox:u,contentBox:m,margin:a,border:i,padding:d}},st=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"?kl(!1,"Could not parse value [raw: "+t+", without suffix: "+n+"]"):kl()),a},ES=function(){return{x:window.pageXOffset,y:window.pageYOffset}},Mo=function(t,n){var o=t.borderBox,a=t.border,s=t.margin,i=t.padding,l=yS(o,n);return aa({borderBox:l,border:a,margin:s,padding:i})},Lo=function(t,n){return n===void 0&&(n=ES()),Mo(t,n)},Ml=function(t,n){var o={top:st(n.marginTop),right:st(n.marginRight),bottom:st(n.marginBottom),left:st(n.marginLeft)},a={top:st(n.paddingTop),right:st(n.paddingRight),bottom:st(n.paddingBottom),left:st(n.paddingLeft)},s={top:st(n.borderTopWidth),right:st(n.borderRightWidth),bottom:st(n.borderBottomWidth),left:st(n.borderLeftWidth)};return aa({borderBox:t,margin:o,padding:a,border:s})},Ll=function(t){var n=t.getBoundingClientRect(),o=window.getComputedStyle(t);return Ml(n,o)},Pl=Number.isNaN||function(t){return typeof t=="number"&&t!==t};function TS(e,t){return!!(e===t||Pl(e)&&Pl(t))}function wS(e,t){if(e.length!==t.length)return!1;for(var n=0;n<e.length;n++)if(!TS(e[n],t[n]))return!1;return!0}function _e(e,t){t===void 0&&(t=wS);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 Hn=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},CS=process.env.NODE_ENV==="production",DS=/[ \t]{2,}/g,NS=/^[ \t]*/gm,Ol=function(t){return t.replace(DS," ").replace(NS,"").trim()},IS=function(t){return Ol(`
385
+ */var bl;function Vf(){return bl||(bl=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,h=60117,v=60129,E=60131;if(typeof Symbol=="function"&&Symbol.for){var y=Symbol.for;e=y("react.element"),t=y("react.portal"),n=y("react.fragment"),o=y("react.strict_mode"),a=y("react.profiler"),s=y("react.provider"),i=y("react.context"),l=y("react.forward_ref"),d=y("react.suspense"),c=y("react.suspense_list"),u=y("react.memo"),m=y("react.lazy"),p=y("react.block"),f=y("react.server.block"),h=y("react.fundamental"),y("react.scope"),y("react.opaque.id"),v=y("react.debug_trace_mode"),y("react.offscreen"),E=y("react.legacy_hidden")}var b=!1;function N(q){return!!(typeof q=="string"||typeof q=="function"||q===n||q===a||q===v||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===h||q.$$typeof===p||q[0]===f))}function C(q){if(typeof q=="object"&&q!==null){var ne=q.$$typeof;switch(ne){case e:var me=q.type;switch(me){case n:case a:case o:case d:case c:return me;default:var pe=me&&me.$$typeof;switch(pe){case i:case l:case m:case u:case s:return pe;default:return ne}}case t:return ne}}}var T=i,x=s,B=e,M=l,P=n,F=m,j=u,te=t,V=a,G=o,Y=d,U=!1,$=!1;function Q(q){return U||(U=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")),!1}function K(q){return $||($=!0,console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")),!1}function S(q){return C(q)===i}function I(q){return C(q)===s}function D(q){return typeof q=="object"&&q!==null&&q.$$typeof===e}function H(q){return C(q)===l}function z(q){return C(q)===n}function Z(q){return C(q)===m}function O(q){return C(q)===u}function J(q){return C(q)===t}function R(q){return C(q)===a}function W(q){return C(q)===o}function ee(q){return C(q)===d}we.ContextConsumer=T,we.ContextProvider=x,we.Element=B,we.ForwardRef=M,we.Fragment=P,we.Lazy=F,we.Memo=j,we.Portal=te,we.Profiler=V,we.StrictMode=G,we.Suspense=Y,we.isAsyncMode=Q,we.isConcurrentMode=K,we.isContextConsumer=S,we.isContextProvider=I,we.isElement=D,we.isForwardRef=H,we.isFragment=z,we.isLazy=Z,we.isMemo=O,we.isPortal=J,we.isProfiler=R,we.isStrictMode=W,we.isSuspense=ee,we.isValidElementType=N,we.typeOf=C}()),we}var vl;function $f(){return vl||(vl=1,process.env.NODE_ENV==="production"?xo.exports=Af():xo.exports=Vf()),xo.exports}var yl=$f(),Kf=["getDisplayName","methodName","renderCountProp","shouldHandleStateChanges","storeKey","withRef","forwardRef","context"],Hf=["reactReduxForwardedRef"],Wf=[],Gf=[null,null],Uf=function(t){try{return JSON.stringify(t)}catch{return String(t)}};function zf(e,t){var n=e[1];return[t.payload,n+1]}function El(e,t,n){ml(function(){return e.apply(void 0,t)},n)}function jf(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 v=t.getState(),E,y;try{E=o(v,a.current)}catch(b){y=b,m=b}y||(m=null),E===s.current?i.current||d():(s.current=E,l.current=E,i.current=!0,c({type:"STORE_UPDATED",payload:{error:y}}))}};n.onStateChange=p,n.trySubscribe(),p();var f=function(){if(u=!0,n.tryUnsubscribe(),n.onStateChange=null,m)throw m};return f}}var qf=function(){return[null,0]};function Jf(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,h=f===void 0?!1:f,v=n.forwardRef,E=v===void 0?!1:v,y=n.context,b=y===void 0?Xr:y,N=ko(n,Kf);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(h)throw new Error("withRef is removed. To access the wrapped instance, use a ref on the connected component");var C="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. "+C)}var T=b;return function(B){if(process.env.NODE_ENV!=="production"&&!yl.isValidElementType(B))throw new Error("You must pass a component to the function returned by "+(i+". Instead received "+Uf(B)));var M=B.displayName||B.name||"Component",P=a(M),F=le({},N,{getDisplayName:a,methodName:i,renderCountProp:d,shouldHandleStateChanges:u,storeKey:p,displayName:P,wrappedComponentName:M,WrappedComponent:B}),j=N.pure;function te($){return e($.dispatch,F)}var V=j?w.useMemo:function($){return $()};function G($){var Q=w.useMemo(function(){var $e=$.reactReduxForwardedRef,je=ko($,Hf);return[$.context,$e,je]},[$]),K=Q[0],S=Q[1],I=Q[2],D=w.useMemo(function(){return K&&K.Consumer&&yl.isContextConsumer(w.createElement(K.Consumer,null))?K:T},[K,T]),H=w.useContext(D),z=!!$.store&&!!$.store.getState&&!!$.store.dispatch,Z=!!H&&!!H.store;if(process.env.NODE_ENV!=="production"&&!z&&!Z)throw new Error('Could not find "store" in the context of '+('"'+P+'". Either wrap the root component in a <Provider>, ')+"or pass a custom React context provider to <Provider> and the corresponding "+("React context consumer to "+P+" in connect options."));var O=z?$.store:H.store,J=w.useMemo(function(){return te(O)},[O]),R=w.useMemo(function(){if(!u)return Gf;var $e=ul(O,z?null:H.subscription),je=$e.notifyNestedSubs.bind($e);return[$e,je]},[O,z,H]),W=R[0],ee=R[1],q=w.useMemo(function(){return z?H:le({},H,{subscription:W})},[z,H,W]),ne=w.useReducer(zf,Wf,qf),me=ne[0],pe=me[0],Ee=ne[1];if(pe&&pe.error)throw pe.error;var Fe=w.useRef(),Xe=w.useRef(I),ze=w.useRef(),pt=w.useRef(!1),ut=V(function(){return ze.current&&I===Xe.current?ze.current:J(O.getState(),I)},[O,pe,I]);El(jf,[Xe,Fe,pt,I,ut,ze,ee]),El(Yf,[u,O,W,J,Xe,Fe,pt,ze,ee,Ee],[O,W,J]);var Me=w.useMemo(function(){return w.createElement(B,le({},ut,{ref:S}))},[S,B,ut]),nt=w.useMemo(function(){return u?w.createElement(D.Provider,{value:q},Me):Me},[D,Me,q]);return nt}var Y=j?w.memo(G):G;if(Y.WrappedComponent=B,Y.displayName=G.displayName=P,E){var U=w.forwardRef(function(Q,K){return w.createElement(Y,le({},Q,{reactReduxForwardedRef:K}))});return U.displayName=P,U.WrappedComponent=B,gl(U,B)}return gl(Y,B)}}function Tl(e,t){return e===t?e!==0||t!==0||1/e===1/t:e!==e&&t!==t}function Qr(e,t){if(Tl(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])||!Tl(e[n[a]],t[n[a]]))return!1;return!0}function Xf(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 Zf(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 wl(e){typeof console<"u"&&typeof console.error=="function"&&console.error(e);try{throw new Error(e)}catch{}}function Cl(e,t,n){Zf(e)||wl(n+"() in "+t+" must return a plain object. Instead received "+e+".")}function ea(e){return function(n,o){var a=e(n,o);function s(){return a}return s.dependsOnOwnProps=!1,s}}function Dl(e){return e.dependsOnOwnProps!==null&&e.dependsOnOwnProps!==void 0?!!e.dependsOnOwnProps:e.length!==1}function Nl(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=Dl(e);var u=i(d,c);return typeof u=="function"&&(i.mapToProps=u,i.dependsOnOwnProps=Dl(u),u=i(d,c)),process.env.NODE_ENV!=="production"&&Cl(u,s,t),u},i}}function Qf(e){return typeof e=="function"?Nl(e,"mapDispatchToProps"):void 0}function eS(e){return e?void 0:ea(function(t){return{dispatch:t}})}function tS(e){return e&&typeof e=="object"?ea(function(t){return Xf(e,t)}):void 0}const nS=[Qf,eS,tS];function oS(e){return typeof e=="function"?Nl(e,"mapStateToProps"):void 0}function rS(e){return e?void 0:ea(function(){return{}})}const aS=[oS,rS];function sS(e,t,n){return le({},n,e,t)}function iS(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"&&Cl(d,a,"mergeProps")),d}}}function lS(e){return typeof e=="function"?iS(e):void 0}function cS(e){return e?void 0:function(){return sS}}const dS=[lS,cS];function ta(e,t,n){if(e)(t==="mapStateToProps"||t==="mapDispatchToProps")&&(Object.prototype.hasOwnProperty.call(e,"dependsOnOwnProps")||wl("The selector for "+t+" of "+n+" did not specify a value for dependsOnOwnProps."));else throw new Error("Unexpected value for "+t+" in "+n+".")}function pS(e,t,n,o){ta(e,"mapStateToProps",o),ta(t,"mapDispatchToProps",o),ta(n,"mergeProps",o)}var uS=["initMapStateToProps","initMapDispatchToProps","initMergeProps"];function mS(e,t,n,o){return function(s,i){return n(e(s,i),t(o,i),i)}}function fS(e,t,n,o,a){var s=a.areStatesEqual,i=a.areOwnPropsEqual,l=a.areStatePropsEqual,d=!1,c,u,m,p,f;function h(N,C){return c=N,u=C,m=e(c,u),p=t(o,u),f=n(m,p,u),d=!0,f}function v(){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 y(){var N=e(c,u),C=!l(N,m);return m=N,C&&(f=n(m,p,u)),f}function b(N,C){var T=!i(C,u),x=!s(N,c,C,u);return c=N,u=C,T&&x?v():T?E():x?y():f}return function(C,T){return d?b(C,T):h(C,T)}}function SS(e,t){var n=t.initMapStateToProps,o=t.initMapDispatchToProps,a=t.initMergeProps,s=ko(t,uS),i=n(e,s),l=o(e,s),d=a(e,s);process.env.NODE_ENV!=="production"&&pS(i,l,d,s.displayName);var c=s.pure?fS:mS;return c(i,l,d,e,s)}var gS=["pure","areStatesEqual","areOwnPropsEqual","areStatePropsEqual","areMergedPropsEqual"];function na(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 hS(e,t){return e===t}function bS(e){var t=e===void 0?{}:e,n=t.connectHOC,o=n===void 0?Jf:n,a=t.mapStateToPropsFactories,s=a===void 0?aS:a,i=t.mapDispatchToPropsFactories,l=i===void 0?nS:i,d=t.mergePropsFactories,c=d===void 0?dS:d,u=t.selectorFactory,m=u===void 0?SS:u;return function(f,h,v,E){E===void 0&&(E={});var y=E,b=y.pure,N=b===void 0?!0:b,C=y.areStatesEqual,T=C===void 0?hS:C,x=y.areOwnPropsEqual,B=x===void 0?Qr:x,M=y.areStatePropsEqual,P=M===void 0?Qr:M,F=y.areMergedPropsEqual,j=F===void 0?Qr:F,te=ko(y,gS),V=na(f,s,"mapStateToProps"),G=na(h,l,"mapDispatchToProps"),Y=na(v,c,"mergeProps");return o(m,le({methodName:"connect",getDisplayName:function($){return"Connect("+$+")"},shouldHandleStateChanges:!!f,initMapStateToProps:V,initMapDispatchToProps:G,initMergeProps:Y,pure:N,areStatesEqual:T,areOwnPropsEqual:B,areStatePropsEqual:P,areMergedPropsEqual:j},te))}}const Il=bS();Of(Pn.unstable_batchedUpdates);function vS(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 kl(e,t){var n=w.useState(function(){return{inputs:t,result:e()}})[0],o=w.useRef(!0),a=w.useRef(n),s=o.current||!!(t&&a.current.inputs&&vS(t,a.current.inputs)),i=s?a.current:{inputs:t,result:e()};return w.useEffect(function(){o.current=!1,a.current=i},[i]),i.result}function yS(e,t){return kl(function(){return e},t)}var Se=kl,ie=yS,ES=process.env.NODE_ENV==="production",oa="Invariant failed";function xl(e,t){if(ES)throw new Error(oa);var n=typeof t=="function"?t():t,o=n?"".concat(oa,": ").concat(n):oa;throw new Error(o)}var mt=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},ra=function(t,n){return{top:t.top-n.top,left:t.left-n.left,bottom:t.bottom+n.bottom,right:t.right+n.right}},Ml=function(t,n){return{top:t.top+n.top,left:t.left+n.left,bottom:t.bottom-n.bottom,right:t.right-n.right}},TS=function(t,n){return{top:t.top+n.y,left:t.left+n.x,bottom:t.bottom+n.y,right:t.right+n.x}},aa={top:0,right:0,bottom:0,left:0},sa=function(t){var n=t.borderBox,o=t.margin,a=o===void 0?aa:o,s=t.border,i=s===void 0?aa:s,l=t.padding,d=l===void 0?aa:l,c=mt(ra(n,a)),u=mt(Ml(n,i)),m=mt(Ml(u,d));return{marginBox:c,borderBox:mt(n),paddingBox:u,contentBox:m,margin:a,border:i,padding:d}},at=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"?xl(!1,"Could not parse value [raw: "+t+", without suffix: "+n+"]"):xl()),a},wS=function(){return{x:window.pageXOffset,y:window.pageYOffset}},Mo=function(t,n){var o=t.borderBox,a=t.border,s=t.margin,i=t.padding,l=TS(o,n);return sa({borderBox:l,border:a,margin:s,padding:i})},Lo=function(t,n){return n===void 0&&(n=wS()),Mo(t,n)},Ll=function(t,n){var o={top:at(n.marginTop),right:at(n.marginRight),bottom:at(n.marginBottom),left:at(n.marginLeft)},a={top:at(n.paddingTop),right:at(n.paddingRight),bottom:at(n.paddingBottom),left:at(n.paddingLeft)},s={top:at(n.borderTopWidth),right:at(n.borderRightWidth),bottom:at(n.borderBottomWidth),left:at(n.borderLeftWidth)};return sa({borderBox:t,margin:o,padding:a,border:s})},Pl=function(t){var n=t.getBoundingClientRect(),o=window.getComputedStyle(t);return Ll(n,o)},Ol=Number.isNaN||function(t){return typeof t=="number"&&t!==t};function CS(e,t){return!!(e===t||Ol(e)&&Ol(t))}function DS(e,t){if(e.length!==t.length)return!1;for(var n=0;n<e.length;n++)if(!CS(e[n],t[n]))return!1;return!0}function Be(e,t){t===void 0&&(t=DS);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 Kn=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},NS=process.env.NODE_ENV==="production",IS=/[ \t]{2,}/g,kS=/^[ \t]*/gm,Bl=function(t){return t.replace(IS," ").replace(kS,"").trim()},xS=function(t){return Bl(`
386
386
  %creact-beautiful-dnd
387
387
 
388
- %c`+Ol(t)+`
388
+ %c`+Bl(t)+`
389
389
 
390
390
  %c👷‍ This is a development only message. It will be removed in production builds.
391
- `)},kS=function(t){return[IS(t),"color: #00C584; font-size: 1.2em; font-weight: bold;","line-height: 1.5","color: #723874;"]},xS="__react-beautiful-dnd-disable-dev-warnings";function Bl(e,t){var n;CS||typeof window<"u"&&window[xS]||(n=console)[e].apply(n,kS(t))}var Ce=Bl.bind(null,"warn"),sa=Bl.bind(null,"error");function Rt(){}function MS(e,t){return le({},e,{},t)}function it(e,t,n){var o=t.map(function(a){var s=MS(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 LS=process.env.NODE_ENV==="production",_l="Invariant failed";function Wn(e){this.message=e}Wn.prototype.toString=function(){return this.message};function M(e,t){throw LS?new Wn(_l):new Wn(_l+": "+(t||""))}var PS=function(e){Hi(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=Rt,o.onWindowError=function(l){var d=o.getCallbacks();d.isDragging()&&(d.tryAbort(),process.env.NODE_ENV!=="production"&&Ce(`
391
+ `)},MS=function(t){return[xS(t),"color: #00C584; font-size: 1.2em; font-weight: bold;","line-height: 1.5","color: #723874;"]},LS="__react-beautiful-dnd-disable-dev-warnings";function _l(e,t){var n;NS||typeof window<"u"&&window[LS]||(n=console)[e].apply(n,MS(t))}var De=_l.bind(null,"warn"),ia=_l.bind(null,"error");function At(){}function PS(e,t){return le({},e,{},t)}function st(e,t,n){var o=t.map(function(a){var s=PS(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 OS=process.env.NODE_ENV==="production",Rl="Invariant failed";function Hn(e){this.message=e}Hn.prototype.toString=function(){return this.message};function L(e,t){throw OS?new Hn(Rl):new Hn(Rl+": "+(t||""))}var BS=function(e){Wi(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=At,o.onWindowError=function(l){var d=o.getCallbacks();d.isDragging()&&(d.tryAbort(),process.env.NODE_ENV!=="production"&&De(`
392
392
  An error was caught by our window 'error' event listener while a drag was occurring.
393
393
  The active drag has been aborted.
394
- `));var c=l.error;c instanceof Wn&&(l.preventDefault(),process.env.NODE_ENV!=="production"&&sa(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=it(window,[{eventName:"error",fn:this.onWindowError}])},n.componentDidCatch=function(a){if(a instanceof Wn){process.env.NODE_ENV!=="production"&&sa(a.message),this.setState({});return}throw a},n.componentWillUnmount=function(){this.unbind()},n.render=function(){return this.props.children(this.setCallbacks)},t}(w.Component),OS=`
394
+ `));var c=l.error;c instanceof Hn&&(l.preventDefault(),process.env.NODE_ENV!=="production"&&ia(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=st(window,[{eventName:"error",fn:this.onWindowError}])},n.componentDidCatch=function(a){if(a instanceof Hn){process.env.NODE_ENV!=="production"&&ia(a.message),this.setState({});return}throw a},n.componentWillUnmount=function(){this.unbind()},n.render=function(){return this.props.children(this.setCallbacks)},t}(w.Component),_S=`
395
395
  Press space bar to start a drag.
396
396
  When dragging you can use the arrow keys to move the item around and escape to cancel.
397
397
  Some screen readers may require you to be in focus mode or to use your pass through key
398
- `,Po=function(t){return t+1},BS=function(t){return`
398
+ `,Po=function(t){return t+1},RS=function(t){return`
399
399
  You have lifted an item in position `+Po(t.source.index)+`
400
- `},Rl=function(t,n){var o=t.droppableId===n.droppableId,a=Po(t.index),s=Po(n.index);return o?`
400
+ `},Fl=function(t,n){var o=t.droppableId===n.droppableId,a=Po(t.index),s=Po(n.index);return o?`
401
401
  You have moved the item from position `+a+`
402
402
  to position `+s+`
403
403
  `:`
@@ -405,58 +405,58 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
405
405
  in list `+t.droppableId+`
406
406
  to list `+n.droppableId+`
407
407
  in position `+s+`
408
- `},Fl=function(t,n,o){var a=n.droppableId===o.droppableId;return a?`
408
+ `},Al=function(t,n,o){var a=n.droppableId===o.droppableId;return a?`
409
409
  The item `+t+`
410
410
  has been combined with `+o.draggableId:`
411
411
  The item `+t+`
412
412
  in list `+n.droppableId+`
413
413
  has been combined with `+o.draggableId+`
414
414
  in list `+o.droppableId+`
415
- `},_S=function(t){var n=t.destination;if(n)return Rl(t.source,n);var o=t.combine;return o?Fl(t.draggableId,t.source,o):"You are over an area that cannot be dropped on"},Al=function(t){return`
415
+ `},FS=function(t){var n=t.destination;if(n)return Fl(t.source,n);var o=t.combine;return o?Al(t.draggableId,t.source,o):"You are over an area that cannot be dropped on"},Vl=function(t){return`
416
416
  The item has returned to its starting position
417
417
  of `+Po(t.index)+`
418
- `},RS=function(t){if(t.reason==="CANCEL")return`
418
+ `},AS=function(t){if(t.reason==="CANCEL")return`
419
419
  Movement cancelled.
420
- `+Al(t.source)+`
420
+ `+Vl(t.source)+`
421
421
  `;var n=t.destination,o=t.combine;return n?`
422
422
  You have dropped the item.
423
- `+Rl(t.source,n)+`
423
+ `+Fl(t.source,n)+`
424
424
  `:o?`
425
425
  You have dropped the item.
426
- `+Fl(t.draggableId,t.source,o)+`
426
+ `+Al(t.draggableId,t.source,o)+`
427
427
  `:`
428
428
  The item has been dropped while not over a drop area.
429
- `+Al(t.source)+`
430
- `},Oo={dragHandleUsageInstructions:OS,onDragStart:BS,onDragUpdate:_S,onDragEnd:RS},Re={x:0,y:0},$e=function(t,n){return{x:t.x+n.x,y:t.y+n.y}},et=function(t,n){return{x:t.x-n.x,y:t.y-n.y}},Ft=function(t,n){return t.x===n.x&&t.y===n.y},yn=function(t){return{x:t.x!==0?-t.x:0,y:t.y!==0?-t.y:0}},Qt=function(t,n,o){var a;return o===void 0&&(o=0),a={},a[t]=n,a[t==="x"?"y":"x"]=o,a},Gn=function(t,n){return Math.sqrt(Math.pow(n.x-t.x,2)+Math.pow(n.y-t.y,2))},Vl=function(t,n){return Math.min.apply(Math,n.map(function(o){return Gn(t,o)}))},$l=function(t){return function(n){return{x:t(n.x),y:t(n.y)}}},FS=function(e,t){var n=mt({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},Un=function(t,n){return{top:t.top+n.y,left:t.left+n.x,bottom:t.bottom+n.y,right:t.right+n.x}},Kl=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}]},AS={top:0,right:0,bottom:0,left:0},VS=function(t,n){return n?Un(t,n.scroll.diff.displacement):t},$S=function(t,n,o){if(o&&o.increasedBy){var a;return le({},t,(a={},a[n.end]=t[n.end]+o.increasedBy[n.line],a))}return t},KS=function(t,n){return n&&n.shouldClipSubject?FS(n.pageMarginBox,t):mt(t)},En=function(e){var t=e.page,n=e.withPlaceholder,o=e.axis,a=e.frame,s=VS(t.marginBox,a),i=$S(s,o,n),l=KS(i,a);return{page:t,withPlaceholder:n,active:l}},ia=function(e,t){e.frame||(process.env.NODE_ENV,M());var n=e.frame,o=et(t,n.scroll.initial),a=yn(o),s=le({},n,{scroll:{initial:n.scroll.initial,current:t,diff:{value:o,displacement:a},max:n.scroll.max}}),i=En({page:e.subject.page,withPlaceholder:e.subject.withPlaceholder,axis:e.axis,frame:s}),l=le({},e,{frame:s,subject:i});return l};function HS(e){return Number.isInteger?Number.isInteger(e):typeof e=="number"&&isFinite(e)&&Math.floor(e)===e}function Bo(e){return Object.values?Object.values(e):Object.keys(e).map(function(t){return e[t]})}function la(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 At(e,t){if(e.find)return e.find(t);var n=la(e,t);if(n!==-1)return e[n]}function Hl(e){return Array.prototype.slice.call(e)}var Wl=_e(function(e){return e.reduce(function(t,n){return t[n.descriptor.id]=n,t},{})}),Gl=_e(function(e){return e.reduce(function(t,n){return t[n.descriptor.id]=n,t},{})}),_o=_e(function(e){return Bo(e)}),WS=_e(function(e){return Bo(e)}),en=_e(function(e,t){var n=WS(t).filter(function(o){return e===o.descriptor.droppableId}).sort(function(o,a){return o.descriptor.index-a.descriptor.index});return n});function ca(e){return e.at&&e.at.type==="REORDER"?e.at.destination:null}function Ro(e){return e.at&&e.at.type==="COMBINE"?e.at.combine:null}var Fo=_e(function(e,t){return t.filter(function(n){return n.descriptor.id!==e.descriptor.id})}),GS=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=ca(s);if(!i)return null;function l(v){var E={type:"COMBINE",combine:{draggableId:v,droppableId:o.descriptor.id}};return le({},s,{at:E})}var d=s.displaced.all,c=d.length?d[0]:null;if(t)return c?l(c):null;var u=Fo(n,a);if(!c){if(!u.length)return null;var m=u[u.length-1];return l(m.descriptor.id)}var p=la(u,function(v){return v.descriptor.id===c});p===-1&&(process.env.NODE_ENV!=="production"?M(!1,"Could not find displaced item in set"):M());var f=p-1;if(f<0)return null;var h=u[f];return l(h.descriptor.id)},Tn=function(e,t){return e.descriptor.droppableId===t.descriptor.id},Ul={point:Re,value:0},zn={invisible:{},visible:{},all:[]},US={displaced:zn,displacedBy:Ul,at:null},lt=function(e,t){return function(n){return e<=n&&n<=t}},zl=function(e){var t=lt(e.top,e.bottom),n=lt(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}},zS=function(e){var t=lt(e.top,e.bottom),n=lt(e.left,e.right);return function(o){var a=t(o.top)&&t(o.bottom)&&n(o.left)&&n(o.right);return a}},da={direction:"vertical",line:"y",crossAxisLine:"x",start:"top",end:"bottom",size:"height",crossAxisStart:"left",crossAxisEnd:"right",crossAxisSize:"width"},jl={direction:"horizontal",line:"x",crossAxisLine:"y",start:"left",end:"right",size:"width",crossAxisStart:"top",crossAxisEnd:"bottom",crossAxisSize:"height"},jS=function(e){return function(t){var n=lt(t.top,t.bottom),o=lt(t.left,t.right);return function(a){return e===da?n(a.top)&&n(a.bottom):o(a.left)&&o(a.right)}}},YS=function(t,n){var o=n.frame?n.frame.scroll.diff.displacement:Re;return Un(t,o)},qS=function(t,n,o){return n.subject.active?o(n.subject.active)(t):!1},JS=function(t,n,o){return o(n)(t)},pa=function(t){var n=t.target,o=t.destination,a=t.viewport,s=t.withDroppableDisplacement,i=t.isVisibleThroughFrameFn,l=s?YS(n,o):n;return qS(l,o,i)&&JS(l,a,i)},XS=function(t){return pa(le({},t,{isVisibleThroughFrameFn:zl}))},Yl=function(t){return pa(le({},t,{isVisibleThroughFrameFn:zS}))},ZS=function(t){return pa(le({},t,{isVisibleThroughFrameFn:jS(t.destination.axis)}))},QS=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 eg(e,t){var n=e.page.marginBox,o={top:t.point.y,right:0,bottom:0,left:t.point.x};return mt(oa(n,o))}function jn(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=eg(c,o),m=c.descriptor.id;d.all.push(m);var p=XS({target:u,destination:n,viewport:a,withDroppableDisplacement:!0});if(!p)return d.invisible[c.descriptor.id]=!0,d;var f=QS(m,i,s),h={draggableId:m,shouldAnimate:f};return d.visible[m]=h,d},{all:[],visible:{},invisible:{}})}function tg(e,t){if(!e.length)return 0;var n=e[e.length-1].descriptor.index;return t.inHomeList?n:n+1}function ql(e){var t=e.insideDestination,n=e.inHomeList,o=e.displacedBy,a=e.destination,s=tg(t,{inHomeList:n});return{displaced:zn,displacedBy:o,at:{type:"REORDER",destination:{droppableId:a.descriptor.id,index:s}}}}function Ao(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=Tn(t,o);if(l==null)return ql({insideDestination:n,inHomeList:c,displacedBy:s,destination:o});var u=At(n,function(v){return v.descriptor.index===l});if(!u)return ql({insideDestination:n,inHomeList:c,displacedBy:s,destination:o});var m=Fo(t,n),p=n.indexOf(u),f=m.slice(p),h=jn({afterDragging:f,destination:o,displacedBy:s,last:i,viewport:a.frame,forceShouldAnimate:d});return{displaced:h,displacedBy:s,at:{type:"REORDER",destination:{droppableId:o.descriptor.id,index:l}}}}function Vt(e,t){return!!t.effected[e]}var ng=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=Vt(i,s);return c?t?d:d-1:t?d+1:d},og=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},rg=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"?M(!1,"Cannot move in direction without previous impact location"):M()),u.type==="REORDER"){var m=og({isMovingForward:t,isInHomeList:n,location:u.destination,insideDestination:i});return m==null?null:Ao({draggable:o,insideDestination:i,destination:s,viewport:d,last:l.displaced,displacedBy:l.displacedBy,index:m})}var p=ng({isMovingForward:t,destination:s,displaced:l.displaced,draggables:a,combine:u.combine,afterCritical:c});return p==null?null:Ao({draggable:o,insideDestination:i,destination:s,viewport:d,last:l.displaced,displacedBy:l.displacedBy,index:p})},ag=function(e){var t=e.displaced,n=e.afterCritical,o=e.combineWith,a=e.displacedBy,s=!!(t.visible[o]||t.invisible[o]);return Vt(o,n)?s?Re:yn(a.point):s?a.point:Re},sg=function(e){var t=e.afterCritical,n=e.impact,o=e.draggables,a=Ro(n);a||(process.env.NODE_ENV,M());var s=a.draggableId,i=o[s].page.borderBox.center,l=ag({displaced:n.displaced,afterCritical:t,combineWith:s,displacedBy:n.displacedBy});return $e(i,l)},Jl=function(t,n){return n.margin[t.start]+n.borderBox[t.size]/2},ig=function(t,n){return n.margin[t.end]+n.borderBox[t.size]/2},ua=function(t,n,o){return n[t.crossAxisStart]+o.margin[t.crossAxisStart]+o.borderBox[t.crossAxisSize]/2},Xl=function(t){var n=t.axis,o=t.moveRelativeTo,a=t.isMoving;return Qt(n.line,o.marginBox[n.end]+Jl(n,a),ua(n,o.marginBox,a))},Zl=function(t){var n=t.axis,o=t.moveRelativeTo,a=t.isMoving;return Qt(n.line,o.marginBox[n.start]-ig(n,a),ua(n,o.marginBox,a))},lg=function(t){var n=t.axis,o=t.moveInto,a=t.isMoving;return Qt(n.line,o.contentBox[n.start]+Jl(n,a),ua(n,o.contentBox,a))},cg=function(e){var t=e.impact,n=e.draggable,o=e.draggables,a=e.droppable,s=e.afterCritical,i=en(a.descriptor.id,o),l=n.page,d=a.axis;if(!i.length)return lg({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(Vt(m,s))return Zl({axis:d,moveRelativeTo:p.page,isMoving:l});var f=Mo(p.page,u.point);return Zl({axis:d,moveRelativeTo:f,isMoving:l})}var h=i[i.length-1];if(h.descriptor.id===n.descriptor.id)return l.borderBox.center;if(Vt(h.descriptor.id,s)){var v=Mo(h.page,yn(s.displacedBy.point));return Xl({axis:d,moveRelativeTo:v,isMoving:l})}return Xl({axis:d,moveRelativeTo:h.page,isMoving:l})},ma=function(e,t){var n=e.frame;return n?$e(t,n.scroll.diff.displacement):t},dg=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"?cg({impact:n,draggable:o,draggables:s,droppable:a,afterCritical:i}):sg({impact:n,draggables:s,afterCritical:i})},Vo=function(e){var t=dg(e),n=e.droppable,o=n?ma(n,t):t;return o},Ql=function(e,t){var n=et(t,e.scroll.initial),o=yn(n),a=mt({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 ec(e,t){return e.map(function(n){return t[n]})}function pg(e,t){for(var n=0;n<t.length;n++){var o=t[n].visible[e];if(o)return o}return null}var ug=function(e){var t=e.impact,n=e.viewport,o=e.destination,a=e.draggables,s=e.maxScrollChange,i=Ql(n,$e(n.scroll.current,s)),l=o.frame?ia(o,$e(o.frame.scroll.current,s)):o,d=t.displaced,c=jn({afterDragging:ec(d.all,a),destination:o,displacedBy:t.displacedBy,viewport:i.frame,last:d,forceShouldAnimate:!1}),u=jn({afterDragging:ec(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(v){var E=pg(v,f);if(E){p[v]=E;return}m[v]=!0});var h=le({},t,{displaced:{all:d.all,invisible:m,visible:p}});return h},mg=function(e,t){return $e(e.scroll.diff.displacement,t)},fa=function(e){var t=e.pageBorderBoxCenter,n=e.draggable,o=e.viewport,a=mg(o,t),s=et(a,n.page.borderBox.center);return $e(n.client.borderBox.center,s)},tc=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=et(o,t.page.borderBox.center),c=Un(t.page.borderBox,d),u={target:c,destination:n,withDroppableDisplacement:s,viewport:a};return l?ZS(u):Yl(u)},fg=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=en(o.descriptor.id,a),m=Tn(n,o),p=GS({isMovingForward:t,draggable:n,destination:o,insideDestination:u,previousImpact:s})||rg({isMovingForward:t,isInHomeList:m,draggable:n,draggables:a,destination:o,insideDestination:u,previousImpact:s,viewport:i,afterCritical:c});if(!p)return null;var f=Vo({impact:p,draggable:n,droppable:o,draggables:a,afterCritical:c}),h=tc({draggable:n,destination:o,newPageBorderBoxCenter:f,viewport:i.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0});if(h){var v=fa({pageBorderBoxCenter:f,draggable:n,viewport:i});return{clientSelection:v,impact:p,scrollJumpRequest:null}}var E=et(f,l),y=ug({impact:p,viewport:i,destination:o,draggables:a,maxScrollChange:E});return{clientSelection:d,impact:y,scrollJumpRequest:E}},Ue=function(t){var n=t.subject.active;return n||(process.env.NODE_ENV!=="production"?M(!1,"Cannot get clipped area from droppable"):M()),n},Sg=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=lt(i[l.start],i[l.end]),c=_o(a).filter(function(m){return m!==o}).filter(function(m){return m.isEnabled}).filter(function(m){return!!m.subject.active}).filter(function(m){return zl(s.frame)(Ue(m))}).filter(function(m){var p=Ue(m);return t?i[l.crossAxisEnd]<p[l.crossAxisEnd]:p[l.crossAxisStart]<i[l.crossAxisStart]}).filter(function(m){var p=Ue(m),f=lt(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=Ue(m)[l.crossAxisStart],h=Ue(p)[l.crossAxisStart];return t?f-h:h-f}).filter(function(m,p,f){return Ue(m)[l.crossAxisStart]===Ue(f[0])[l.crossAxisStart]});if(!c.length)return null;if(c.length===1)return c[0];var u=c.filter(function(m){var p=lt(Ue(m)[l.start],Ue(m)[l.end]);return p(n[l.line])});return u.length===1?u[0]:u.length>1?u.sort(function(m,p){return Ue(m)[l.start]-Ue(p)[l.start]})[0]:c.sort(function(m,p){var f=Vl(n,Kl(Ue(m))),h=Vl(n,Kl(Ue(p)));return f!==h?f-h:Ue(m)[l.start]-Ue(p)[l.start]})[0]},nc=function(t,n){var o=t.page.borderBox.center;return Vt(t.descriptor.id,n)?et(o,n.displacedBy.point):o},gg=function(t,n){var o=t.page.borderBox;return Vt(t.descriptor.id,n)?Un(o,yn(n.displacedBy.point)):o},hg=function(e){var t=e.pageBorderBoxCenter,n=e.viewport,o=e.destination,a=e.insideDestination,s=e.afterCritical,i=a.filter(function(l){return Yl({target:gg(l,s),destination:o,viewport:n.frame,withDroppableDisplacement:!0})}).sort(function(l,d){var c=Gn(t,ma(o,nc(l,s))),u=Gn(t,ma(o,nc(d,s)));return c<u?-1:u<c?1:l.descriptor.index-d.descriptor.index});return i[0]||null},Yn=_e(function(t,n){var o=n[t.line];return{value:o,point:Qt(t.line,o)}}),bg=function(t,n,o){var a=t.axis;if(t.descriptor.mode==="virtual")return Qt(a.line,n[a.line]);var s=t.subject.page.contentBox[a.size],i=en(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:Qt(a.line,c)},oc=function(t,n){return le({},t,{scroll:le({},t.scroll,{max:n})})},rc=function(t,n,o){var a=t.frame;Tn(n,t)&&(process.env.NODE_ENV!=="production"?M(!1,"Should not add placeholder space to home list"):M()),t.subject.withPlaceholder&&(process.env.NODE_ENV!=="production"?M(!1,"Cannot add placeholder size to a subject when it already has one"):M());var s=Yn(t.axis,n.displaceBy).point,i=bg(t,s,o),l={placeholderSize:s,increasedBy:i,oldFrameMaxScroll:t.frame?t.frame.scroll.max:null};if(!a){var d=En({page:t.subject.page,withPlaceholder:l,axis:t.axis,frame:t.frame});return le({},t,{subject:d})}var c=i?$e(a.scroll.max,i):a.scroll.max,u=oc(a,c),m=En({page:t.subject.page,withPlaceholder:l,axis:t.axis,frame:u});return le({},t,{subject:m,frame:u})},vg=function(t){var n=t.subject.withPlaceholder;n||(process.env.NODE_ENV!=="production"?M(!1,"Cannot remove placeholder form subject when there was none"):M());var o=t.frame;if(!o){var a=En({page:t.subject.page,axis:t.axis,frame:null,withPlaceholder:null});return le({},t,{subject:a})}var s=n.oldFrameMaxScroll;s||(process.env.NODE_ENV!=="production"?M(!1,"Expected droppable with frame to have old max frame scroll when removing placeholder"):M());var i=oc(o,s),l=En({page:t.subject.page,axis:t.axis,frame:i,withPlaceholder:null});return le({},t,{subject:l,frame:i})},yg=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:zn,displacedBy:Ul,at:{type:"REORDER",destination:{droppableId:i.descriptor.id,index:0}}},u=Vo({impact:c,draggable:a,droppable:i,draggables:s,afterCritical:d}),m=Tn(a,i)?i:rc(i,a,s),p=tc({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],h=function(){var E=n.descriptor.index;return n.descriptor.id===a.descriptor.id||f?E:E+1}(),v=Yn(i.axis,a.displaceBy);return Ao({draggable:a,insideDestination:o,destination:i,viewport:l,displacedBy:v,last:zn,index:h})},Eg=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=Sg({isMovingForward:t,pageBorderBoxCenter:n,source:a,droppables:i,viewport:l});if(!c)return null;var u=en(c.descriptor.id,s),m=hg({pageBorderBoxCenter:n,viewport:l,destination:c,insideDestination:u,afterCritical:d}),p=yg({previousPageBorderBoxCenter:n,destination:c,draggable:o,draggables:s,moveRelativeTo:m,insideDestination:u,viewport:l,afterCritical:d});if(!p)return null;var f=Vo({impact:p,draggable:o,droppable:c,draggables:s,afterCritical:d}),h=fa({pageBorderBoxCenter:f,draggable:o,viewport:l});return{clientSelection:h,impact:p,scrollJumpRequest:null}},tt=function(e){var t=e.at;return t?t.type==="REORDER"?t.destination.droppableId:t.combine.droppableId:null},Tg=function(t,n){var o=tt(t);return o?n[o]:null},wg=function(e){var t=e.state,n=e.type,o=Tg(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,h=p.droppables;return d?fg({isMovingForward:c,previousPageBorderBoxCenter:m,draggable:u,destination:i,draggables:f,viewport:t.viewport,previousClientSelection:t.current.client.selection,previousImpact:t.impact,afterCritical:t.afterCritical}):Eg({isMovingForward:c,previousPageBorderBoxCenter:m,draggable:u,isOver:i,draggables:f,droppables:h,viewport:t.viewport,afterCritical:t.afterCritical})};function tn(e){return e.phase==="DRAGGING"||e.phase==="COLLECTING"}function ac(e){var t=lt(e.top,e.bottom),n=lt(e.left,e.right);return function(a){return t(a.y)&&n(a.x)}}function Cg(e,t){return e.left<t.right&&e.right>t.left&&e.top<t.bottom&&e.bottom>t.top}function Dg(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=Qt(i.axis.line,t.center[l.line],i.page.borderBox.center[l.crossAxisLine]);return{id:i.descriptor.id,distance:Gn(a,d)}}).sort(function(i,l){return l.distance-i.distance});return s[0]?s[0].id:null}function Ng(e){var t=e.pageBorderBox,n=e.draggable,o=e.droppables,a=_o(o).filter(function(s){if(!s.isEnabled)return!1;var i=s.subject.active;if(!i||!Cg(t,i))return!1;if(ac(i)(t.center))return!0;var l=s.axis,d=i.center[l.crossAxisLine],c=t[l.crossAxisStart],u=t[l.crossAxisEnd],m=lt(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:Dg({pageBorderBox:t,draggable:n,candidates:a}):null}var sc=function(t,n){return mt(Un(t,n))},Ig=function(e,t){var n=e.frame;return n?sc(t,n.scroll.diff.value):t};function ic(e){var t=e.displaced,n=e.id;return!!(t.visible[n]||t.invisible[n])}function kg(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 xg=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=Yn(o.axis,n.displaceBy),u=c.value,m=t[d.start],p=t[d.end],f=Fo(n,a),h=At(f,function(E){var y=E.descriptor.id,b=E.page.borderBox.center[d.line],N=Vt(y,l),C=ic({displaced:s,id:y});return N?C?p<=b:m<b-u:C?p<=b+u:m<b}),v=kg({draggable:n,closest:h,inHomeList:Tn(n,o)});return Ao({draggable:n,insideDestination:a,destination:o,viewport:i,last:s,displacedBy:c,index:v})},Mg=4,Lg=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=Yn(a.axis,t.displaceBy),c=d.value,u=n[l.start],m=n[l.end],p=Fo(t,s),f=At(p,function(v){var E=v.descriptor.id,y=v.page.borderBox,b=y[l.size],N=b/Mg,C=Vt(E,i),T=ic({displaced:o.displaced,id:E});return C?T?m>y[l.start]+N&&m<y[l.end]-N:u>y[l.start]-c+N&&u<y[l.end]-c-N:T?m>y[l.start]+c+N&&m<y[l.end]+c-N:u>y[l.start]+N&&u<y[l.end]-N});if(!f)return null;var h={displacedBy:d,displaced:o.displaced,at:{type:"COMBINE",combine:{draggableId:f.descriptor.id,droppableId:a.descriptor.id}}};return h},lc=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=sc(n.page.borderBox,t),c=Ng({pageBorderBox:d,draggable:n,droppables:a});if(!c)return US;var u=a[c],m=en(u.descriptor.id,o),p=Ig(u,d);return Lg({pageBorderBoxWithDroppableScroll:p,draggable:n,previousImpact:s,destination:u,insideDestination:m,afterCritical:l})||xg({pageBorderBoxWithDroppableScroll:p,draggable:n,destination:u,insideDestination:m,last:s.displaced,viewport:i,afterCritical:l})},Sa=function(e,t){var n;return le({},e,(n={},n[t.descriptor.id]=t,n))},Pg=function(t){var n=t.previousImpact,o=t.impact,a=t.droppables,s=tt(n),i=tt(o);if(!s||s===i)return a;var l=a[s];if(!l.subject.withPlaceholder)return a;var d=vg(l);return Sa(a,d)},Og=function(e){var t=e.draggable,n=e.draggables,o=e.droppables,a=e.previousImpact,s=e.impact,i=Pg({previousImpact:a,impact:s,droppables:o}),l=tt(s);if(!l)return i;var d=o[l];if(Tn(t,d)||d.subject.withPlaceholder)return i;var c=rc(d,t,n);return Sa(i,c)},qn=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=et(c,t.initial.client.selection),m={offset:u,selection:c,borderBoxCenter:$e(t.initial.client.borderBoxCenter,u)},p={selection:$e(m.selection,l.scroll.current),borderBoxCenter:$e(m.borderBoxCenter,l.scroll.current),offset:$e(m.offset,l.scroll.diff.value)},f={client:m,page:p};if(t.phase==="COLLECTING")return le({phase:"COLLECTING"},t,{dimensions:d,viewport:l,current:f});var h=d.draggables[t.critical.draggable.id],v=s||lc({pageOffset:p.offset,draggable:h,draggables:d.draggables,droppables:d.droppables,previousImpact:t.impact,viewport:l,afterCritical:t.afterCritical}),E=Og({draggable:h,impact:v,previousImpact:t.impact,draggables:d.draggables,droppables:d.droppables}),y=le({},t,{current:f,dimensions:{draggables:d.draggables,droppables:E},impact:v,viewport:l,scrollJumpRequest:i||null,forceShouldAnimate:i?!1:null});return y};function Bg(e,t){return e.map(function(n){return t[n]})}var cc=function(e){var t=e.impact,n=e.viewport,o=e.draggables,a=e.destination,s=e.forceShouldAnimate,i=t.displaced,l=Bg(i.all,o),d=jn({afterDragging:l,destination:a,displacedBy:t.displacedBy,viewport:n.frame,forceShouldAnimate:s,last:i});return le({},t,{displaced:d})},dc=function(e){var t=e.impact,n=e.draggable,o=e.droppable,a=e.draggables,s=e.viewport,i=e.afterCritical,l=Vo({impact:t,draggable:n,draggables:a,droppable:o,afterCritical:i});return fa({pageBorderBoxCenter:l,draggable:n,viewport:s})},pc=function(e){var t=e.state,n=e.dimensions,o=e.viewport;t.movementMode!=="SNAP"&&(process.env.NODE_ENV,M());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=tt(a);u||(process.env.NODE_ENV!=="production"?M(!1,"Must be over a destination in SNAP movement mode"):M());var m=d[u],p=cc({impact:a,viewport:s,destination:m,draggables:l}),f=dc({impact:p,draggable:c,droppable:m,draggables:l,viewport:s,afterCritical:t.afterCritical});return qn({impact:p,clientSelection:f,state:t,dimensions:i,viewport:s})},_g=function(e){return{index:e.index,droppableId:e.droppableId}},uc=function(e){var t=e.draggable,n=e.home,o=e.draggables,a=e.viewport,s=Yn(n.axis,t.displaceBy),i=en(n.descriptor.id,o),l=i.indexOf(t);l===-1&&(process.env.NODE_ENV!=="production"?M(!1,"Expected draggable to be inside home list"):M());var d=i.slice(l+1),c=d.reduce(function(f,h){return f[h.descriptor.id]=!0,f},{}),u={inVirtualList:n.descriptor.mode==="virtual",displacedBy:s,effected:c},m=jn({afterDragging:d,destination:n,displacedBy:s,last:null,viewport:a.frame,forceShouldAnimate:!1}),p={displaced:m,displacedBy:s,at:{type:"REORDER",destination:_g(t.descriptor)}};return{impact:p,afterCritical:u}},Rg=function(e,t){return{draggables:e.draggables,droppables:Sa(e.droppables,t)}},Jn=function(t){process.env.NODE_ENV},Xn=function(t){process.env.NODE_ENV},Fg=function(e){var t=e.draggable,n=e.offset,o=e.initialWindowScroll,a=Mo(t.client,n),s=Lo(a,o),i=le({},t,{placeholder:le({},t.placeholder,{client:a}),client:a,page:s});return i},Ag=function(e){var t=e.frame;return t||(process.env.NODE_ENV!=="production"?M(!1,"Expected Droppable to have a frame"):M()),t},Vg=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=Ag(l),c=d.scroll.diff.value,u=$e(a,c),m=Fg({draggable:s,offset:u,initialWindowScroll:o.scroll.initial});return m})},$g=function(e){var t=e.state,n=e.published;Jn();var o=n.modified.map(function(N){var C=t.dimensions.droppables[N.droppableId],T=ia(C,N.scroll);return T}),a=le({},t.dimensions.droppables,{},Wl(o)),s=Gl(Vg({additions:n.additions,updatedDroppables:a,viewport:t.viewport})),i=le({},t.dimensions.draggables,{},s);n.removals.forEach(function(N){delete i[N]});var l={droppables:a,draggables:i},d=tt(t.impact),c=d?l.droppables[d]:null,u=l.draggables[t.critical.draggable.id],m=l.droppables[t.critical.droppable.id],p=uc({draggable:u,home:m,draggables:i,viewport:t.viewport}),f=p.impact,h=p.afterCritical,v=c&&c.isCombineEnabled?t.impact:f,E=lc({pageOffset:t.current.page.offset,draggable:l.draggables[t.critical.draggable.id],draggables:l.draggables,droppables:l.droppables,previousImpact:v,viewport:t.viewport,afterCritical:h});Xn();var y=le({phase:"DRAGGING"},t,{phase:"DRAGGING",impact:E,onLiftImpact:f,dimensions:l,afterCritical:h,forceShouldAnimate:!1});if(t.phase==="COLLECTING")return y;var b=le({phase:"DROP_PENDING"},y,{phase:"DROP_PENDING",reason:t.reason,isWaiting:!1});return b},ga=function(t){return t.movementMode==="SNAP"},ha=function(t,n,o){var a=Rg(t.dimensions,n);return!ga(t)||o?qn({state:t,dimensions:a}):pc({state:t,dimensions:a})};function ba(e){return e.isDragging&&e.movementMode==="SNAP"?le({phase:"DRAGGING"},e,{scrollJumpRequest:null}):e}var mc={phase:"IDLE",completed:null,shouldFlush:!1},Kg=function(e,t){if(e===void 0&&(e=mc),t.type==="FLUSH")return le({},mc,{shouldFlush:!0});if(t.type==="INITIAL_PUBLISH"){e.phase!=="IDLE"&&(process.env.NODE_ENV!=="production"?M(!1,"INITIAL_PUBLISH must come after a IDLE phase"):M());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:Re},m={client:u,page:{selection:$e(u.selection,s.scroll.initial),borderBoxCenter:$e(u.selection,s.scroll.initial),offset:$e(u.selection,s.scroll.diff.value)}},p=_o(i.droppables).every(function(Z){return!Z.isFixedOnPage}),f=uc({draggable:d,home:c,draggables:i.draggables,viewport:s}),h=f.impact,v=f.afterCritical,E={phase:"DRAGGING",isDragging:!0,critical:o,movementMode:l,dimensions:i,initial:m,current:m,isWindowScrollAllowed:p,impact:h,afterCritical:v,onLiftImpact:h,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"?M(!1,"Collection cannot start from phase "+e.phase):M());var y=le({phase:"COLLECTING"},e,{phase:"COLLECTING"});return y}if(t.type==="PUBLISH_WHILE_DRAGGING")return e.phase==="COLLECTING"||e.phase==="DROP_PENDING"||(process.env.NODE_ENV!=="production"?M(!1,"Unexpected "+t.type+" received in phase "+e.phase):M()),$g({state:e,published:t.payload});if(t.type==="MOVE"){if(e.phase==="DROP_PENDING")return e;tn(e)||(process.env.NODE_ENV!=="production"?M(!1,t.type+" not permitted in phase "+e.phase):M());var b=t.payload.client;return Ft(b,e.current.client.selection)?e:qn({state:e,clientSelection:b,impact:ga(e)?e.impact:null})}if(t.type==="UPDATE_DROPPABLE_SCROLL"){if(e.phase==="DROP_PENDING"||e.phase==="COLLECTING")return ba(e);tn(e)||(process.env.NODE_ENV!=="production"?M(!1,t.type+" not permitted in phase "+e.phase):M());var N=t.payload,C=N.id,T=N.newScroll,x=e.dimensions.droppables[C];if(!x)return e;var B=ia(x,T);return ha(e,B,!1)}if(t.type==="UPDATE_DROPPABLE_IS_ENABLED"){if(e.phase==="DROP_PENDING")return e;tn(e)||(process.env.NODE_ENV!=="production"?M(!1,"Attempting to move in an unsupported phase "+e.phase):M());var L=t.payload,O=L.id,R=L.isEnabled,q=e.dimensions.droppables[O];q||(process.env.NODE_ENV!=="production"?M(!1,"Cannot find Droppable[id: "+O+"] to toggle its enabled state"):M()),q.isEnabled===R&&(process.env.NODE_ENV!=="production"?M(!1,"Trying to set droppable isEnabled to "+String(R)+`
431
- but it is already `+String(q.isEnabled)):M());var te=le({},q,{isEnabled:R});return ha(e,te,!0)}if(t.type==="UPDATE_DROPPABLE_IS_COMBINE_ENABLED"){if(e.phase==="DROP_PENDING")return e;tn(e)||(process.env.NODE_ENV!=="production"?M(!1,"Attempting to move in an unsupported phase "+e.phase):M());var $=t.payload,W=$.id,Y=$.isCombineEnabled,V=e.dimensions.droppables[W];V||(process.env.NODE_ENV!=="production"?M(!1,"Cannot find Droppable[id: "+W+"] to toggle its isCombineEnabled state"):M()),V.isCombineEnabled===Y&&(process.env.NODE_ENV!=="production"?M(!1,"Trying to set droppable isCombineEnabled to "+String(Y)+`
432
- but it is already `+String(V.isCombineEnabled)):M());var G=le({},V,{isCombineEnabled:Y});return ha(e,G,!0)}if(t.type==="MOVE_BY_WINDOW_SCROLL"){if(e.phase==="DROP_PENDING"||e.phase==="DROP_ANIMATING")return e;tn(e)||(process.env.NODE_ENV!=="production"?M(!1,"Cannot move by window in phase "+e.phase):M()),e.isWindowScrollAllowed||(process.env.NODE_ENV!=="production"?M(!1,"Window scrolling is currently not supported for fixed lists"):M());var ee=t.payload.newScroll;if(Ft(e.viewport.scroll.current,ee))return ba(e);var H=Ql(e.viewport,ee);return ga(e)?pc({state:e,viewport:H}):qn({state:e,viewport:H})}if(t.type==="UPDATE_VIEWPORT_MAX_SCROLL"){if(!tn(e))return e;var S=t.payload.maxScroll;if(Ft(S,e.viewport.scroll.max))return e;var I=le({},e.viewport,{scroll:le({},e.viewport.scroll,{max:S})});return le({phase:"DRAGGING"},e,{viewport:I})}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"?M(!1,t.type+" received while not in DRAGGING phase"):M());var D=wg({state:e,type:t.type});return D?qn({state:e,impact:D.impact,clientSelection:D.clientSelection,scrollJumpRequest:D.scrollJumpRequest}):e}if(t.type==="DROP_PENDING"){var K=t.payload.reason;e.phase!=="COLLECTING"&&(process.env.NODE_ENV!=="production"?M(!1,"Can only move into the DROP_PENDING phase from the COLLECTING phase"):M());var U=le({phase:"DROP_PENDING"},e,{phase:"DROP_PENDING",isWaiting:!0,reason:K});return U}if(t.type==="DROP_ANIMATE"){var X=t.payload,_=X.completed,j=X.dropDuration,P=X.newHomeClientOffset;e.phase==="DRAGGING"||e.phase==="DROP_PENDING"||(process.env.NODE_ENV!=="production"?M(!1,"Cannot animate drop from phase "+e.phase):M());var z={phase:"DROP_ANIMATING",completed:_,dropDuration:j,newHomeClientOffset:P,dimensions:e.dimensions};return z}if(t.type==="DROP_COMPLETE"){var Q=t.payload.completed;return{phase:"IDLE",completed:Q,shouldFlush:!1}}return e},Hg=function(t){return{type:"BEFORE_INITIAL_CAPTURE",payload:t}},Wg=function(t){return{type:"LIFT",payload:t}},Gg=function(t){return{type:"INITIAL_PUBLISH",payload:t}},Ug=function(t){return{type:"PUBLISH_WHILE_DRAGGING",payload:t}},zg=function(){return{type:"COLLECTION_STARTING",payload:null}},jg=function(t){return{type:"UPDATE_DROPPABLE_SCROLL",payload:t}},Yg=function(t){return{type:"UPDATE_DROPPABLE_IS_ENABLED",payload:t}},qg=function(t){return{type:"UPDATE_DROPPABLE_IS_COMBINE_ENABLED",payload:t}},fc=function(t){return{type:"MOVE",payload:t}},Jg=function(t){return{type:"MOVE_BY_WINDOW_SCROLL",payload:t}},Xg=function(t){return{type:"UPDATE_VIEWPORT_MAX_SCROLL",payload:t}},Zg=function(){return{type:"MOVE_UP",payload:null}},Qg=function(){return{type:"MOVE_DOWN",payload:null}},eh=function(){return{type:"MOVE_RIGHT",payload:null}},th=function(){return{type:"MOVE_LEFT",payload:null}},va=function(){return{type:"FLUSH",payload:null}},nh=function(t){return{type:"DROP_ANIMATE",payload:t}},ya=function(t){return{type:"DROP_COMPLETE",payload:t}},Sc=function(t){return{type:"DROP",payload:t}},oh=function(t){return{type:"DROP_PENDING",payload:t}},gc=function(){return{type:"DROP_ANIMATION_FINISHED",payload:null}};function rh(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(`
429
+ `+Vl(t.source)+`
430
+ `},Oo={dragHandleUsageInstructions:_S,onDragStart:RS,onDragUpdate:FS,onDragEnd:AS},_e={x:0,y:0},Ve=function(t,n){return{x:t.x+n.x,y:t.y+n.y}},Qe=function(t,n){return{x:t.x-n.x,y:t.y-n.y}},Vt=function(t,n){return t.x===n.x&&t.y===n.y},En=function(t){return{x:t.x!==0?-t.x:0,y:t.y!==0?-t.y:0}},Qt=function(t,n,o){var a;return o===void 0&&(o=0),a={},a[t]=n,a[t==="x"?"y":"x"]=o,a},Wn=function(t,n){return Math.sqrt(Math.pow(n.x-t.x,2)+Math.pow(n.y-t.y,2))},$l=function(t,n){return Math.min.apply(Math,n.map(function(o){return Wn(t,o)}))},Kl=function(t){return function(n){return{x:t(n.x),y:t(n.y)}}},VS=function(e,t){var n=mt({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},Gn=function(t,n){return{top:t.top+n.y,left:t.left+n.x,bottom:t.bottom+n.y,right:t.right+n.x}},Hl=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}]},$S={top:0,right:0,bottom:0,left:0},KS=function(t,n){return n?Gn(t,n.scroll.diff.displacement):t},HS=function(t,n,o){if(o&&o.increasedBy){var a;return le({},t,(a={},a[n.end]=t[n.end]+o.increasedBy[n.line],a))}return t},WS=function(t,n){return n&&n.shouldClipSubject?VS(n.pageMarginBox,t):mt(t)},Tn=function(e){var t=e.page,n=e.withPlaceholder,o=e.axis,a=e.frame,s=KS(t.marginBox,a),i=HS(s,o,n),l=WS(i,a);return{page:t,withPlaceholder:n,active:l}},la=function(e,t){e.frame||(process.env.NODE_ENV,L());var n=e.frame,o=Qe(t,n.scroll.initial),a=En(o),s=le({},n,{scroll:{initial:n.scroll.initial,current:t,diff:{value:o,displacement:a},max:n.scroll.max}}),i=Tn({page:e.subject.page,withPlaceholder:e.subject.withPlaceholder,axis:e.axis,frame:s}),l=le({},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 Bo(e){return Object.values?Object.values(e):Object.keys(e).map(function(t){return e[t]})}function ca(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 $t(e,t){if(e.find)return e.find(t);var n=ca(e,t);if(n!==-1)return e[n]}function Wl(e){return Array.prototype.slice.call(e)}var Gl=Be(function(e){return e.reduce(function(t,n){return t[n.descriptor.id]=n,t},{})}),Ul=Be(function(e){return e.reduce(function(t,n){return t[n.descriptor.id]=n,t},{})}),_o=Be(function(e){return Bo(e)}),US=Be(function(e){return Bo(e)}),en=Be(function(e,t){var n=US(t).filter(function(o){return e===o.descriptor.droppableId}).sort(function(o,a){return o.descriptor.index-a.descriptor.index});return n});function da(e){return e.at&&e.at.type==="REORDER"?e.at.destination:null}function Ro(e){return e.at&&e.at.type==="COMBINE"?e.at.combine:null}var Fo=Be(function(e,t){return t.filter(function(n){return n.descriptor.id!==e.descriptor.id})}),zS=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=da(s);if(!i)return null;function l(v){var E={type:"COMBINE",combine:{draggableId:v,droppableId:o.descriptor.id}};return le({},s,{at:E})}var d=s.displaced.all,c=d.length?d[0]:null;if(t)return c?l(c):null;var u=Fo(n,a);if(!c){if(!u.length)return null;var m=u[u.length-1];return l(m.descriptor.id)}var p=ca(u,function(v){return v.descriptor.id===c});p===-1&&(process.env.NODE_ENV!=="production"?L(!1,"Could not find displaced item in set"):L());var f=p-1;if(f<0)return null;var h=u[f];return l(h.descriptor.id)},wn=function(e,t){return e.descriptor.droppableId===t.descriptor.id},zl={point:_e,value:0},Un={invisible:{},visible:{},all:[]},jS={displaced:Un,displacedBy:zl,at:null},it=function(e,t){return function(n){return e<=n&&n<=t}},jl=function(e){var t=it(e.top,e.bottom),n=it(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=it(e.top,e.bottom),n=it(e.left,e.right);return function(o){var a=t(o.top)&&t(o.bottom)&&n(o.left)&&n(o.right);return a}},pa={direction:"vertical",line:"y",crossAxisLine:"x",start:"top",end:"bottom",size:"height",crossAxisStart:"left",crossAxisEnd:"right",crossAxisSize:"width"},Yl={direction:"horizontal",line:"x",crossAxisLine:"y",start:"left",end:"right",size:"width",crossAxisStart:"top",crossAxisEnd:"bottom",crossAxisSize:"height"},qS=function(e){return function(t){var n=it(t.top,t.bottom),o=it(t.left,t.right);return function(a){return e===pa?n(a.top)&&n(a.bottom):o(a.left)&&o(a.right)}}},JS=function(t,n){var o=n.frame?n.frame.scroll.diff.displacement:_e;return Gn(t,o)},XS=function(t,n,o){return n.subject.active?o(n.subject.active)(t):!1},ZS=function(t,n,o){return o(n)(t)},ua=function(t){var n=t.target,o=t.destination,a=t.viewport,s=t.withDroppableDisplacement,i=t.isVisibleThroughFrameFn,l=s?JS(n,o):n;return XS(l,o,i)&&ZS(l,a,i)},QS=function(t){return ua(le({},t,{isVisibleThroughFrameFn:jl}))},ql=function(t){return ua(le({},t,{isVisibleThroughFrameFn:YS}))},eg=function(t){return ua(le({},t,{isVisibleThroughFrameFn:qS(t.destination.axis)}))},tg=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 ng(e,t){var n=e.page.marginBox,o={top:t.point.y,right:0,bottom:0,left:t.point.x};return mt(ra(n,o))}function zn(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=ng(c,o),m=c.descriptor.id;d.all.push(m);var p=QS({target:u,destination:n,viewport:a,withDroppableDisplacement:!0});if(!p)return d.invisible[c.descriptor.id]=!0,d;var f=tg(m,i,s),h={draggableId:m,shouldAnimate:f};return d.visible[m]=h,d},{all:[],visible:{},invisible:{}})}function og(e,t){if(!e.length)return 0;var n=e[e.length-1].descriptor.index;return t.inHomeList?n:n+1}function Jl(e){var t=e.insideDestination,n=e.inHomeList,o=e.displacedBy,a=e.destination,s=og(t,{inHomeList:n});return{displaced:Un,displacedBy:o,at:{type:"REORDER",destination:{droppableId:a.descriptor.id,index:s}}}}function Ao(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=wn(t,o);if(l==null)return Jl({insideDestination:n,inHomeList:c,displacedBy:s,destination:o});var u=$t(n,function(v){return v.descriptor.index===l});if(!u)return Jl({insideDestination:n,inHomeList:c,displacedBy:s,destination:o});var m=Fo(t,n),p=n.indexOf(u),f=m.slice(p),h=zn({afterDragging:f,destination:o,displacedBy:s,last:i,viewport:a.frame,forceShouldAnimate:d});return{displaced:h,displacedBy:s,at:{type:"REORDER",destination:{droppableId:o.descriptor.id,index:l}}}}function Kt(e,t){return!!t.effected[e]}var rg=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=Kt(i,s);return c?t?d:d-1:t?d+1:d},ag=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},sg=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"?L(!1,"Cannot move in direction without previous impact location"):L()),u.type==="REORDER"){var m=ag({isMovingForward:t,isInHomeList:n,location:u.destination,insideDestination:i});return m==null?null:Ao({draggable:o,insideDestination:i,destination:s,viewport:d,last:l.displaced,displacedBy:l.displacedBy,index:m})}var p=rg({isMovingForward:t,destination:s,displaced:l.displaced,draggables:a,combine:u.combine,afterCritical:c});return p==null?null:Ao({draggable:o,insideDestination:i,destination:s,viewport:d,last:l.displaced,displacedBy:l.displacedBy,index:p})},ig=function(e){var t=e.displaced,n=e.afterCritical,o=e.combineWith,a=e.displacedBy,s=!!(t.visible[o]||t.invisible[o]);return Kt(o,n)?s?_e:En(a.point):s?a.point:_e},lg=function(e){var t=e.afterCritical,n=e.impact,o=e.draggables,a=Ro(n);a||(process.env.NODE_ENV,L());var s=a.draggableId,i=o[s].page.borderBox.center,l=ig({displaced:n.displaced,afterCritical:t,combineWith:s,displacedBy:n.displacedBy});return Ve(i,l)},Xl=function(t,n){return n.margin[t.start]+n.borderBox[t.size]/2},cg=function(t,n){return n.margin[t.end]+n.borderBox[t.size]/2},ma=function(t,n,o){return n[t.crossAxisStart]+o.margin[t.crossAxisStart]+o.borderBox[t.crossAxisSize]/2},Zl=function(t){var n=t.axis,o=t.moveRelativeTo,a=t.isMoving;return Qt(n.line,o.marginBox[n.end]+Xl(n,a),ma(n,o.marginBox,a))},Ql=function(t){var n=t.axis,o=t.moveRelativeTo,a=t.isMoving;return Qt(n.line,o.marginBox[n.start]-cg(n,a),ma(n,o.marginBox,a))},dg=function(t){var n=t.axis,o=t.moveInto,a=t.isMoving;return Qt(n.line,o.contentBox[n.start]+Xl(n,a),ma(n,o.contentBox,a))},pg=function(e){var t=e.impact,n=e.draggable,o=e.draggables,a=e.droppable,s=e.afterCritical,i=en(a.descriptor.id,o),l=n.page,d=a.axis;if(!i.length)return dg({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(Kt(m,s))return Ql({axis:d,moveRelativeTo:p.page,isMoving:l});var f=Mo(p.page,u.point);return Ql({axis:d,moveRelativeTo:f,isMoving:l})}var h=i[i.length-1];if(h.descriptor.id===n.descriptor.id)return l.borderBox.center;if(Kt(h.descriptor.id,s)){var v=Mo(h.page,En(s.displacedBy.point));return Zl({axis:d,moveRelativeTo:v,isMoving:l})}return Zl({axis:d,moveRelativeTo:h.page,isMoving:l})},fa=function(e,t){var n=e.frame;return n?Ve(t,n.scroll.diff.displacement):t},ug=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"?pg({impact:n,draggable:o,draggables:s,droppable:a,afterCritical:i}):lg({impact:n,draggables:s,afterCritical:i})},Vo=function(e){var t=ug(e),n=e.droppable,o=n?fa(n,t):t;return o},ec=function(e,t){var n=Qe(t,e.scroll.initial),o=En(n),a=mt({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 tc(e,t){return e.map(function(n){return t[n]})}function mg(e,t){for(var n=0;n<t.length;n++){var o=t[n].visible[e];if(o)return o}return null}var fg=function(e){var t=e.impact,n=e.viewport,o=e.destination,a=e.draggables,s=e.maxScrollChange,i=ec(n,Ve(n.scroll.current,s)),l=o.frame?la(o,Ve(o.frame.scroll.current,s)):o,d=t.displaced,c=zn({afterDragging:tc(d.all,a),destination:o,displacedBy:t.displacedBy,viewport:i.frame,last:d,forceShouldAnimate:!1}),u=zn({afterDragging:tc(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(v){var E=mg(v,f);if(E){p[v]=E;return}m[v]=!0});var h=le({},t,{displaced:{all:d.all,invisible:m,visible:p}});return h},Sg=function(e,t){return Ve(e.scroll.diff.displacement,t)},Sa=function(e){var t=e.pageBorderBoxCenter,n=e.draggable,o=e.viewport,a=Sg(o,t),s=Qe(a,n.page.borderBox.center);return Ve(n.client.borderBox.center,s)},nc=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=Qe(o,t.page.borderBox.center),c=Gn(t.page.borderBox,d),u={target:c,destination:n,withDroppableDisplacement:s,viewport:a};return l?eg(u):ql(u)},gg=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=en(o.descriptor.id,a),m=wn(n,o),p=zS({isMovingForward:t,draggable:n,destination:o,insideDestination:u,previousImpact:s})||sg({isMovingForward:t,isInHomeList:m,draggable:n,draggables:a,destination:o,insideDestination:u,previousImpact:s,viewport:i,afterCritical:c});if(!p)return null;var f=Vo({impact:p,draggable:n,droppable:o,draggables:a,afterCritical:c}),h=nc({draggable:n,destination:o,newPageBorderBoxCenter:f,viewport:i.frame,withDroppableDisplacement:!1,onlyOnMainAxis:!0});if(h){var v=Sa({pageBorderBoxCenter:f,draggable:n,viewport:i});return{clientSelection:v,impact:p,scrollJumpRequest:null}}var E=Qe(f,l),y=fg({impact:p,viewport:i,destination:o,draggables:a,maxScrollChange:E});return{clientSelection:d,impact:y,scrollJumpRequest:E}},Ge=function(t){var n=t.subject.active;return n||(process.env.NODE_ENV!=="production"?L(!1,"Cannot get clipped area from droppable"):L()),n},hg=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=it(i[l.start],i[l.end]),c=_o(a).filter(function(m){return m!==o}).filter(function(m){return m.isEnabled}).filter(function(m){return!!m.subject.active}).filter(function(m){return jl(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=it(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],h=Ge(p)[l.crossAxisStart];return t?f-h:h-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=it(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=$l(n,Hl(Ge(m))),h=$l(n,Hl(Ge(p)));return f!==h?f-h:Ge(m)[l.start]-Ge(p)[l.start]})[0]},oc=function(t,n){var o=t.page.borderBox.center;return Kt(t.descriptor.id,n)?Qe(o,n.displacedBy.point):o},bg=function(t,n){var o=t.page.borderBox;return Kt(t.descriptor.id,n)?Gn(o,En(n.displacedBy.point)):o},vg=function(e){var t=e.pageBorderBoxCenter,n=e.viewport,o=e.destination,a=e.insideDestination,s=e.afterCritical,i=a.filter(function(l){return ql({target:bg(l,s),destination:o,viewport:n.frame,withDroppableDisplacement:!0})}).sort(function(l,d){var c=Wn(t,fa(o,oc(l,s))),u=Wn(t,fa(o,oc(d,s)));return c<u?-1:u<c?1:l.descriptor.index-d.descriptor.index});return i[0]||null},jn=Be(function(t,n){var o=n[t.line];return{value:o,point:Qt(t.line,o)}}),yg=function(t,n,o){var a=t.axis;if(t.descriptor.mode==="virtual")return Qt(a.line,n[a.line]);var s=t.subject.page.contentBox[a.size],i=en(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:Qt(a.line,c)},rc=function(t,n){return le({},t,{scroll:le({},t.scroll,{max:n})})},ac=function(t,n,o){var a=t.frame;wn(n,t)&&(process.env.NODE_ENV!=="production"?L(!1,"Should not add placeholder space to home list"):L()),t.subject.withPlaceholder&&(process.env.NODE_ENV!=="production"?L(!1,"Cannot add placeholder size to a subject when it already has one"):L());var s=jn(t.axis,n.displaceBy).point,i=yg(t,s,o),l={placeholderSize:s,increasedBy:i,oldFrameMaxScroll:t.frame?t.frame.scroll.max:null};if(!a){var d=Tn({page:t.subject.page,withPlaceholder:l,axis:t.axis,frame:t.frame});return le({},t,{subject:d})}var c=i?Ve(a.scroll.max,i):a.scroll.max,u=rc(a,c),m=Tn({page:t.subject.page,withPlaceholder:l,axis:t.axis,frame:u});return le({},t,{subject:m,frame:u})},Eg=function(t){var n=t.subject.withPlaceholder;n||(process.env.NODE_ENV!=="production"?L(!1,"Cannot remove placeholder form subject when there was none"):L());var o=t.frame;if(!o){var a=Tn({page:t.subject.page,axis:t.axis,frame:null,withPlaceholder:null});return le({},t,{subject:a})}var s=n.oldFrameMaxScroll;s||(process.env.NODE_ENV!=="production"?L(!1,"Expected droppable with frame to have old max frame scroll when removing placeholder"):L());var i=rc(o,s),l=Tn({page:t.subject.page,axis:t.axis,frame:i,withPlaceholder:null});return le({},t,{subject:l,frame:i})},Tg=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:Un,displacedBy:zl,at:{type:"REORDER",destination:{droppableId:i.descriptor.id,index:0}}},u=Vo({impact:c,draggable:a,droppable:i,draggables:s,afterCritical:d}),m=wn(a,i)?i:ac(i,a,s),p=nc({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],h=function(){var E=n.descriptor.index;return n.descriptor.id===a.descriptor.id||f?E:E+1}(),v=jn(i.axis,a.displaceBy);return Ao({draggable:a,insideDestination:o,destination:i,viewport:l,displacedBy:v,last:Un,index:h})},wg=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=hg({isMovingForward:t,pageBorderBoxCenter:n,source:a,droppables:i,viewport:l});if(!c)return null;var u=en(c.descriptor.id,s),m=vg({pageBorderBoxCenter:n,viewport:l,destination:c,insideDestination:u,afterCritical:d}),p=Tg({previousPageBorderBoxCenter:n,destination:c,draggable:o,draggables:s,moveRelativeTo:m,insideDestination:u,viewport:l,afterCritical:d});if(!p)return null;var f=Vo({impact:p,draggable:o,droppable:c,draggables:s,afterCritical:d}),h=Sa({pageBorderBoxCenter:f,draggable:o,viewport:l});return{clientSelection:h,impact:p,scrollJumpRequest:null}},et=function(e){var t=e.at;return t?t.type==="REORDER"?t.destination.droppableId:t.combine.droppableId:null},Cg=function(t,n){var o=et(t);return o?n[o]:null},Dg=function(e){var t=e.state,n=e.type,o=Cg(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,h=p.droppables;return d?gg({isMovingForward:c,previousPageBorderBoxCenter:m,draggable:u,destination:i,draggables:f,viewport:t.viewport,previousClientSelection:t.current.client.selection,previousImpact:t.impact,afterCritical:t.afterCritical}):wg({isMovingForward:c,previousPageBorderBoxCenter:m,draggable:u,isOver:i,draggables:f,droppables:h,viewport:t.viewport,afterCritical:t.afterCritical})};function tn(e){return e.phase==="DRAGGING"||e.phase==="COLLECTING"}function sc(e){var t=it(e.top,e.bottom),n=it(e.left,e.right);return function(a){return t(a.y)&&n(a.x)}}function Ng(e,t){return e.left<t.right&&e.right>t.left&&e.top<t.bottom&&e.bottom>t.top}function Ig(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=Qt(i.axis.line,t.center[l.line],i.page.borderBox.center[l.crossAxisLine]);return{id:i.descriptor.id,distance:Wn(a,d)}}).sort(function(i,l){return l.distance-i.distance});return s[0]?s[0].id:null}function kg(e){var t=e.pageBorderBox,n=e.draggable,o=e.droppables,a=_o(o).filter(function(s){if(!s.isEnabled)return!1;var i=s.subject.active;if(!i||!Ng(t,i))return!1;if(sc(i)(t.center))return!0;var l=s.axis,d=i.center[l.crossAxisLine],c=t[l.crossAxisStart],u=t[l.crossAxisEnd],m=it(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:Ig({pageBorderBox:t,draggable:n,candidates:a}):null}var ic=function(t,n){return mt(Gn(t,n))},xg=function(e,t){var n=e.frame;return n?ic(t,n.scroll.diff.value):t};function lc(e){var t=e.displaced,n=e.id;return!!(t.visible[n]||t.invisible[n])}function Mg(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 Lg=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=jn(o.axis,n.displaceBy),u=c.value,m=t[d.start],p=t[d.end],f=Fo(n,a),h=$t(f,function(E){var y=E.descriptor.id,b=E.page.borderBox.center[d.line],N=Kt(y,l),C=lc({displaced:s,id:y});return N?C?p<=b:m<b-u:C?p<=b+u:m<b}),v=Mg({draggable:n,closest:h,inHomeList:wn(n,o)});return Ao({draggable:n,insideDestination:a,destination:o,viewport:i,last:s,displacedBy:c,index:v})},Pg=4,Og=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=jn(a.axis,t.displaceBy),c=d.value,u=n[l.start],m=n[l.end],p=Fo(t,s),f=$t(p,function(v){var E=v.descriptor.id,y=v.page.borderBox,b=y[l.size],N=b/Pg,C=Kt(E,i),T=lc({displaced:o.displaced,id:E});return C?T?m>y[l.start]+N&&m<y[l.end]-N:u>y[l.start]-c+N&&u<y[l.end]-c-N:T?m>y[l.start]+c+N&&m<y[l.end]+c-N:u>y[l.start]+N&&u<y[l.end]-N});if(!f)return null;var h={displacedBy:d,displaced:o.displaced,at:{type:"COMBINE",combine:{draggableId:f.descriptor.id,droppableId:a.descriptor.id}}};return h},cc=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=ic(n.page.borderBox,t),c=kg({pageBorderBox:d,draggable:n,droppables:a});if(!c)return jS;var u=a[c],m=en(u.descriptor.id,o),p=xg(u,d);return Og({pageBorderBoxWithDroppableScroll:p,draggable:n,previousImpact:s,destination:u,insideDestination:m,afterCritical:l})||Lg({pageBorderBoxWithDroppableScroll:p,draggable:n,destination:u,insideDestination:m,last:s.displaced,viewport:i,afterCritical:l})},ga=function(e,t){var n;return le({},e,(n={},n[t.descriptor.id]=t,n))},Bg=function(t){var n=t.previousImpact,o=t.impact,a=t.droppables,s=et(n),i=et(o);if(!s||s===i)return a;var l=a[s];if(!l.subject.withPlaceholder)return a;var d=Eg(l);return ga(a,d)},_g=function(e){var t=e.draggable,n=e.draggables,o=e.droppables,a=e.previousImpact,s=e.impact,i=Bg({previousImpact:a,impact:s,droppables:o}),l=et(s);if(!l)return i;var d=o[l];if(wn(t,d)||d.subject.withPlaceholder)return i;var c=ac(d,t,n);return ga(i,c)},Yn=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=Qe(c,t.initial.client.selection),m={offset:u,selection:c,borderBoxCenter:Ve(t.initial.client.borderBoxCenter,u)},p={selection:Ve(m.selection,l.scroll.current),borderBoxCenter:Ve(m.borderBoxCenter,l.scroll.current),offset:Ve(m.offset,l.scroll.diff.value)},f={client:m,page:p};if(t.phase==="COLLECTING")return le({phase:"COLLECTING"},t,{dimensions:d,viewport:l,current:f});var h=d.draggables[t.critical.draggable.id],v=s||cc({pageOffset:p.offset,draggable:h,draggables:d.draggables,droppables:d.droppables,previousImpact:t.impact,viewport:l,afterCritical:t.afterCritical}),E=_g({draggable:h,impact:v,previousImpact:t.impact,draggables:d.draggables,droppables:d.droppables}),y=le({},t,{current:f,dimensions:{draggables:d.draggables,droppables:E},impact:v,viewport:l,scrollJumpRequest:i||null,forceShouldAnimate:i?!1:null});return y};function Rg(e,t){return e.map(function(n){return t[n]})}var dc=function(e){var t=e.impact,n=e.viewport,o=e.draggables,a=e.destination,s=e.forceShouldAnimate,i=t.displaced,l=Rg(i.all,o),d=zn({afterDragging:l,destination:a,displacedBy:t.displacedBy,viewport:n.frame,forceShouldAnimate:s,last:i});return le({},t,{displaced:d})},pc=function(e){var t=e.impact,n=e.draggable,o=e.droppable,a=e.draggables,s=e.viewport,i=e.afterCritical,l=Vo({impact:t,draggable:n,draggables:a,droppable:o,afterCritical:i});return Sa({pageBorderBoxCenter:l,draggable:n,viewport:s})},uc=function(e){var t=e.state,n=e.dimensions,o=e.viewport;t.movementMode!=="SNAP"&&(process.env.NODE_ENV,L());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=et(a);u||(process.env.NODE_ENV!=="production"?L(!1,"Must be over a destination in SNAP movement mode"):L());var m=d[u],p=dc({impact:a,viewport:s,destination:m,draggables:l}),f=pc({impact:p,draggable:c,droppable:m,draggables:l,viewport:s,afterCritical:t.afterCritical});return Yn({impact:p,clientSelection:f,state:t,dimensions:i,viewport:s})},Fg=function(e){return{index:e.index,droppableId:e.droppableId}},mc=function(e){var t=e.draggable,n=e.home,o=e.draggables,a=e.viewport,s=jn(n.axis,t.displaceBy),i=en(n.descriptor.id,o),l=i.indexOf(t);l===-1&&(process.env.NODE_ENV!=="production"?L(!1,"Expected draggable to be inside home list"):L());var d=i.slice(l+1),c=d.reduce(function(f,h){return f[h.descriptor.id]=!0,f},{}),u={inVirtualList:n.descriptor.mode==="virtual",displacedBy:s,effected:c},m=zn({afterDragging:d,destination:n,displacedBy:s,last:null,viewport:a.frame,forceShouldAnimate:!1}),p={displaced:m,displacedBy:s,at:{type:"REORDER",destination:Fg(t.descriptor)}};return{impact:p,afterCritical:u}},Ag=function(e,t){return{draggables:e.draggables,droppables:ga(e.droppables,t)}},qn=function(t){process.env.NODE_ENV},Jn=function(t){process.env.NODE_ENV},Vg=function(e){var t=e.draggable,n=e.offset,o=e.initialWindowScroll,a=Mo(t.client,n),s=Lo(a,o),i=le({},t,{placeholder:le({},t.placeholder,{client:a}),client:a,page:s});return i},$g=function(e){var t=e.frame;return t||(process.env.NODE_ENV!=="production"?L(!1,"Expected Droppable to have a frame"):L()),t},Kg=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=$g(l),c=d.scroll.diff.value,u=Ve(a,c),m=Vg({draggable:s,offset:u,initialWindowScroll:o.scroll.initial});return m})},Hg=function(e){var t=e.state,n=e.published;qn();var o=n.modified.map(function(N){var C=t.dimensions.droppables[N.droppableId],T=la(C,N.scroll);return T}),a=le({},t.dimensions.droppables,{},Gl(o)),s=Ul(Kg({additions:n.additions,updatedDroppables:a,viewport:t.viewport})),i=le({},t.dimensions.draggables,{},s);n.removals.forEach(function(N){delete i[N]});var l={droppables:a,draggables:i},d=et(t.impact),c=d?l.droppables[d]:null,u=l.draggables[t.critical.draggable.id],m=l.droppables[t.critical.droppable.id],p=mc({draggable:u,home:m,draggables:i,viewport:t.viewport}),f=p.impact,h=p.afterCritical,v=c&&c.isCombineEnabled?t.impact:f,E=cc({pageOffset:t.current.page.offset,draggable:l.draggables[t.critical.draggable.id],draggables:l.draggables,droppables:l.droppables,previousImpact:v,viewport:t.viewport,afterCritical:h});Jn();var y=le({phase:"DRAGGING"},t,{phase:"DRAGGING",impact:E,onLiftImpact:f,dimensions:l,afterCritical:h,forceShouldAnimate:!1});if(t.phase==="COLLECTING")return y;var b=le({phase:"DROP_PENDING"},y,{phase:"DROP_PENDING",reason:t.reason,isWaiting:!1});return b},ha=function(t){return t.movementMode==="SNAP"},ba=function(t,n,o){var a=Ag(t.dimensions,n);return!ha(t)||o?Yn({state:t,dimensions:a}):uc({state:t,dimensions:a})};function va(e){return e.isDragging&&e.movementMode==="SNAP"?le({phase:"DRAGGING"},e,{scrollJumpRequest:null}):e}var fc={phase:"IDLE",completed:null,shouldFlush:!1},Wg=function(e,t){if(e===void 0&&(e=fc),t.type==="FLUSH")return le({},fc,{shouldFlush:!0});if(t.type==="INITIAL_PUBLISH"){e.phase!=="IDLE"&&(process.env.NODE_ENV!=="production"?L(!1,"INITIAL_PUBLISH must come after a IDLE phase"):L());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:_e},m={client:u,page:{selection:Ve(u.selection,s.scroll.initial),borderBoxCenter:Ve(u.selection,s.scroll.initial),offset:Ve(u.selection,s.scroll.diff.value)}},p=_o(i.droppables).every(function(q){return!q.isFixedOnPage}),f=mc({draggable:d,home:c,draggables:i.draggables,viewport:s}),h=f.impact,v=f.afterCritical,E={phase:"DRAGGING",isDragging:!0,critical:o,movementMode:l,dimensions:i,initial:m,current:m,isWindowScrollAllowed:p,impact:h,afterCritical:v,onLiftImpact:h,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"?L(!1,"Collection cannot start from phase "+e.phase):L());var y=le({phase:"COLLECTING"},e,{phase:"COLLECTING"});return y}if(t.type==="PUBLISH_WHILE_DRAGGING")return e.phase==="COLLECTING"||e.phase==="DROP_PENDING"||(process.env.NODE_ENV!=="production"?L(!1,"Unexpected "+t.type+" received in phase "+e.phase):L()),Hg({state:e,published:t.payload});if(t.type==="MOVE"){if(e.phase==="DROP_PENDING")return e;tn(e)||(process.env.NODE_ENV!=="production"?L(!1,t.type+" not permitted in phase "+e.phase):L());var b=t.payload.client;return Vt(b,e.current.client.selection)?e:Yn({state:e,clientSelection:b,impact:ha(e)?e.impact:null})}if(t.type==="UPDATE_DROPPABLE_SCROLL"){if(e.phase==="DROP_PENDING"||e.phase==="COLLECTING")return va(e);tn(e)||(process.env.NODE_ENV!=="production"?L(!1,t.type+" not permitted in phase "+e.phase):L());var N=t.payload,C=N.id,T=N.newScroll,x=e.dimensions.droppables[C];if(!x)return e;var B=la(x,T);return ba(e,B,!1)}if(t.type==="UPDATE_DROPPABLE_IS_ENABLED"){if(e.phase==="DROP_PENDING")return e;tn(e)||(process.env.NODE_ENV!=="production"?L(!1,"Attempting to move in an unsupported phase "+e.phase):L());var M=t.payload,P=M.id,F=M.isEnabled,j=e.dimensions.droppables[P];j||(process.env.NODE_ENV!=="production"?L(!1,"Cannot find Droppable[id: "+P+"] to toggle its enabled state"):L()),j.isEnabled===F&&(process.env.NODE_ENV!=="production"?L(!1,"Trying to set droppable isEnabled to "+String(F)+`
431
+ but it is already `+String(j.isEnabled)):L());var te=le({},j,{isEnabled:F});return ba(e,te,!0)}if(t.type==="UPDATE_DROPPABLE_IS_COMBINE_ENABLED"){if(e.phase==="DROP_PENDING")return e;tn(e)||(process.env.NODE_ENV!=="production"?L(!1,"Attempting to move in an unsupported phase "+e.phase):L());var V=t.payload,G=V.id,Y=V.isCombineEnabled,U=e.dimensions.droppables[G];U||(process.env.NODE_ENV!=="production"?L(!1,"Cannot find Droppable[id: "+G+"] to toggle its isCombineEnabled state"):L()),U.isCombineEnabled===Y&&(process.env.NODE_ENV!=="production"?L(!1,"Trying to set droppable isCombineEnabled to "+String(Y)+`
432
+ but it is already `+String(U.isCombineEnabled)):L());var $=le({},U,{isCombineEnabled:Y});return ba(e,$,!0)}if(t.type==="MOVE_BY_WINDOW_SCROLL"){if(e.phase==="DROP_PENDING"||e.phase==="DROP_ANIMATING")return e;tn(e)||(process.env.NODE_ENV!=="production"?L(!1,"Cannot move by window in phase "+e.phase):L()),e.isWindowScrollAllowed||(process.env.NODE_ENV!=="production"?L(!1,"Window scrolling is currently not supported for fixed lists"):L());var Q=t.payload.newScroll;if(Vt(e.viewport.scroll.current,Q))return va(e);var K=ec(e.viewport,Q);return ha(e)?uc({state:e,viewport:K}):Yn({state:e,viewport:K})}if(t.type==="UPDATE_VIEWPORT_MAX_SCROLL"){if(!tn(e))return e;var S=t.payload.maxScroll;if(Vt(S,e.viewport.scroll.max))return e;var I=le({},e.viewport,{scroll:le({},e.viewport.scroll,{max:S})});return le({phase:"DRAGGING"},e,{viewport:I})}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"?L(!1,t.type+" received while not in DRAGGING phase"):L());var D=Dg({state:e,type:t.type});return D?Yn({state:e,impact:D.impact,clientSelection:D.clientSelection,scrollJumpRequest:D.scrollJumpRequest}):e}if(t.type==="DROP_PENDING"){var H=t.payload.reason;e.phase!=="COLLECTING"&&(process.env.NODE_ENV!=="production"?L(!1,"Can only move into the DROP_PENDING phase from the COLLECTING phase"):L());var z=le({phase:"DROP_PENDING"},e,{phase:"DROP_PENDING",isWaiting:!0,reason:H});return z}if(t.type==="DROP_ANIMATE"){var Z=t.payload,O=Z.completed,J=Z.dropDuration,R=Z.newHomeClientOffset;e.phase==="DRAGGING"||e.phase==="DROP_PENDING"||(process.env.NODE_ENV!=="production"?L(!1,"Cannot animate drop from phase "+e.phase):L());var W={phase:"DROP_ANIMATING",completed:O,dropDuration:J,newHomeClientOffset:R,dimensions:e.dimensions};return W}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}},Ug=function(t){return{type:"LIFT",payload:t}},zg=function(t){return{type:"INITIAL_PUBLISH",payload:t}},jg=function(t){return{type:"PUBLISH_WHILE_DRAGGING",payload:t}},Yg=function(){return{type:"COLLECTION_STARTING",payload:null}},qg=function(t){return{type:"UPDATE_DROPPABLE_SCROLL",payload:t}},Jg=function(t){return{type:"UPDATE_DROPPABLE_IS_ENABLED",payload:t}},Xg=function(t){return{type:"UPDATE_DROPPABLE_IS_COMBINE_ENABLED",payload:t}},Sc=function(t){return{type:"MOVE",payload:t}},Zg=function(t){return{type:"MOVE_BY_WINDOW_SCROLL",payload:t}},Qg=function(t){return{type:"UPDATE_VIEWPORT_MAX_SCROLL",payload:t}},eh=function(){return{type:"MOVE_UP",payload:null}},th=function(){return{type:"MOVE_DOWN",payload:null}},nh=function(){return{type:"MOVE_RIGHT",payload:null}},oh=function(){return{type:"MOVE_LEFT",payload:null}},ya=function(){return{type:"FLUSH",payload:null}},rh=function(t){return{type:"DROP_ANIMATE",payload:t}},Ea=function(t){return{type:"DROP_COMPLETE",payload:t}},gc=function(t){return{type:"DROP",payload:t}},ah=function(t){return{type:"DROP_PENDING",payload:t}},hc=function(){return{type:"DROP_ANIMATION_FINISHED",payload:null}};function sh(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"&&De(`
433
433
  Detected non-consecutive <Draggable /> indexes.
434
434
 
435
435
  (This can cause unexpected bugs)
436
436
 
437
437
  `+i+`
438
- `)}}}function ah(e,t){if(process.env.NODE_ENV!=="production"){var n=en(e.droppable.id,t.draggables);rh(n)}}var sh=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(ya({completed:u.completed})),n().phase!=="IDLE"&&(process.env.NODE_ENV!=="production"?M(!1,"Unexpected phase to start a drag"):M()),o(va()),o(Hg({draggableId:l,movementMode:c}));var m={shouldPublishImmediately:c==="SNAP"},p={draggableId:l,scrollOptions:m},f=e.startPublishing(p),h=f.critical,v=f.dimensions,E=f.viewport;ah(h,v),o(Gg({critical:h,dimensions:v,clientSelection:d,movementMode:c,viewport:E}))}}}},ih=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)}}}},Ea={outOfTheWay:"cubic-bezier(0.2, 0, 0, 1)",drop:"cubic-bezier(.2,1,.1,1)"},Zn={opacity:{drop:0,combining:.7},scale:{drop:.75}},Ta={outOfTheWay:.2,minDropTime:.33,maxDropTime:.55},nn=Ta.outOfTheWay+"s "+Ea.outOfTheWay,Qn={fluid:"opacity "+nn,snap:"transform "+nn+", opacity "+nn,drop:function(t){var n=t+"s "+Ea.drop;return"transform "+n+", opacity "+n},outOfTheWay:"transform "+nn,placeholder:"height "+nn+", width "+nn+", margin "+nn},hc=function(t){return Ft(t,Re)?null:"translate("+t.x+"px, "+t.y+"px)"},wa={moveTo:hc,drop:function(t,n){var o=hc(t);return o?n?o+" scale("+Zn.scale.drop+")":o:null}},Ca=Ta.minDropTime,bc=Ta.maxDropTime,lh=bc-Ca,vc=1500,ch=.6,dh=function(e){var t=e.current,n=e.destination,o=e.reason,a=Gn(t,n);if(a<=0)return Ca;if(a>=vc)return bc;var s=a/vc,i=Ca+lh*s,l=o==="CANCEL"?i*ch:i;return Number(l.toFixed(2))},ph=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=tt(t),c=d?l[d]:null,u=l[n.descriptor.droppableId],m=dc({impact:t,draggable:n,draggables:i,afterCritical:s,droppable:c||u,viewport:a}),p=et(m,n.client.borderBox.center);return p},uh=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=cc({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=le({},o,{displaced:zn});return{impact:d,didDropInsideDroppable:!0}},mh=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(oh({reason:i}));return}if(s.phase!=="IDLE"){var l=s.phase==="DROP_PENDING"&&s.isWaiting;l&&(process.env.NODE_ENV!=="production"?M(!1,"A DROP action occurred while DROP_PENDING and still waiting"):M()),s.phase==="DRAGGING"||s.phase==="DROP_PENDING"||(process.env.NODE_ENV!=="production"?M(!1,"Cannot drop in phase: "+s.phase):M());var d=s.critical,c=s.dimensions,u=c.draggables[s.critical.draggable.id],m=uh({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,h=f?ca(p):null,v=f?Ro(p):null,E={index:d.draggable.index,droppableId:d.droppable.id},y={draggableId:u.descriptor.id,type:u.descriptor.type,source:E,reason:i,mode:s.movementMode,destination:h,combine:v},b=ph({impact:p,draggable:u,dimensions:c,viewport:s.viewport,afterCritical:s.afterCritical}),N={critical:s.critical,afterCritical:s.afterCritical,result:y,impact:p},C=!Ft(s.current.client.offset,b)||!!y.combine;if(!C){n(ya({completed:N}));return}var T=dh({current:s.current.client.offset,destination:b,reason:i}),x={newHomeClientOffset:b,dropDuration:T,completed:N};n(nh(x))}}}},yc=function(){return{x:window.pageXOffset,y:window.pageYOffset}};function fh(e){return{eventName:"scroll",options:{passive:!0,capture:!1},fn:function(n){n.target!==window&&n.target!==window.document||e()}}}function Sh(e){var t=e.onWindowScroll;function n(){t(yc())}var o=Hn(n),a=fh(o),s=Rt;function i(){return s!==Rt}function l(){i()&&(process.env.NODE_ENV!=="production"?M(!1,"Cannot start scroll listener when already active"):M()),s=it(window,[a])}function d(){i()||(process.env.NODE_ENV!=="production"?M(!1,"Cannot stop scroll listener when not active"):M()),o.cancel(),s(),s=Rt}return{start:l,stop:d,isActive:i}}var gh=function(t){return t.type==="DROP_COMPLETE"||t.type==="DROP_ANIMATE"||t.type==="FLUSH"},hh=function(e){var t=Sh({onWindowScroll:function(o){e.dispatch(Jg({newScroll:o}))}});return function(n){return function(o){!t.isActive()&&o.type==="INITIAL_PUBLISH"&&t.start(),t.isActive()&&gh(o)&&t.stop(),n(o)}}},bh=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(`
438
+ `)}}}function ih(e,t){if(process.env.NODE_ENV!=="production"){var n=en(e.droppable.id,t.draggables);sh(n)}}var lh=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(Ea({completed:u.completed})),n().phase!=="IDLE"&&(process.env.NODE_ENV!=="production"?L(!1,"Unexpected phase to start a drag"):L()),o(ya()),o(Gg({draggableId:l,movementMode:c}));var m={shouldPublishImmediately:c==="SNAP"},p={draggableId:l,scrollOptions:m},f=e.startPublishing(p),h=f.critical,v=f.dimensions,E=f.viewport;ih(h,v),o(zg({critical:h,dimensions:v,clientSelection:d,movementMode:c,viewport:E}))}}}},ch=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)}}}},Ta={outOfTheWay:"cubic-bezier(0.2, 0, 0, 1)",drop:"cubic-bezier(.2,1,.1,1)"},Xn={opacity:{drop:0,combining:.7},scale:{drop:.75}},wa={outOfTheWay:.2,minDropTime:.33,maxDropTime:.55},nn=wa.outOfTheWay+"s "+Ta.outOfTheWay,Zn={fluid:"opacity "+nn,snap:"transform "+nn+", opacity "+nn,drop:function(t){var n=t+"s "+Ta.drop;return"transform "+n+", opacity "+n},outOfTheWay:"transform "+nn,placeholder:"height "+nn+", width "+nn+", margin "+nn},bc=function(t){return Vt(t,_e)?null:"translate("+t.x+"px, "+t.y+"px)"},Ca={moveTo:bc,drop:function(t,n){var o=bc(t);return o?n?o+" scale("+Xn.scale.drop+")":o:null}},Da=wa.minDropTime,vc=wa.maxDropTime,dh=vc-Da,yc=1500,ph=.6,uh=function(e){var t=e.current,n=e.destination,o=e.reason,a=Wn(t,n);if(a<=0)return Da;if(a>=yc)return vc;var s=a/yc,i=Da+dh*s,l=o==="CANCEL"?i*ph:i;return Number(l.toFixed(2))},mh=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=et(t),c=d?l[d]:null,u=l[n.descriptor.droppableId],m=pc({impact:t,draggable:n,draggables:i,afterCritical:s,droppable:c||u,viewport:a}),p=Qe(m,n.client.borderBox.center);return p},fh=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=dc({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=le({},o,{displaced:Un});return{impact:d,didDropInsideDroppable:!0}},Sh=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(ah({reason:i}));return}if(s.phase!=="IDLE"){var l=s.phase==="DROP_PENDING"&&s.isWaiting;l&&(process.env.NODE_ENV!=="production"?L(!1,"A DROP action occurred while DROP_PENDING and still waiting"):L()),s.phase==="DRAGGING"||s.phase==="DROP_PENDING"||(process.env.NODE_ENV!=="production"?L(!1,"Cannot drop in phase: "+s.phase):L());var d=s.critical,c=s.dimensions,u=c.draggables[s.critical.draggable.id],m=fh({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,h=f?da(p):null,v=f?Ro(p):null,E={index:d.draggable.index,droppableId:d.droppable.id},y={draggableId:u.descriptor.id,type:u.descriptor.type,source:E,reason:i,mode:s.movementMode,destination:h,combine:v},b=mh({impact:p,draggable:u,dimensions:c,viewport:s.viewport,afterCritical:s.afterCritical}),N={critical:s.critical,afterCritical:s.afterCritical,result:y,impact:p},C=!Vt(s.current.client.offset,b)||!!y.combine;if(!C){n(Ea({completed:N}));return}var T=uh({current:s.current.client.offset,destination:b,reason:i}),x={newHomeClientOffset:b,dropDuration:T,completed:N};n(rh(x))}}}},Ec=function(){return{x:window.pageXOffset,y:window.pageYOffset}};function gh(e){return{eventName:"scroll",options:{passive:!0,capture:!1},fn:function(n){n.target!==window&&n.target!==window.document||e()}}}function hh(e){var t=e.onWindowScroll;function n(){t(Ec())}var o=Kn(n),a=gh(o),s=At;function i(){return s!==At}function l(){i()&&(process.env.NODE_ENV!=="production"?L(!1,"Cannot start scroll listener when already active"):L()),s=st(window,[a])}function d(){i()||(process.env.NODE_ENV!=="production"?L(!1,"Cannot stop scroll listener when not active"):L()),o.cancel(),s(),s=At}return{start:l,stop:d,isActive:i}}var bh=function(t){return t.type==="DROP_COMPLETE"||t.type==="DROP_ANIMATE"||t.type==="FLUSH"},vh=function(e){var t=hh({onWindowScroll:function(o){e.dispatch(Zg({newScroll:o}))}});return function(n){return function(o){!t.isActive()&&o.type==="INITIAL_PUBLISH"&&t.start(),t.isActive()&&bh(o)&&t.stop(),n(o)}}},yh=function(e){var t=!1,n=!1,o=setTimeout(function(){n=!0}),a=function(i){if(t){process.env.NODE_ENV!=="production"&&De("Announcement already made. Not making a second announcement");return}if(n){process.env.NODE_ENV!=="production"&&De(`
439
439
  Announcements cannot be made asynchronously.
440
440
  Default message has already been announced.
441
- `);return}t=!0,e(i),clearTimeout(o)};return a.wasCalled=function(){return t},a},vh=function(){var e=[],t=function(s){var i=la(e,function(c){return c.timerId===s});i===-1&&(process.env.NODE_ENV!=="production"?M(!1,"Could not find timer"):M());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}},yh=function(t,n){return t==null&&n==null?!0:t==null||n==null?!1:t.droppableId===n.droppableId&&t.index===n.index},Eh=function(t,n){return t==null&&n==null?!0:t==null||n==null?!1:t.draggableId===n.draggableId&&t.droppableId===n.droppableId},Th=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},eo=function(t,n){Jn(),n(),Xn()},$o=function(t,n){return{draggableId:t.draggable.id,type:t.droppable.type,source:{droppableId:t.droppable.id,index:t.draggable.index},mode:n}},Da=function(t,n,o,a){if(!t){o(a(n));return}var s=bh(o),i={announce:s};t(n,i),s.wasCalled()||o(a(n))},wh=function(e,t){var n=vh(),o=null,a=function(p,f){o&&(process.env.NODE_ENV!=="production"?M(!1,"Cannot fire onBeforeCapture as a drag start has already been published"):M()),eo("onBeforeCapture",function(){var h=e().onBeforeCapture;if(h){var v={draggableId:p,mode:f};h(v)}})},s=function(p,f){o&&(process.env.NODE_ENV!=="production"?M(!1,"Cannot fire onBeforeDragStart as a drag start has already been published"):M()),eo("onBeforeDragStart",function(){var h=e().onBeforeDragStart;h&&h($o(p,f))})},i=function(p,f){o&&(process.env.NODE_ENV!=="production"?M(!1,"Cannot fire onBeforeDragStart as a drag start has already been published"):M());var h=$o(p,f);o={mode:f,lastCritical:p,lastLocation:h.source,lastCombine:null},n.add(function(){eo("onDragStart",function(){return Da(e().onDragStart,h,t,Oo.onDragStart)})})},l=function(p,f){var h=ca(f),v=Ro(f);o||(process.env.NODE_ENV!=="production"?M(!1,"Cannot fire onDragMove when onDragStart has not been called"):M());var E=!Th(p,o.lastCritical);E&&(o.lastCritical=p);var y=!yh(o.lastLocation,h);y&&(o.lastLocation=h);var b=!Eh(o.lastCombine,v);if(b&&(o.lastCombine=v),!(!E&&!y&&!b)){var N=le({},$o(p,o.mode),{combine:v,destination:h});n.add(function(){eo("onDragUpdate",function(){return Da(e().onDragUpdate,N,t,Oo.onDragUpdate)})})}},d=function(){o||(process.env.NODE_ENV!=="production"?M(!1,"Can only flush responders while dragging"):M()),n.flush()},c=function(p){o||(process.env.NODE_ENV!=="production"?M(!1,"Cannot fire onDragEnd when there is no matching onDragStart"):M()),o=null,eo("onDragEnd",function(){return Da(e().onDragEnd,p,t,Oo.onDragEnd)})},u=function(){if(o){var p=le({},$o(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}},Ch=function(e,t){var n=wh(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)}}}},Dh=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"?M(!1,"Cannot finish a drop animating when no drop is occurring"):M()),e.dispatch(ya({completed:o.completed}))}}},Nh=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(gc())}};n=requestAnimationFrame(function(){n=null,t=it(window,[i])})}}}},Ih=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)}}}},kh=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()}}}}}},xh=function(t){return t.type==="DROP_COMPLETE"||t.type==="DROP_ANIMATE"||t.type==="FLUSH"},Mh=function(e){return function(t){return function(n){return function(o){if(xh(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"?M(!1,"Expected phase to be DRAGGING after INITIAL_PUBLISH"):M()),e.start(a);return}n(o),e.scroll(t.getState())}}}},Lh=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(Sc({reason:o.reason})))}}}},Ph=process.env.NODE_ENV!=="production"&&typeof window<"u"&&window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__?window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({name:"react-beautiful-dnd"}):Xi,Oh=function(e){var t=e.dimensionMarshal,n=e.focusMarshal,o=e.styleMarshal,a=e.getResponders,s=e.announce,i=e.autoScroller;return Yi(Kg,Ph(Ef(ih(o),Ih(t),sh(t),mh,Dh,Nh,Lh,Mh(i),hh,kh(n),Ch(a,s))))},Na=function(){return{additions:{},removals:{},modified:{}}};function Bh(e){var t=e.registry,n=e.callbacks,o=Na(),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,h=Object.keys(m).map(function(y){return t.draggable.getById(y).getDimension(Re)}).sort(function(y,b){return y.descriptor.index-b.descriptor.index}),v=Object.keys(f).map(function(y){var b=t.droppable.getById(y),N=b.callbacks.getScrollWhileDragging();return{droppableId:y,scroll:N}}),E={additions:h,removals:Object.keys(p),modified:v};o=Na(),Xn(),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=Na())};return{add:i,remove:l,stop:d}}var Ec=function(e){var t=e.scrollHeight,n=e.scrollWidth,o=e.height,a=e.width,s=et({x:n,y:t},{x:a,y:o}),i={x:Math.max(0,s.x),y:Math.max(0,s.y)};return i},Tc=function(){var e=document.documentElement;return e||(process.env.NODE_ENV!=="production"?M(!1,"Cannot find document.documentElement"):M()),e},wc=function(){var e=Tc(),t=Ec({scrollHeight:e.scrollHeight,scrollWidth:e.scrollWidth,width:e.clientWidth,height:e.clientHeight});return t},_h=function(){var e=yc(),t=wc(),n=e.y,o=e.x,a=Tc(),s=a.clientWidth,i=a.clientHeight,l=o+s,d=n+i,c=mt({top:n,left:o,right:l,bottom:d}),u={frame:c,scroll:{initial:e,current:e,max:t,diff:{value:Re,displacement:Re}}};return u},Rh=function(e){var t=e.critical,n=e.scrollOptions,o=e.registry;Jn();var a=_h(),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:Gl(d),droppables:Wl(l)};Xn();var u={dimensions:c,critical:t,viewport:a};return u};function Cc(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(`
441
+ `);return}t=!0,e(i),clearTimeout(o)};return a.wasCalled=function(){return t},a},Eh=function(){var e=[],t=function(s){var i=ca(e,function(c){return c.timerId===s});i===-1&&(process.env.NODE_ENV!=="production"?L(!1,"Could not find timer"):L());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}},Th=function(t,n){return t==null&&n==null?!0:t==null||n==null?!1:t.droppableId===n.droppableId&&t.index===n.index},wh=function(t,n){return t==null&&n==null?!0:t==null||n==null?!1:t.draggableId===n.draggableId&&t.droppableId===n.droppableId},Ch=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},Qn=function(t,n){qn(),n(),Jn()},$o=function(t,n){return{draggableId:t.draggable.id,type:t.droppable.type,source:{droppableId:t.droppable.id,index:t.draggable.index},mode:n}},Na=function(t,n,o,a){if(!t){o(a(n));return}var s=yh(o),i={announce:s};t(n,i),s.wasCalled()||o(a(n))},Dh=function(e,t){var n=Eh(),o=null,a=function(p,f){o&&(process.env.NODE_ENV!=="production"?L(!1,"Cannot fire onBeforeCapture as a drag start has already been published"):L()),Qn("onBeforeCapture",function(){var h=e().onBeforeCapture;if(h){var v={draggableId:p,mode:f};h(v)}})},s=function(p,f){o&&(process.env.NODE_ENV!=="production"?L(!1,"Cannot fire onBeforeDragStart as a drag start has already been published"):L()),Qn("onBeforeDragStart",function(){var h=e().onBeforeDragStart;h&&h($o(p,f))})},i=function(p,f){o&&(process.env.NODE_ENV!=="production"?L(!1,"Cannot fire onBeforeDragStart as a drag start has already been published"):L());var h=$o(p,f);o={mode:f,lastCritical:p,lastLocation:h.source,lastCombine:null},n.add(function(){Qn("onDragStart",function(){return Na(e().onDragStart,h,t,Oo.onDragStart)})})},l=function(p,f){var h=da(f),v=Ro(f);o||(process.env.NODE_ENV!=="production"?L(!1,"Cannot fire onDragMove when onDragStart has not been called"):L());var E=!Ch(p,o.lastCritical);E&&(o.lastCritical=p);var y=!Th(o.lastLocation,h);y&&(o.lastLocation=h);var b=!wh(o.lastCombine,v);if(b&&(o.lastCombine=v),!(!E&&!y&&!b)){var N=le({},$o(p,o.mode),{combine:v,destination:h});n.add(function(){Qn("onDragUpdate",function(){return Na(e().onDragUpdate,N,t,Oo.onDragUpdate)})})}},d=function(){o||(process.env.NODE_ENV!=="production"?L(!1,"Can only flush responders while dragging"):L()),n.flush()},c=function(p){o||(process.env.NODE_ENV!=="production"?L(!1,"Cannot fire onDragEnd when there is no matching onDragStart"):L()),o=null,Qn("onDragEnd",function(){return Na(e().onDragEnd,p,t,Oo.onDragEnd)})},u=function(){if(o){var p=le({},$o(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}},Nh=function(e,t){var n=Dh(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)}}}},Ih=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"?L(!1,"Cannot finish a drop animating when no drop is occurring"):L()),e.dispatch(Ea({completed:o.completed}))}}},kh=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(hc())}};n=requestAnimationFrame(function(){n=null,t=st(window,[i])})}}}},xh=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)}}}},Mh=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()}}}}}},Lh=function(t){return t.type==="DROP_COMPLETE"||t.type==="DROP_ANIMATE"||t.type==="FLUSH"},Ph=function(e){return function(t){return function(n){return function(o){if(Lh(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"?L(!1,"Expected phase to be DRAGGING after INITIAL_PUBLISH"):L()),e.start(a);return}n(o),e.scroll(t.getState())}}}},Oh=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(gc({reason:o.reason})))}}}},Bh=process.env.NODE_ENV!=="production"&&typeof window<"u"&&window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__?window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({name:"react-beautiful-dnd"}):Zi,_h=function(e){var t=e.dimensionMarshal,n=e.focusMarshal,o=e.styleMarshal,a=e.getResponders,s=e.announce,i=e.autoScroller;return qi(Wg,Bh(wf(ch(o),xh(t),lh(t),Sh,Ih,kh,Oh,Ph(i),vh,Mh(n),Nh(a,s))))},Ia=function(){return{additions:{},removals:{},modified:{}}};function Rh(e){var t=e.registry,n=e.callbacks,o=Ia(),a=null,s=function(){a||(n.collectionStarting(),a=requestAnimationFrame(function(){a=null,qn();var u=o,m=u.additions,p=u.removals,f=u.modified,h=Object.keys(m).map(function(y){return t.draggable.getById(y).getDimension(_e)}).sort(function(y,b){return y.descriptor.index-b.descriptor.index}),v=Object.keys(f).map(function(y){var b=t.droppable.getById(y),N=b.callbacks.getScrollWhileDragging();return{droppableId:y,scroll:N}}),E={additions:h,removals:Object.keys(p),modified:v};o=Ia(),Jn(),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=Ia())};return{add:i,remove:l,stop:d}}var Tc=function(e){var t=e.scrollHeight,n=e.scrollWidth,o=e.height,a=e.width,s=Qe({x:n,y:t},{x:a,y:o}),i={x:Math.max(0,s.x),y:Math.max(0,s.y)};return i},wc=function(){var e=document.documentElement;return e||(process.env.NODE_ENV!=="production"?L(!1,"Cannot find document.documentElement"):L()),e},Cc=function(){var e=wc(),t=Tc({scrollHeight:e.scrollHeight,scrollWidth:e.scrollWidth,width:e.clientWidth,height:e.clientHeight});return t},Fh=function(){var e=Ec(),t=Cc(),n=e.y,o=e.x,a=wc(),s=a.clientWidth,i=a.clientHeight,l=o+s,d=n+i,c=mt({top:n,left:o,right:l,bottom:d}),u={frame:c,scroll:{initial:e,current:e,max:t,diff:{value:_e,displacement:_e}}};return u},Ah=function(e){var t=e.critical,n=e.scrollOptions,o=e.registry;qn();var a=Fh(),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:Ul(d),droppables:Gl(l)};Jn();var u={dimensions:c,critical:t,viewport:a};return u};function Dc(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"&&De(`
442
442
  You are attempting to add or remove a Draggable [id: `+n.descriptor.id+`]
443
443
  while a drag is occurring. This is only supported for virtual lists.
444
444
 
445
445
  See https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/patterns/virtual-lists.md
446
- `),!1):!0}var Fh=function(e,t){var n=null,o=Bh({callbacks:{publish:t.publishWhileDragging,collectionStarting:t.collectionStarting},registry:e}),a=function(f,h){e.droppable.exists(f)||(process.env.NODE_ENV!=="production"?M(!1,"Cannot update is enabled flag of Droppable "+f+" as it is not registered"):M()),n&&t.updateDroppableIsEnabled({id:f,isEnabled:h})},s=function(f,h){n&&(e.droppable.exists(f)||(process.env.NODE_ENV!=="production"?M(!1,"Cannot update isCombineEnabled flag of Droppable "+f+" as it is not registered"):M()),t.updateDroppableIsCombineEnabled({id:f,isCombineEnabled:h}))},i=function(f,h){n&&(e.droppable.exists(f)||(process.env.NODE_ENV!=="production"?M(!1,"Cannot update the scroll on Droppable "+f+" as it is not registered"):M()),t.updateDroppableScroll({id:f,newScroll:h}))},l=function(f,h){n&&e.droppable.getById(f).callbacks.scroll(h)},d=function(){if(n){o.stop();var f=n.critical.droppable;e.droppable.getAllByType(f.type).forEach(function(h){return h.callbacks.dragStopped()}),n.unsubscribe(),n=null}},c=function(f){n||(process.env.NODE_ENV!=="production"?M(!1,"Should only be subscribed when a collection is occurring"):M());var h=n.critical.draggable;f.type==="ADDITION"&&Cc(e,h,f.value)&&o.add(f.value),f.type==="REMOVAL"&&Cc(e,h,f.value)&&o.remove(f.value)},u=function(f){n&&(process.env.NODE_ENV!=="production"?M(!1,"Cannot start capturing critical dimensions as there is already a collection"):M());var h=e.draggable.getById(f.draggableId),v=e.droppable.getById(h.descriptor.droppableId),E={draggable:h.descriptor,droppable:v.descriptor},y=e.subscribe(c);return n={critical:E,unsubscribe:y},Rh({critical:E,registry:e,scrollOptions:f.scrollOptions})},m={updateDroppableIsEnabled:a,updateDroppableIsCombineEnabled:s,scrollDroppable:l,updateDroppableScroll:i,startPublishing:u,stopPublishing:d};return m},Dc=function(e,t){return e.phase==="IDLE"?!0:e.phase!=="DROP_ANIMATING"||e.completed.result.draggableId===t?!1:e.completed.result.reason==="DROP"},Ah=function(e){window.scrollBy(e.x,e.y)},Vh=_e(function(e){return _o(e).filter(function(t){return!(!t.isEnabled||!t.frame)})}),$h=function(t,n){var o=At(Vh(n),function(a){return a.frame||(process.env.NODE_ENV!=="production"?M(!1,"Invalid result"):M()),ac(a.frame.pageMarginBox)(t)});return o},Kh=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=$h(t,o);return s},$t={startFromPercentage:.25,maxScrollAtPercentage:.05,maxPixelScroll:28,ease:function(t){return Math.pow(t,2)},durationDampening:{stopDampeningAt:1200,accelerateAt:360}},Hh=function(e,t){var n=e[t.size]*$t.startFromPercentage,o=e[t.size]*$t.maxScrollAtPercentage,a={startScrollingFrom:n,maxScrollValueAt:o};return a},Nc=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(`
446
+ `),!1):!0}var Vh=function(e,t){var n=null,o=Rh({callbacks:{publish:t.publishWhileDragging,collectionStarting:t.collectionStarting},registry:e}),a=function(f,h){e.droppable.exists(f)||(process.env.NODE_ENV!=="production"?L(!1,"Cannot update is enabled flag of Droppable "+f+" as it is not registered"):L()),n&&t.updateDroppableIsEnabled({id:f,isEnabled:h})},s=function(f,h){n&&(e.droppable.exists(f)||(process.env.NODE_ENV!=="production"?L(!1,"Cannot update isCombineEnabled flag of Droppable "+f+" as it is not registered"):L()),t.updateDroppableIsCombineEnabled({id:f,isCombineEnabled:h}))},i=function(f,h){n&&(e.droppable.exists(f)||(process.env.NODE_ENV!=="production"?L(!1,"Cannot update the scroll on Droppable "+f+" as it is not registered"):L()),t.updateDroppableScroll({id:f,newScroll:h}))},l=function(f,h){n&&e.droppable.getById(f).callbacks.scroll(h)},d=function(){if(n){o.stop();var f=n.critical.droppable;e.droppable.getAllByType(f.type).forEach(function(h){return h.callbacks.dragStopped()}),n.unsubscribe(),n=null}},c=function(f){n||(process.env.NODE_ENV!=="production"?L(!1,"Should only be subscribed when a collection is occurring"):L());var h=n.critical.draggable;f.type==="ADDITION"&&Dc(e,h,f.value)&&o.add(f.value),f.type==="REMOVAL"&&Dc(e,h,f.value)&&o.remove(f.value)},u=function(f){n&&(process.env.NODE_ENV!=="production"?L(!1,"Cannot start capturing critical dimensions as there is already a collection"):L());var h=e.draggable.getById(f.draggableId),v=e.droppable.getById(h.descriptor.droppableId),E={draggable:h.descriptor,droppable:v.descriptor},y=e.subscribe(c);return n={critical:E,unsubscribe:y},Ah({critical:E,registry:e,scrollOptions:f.scrollOptions})},m={updateDroppableIsEnabled:a,updateDroppableIsCombineEnabled:s,scrollDroppable:l,updateDroppableScroll:i,startPublishing:u,stopPublishing:d};return m},Nc=function(e,t){return e.phase==="IDLE"?!0:e.phase!=="DROP_ANIMATING"||e.completed.result.draggableId===t?!1:e.completed.result.reason==="DROP"},$h=function(e){window.scrollBy(e.x,e.y)},Kh=Be(function(e){return _o(e).filter(function(t){return!(!t.isEnabled||!t.frame)})}),Hh=function(t,n){var o=$t(Kh(n),function(a){return a.frame||(process.env.NODE_ENV!=="production"?L(!1,"Invalid result"):L()),sc(a.frame.pageMarginBox)(t)});return o},Wh=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=Hh(t,o);return s},Ht={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]*Ht.startFromPercentage,o=e[t.size]*Ht.maxScrollAtPercentage,a={startScrollingFrom:n,maxScrollValueAt:o};return a},Ic=function(e){var t=e.startOfRange,n=e.endOfRange,o=e.current,a=n-t;if(a===0)return process.env.NODE_ENV!=="production"&&De(`
447
447
  Detected distance range of 0 in the fluid auto scroller
448
448
  This is unexpected and would cause a divide by 0 issue.
449
449
  Not allowing an auto scroll
450
- `),0;var s=o-t,i=s/a;return i},Ia=1,Wh=function(e,t){if(e>t.startScrollingFrom)return 0;if(e<=t.maxScrollValueAt)return $t.maxPixelScroll;if(e===t.startScrollingFrom)return Ia;var n=Nc({startOfRange:t.maxScrollValueAt,endOfRange:t.startScrollingFrom,current:e}),o=1-n,a=$t.maxPixelScroll*$t.ease(o);return Math.ceil(a)},Ic=$t.durationDampening.accelerateAt,kc=$t.durationDampening.stopDampeningAt,Gh=function(e,t){var n=t,o=kc,a=Date.now(),s=a-n;if(s>=kc)return e;if(s<Ic)return Ia;var i=Nc({startOfRange:Ic,endOfRange:o,current:s}),l=e*$t.ease(i);return Math.ceil(l)},xc=function(e){var t=e.distanceToEdge,n=e.thresholds,o=e.dragStartTime,a=e.shouldUseTimeDampening,s=Wh(t,n);return s===0?0:a?Math.max(Gh(s,o),Ia):s},Mc=function(e){var t=e.container,n=e.distanceToEdges,o=e.dragStartTime,a=e.axis,s=e.shouldUseTimeDampening,i=Hh(t,a),l=n[a.end]<n[a.start];return l?xc({distanceToEdge:n[a.end],thresholds:i,dragStartTime:o,shouldUseTimeDampening:s}):-1*xc({distanceToEdge:n[a.start],thresholds:i,dragStartTime:o,shouldUseTimeDampening:s})},Uh=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}},zh=$l(function(e){return e===0?0:e}),Lc=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=Mc({container:n,distanceToEdges:i,dragStartTime:t,axis:da,shouldUseTimeDampening:s}),d=Mc({container:n,distanceToEdges:i,dragStartTime:t,axis:jl,shouldUseTimeDampening:s}),c=zh({x:d,y:l});if(Ft(c,Re))return null;var u=Uh({container:n,subject:o,proposedScroll:c});return u?Ft(u,Re)?null:u:null},jh=$l(function(e){return e===0?0:e>0?1:-1}),ka=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=$e(n,a),i={x:e(s.x,o.x),y:e(s.y,o.y)};return Ft(i,Re)?null:i}}(),Pc=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=jh(a),l=ka({max:s,current:o,change:i});return!l||i.x!==0&&l.x===0||i.y!==0&&l.y===0},xa=function(t,n){return Pc({current:t.scroll.current,max:t.scroll.max,change:n})},Yh=function(t,n){if(!xa(t,n))return null;var o=t.scroll.max,a=t.scroll.current;return ka({current:a,max:o,change:n})},Ma=function(t,n){var o=t.frame;return o?Pc({current:o.scroll.current,max:o.scroll.max,change:n}):!1},qh=function(t,n){var o=t.frame;return!o||!Ma(t,n)?null:ka({current:o.scroll.current,max:o.scroll.max,change:n})},Jh=function(e){var t=e.viewport,n=e.subject,o=e.center,a=e.dragStartTime,s=e.shouldUseTimeDampening,i=Lc({dragStartTime:a,container:t.frame,subject:n,center:o,shouldUseTimeDampening:s});return i&&xa(t,i)?i:null},Xh=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=Lc({dragStartTime:a,container:i.pageMarginBox,subject:n,center:o,shouldUseTimeDampening:s});return l&&Ma(t,l)?l:null},Oc=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=Jh({dragStartTime:n,viewport:c,subject:d,center:i,shouldUseTimeDampening:o});if(u){a(u);return}}var m=Kh({center:i,destination:tt(t.impact),droppables:t.dimensions.droppables});if(m){var p=Xh({dragStartTime:n,droppable:m,subject:d,center:i,shouldUseTimeDampening:o});p&&s(m.descriptor.id,p)}},Zh=function(e){var t=e.scrollWindow,n=e.scrollDroppable,o=Hn(t),a=Hn(n),s=null,i=function(u){s||(process.env.NODE_ENV!=="production"?M(!1,"Cannot fluid scroll if not dragging"):M());var m=s,p=m.shouldUseTimeDampening,f=m.dragStartTime;Oc({state:u,scrollWindow:o,scrollDroppable:a,dragStartTime:f,shouldUseTimeDampening:p})},l=function(u){Jn(),s&&(process.env.NODE_ENV!=="production"?M(!1,"Cannot start auto scrolling when already started"):M());var m=Date.now(),p=!1,f=function(){p=!0};Oc({state:u,dragStartTime:0,shouldUseTimeDampening:!1,scrollWindow:f,scrollDroppable:f}),s={dragStartTime:m,shouldUseTimeDampening:p},Xn(),p&&i(u)},d=function(){s&&(o.cancel(),a.cancel(),s=null)};return{start:l,stop:d,scroll:i}},Qh=function(e){var t=e.move,n=e.scrollDroppable,o=e.scrollWindow,a=function(c,u){var m=$e(c.current.client.selection,u);t({client:m})},s=function(c,u){if(!Ma(c,u))return u;var m=qh(c,u);if(!m)return n(c.descriptor.id,u),null;var p=et(u,m);n(c.descriptor.id,p);var f=et(u,p);return f},i=function(c,u,m){if(!c||!xa(u,m))return m;var p=Yh(u,m);if(!p)return o(m),null;var f=et(m,p);o(f);var h=et(m,f);return h},l=function(c){var u=c.scrollJumpRequest;if(u){var m=tt(c.impact);m||(process.env.NODE_ENV!=="production"?M(!1,"Cannot perform a jump scroll when there is no destination"):M());var p=s(c.dimensions.droppables[m],u);if(p){var f=c.viewport,h=i(c.isWindowScrollAllowed,f,p);h&&a(c,h)}}};return l},eb=function(e){var t=e.scrollDroppable,n=e.scrollWindow,o=e.move,a=Zh({scrollWindow:n,scrollDroppable:t}),s=Qh({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},wn="data-rbd",Cn=function(){var e=wn+"-drag-handle";return{base:e,draggableId:e+"-draggable-id",contextId:e+"-context-id"}}(),La=function(){var e=wn+"-draggable";return{base:e,contextId:e+"-context-id",id:e+"-id"}}(),tb=function(){var e=wn+"-droppable";return{base:e,contextId:e+"-context-id",id:e+"-id"}}(),Bc={contextId:wn+"-scroll-container-context-id"},nb=function(t){return function(n){return"["+n+'="'+t+'"]'}},to=function(t,n){return t.map(function(o){var a=o.styles[n];return a?o.selector+" { "+a+" }":""}).join(" ")},ob="pointer-events: none;",rb=function(e){var t=nb(e),n=function(){var l=`
450
+ `),0;var s=o-t,i=s/a;return i},ka=1,Uh=function(e,t){if(e>t.startScrollingFrom)return 0;if(e<=t.maxScrollValueAt)return Ht.maxPixelScroll;if(e===t.startScrollingFrom)return ka;var n=Ic({startOfRange:t.maxScrollValueAt,endOfRange:t.startScrollingFrom,current:e}),o=1-n,a=Ht.maxPixelScroll*Ht.ease(o);return Math.ceil(a)},kc=Ht.durationDampening.accelerateAt,xc=Ht.durationDampening.stopDampeningAt,zh=function(e,t){var n=t,o=xc,a=Date.now(),s=a-n;if(s>=xc)return e;if(s<kc)return ka;var i=Ic({startOfRange:kc,endOfRange:o,current:s}),l=e*Ht.ease(i);return Math.ceil(l)},Mc=function(e){var t=e.distanceToEdge,n=e.thresholds,o=e.dragStartTime,a=e.shouldUseTimeDampening,s=Uh(t,n);return s===0?0:a?Math.max(zh(s,o),ka):s},Lc=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?Mc({distanceToEdge:n[a.end],thresholds:i,dragStartTime:o,shouldUseTimeDampening:s}):-1*Mc({distanceToEdge:n[a.start],thresholds:i,dragStartTime:o,shouldUseTimeDampening:s})},jh=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=Kl(function(e){return e===0?0:e}),Pc=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=Lc({container:n,distanceToEdges:i,dragStartTime:t,axis:pa,shouldUseTimeDampening:s}),d=Lc({container:n,distanceToEdges:i,dragStartTime:t,axis:Yl,shouldUseTimeDampening:s}),c=Yh({x:d,y:l});if(Vt(c,_e))return null;var u=jh({container:n,subject:o,proposedScroll:c});return u?Vt(u,_e)?null:u:null},qh=Kl(function(e){return e===0?0:e>0?1:-1}),xa=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=Ve(n,a),i={x:e(s.x,o.x),y:e(s.y,o.y)};return Vt(i,_e)?null:i}}(),Oc=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=qh(a),l=xa({max:s,current:o,change:i});return!l||i.x!==0&&l.x===0||i.y!==0&&l.y===0},Ma=function(t,n){return Oc({current:t.scroll.current,max:t.scroll.max,change:n})},Jh=function(t,n){if(!Ma(t,n))return null;var o=t.scroll.max,a=t.scroll.current;return xa({current:a,max:o,change:n})},La=function(t,n){var o=t.frame;return o?Oc({current:o.scroll.current,max:o.scroll.max,change:n}):!1},Xh=function(t,n){var o=t.frame;return!o||!La(t,n)?null:xa({current:o.scroll.current,max:o.scroll.max,change:n})},Zh=function(e){var t=e.viewport,n=e.subject,o=e.center,a=e.dragStartTime,s=e.shouldUseTimeDampening,i=Pc({dragStartTime:a,container:t.frame,subject:n,center:o,shouldUseTimeDampening:s});return i&&Ma(t,i)?i:null},Qh=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=Pc({dragStartTime:a,container:i.pageMarginBox,subject:n,center:o,shouldUseTimeDampening:s});return l&&La(t,l)?l:null},Bc=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=Zh({dragStartTime:n,viewport:c,subject:d,center:i,shouldUseTimeDampening:o});if(u){a(u);return}}var m=Wh({center:i,destination:et(t.impact),droppables:t.dimensions.droppables});if(m){var p=Qh({dragStartTime:n,droppable:m,subject:d,center:i,shouldUseTimeDampening:o});p&&s(m.descriptor.id,p)}},eb=function(e){var t=e.scrollWindow,n=e.scrollDroppable,o=Kn(t),a=Kn(n),s=null,i=function(u){s||(process.env.NODE_ENV!=="production"?L(!1,"Cannot fluid scroll if not dragging"):L());var m=s,p=m.shouldUseTimeDampening,f=m.dragStartTime;Bc({state:u,scrollWindow:o,scrollDroppable:a,dragStartTime:f,shouldUseTimeDampening:p})},l=function(u){qn(),s&&(process.env.NODE_ENV!=="production"?L(!1,"Cannot start auto scrolling when already started"):L());var m=Date.now(),p=!1,f=function(){p=!0};Bc({state:u,dragStartTime:0,shouldUseTimeDampening:!1,scrollWindow:f,scrollDroppable:f}),s={dragStartTime:m,shouldUseTimeDampening:p},Jn(),p&&i(u)},d=function(){s&&(o.cancel(),a.cancel(),s=null)};return{start:l,stop:d,scroll:i}},tb=function(e){var t=e.move,n=e.scrollDroppable,o=e.scrollWindow,a=function(c,u){var m=Ve(c.current.client.selection,u);t({client:m})},s=function(c,u){if(!La(c,u))return u;var m=Xh(c,u);if(!m)return n(c.descriptor.id,u),null;var p=Qe(u,m);n(c.descriptor.id,p);var f=Qe(u,p);return f},i=function(c,u,m){if(!c||!Ma(u,m))return m;var p=Jh(u,m);if(!p)return o(m),null;var f=Qe(m,p);o(f);var h=Qe(m,f);return h},l=function(c){var u=c.scrollJumpRequest;if(u){var m=et(c.impact);m||(process.env.NODE_ENV!=="production"?L(!1,"Cannot perform a jump scroll when there is no destination"):L());var p=s(c.dimensions.droppables[m],u);if(p){var f=c.viewport,h=i(c.isWindowScrollAllowed,f,p);h&&a(c,h)}}};return l},nb=function(e){var t=e.scrollDroppable,n=e.scrollWindow,o=e.move,a=eb({scrollWindow:n,scrollDroppable:t}),s=tb({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},Cn="data-rbd",Dn=function(){var e=Cn+"-drag-handle";return{base:e,draggableId:e+"-draggable-id",contextId:e+"-context-id"}}(),Pa=function(){var e=Cn+"-draggable";return{base:e,contextId:e+"-context-id",id:e+"-id"}}(),ob=function(){var e=Cn+"-droppable";return{base:e,contextId:e+"-context-id",id:e+"-id"}}(),_c={contextId:Cn+"-scroll-container-context-id"},rb=function(t){return function(n){return"["+n+'="'+t+'"]'}},eo=function(t,n){return t.map(function(o){var a=o.styles[n];return a?o.selector+" { "+a+" }":""}).join(" ")},ab="pointer-events: none;",sb=function(e){var t=rb(e),n=function(){var l=`
451
451
  cursor: -webkit-grab;
452
452
  cursor: grab;
453
- `;return{selector:t(Cn.contextId),styles:{always:`
453
+ `;return{selector:t(Dn.contextId),styles:{always:`
454
454
  -webkit-touch-callout: none;
455
455
  -webkit-tap-highlight-color: rgba(0,0,0,0);
456
456
  touch-action: manipulation;
457
- `,resting:l,dragging:ob,dropAnimating:l}}}(),o=function(){var l=`
458
- transition: `+Qn.outOfTheWay+`;
459
- `;return{selector:t(La.contextId),styles:{dragging:l,dropAnimating:l,userCancel:l}}}(),a={selector:t(tb.contextId),styles:{always:"overflow-anchor: none;"}},s={selector:"body",styles:{dragging:`
457
+ `,resting:l,dragging:ab,dropAnimating:l}}}(),o=function(){var l=`
458
+ transition: `+Zn.outOfTheWay+`;
459
+ `;return{selector:t(Pa.contextId),styles:{dragging:l,dropAnimating:l,userCancel:l}}}(),a={selector:t(ob.contextId),styles:{always:"overflow-anchor: none;"}},s={selector:"body",styles:{dragging:`
460
460
  cursor: grabbing;
461
461
  cursor: -webkit-grabbing;
462
462
  user-select: none;
@@ -464,7 +464,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
464
464
  -moz-user-select: none;
465
465
  -ms-user-select: none;
466
466
  overflow-anchor: none;
467
- `}},i=[o,n,a,s];return{always:to(i,"always"),resting:to(i,"resting"),dragging:to(i,"dragging"),dropAnimating:to(i,"dropAnimating"),userCancel:to(i,"userCancel")}},nt=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?w.useLayoutEffect:w.useEffect,Pa=function(){var t=document.querySelector("head");return t||(process.env.NODE_ENV!=="production"?M(!1,"Cannot find the head to append a style to"):M()),t},_c=function(t){var n=document.createElement("style");return t&&n.setAttribute("nonce",t),n.type="text/css",n};function ab(e,t){var n=fe(function(){return rb(e)},[e]),o=w.useRef(null),a=w.useRef(null),s=ie(_e(function(m){var p=a.current;p||(process.env.NODE_ENV!=="production"?M(!1,"Cannot set dynamic style element if it is not set"):M()),p.textContent=m}),[]),i=ie(function(m){var p=o.current;p||(process.env.NODE_ENV!=="production"?M(!1,"Cannot set dynamic style element if it is not set"):M()),p.textContent=m},[]);nt(function(){!o.current&&!a.current||(process.env.NODE_ENV!=="production"?M(!1,"style elements already mounted"):M());var m=_c(t),p=_c(t);return o.current=m,a.current=p,m.setAttribute(wn+"-always",e),p.setAttribute(wn+"-dynamic",e),Pa().appendChild(m),Pa().appendChild(p),i(n.always),s(n.resting),function(){var f=function(v){var E=v.current;E||(process.env.NODE_ENV!=="production"?M(!1,"Cannot unmount ref as it is not set"):M()),Pa().removeChild(E),v.current=null};f(o),f(a)}},[t,i,s,n.always,n.resting,e]);var l=ie(function(){return s(n.dragging)},[s,n.dragging]),d=ie(function(m){if(m==="DROP"){s(n.dropAnimating);return}s(n.userCancel)},[s,n.dropAnimating,n.userCancel]),c=ie(function(){a.current&&s(n.resting)},[s,n.resting]),u=fe(function(){return{dragging:l,dropping:d,resting:c}},[l,d,c]);return u}var Rc=function(e){return e&&e.ownerDocument?e.ownerDocument.defaultView:window};function no(e){return e instanceof Rc(e).HTMLElement}function Fc(e,t){var n="["+Cn.contextId+'="'+e+'"]',o=Hl(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=At(o,function(s){return s.getAttribute(Cn.draggableId)===t});return a?no(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 sb(e){var t=w.useRef({}),n=w.useRef(null),o=w.useRef(null),a=w.useRef(!1),s=ie(function(p,f){var h={id:p,focus:f};return t.current[p]=h,function(){var E=t.current,y=E[p];y!==h&&delete E[p]}},[]),i=ie(function(p){var f=Fc(e,p);f&&f!==document.activeElement&&f.focus()},[e]),l=ie(function(p,f){n.current===p&&(n.current=f)},[]),d=ie(function(){o.current||a.current&&(o.current=requestAnimationFrame(function(){o.current=null;var p=n.current;p&&i(p)}))},[i]),c=ie(function(p){n.current=null;var f=document.activeElement;f&&f.getAttribute(Cn.draggableId)===p&&(n.current=p)},[]);nt(function(){return a.current=!0,function(){a.current=!1;var p=o.current;p&&cancelAnimationFrame(p)}},[]);var u=fe(function(){return{register:s,tryRecordFocus:c,tryRestoreFocusRecorded:d,tryShiftRecord:l}},[s,c,d,l]);return u}function ib(){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"?M(!1,"Cannot find draggable entry with id ["+m+"]"):M()),p}var i={register:function(p){e.draggables[p.descriptor.id]=p,o({type:"ADDITION",value:p})},update:function(p,f){var h=e.draggables[f.descriptor.id];h&&h.uniqueId===p.uniqueId&&(delete e.draggables[f.descriptor.id],e.draggables[p.descriptor.id]=p)},unregister:function(p){var f=p.descriptor.id,h=a(f);h&&p.uniqueId===h.uniqueId&&(delete e.draggables[f],o({type:"REMOVAL",value:p}))},getById:s,findById:a,exists:function(p){return!!a(p)},getAllByType:function(p){return Bo(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"?M(!1,"Cannot find droppable entry with id ["+m+"]"):M()),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 Bo(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 lb(){var e=fe(ib,[]);return w.useEffect(function(){return function(){requestAnimationFrame(e.clean)}},[e]),e}var Oa=w.createContext(null),oo=function(){var e=document.body;return e||(process.env.NODE_ENV!=="production"?M(!1,"Cannot find document.body"):M()),e},cb={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",overflow:"hidden",clip:"rect(0 0 0 0)","clip-path":"inset(100%)"},db=function(t){return"rbd-announcement-"+t};function pb(e){var t=fe(function(){return db(e)},[e]),n=w.useRef(null);w.useEffect(function(){var s=document.createElement("div");return n.current=s,s.id=t,s.setAttribute("aria-live","assertive"),s.setAttribute("aria-atomic","true"),le(s.style,cb),oo().appendChild(s),function(){setTimeout(function(){var d=oo();d.contains(s)&&d.removeChild(s),s===n.current&&(n.current=null)})}},[t]);var o=ie(function(a){var s=n.current;if(s){s.textContent=a;return}process.env.NODE_ENV!=="production"&&Ce(`
467
+ `}},i=[o,n,a,s];return{always:eo(i,"always"),resting:eo(i,"resting"),dragging:eo(i,"dragging"),dropAnimating:eo(i,"dropAnimating"),userCancel:eo(i,"userCancel")}},tt=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?w.useLayoutEffect:w.useEffect,Oa=function(){var t=document.querySelector("head");return t||(process.env.NODE_ENV!=="production"?L(!1,"Cannot find the head to append a style to"):L()),t},Rc=function(t){var n=document.createElement("style");return t&&n.setAttribute("nonce",t),n.type="text/css",n};function ib(e,t){var n=Se(function(){return sb(e)},[e]),o=w.useRef(null),a=w.useRef(null),s=ie(Be(function(m){var p=a.current;p||(process.env.NODE_ENV!=="production"?L(!1,"Cannot set dynamic style element if it is not set"):L()),p.textContent=m}),[]),i=ie(function(m){var p=o.current;p||(process.env.NODE_ENV!=="production"?L(!1,"Cannot set dynamic style element if it is not set"):L()),p.textContent=m},[]);tt(function(){!o.current&&!a.current||(process.env.NODE_ENV!=="production"?L(!1,"style elements already mounted"):L());var m=Rc(t),p=Rc(t);return o.current=m,a.current=p,m.setAttribute(Cn+"-always",e),p.setAttribute(Cn+"-dynamic",e),Oa().appendChild(m),Oa().appendChild(p),i(n.always),s(n.resting),function(){var f=function(v){var E=v.current;E||(process.env.NODE_ENV!=="production"?L(!1,"Cannot unmount ref as it is not set"):L()),Oa().removeChild(E),v.current=null};f(o),f(a)}},[t,i,s,n.always,n.resting,e]);var l=ie(function(){return s(n.dragging)},[s,n.dragging]),d=ie(function(m){if(m==="DROP"){s(n.dropAnimating);return}s(n.userCancel)},[s,n.dropAnimating,n.userCancel]),c=ie(function(){a.current&&s(n.resting)},[s,n.resting]),u=Se(function(){return{dragging:l,dropping:d,resting:c}},[l,d,c]);return u}var Fc=function(e){return e&&e.ownerDocument?e.ownerDocument.defaultView:window};function to(e){return e instanceof Fc(e).HTMLElement}function Ac(e,t){var n="["+Dn.contextId+'="'+e+'"]',o=Wl(document.querySelectorAll(n));if(!o.length)return process.env.NODE_ENV!=="production"&&De('Unable to find any drag handles in the context "'+e+'"'),null;var a=$t(o,function(s){return s.getAttribute(Dn.draggableId)===t});return a?to(a)?a:(process.env.NODE_ENV!=="production"&&De("drag handle needs to be a HTMLElement"),null):(process.env.NODE_ENV!=="production"&&De('Unable to find drag handle with id "'+t+'" as no handle with a matching id was found'),null)}function lb(e){var t=w.useRef({}),n=w.useRef(null),o=w.useRef(null),a=w.useRef(!1),s=ie(function(p,f){var h={id:p,focus:f};return t.current[p]=h,function(){var E=t.current,y=E[p];y!==h&&delete E[p]}},[]),i=ie(function(p){var f=Ac(e,p);f&&f!==document.activeElement&&f.focus()},[e]),l=ie(function(p,f){n.current===p&&(n.current=f)},[]),d=ie(function(){o.current||a.current&&(o.current=requestAnimationFrame(function(){o.current=null;var p=n.current;p&&i(p)}))},[i]),c=ie(function(p){n.current=null;var f=document.activeElement;f&&f.getAttribute(Dn.draggableId)===p&&(n.current=p)},[]);tt(function(){return a.current=!0,function(){a.current=!1;var p=o.current;p&&cancelAnimationFrame(p)}},[]);var u=Se(function(){return{register:s,tryRecordFocus:c,tryRestoreFocusRecorded:d,tryShiftRecord:l}},[s,c,d,l]);return u}function cb(){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"?L(!1,"Cannot find draggable entry with id ["+m+"]"):L()),p}var i={register:function(p){e.draggables[p.descriptor.id]=p,o({type:"ADDITION",value:p})},update:function(p,f){var h=e.draggables[f.descriptor.id];h&&h.uniqueId===p.uniqueId&&(delete e.draggables[f.descriptor.id],e.draggables[p.descriptor.id]=p)},unregister:function(p){var f=p.descriptor.id,h=a(f);h&&p.uniqueId===h.uniqueId&&(delete e.draggables[f],o({type:"REMOVAL",value:p}))},getById:s,findById:a,exists:function(p){return!!a(p)},getAllByType:function(p){return Bo(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"?L(!1,"Cannot find droppable entry with id ["+m+"]"):L()),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 Bo(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 db(){var e=Se(cb,[]);return w.useEffect(function(){return function(){requestAnimationFrame(e.clean)}},[e]),e}var Ba=w.createContext(null),no=function(){var e=document.body;return e||(process.env.NODE_ENV!=="production"?L(!1,"Cannot find document.body"):L()),e},pb={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",overflow:"hidden",clip:"rect(0 0 0 0)","clip-path":"inset(100%)"},ub=function(t){return"rbd-announcement-"+t};function mb(e){var t=Se(function(){return ub(e)},[e]),n=w.useRef(null);w.useEffect(function(){var s=document.createElement("div");return n.current=s,s.id=t,s.setAttribute("aria-live","assertive"),s.setAttribute("aria-atomic","true"),le(s.style,pb),no().appendChild(s),function(){setTimeout(function(){var d=no();d.contains(s)&&d.removeChild(s),s===n.current&&(n.current=null)})}},[t]);var o=ie(function(a){var s=n.current;if(s){s.textContent=a;return}process.env.NODE_ENV!=="production"&&De(`
468
468
  A screen reader message was trying to be announced but it was unable to do so.
469
469
  This can occur if you unmount your <DragDropContext /> in your onDragEnd.
470
470
  Consider calling provided.announce() before the unmount so that the instruction will
@@ -473,34 +473,34 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
473
473
  Message not passed to screen reader:
474
474
 
475
475
  "`+a+`"
476
- `)},[]);return o}var Ac=0,ub={separator:"::"};function mb(){Ac=0}function Ba(e,t){return t===void 0&&(t=ub),fe(function(){return""+e+t.separator+Ac++},[t.separator,e])}function fb(e){var t=e.contextId,n=e.uniqueId;return"rbd-hidden-text-"+t+"-"+n}function Sb(e){var t=e.contextId,n=e.text,o=Ba("hidden-text",{separator:"-"}),a=fe(function(){return fb({contextId:t,uniqueId:o})},[o,t]);return w.useEffect(function(){var i=document.createElement("div");return i.id=a,i.textContent=n,i.style.display="none",oo().appendChild(i),function(){var d=oo();d.contains(i)&&d.removeChild(i)}},[a,n]),a}var Ko=w.createContext(null),gb={react:"^16.8.5 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.5 || ^17.0.0 || ^18.0.0"},hb=/(\d+)\.(\d+)\.(\d+)/,Vc=function(t){var n=hb.exec(t);n==null&&(process.env.NODE_ENV!=="production"?M(!1,"Unable to parse React version "+t):M());var o=Number(n[1]),a=Number(n[2]),s=Number(n[3]);return{major:o,minor:a,patch:s,raw:t}},bb=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},vb=function(e,t){var n=Vc(e),o=Vc(t);bb(n,o)||process.env.NODE_ENV!=="production"&&Ce(`
476
+ `)},[]);return o}var Vc=0,fb={separator:"::"};function Sb(){Vc=0}function _a(e,t){return t===void 0&&(t=fb),Se(function(){return""+e+t.separator+Vc++},[t.separator,e])}function gb(e){var t=e.contextId,n=e.uniqueId;return"rbd-hidden-text-"+t+"-"+n}function hb(e){var t=e.contextId,n=e.text,o=_a("hidden-text",{separator:"-"}),a=Se(function(){return gb({contextId:t,uniqueId:o})},[o,t]);return w.useEffect(function(){var i=document.createElement("div");return i.id=a,i.textContent=n,i.style.display="none",no().appendChild(i),function(){var d=no();d.contains(i)&&d.removeChild(i)}},[a,n]),a}var Ko=w.createContext(null),bb={react:"^16.8.5 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.5 || ^17.0.0 || ^18.0.0"},vb=/(\d+)\.(\d+)\.(\d+)/,$c=function(t){var n=vb.exec(t);n==null&&(process.env.NODE_ENV!=="production"?L(!1,"Unable to parse React version "+t):L());var o=Number(n[1]),a=Number(n[2]),s=Number(n[3]);return{major:o,minor:a,patch:s,raw:t}},yb=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},Eb=function(e,t){var n=$c(e),o=$c(t);yb(n,o)||process.env.NODE_ENV!=="production"&&De(`
477
477
  React version: [`+o.raw+`]
478
478
  does not satisfy expected peer dependency version: [`+n.raw+`]
479
479
 
480
480
  This can result in run time bugs, and even fatal crashes
481
- `)},_a=`
481
+ `)},Ra=`
482
482
  We expect a html5 doctype: <!doctype html>
483
483
  This is to ensure consistent browser layout and measurement
484
484
 
485
485
  More information: https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/doctype.md
486
- `,yb=function(e){var t=e.doctype;if(!t){process.env.NODE_ENV!=="production"&&Ce(`
486
+ `,Tb=function(e){var t=e.doctype;if(!t){process.env.NODE_ENV!=="production"&&De(`
487
487
  No <!doctype html> found.
488
488
 
489
- `+_a+`
490
- `);return}t.name.toLowerCase()!=="html"&&process.env.NODE_ENV!=="production"&&Ce(`
489
+ `+Ra+`
490
+ `);return}t.name.toLowerCase()!=="html"&&process.env.NODE_ENV!=="production"&&De(`
491
491
  Unexpected <!doctype> found: (`+t.name+`)
492
492
 
493
- `+_a+`
494
- `),t.publicId!==""&&process.env.NODE_ENV!=="production"&&Ce(`
493
+ `+Ra+`
494
+ `),t.publicId!==""&&process.env.NODE_ENV!=="production"&&De(`
495
495
  Unexpected <!doctype> publicId found: (`+t.publicId+`)
496
496
  A html5 doctype does not have a publicId
497
497
 
498
- `+_a+`
499
- `)};function Ra(e){process.env.NODE_ENV!=="production"&&e()}function ro(e,t){Ra(function(){w.useEffect(function(){try{e()}catch(n){sa(`
498
+ `+Ra+`
499
+ `)};function Fa(e){process.env.NODE_ENV!=="production"&&e()}function oo(e,t){Fa(function(){w.useEffect(function(){try{e()}catch(n){ia(`
500
500
  A setup problem was encountered.
501
501
 
502
502
  > `+n.message+`
503
- `)}},t)})}function Eb(){ro(function(){vb(gb.react,w.version),yb(document)},[])}function Fa(e){var t=w.useRef(e);return w.useEffect(function(){t.current=e}),t}function Tb(){var e=null;function t(){return!!e}function n(i){return i===e}function o(i){e&&(process.env.NODE_ENV!=="production"?M(!1,"Cannot claim lock as it is already claimed"):M());var l={abandon:i};return e=l,l}function a(){e||(process.env.NODE_ENV!=="production"?M(!1,"Cannot release lock when there is no lock"):M()),e=null}function s(){e&&(e.abandon(),a())}return{isClaimed:t,isActive:n,claim:o,release:a,tryAbandon:s}}var wb=9,Cb=13,Aa=27,$c=32,Db=33,Nb=34,Ib=35,kb=36,xb=37,Mb=38,Lb=39,Pb=40,Ho,Ob=(Ho={},Ho[Cb]=!0,Ho[wb]=!0,Ho),Kc=function(e){Ob[e.keyCode]&&e.preventDefault()},Wo=function(){var e="visibilitychange";if(typeof document>"u")return e;var t=[e,"ms"+e,"webkit"+e,"moz"+e,"o"+e],n=At(t,function(o){return"on"+o in document});return n||e}(),Hc=0,Wc=5;function Bb(e,t){return Math.abs(t.x-e.x)>=Wc||Math.abs(t.y-e.y)>=Wc}var Gc={type:"IDLE"};function _b(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===Hc){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"?M(!1,"Cannot be IDLE"):M());var p=m.point;if(Bb(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===Aa){i.preventDefault(),t();return}Kc(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"?M(!1,"Unexpected phase"):M()),l.actions.shouldRespectForcePress()){t();return}i.preventDefault()}},{eventName:Wo,fn:t}]}function Uc(e){var t=w.useRef(Gc),n=w.useRef(Rt),o=fe(function(){return{eventName:"mousedown",fn:function(m){if(!m.defaultPrevented&&m.button===Hc&&!(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 h={x:m.clientX,y:m.clientY};n.current(),c(f,h)}}}}}},[e]),a=fe(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=ie(function(){var m={passive:!1,capture:!0};n.current=it(window,[a,o],m)},[a,o]),i=ie(function(){var u=t.current;u.type!=="IDLE"&&(t.current=Gc,n.current(),s())},[s]),l=ie(function(){var u=t.current;i(),u.type==="DRAGGING"&&u.actions.cancel({shouldBlockNextClick:!0}),u.type==="PENDING"&&u.actions.abort()},[i]),d=ie(function(){var m={capture:!0,passive:!1},p=_b({cancel:l,completed:i,getPhase:function(){return t.current},setPhase:function(h){t.current=h}});n.current=it(window,p,m)},[l,i]),c=ie(function(m,p){t.current.type!=="IDLE"&&(process.env.NODE_ENV!=="production"?M(!1,"Expected to move from IDLE to PENDING drag"):M()),t.current={type:"PENDING",point:p,actions:m},d()},[d]);nt(function(){return s(),function(){n.current()}},[s])}var Dn;function Rb(){}var Fb=(Dn={},Dn[Nb]=!0,Dn[Db]=!0,Dn[kb]=!0,Dn[Ib]=!0,Dn);function Ab(e,t){function n(){t(),e.cancel()}function o(){t(),e.drop()}return[{eventName:"keydown",fn:function(s){if(s.keyCode===Aa){s.preventDefault(),n();return}if(s.keyCode===$c){s.preventDefault(),o();return}if(s.keyCode===Pb){s.preventDefault(),e.moveDown();return}if(s.keyCode===Mb){s.preventDefault(),e.moveUp();return}if(s.keyCode===Lb){s.preventDefault(),e.moveRight();return}if(s.keyCode===xb){s.preventDefault(),e.moveLeft();return}if(Fb[s.keyCode]){s.preventDefault();return}Kc(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:Wo,fn:n}]}function zc(e){var t=w.useRef(Rb),n=fe(function(){return{eventName:"keydown",fn:function(s){if(s.defaultPrevented||s.keyCode!==$c)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"?M(!1,"Cannot stop capturing a keyboard drag when not capturing"):M()),d=!1,t.current(),o()}t.current=it(window,Ab(c,u),{capture:!0,passive:!1})}}},[e]),o=ie(function(){var s={passive:!1,capture:!0};t.current=it(window,[n],s)},[n]);nt(function(){return o(),function(){t.current()}},[o])}var Va={type:"IDLE"},Vb=120,$b=.15;function Kb(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===Aa&&a.preventDefault(),t()}},{eventName:Wo,fn:t}]}function Hb(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,M());var l=s.touches[0];if(l){var d=l.force>=$b;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:Wo,fn:t}]}function jc(e){var t=w.useRef(Va),n=w.useRef(Rt),o=ie(function(){return t.current},[]),a=ie(function(f){t.current=f},[]),s=fe(function(){return{eventName:"touchstart",fn:function(f){if(!f.defaultPrevented){var h=e.findClosestDraggableId(f);if(h){var v=e.tryGetLock(h,l,{sourceEvent:f});if(v){var E=f.touches[0],y=E.clientX,b=E.clientY,N={x:y,y:b};n.current(),m(v,N)}}}}}},[e]),i=ie(function(){var f={capture:!0,passive:!1};n.current=it(window,[s],f)},[s]),l=ie(function(){var p=t.current;p.type!=="IDLE"&&(p.type==="PENDING"&&clearTimeout(p.longPressTimerId),a(Va),n.current(),i())},[i,a]),d=ie(function(){var p=t.current;l(),p.type==="DRAGGING"&&p.actions.cancel({shouldBlockNextClick:!0}),p.type==="PENDING"&&p.actions.abort()},[l]),c=ie(function(){var f={capture:!0,passive:!1},h={cancel:d,completed:l,getPhase:o},v=it(window,Hb(h),f),E=it(window,Kb(h),f);n.current=function(){v(),E()}},[d,o,l]),u=ie(function(){var f=o();f.type!=="PENDING"&&(process.env.NODE_ENV!=="production"?M(!1,"Cannot start dragging from phase "+f.type):M());var h=f.actions.fluidLift(f.point);a({type:"DRAGGING",actions:h,hasMoved:!1})},[o,a]),m=ie(function(f,h){o().type!=="IDLE"&&(process.env.NODE_ENV!=="production"?M(!1,"Expected to move from IDLE to PENDING drag"):M());var v=setTimeout(u,Vb);a({type:"PENDING",point:h,actions:f,longPressTimerId:v}),c()},[c,o,a,u]);nt(function(){return i(),function(){n.current();var h=o();h.type==="PENDING"&&(clearTimeout(h.longPressTimerId),a(Va))}},[o,i,a]),nt(function(){var f=it(window,[{eventName:"touchmove",fn:function(){},options:{capture:!1,passive:!1}}]);return f},[])}function Wb(e){Ra(function(){var t=Fa(e);ro(function(){t.current.length!==e.length&&(process.env.NODE_ENV!=="production"?M(!1,"Cannot change the amount of sensor hooks after mounting"):M(!1))})})}var Gb={input:!0,button:!0,textarea:!0,select:!0,option:!0,optgroup:!0,video:!0,audio:!0};function Yc(e,t){if(t==null)return!1;var n=!!Gb[t.tagName.toLowerCase()];if(n)return!0;var o=t.getAttribute("contenteditable");return o==="true"||o===""?!0:t===e?!1:Yc(e,t.parentElement)}function Ub(e,t){var n=t.target;return no(n)?Yc(e,n):!1}var zb=function(e){return mt(e.getBoundingClientRect()).center};function jb(e){return e instanceof Rc(e).Element}var Yb=function(){var e="matches";if(typeof document>"u")return e;var t=[e,"msMatchesSelector","webkitMatchesSelector"],n=At(t,function(o){return o in Element.prototype});return n||e}();function qc(e,t){return e==null?null:e[Yb](t)?e:qc(e.parentElement,t)}function qb(e,t){return e.closest?e.closest(t):qc(e,t)}function Jb(e){return"["+Cn.contextId+'="'+e+'"]'}function Xb(e,t){var n=t.target;if(!jb(n))return process.env.NODE_ENV!=="production"&&Ce("event.target must be a Element"),null;var o=Jb(e),a=qb(n,o);return a?no(a)?a:(process.env.NODE_ENV!=="production"&&Ce("drag handle must be a HTMLElement"),null):null}function Zb(e,t){var n=Xb(e,t);return n?n.getAttribute(Cn.draggableId):null}function Qb(e,t){var n="["+La.contextId+'="'+e+'"]',o=Hl(document.querySelectorAll(n)),a=At(o,function(s){return s.getAttribute(La.id)===t});return a?no(a)?a:(process.env.NODE_ENV!=="production"&&Ce("Draggable element is not a HTMLElement"),null):null}function ev(e){e.preventDefault()}function Go(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(`
503
+ `)}},t)})}function wb(){oo(function(){Eb(bb.react,w.version),Tb(document)},[])}function Aa(e){var t=w.useRef(e);return w.useEffect(function(){t.current=e}),t}function Cb(){var e=null;function t(){return!!e}function n(i){return i===e}function o(i){e&&(process.env.NODE_ENV!=="production"?L(!1,"Cannot claim lock as it is already claimed"):L());var l={abandon:i};return e=l,l}function a(){e||(process.env.NODE_ENV!=="production"?L(!1,"Cannot release lock when there is no lock"):L()),e=null}function s(){e&&(e.abandon(),a())}return{isClaimed:t,isActive:n,claim:o,release:a,tryAbandon:s}}var Db=9,Nb=13,Va=27,Kc=32,Ib=33,kb=34,xb=35,Mb=36,Lb=37,Pb=38,Ob=39,Bb=40,Ho,_b=(Ho={},Ho[Nb]=!0,Ho[Db]=!0,Ho),Hc=function(e){_b[e.keyCode]&&e.preventDefault()},Wo=function(){var e="visibilitychange";if(typeof document>"u")return e;var t=[e,"ms"+e,"webkit"+e,"moz"+e,"o"+e],n=$t(t,function(o){return"on"+o in document});return n||e}(),Wc=0,Gc=5;function Rb(e,t){return Math.abs(t.x-e.x)>=Gc||Math.abs(t.y-e.y)>=Gc}var Uc={type:"IDLE"};function Fb(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===Wc){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"?L(!1,"Cannot be IDLE"):L());var p=m.point;if(Rb(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===Va){i.preventDefault(),t();return}Hc(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"?L(!1,"Unexpected phase"):L()),l.actions.shouldRespectForcePress()){t();return}i.preventDefault()}},{eventName:Wo,fn:t}]}function zc(e){var t=w.useRef(Uc),n=w.useRef(At),o=Se(function(){return{eventName:"mousedown",fn:function(m){if(!m.defaultPrevented&&m.button===Wc&&!(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 h={x:m.clientX,y:m.clientY};n.current(),c(f,h)}}}}}},[e]),a=Se(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=ie(function(){var m={passive:!1,capture:!0};n.current=st(window,[a,o],m)},[a,o]),i=ie(function(){var u=t.current;u.type!=="IDLE"&&(t.current=Uc,n.current(),s())},[s]),l=ie(function(){var u=t.current;i(),u.type==="DRAGGING"&&u.actions.cancel({shouldBlockNextClick:!0}),u.type==="PENDING"&&u.actions.abort()},[i]),d=ie(function(){var m={capture:!0,passive:!1},p=Fb({cancel:l,completed:i,getPhase:function(){return t.current},setPhase:function(h){t.current=h}});n.current=st(window,p,m)},[l,i]),c=ie(function(m,p){t.current.type!=="IDLE"&&(process.env.NODE_ENV!=="production"?L(!1,"Expected to move from IDLE to PENDING drag"):L()),t.current={type:"PENDING",point:p,actions:m},d()},[d]);tt(function(){return s(),function(){n.current()}},[s])}var Nn;function Ab(){}var Vb=(Nn={},Nn[kb]=!0,Nn[Ib]=!0,Nn[Mb]=!0,Nn[xb]=!0,Nn);function $b(e,t){function n(){t(),e.cancel()}function o(){t(),e.drop()}return[{eventName:"keydown",fn:function(s){if(s.keyCode===Va){s.preventDefault(),n();return}if(s.keyCode===Kc){s.preventDefault(),o();return}if(s.keyCode===Bb){s.preventDefault(),e.moveDown();return}if(s.keyCode===Pb){s.preventDefault(),e.moveUp();return}if(s.keyCode===Ob){s.preventDefault(),e.moveRight();return}if(s.keyCode===Lb){s.preventDefault(),e.moveLeft();return}if(Vb[s.keyCode]){s.preventDefault();return}Hc(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:Wo,fn:n}]}function jc(e){var t=w.useRef(Ab),n=Se(function(){return{eventName:"keydown",fn:function(s){if(s.defaultPrevented||s.keyCode!==Kc)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"?L(!1,"Cannot stop capturing a keyboard drag when not capturing"):L()),d=!1,t.current(),o()}t.current=st(window,$b(c,u),{capture:!0,passive:!1})}}},[e]),o=ie(function(){var s={passive:!1,capture:!0};t.current=st(window,[n],s)},[n]);tt(function(){return o(),function(){t.current()}},[o])}var $a={type:"IDLE"},Kb=120,Hb=.15;function Wb(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===Va&&a.preventDefault(),t()}},{eventName:Wo,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,L());var l=s.touches[0];if(l){var d=l.force>=Hb;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:Wo,fn:t}]}function Yc(e){var t=w.useRef($a),n=w.useRef(At),o=ie(function(){return t.current},[]),a=ie(function(f){t.current=f},[]),s=Se(function(){return{eventName:"touchstart",fn:function(f){if(!f.defaultPrevented){var h=e.findClosestDraggableId(f);if(h){var v=e.tryGetLock(h,l,{sourceEvent:f});if(v){var E=f.touches[0],y=E.clientX,b=E.clientY,N={x:y,y:b};n.current(),m(v,N)}}}}}},[e]),i=ie(function(){var f={capture:!0,passive:!1};n.current=st(window,[s],f)},[s]),l=ie(function(){var p=t.current;p.type!=="IDLE"&&(p.type==="PENDING"&&clearTimeout(p.longPressTimerId),a($a),n.current(),i())},[i,a]),d=ie(function(){var p=t.current;l(),p.type==="DRAGGING"&&p.actions.cancel({shouldBlockNextClick:!0}),p.type==="PENDING"&&p.actions.abort()},[l]),c=ie(function(){var f={capture:!0,passive:!1},h={cancel:d,completed:l,getPhase:o},v=st(window,Gb(h),f),E=st(window,Wb(h),f);n.current=function(){v(),E()}},[d,o,l]),u=ie(function(){var f=o();f.type!=="PENDING"&&(process.env.NODE_ENV!=="production"?L(!1,"Cannot start dragging from phase "+f.type):L());var h=f.actions.fluidLift(f.point);a({type:"DRAGGING",actions:h,hasMoved:!1})},[o,a]),m=ie(function(f,h){o().type!=="IDLE"&&(process.env.NODE_ENV!=="production"?L(!1,"Expected to move from IDLE to PENDING drag"):L());var v=setTimeout(u,Kb);a({type:"PENDING",point:h,actions:f,longPressTimerId:v}),c()},[c,o,a,u]);tt(function(){return i(),function(){n.current();var h=o();h.type==="PENDING"&&(clearTimeout(h.longPressTimerId),a($a))}},[o,i,a]),tt(function(){var f=st(window,[{eventName:"touchmove",fn:function(){},options:{capture:!1,passive:!1}}]);return f},[])}function Ub(e){Fa(function(){var t=Aa(e);oo(function(){t.current.length!==e.length&&(process.env.NODE_ENV!=="production"?L(!1,"Cannot change the amount of sensor hooks after mounting"):L(!1))})})}var zb={input:!0,button:!0,textarea:!0,select:!0,option:!0,optgroup:!0,video:!0,audio:!0};function qc(e,t){if(t==null)return!1;var n=!!zb[t.tagName.toLowerCase()];if(n)return!0;var o=t.getAttribute("contenteditable");return o==="true"||o===""?!0:t===e?!1:qc(e,t.parentElement)}function jb(e,t){var n=t.target;return to(n)?qc(e,n):!1}var Yb=function(e){return mt(e.getBoundingClientRect()).center};function qb(e){return e instanceof Fc(e).Element}var Jb=function(){var e="matches";if(typeof document>"u")return e;var t=[e,"msMatchesSelector","webkitMatchesSelector"],n=$t(t,function(o){return o in Element.prototype});return n||e}();function Jc(e,t){return e==null?null:e[Jb](t)?e:Jc(e.parentElement,t)}function Xb(e,t){return e.closest?e.closest(t):Jc(e,t)}function Zb(e){return"["+Dn.contextId+'="'+e+'"]'}function Qb(e,t){var n=t.target;if(!qb(n))return process.env.NODE_ENV!=="production"&&De("event.target must be a Element"),null;var o=Zb(e),a=Xb(n,o);return a?to(a)?a:(process.env.NODE_ENV!=="production"&&De("drag handle must be a HTMLElement"),null):null}function ev(e,t){var n=Qb(e,t);return n?n.getAttribute(Dn.draggableId):null}function tv(e,t){var n="["+Pa.contextId+'="'+e+'"]',o=Wl(document.querySelectorAll(n)),a=$t(o,function(s){return s.getAttribute(Pa.id)===t});return a?to(a)?a:(process.env.NODE_ENV!=="production"&&De("Draggable element is not a HTMLElement"),null):null}function nv(e){e.preventDefault()}function Go(e){var t=e.expected,n=e.phase,o=e.isLockActive,a=e.shouldWarn;return o()?t!==n?(a&&process.env.NODE_ENV!=="production"&&De(`
504
504
  Cannot perform action.
505
505
  The actions you used belong to an outdated phase
506
506
 
@@ -510,7 +510,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
510
510
  Tips:
511
511
 
512
512
  - Do not use preDragActions actions after calling preDragActions.lift()
513
- `),!1):!0:(a&&process.env.NODE_ENV!=="production"&&Ce(`
513
+ `),!1):!0:(a&&process.env.NODE_ENV!=="production"&&De(`
514
514
  Cannot perform action.
515
515
  The sensor no longer has an action lock.
516
516
 
@@ -518,7 +518,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
518
518
 
519
519
  - Throw away your action handlers when forceStop() is called
520
520
  - Check actions.isActive() if you really need to
521
- `),!1)}function Jc(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||!Dc(n.getState(),a)):(process.env.NODE_ENV!=="production"&&Ce("Unable to find draggable with id: "+a),!1)}function tv(e){var t=e.lockAPI,n=e.contextId,o=e.store,a=e.registry,s=e.draggableId,i=e.forceSensorStop,l=e.sourceEvent,d=Jc({lockAPI:t,store:o,registry:a,draggableId:s});if(!d)return null;var c=a.draggable.getById(s),u=Qb(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&&Ub(u,l))return null;var m=t.claim(i||Rt),p="PRE_DRAG";function f(){return c.options.shouldRespectForcePress}function h(){return t.isActive(m)}function v(x,B){Go({expected:x,phase:p,isLockActive:h,shouldWarn:!0})&&o.dispatch(B())}var E=v.bind(null,"DRAGGING");function y(x){function B(){t.release(),p="COMPLETED"}p!=="PRE_DRAG"&&(B(),p!=="PRE_DRAG"&&(process.env.NODE_ENV!=="production"?M(!1,"Cannot lift in phase "+p):M())),o.dispatch(Wg(x.liftActionArgs)),p="DRAGGING";function L(O,R){if(R===void 0&&(R={shouldBlockNextClick:!1}),x.cleanup(),R.shouldBlockNextClick){var q=it(window,[{eventName:"click",fn:ev,options:{once:!0,passive:!1,capture:!0}}]);setTimeout(q)}B(),o.dispatch(Sc({reason:O}))}return le({isActive:function(){return Go({expected:"DRAGGING",phase:p,isLockActive:h,shouldWarn:!1})},shouldRespectForcePress:f,drop:function(R){return L("DROP",R)},cancel:function(R){return L("CANCEL",R)}},x.actions)}function b(x){var B=Hn(function(O){E(function(){return fc({client:O})})}),L=y({liftActionArgs:{id:s,clientSelection:x,movementMode:"FLUID"},cleanup:function(){return B.cancel()},actions:{move:B}});return le({},L,{move:B})}function N(){var x={moveUp:function(){return E(Zg)},moveRight:function(){return E(eh)},moveDown:function(){return E(Qg)},moveLeft:function(){return E(th)}};return y({liftActionArgs:{id:s,clientSelection:zb(u),movementMode:"SNAP"},cleanup:Rt,actions:x})}function C(){var x=Go({expected:"PRE_DRAG",phase:p,isLockActive:h,shouldWarn:!0});x&&t.release()}var T={isActive:function(){return Go({expected:"PRE_DRAG",phase:p,isLockActive:h,shouldWarn:!1})},shouldRespectForcePress:f,fluidLift:b,snapLift:N,abort:C};return T}var nv=[Uc,zc,jc];function ov(e){var t=e.contextId,n=e.store,o=e.registry,a=e.customSensors,s=e.enableDefaultSensors,i=[].concat(s?nv:[],a||[]),l=w.useState(function(){return Tb()})[0],d=ie(function(b,N){b.isDragging&&!N.isDragging&&l.tryAbandon()},[l]);nt(function(){var b=n.getState(),N=n.subscribe(function(){var C=n.getState();d(b,C),b=C});return N},[l,n,d]),nt(function(){return l.tryAbandon},[l.tryAbandon]);var c=ie(function(y){return Jc({lockAPI:l,registry:o,store:n,draggableId:y})},[l,o,n]),u=ie(function(y,b,N){return tv({lockAPI:l,registry:o,contextId:t,store:n,draggableId:y,forceSensorStop:b,sourceEvent:N&&N.sourceEvent?N.sourceEvent:null})},[t,l,o,n]),m=ie(function(y){return Zb(t,y)},[t]),p=ie(function(y){var b=o.draggable.findById(y);return b?b.options:null},[o.draggable]),f=ie(function(){l.isClaimed()&&(l.tryAbandon(),n.getState().phase!=="IDLE"&&n.dispatch(va()))},[l,n]),h=ie(l.isClaimed,[l]),v=fe(function(){return{canGetLock:c,tryGetLock:u,findClosestDraggableId:m,findOptionsForDraggable:p,tryReleaseLock:f,isLockClaimed:h}},[c,u,m,p,f,h]);Wb(i);for(var E=0;E<i.length;E++)i[E](v)}var rv=function(t){return{onBeforeCapture:t.onBeforeCapture,onBeforeDragStart:t.onBeforeDragStart,onDragStart:t.onDragStart,onDragEnd:t.onDragEnd,onDragUpdate:t.onDragUpdate}};function ao(e){return e.current||(process.env.NODE_ENV!=="production"?M(!1,"Could not find store from lazy ref"):M()),e.current}function av(e){var t=e.contextId,n=e.setCallbacks,o=e.sensors,a=e.nonce,s=e.dragHandleUsageInstructions,i=w.useRef(null);Eb();var l=Fa(e),d=ie(function(){return rv(l.current)},[l]),c=pb(t),u=Sb({contextId:t,text:s}),m=ab(t,a),p=ie(function(O){ao(i).dispatch(O)},[]),f=fe(function(){return Ji({publishWhileDragging:Ug,updateDroppableScroll:jg,updateDroppableIsEnabled:Yg,updateDroppableIsCombineEnabled:qg,collectionStarting:zg},p)},[p]),h=lb(),v=fe(function(){return Fh(h,f)},[h,f]),E=fe(function(){return eb(le({scrollWindow:Ah,scrollDroppable:v.scrollDroppable},Ji({move:fc},p)))},[v.scrollDroppable,p]),y=sb(t),b=fe(function(){return Oh({announce:c,autoScroller:E,dimensionMarshal:v,focusMarshal:y,getResponders:d,styleMarshal:m})},[c,E,v,y,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 N=ie(function(){var O=ao(i),R=O.getState();R.phase!=="IDLE"&&O.dispatch(va())},[]),C=ie(function(){var O=ao(i).getState();return O.isDragging||O.phase==="DROP_ANIMATING"},[]),T=fe(function(){return{isDragging:C,tryAbort:N}},[C,N]);n(T);var x=ie(function(O){return Dc(ao(i).getState(),O)},[]),B=ie(function(){return tn(ao(i).getState())},[]),L=fe(function(){return{marshal:v,focus:y,contextId:t,canLift:x,isMovementAllowed:B,dragHandleUsageInstructionsId:u,registry:h}},[t,v,u,y,x,B,h]);return ov({contextId:t,store:b,registry:h,customSensors:o,enableDefaultSensors:e.enableDefaultSensors!==!1}),w.useEffect(function(){return N},[N]),w.createElement(Ko.Provider,{value:L},w.createElement(ml,{context:Oa,store:b},e.children))}var Xc=0;function sv(){Xc=0}function iv(){return fe(function(){return""+Xc++},[])}function lv(){sv(),mb()}function Zc(e){var t=iv(),n=e.dragHandleUsageInstructions||Oo.dragHandleUsageInstructions;return w.createElement(PS,null,function(o){return w.createElement(av,{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 $a=function(t){return function(n){return t===n}},cv=$a("scroll"),dv=$a("auto"),pv=$a("visible"),Qc=function(t,n){return n(t.overflowX)||n(t.overflowY)},uv=function(t,n){return n(t.overflowX)&&n(t.overflowY)},ed=function(t){var n=window.getComputedStyle(t),o={overflowX:n.overflowX,overflowY:n.overflowY};return Qc(o,cv)||Qc(o,dv)},mv=function(){if(process.env.NODE_ENV==="production")return!1;var t=oo(),n=document.documentElement;if(n||(process.env.NODE_ENV,M()),!ed(t))return!1;var o=window.getComputedStyle(n),a={overflowX:o.overflowX,overflowY:o.overflowY};return uv(a,pv)||process.env.NODE_ENV!=="production"&&Ce(`
521
+ `),!1)}function Xc(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||!Nc(n.getState(),a)):(process.env.NODE_ENV!=="production"&&De("Unable to find draggable with id: "+a),!1)}function ov(e){var t=e.lockAPI,n=e.contextId,o=e.store,a=e.registry,s=e.draggableId,i=e.forceSensorStop,l=e.sourceEvent,d=Xc({lockAPI:t,store:o,registry:a,draggableId:s});if(!d)return null;var c=a.draggable.getById(s),u=tv(n,c.descriptor.id);if(!u)return process.env.NODE_ENV!=="production"&&De("Unable to find draggable element with id: "+s),null;if(l&&!c.options.canDragInteractiveElements&&jb(u,l))return null;var m=t.claim(i||At),p="PRE_DRAG";function f(){return c.options.shouldRespectForcePress}function h(){return t.isActive(m)}function v(x,B){Go({expected:x,phase:p,isLockActive:h,shouldWarn:!0})&&o.dispatch(B())}var E=v.bind(null,"DRAGGING");function y(x){function B(){t.release(),p="COMPLETED"}p!=="PRE_DRAG"&&(B(),p!=="PRE_DRAG"&&(process.env.NODE_ENV!=="production"?L(!1,"Cannot lift in phase "+p):L())),o.dispatch(Ug(x.liftActionArgs)),p="DRAGGING";function M(P,F){if(F===void 0&&(F={shouldBlockNextClick:!1}),x.cleanup(),F.shouldBlockNextClick){var j=st(window,[{eventName:"click",fn:nv,options:{once:!0,passive:!1,capture:!0}}]);setTimeout(j)}B(),o.dispatch(gc({reason:P}))}return le({isActive:function(){return Go({expected:"DRAGGING",phase:p,isLockActive:h,shouldWarn:!1})},shouldRespectForcePress:f,drop:function(F){return M("DROP",F)},cancel:function(F){return M("CANCEL",F)}},x.actions)}function b(x){var B=Kn(function(P){E(function(){return Sc({client:P})})}),M=y({liftActionArgs:{id:s,clientSelection:x,movementMode:"FLUID"},cleanup:function(){return B.cancel()},actions:{move:B}});return le({},M,{move:B})}function N(){var x={moveUp:function(){return E(eh)},moveRight:function(){return E(nh)},moveDown:function(){return E(th)},moveLeft:function(){return E(oh)}};return y({liftActionArgs:{id:s,clientSelection:Yb(u),movementMode:"SNAP"},cleanup:At,actions:x})}function C(){var x=Go({expected:"PRE_DRAG",phase:p,isLockActive:h,shouldWarn:!0});x&&t.release()}var T={isActive:function(){return Go({expected:"PRE_DRAG",phase:p,isLockActive:h,shouldWarn:!1})},shouldRespectForcePress:f,fluidLift:b,snapLift:N,abort:C};return T}var rv=[zc,jc,Yc];function av(e){var t=e.contextId,n=e.store,o=e.registry,a=e.customSensors,s=e.enableDefaultSensors,i=[].concat(s?rv:[],a||[]),l=w.useState(function(){return Cb()})[0],d=ie(function(b,N){b.isDragging&&!N.isDragging&&l.tryAbandon()},[l]);tt(function(){var b=n.getState(),N=n.subscribe(function(){var C=n.getState();d(b,C),b=C});return N},[l,n,d]),tt(function(){return l.tryAbandon},[l.tryAbandon]);var c=ie(function(y){return Xc({lockAPI:l,registry:o,store:n,draggableId:y})},[l,o,n]),u=ie(function(y,b,N){return ov({lockAPI:l,registry:o,contextId:t,store:n,draggableId:y,forceSensorStop:b,sourceEvent:N&&N.sourceEvent?N.sourceEvent:null})},[t,l,o,n]),m=ie(function(y){return ev(t,y)},[t]),p=ie(function(y){var b=o.draggable.findById(y);return b?b.options:null},[o.draggable]),f=ie(function(){l.isClaimed()&&(l.tryAbandon(),n.getState().phase!=="IDLE"&&n.dispatch(ya()))},[l,n]),h=ie(l.isClaimed,[l]),v=Se(function(){return{canGetLock:c,tryGetLock:u,findClosestDraggableId:m,findOptionsForDraggable:p,tryReleaseLock:f,isLockClaimed:h}},[c,u,m,p,f,h]);Ub(i);for(var E=0;E<i.length;E++)i[E](v)}var sv=function(t){return{onBeforeCapture:t.onBeforeCapture,onBeforeDragStart:t.onBeforeDragStart,onDragStart:t.onDragStart,onDragEnd:t.onDragEnd,onDragUpdate:t.onDragUpdate}};function ro(e){return e.current||(process.env.NODE_ENV!=="production"?L(!1,"Could not find store from lazy ref"):L()),e.current}function iv(e){var t=e.contextId,n=e.setCallbacks,o=e.sensors,a=e.nonce,s=e.dragHandleUsageInstructions,i=w.useRef(null);wb();var l=Aa(e),d=ie(function(){return sv(l.current)},[l]),c=mb(t),u=hb({contextId:t,text:s}),m=ib(t,a),p=ie(function(P){ro(i).dispatch(P)},[]),f=Se(function(){return Xi({publishWhileDragging:jg,updateDroppableScroll:qg,updateDroppableIsEnabled:Jg,updateDroppableIsCombineEnabled:Xg,collectionStarting:Yg},p)},[p]),h=db(),v=Se(function(){return Vh(h,f)},[h,f]),E=Se(function(){return nb(le({scrollWindow:$h,scrollDroppable:v.scrollDroppable},Xi({move:Sc},p)))},[v.scrollDroppable,p]),y=lb(t),b=Se(function(){return _h({announce:c,autoScroller:E,dimensionMarshal:v,focusMarshal:y,getResponders:d,styleMarshal:m})},[c,E,v,y,d,m]);process.env.NODE_ENV!=="production"&&i.current&&i.current!==b&&process.env.NODE_ENV!=="production"&&De("unexpected store change"),i.current=b;var N=ie(function(){var P=ro(i),F=P.getState();F.phase!=="IDLE"&&P.dispatch(ya())},[]),C=ie(function(){var P=ro(i).getState();return P.isDragging||P.phase==="DROP_ANIMATING"},[]),T=Se(function(){return{isDragging:C,tryAbort:N}},[C,N]);n(T);var x=ie(function(P){return Nc(ro(i).getState(),P)},[]),B=ie(function(){return tn(ro(i).getState())},[]),M=Se(function(){return{marshal:v,focus:y,contextId:t,canLift:x,isMovementAllowed:B,dragHandleUsageInstructionsId:u,registry:h}},[t,v,u,y,x,B,h]);return av({contextId:t,store:b,registry:h,customSensors:o,enableDefaultSensors:e.enableDefaultSensors!==!1}),w.useEffect(function(){return N},[N]),w.createElement(Ko.Provider,{value:M},w.createElement(fl,{context:Ba,store:b},e.children))}var Zc=0;function lv(){Zc=0}function cv(){return Se(function(){return""+Zc++},[])}function dv(){lv(),Sb()}function Qc(e){var t=cv(),n=e.dragHandleUsageInstructions||Oo.dragHandleUsageInstructions;return w.createElement(BS,null,function(o){return w.createElement(iv,{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 Ka=function(t){return function(n){return t===n}},pv=Ka("scroll"),uv=Ka("auto"),mv=Ka("visible"),ed=function(t,n){return n(t.overflowX)||n(t.overflowY)},fv=function(t,n){return n(t.overflowX)&&n(t.overflowY)},td=function(t){var n=window.getComputedStyle(t),o={overflowX:n.overflowX,overflowY:n.overflowY};return ed(o,pv)||ed(o,uv)},Sv=function(){if(process.env.NODE_ENV==="production")return!1;var t=no(),n=document.documentElement;if(n||(process.env.NODE_ENV,L()),!td(t))return!1;var o=window.getComputedStyle(n),a={overflowX:o.overflowX,overflowY:o.overflowY};return fv(a,mv)||process.env.NODE_ENV!=="production"&&De(`
522
522
  We have detected that your <body> element might be a scroll container.
523
523
  We have found no reliable way of detecting whether the <body> element is a scroll container.
524
524
  Under most circumstances a <body> scroll bar will be on the <html> element (document.documentElement)
@@ -527,25 +527,25 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
527
527
  we will be treating the <body> as *not* a scroll container
528
528
 
529
529
  More information: https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/how-we-detect-scroll-containers.md
530
- `),!1},td=function e(t){return t==null?null:t===document.body?mv()?t:null:t===document.documentElement?null:ed(t)?t:e(t.parentElement)},fv=function(e){if(e){var t=td(e.parentElement);t&&process.env.NODE_ENV!=="production"&&Ce(`
530
+ `),!1},nd=function e(t){return t==null?null:t===document.body?Sv()?t:null:t===document.documentElement?null:td(t)?t:e(t.parentElement)},gv=function(e){if(e){var t=nd(e.parentElement);t&&process.env.NODE_ENV!=="production"&&De(`
531
531
  Droppable: unsupported nested scroll container detected.
532
532
  A Droppable can only have one scroll parent (which can be itself)
533
533
  Nested scroll containers are currently not supported.
534
534
 
535
535
  We hope to support nested scroll containers soon: https://github.com/atlassian/react-beautiful-dnd/issues/131
536
- `)}},Ka=function(e){return{x:e.scrollLeft,y:e.scrollTop}},Sv=function e(t){if(!t)return!1;var n=window.getComputedStyle(t);return n.position==="fixed"?!0:e(t.parentElement)},gv=function(e){var t=td(e),n=Sv(e);return{closestScrollable:t,isFixedOnPage:n}},hv=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,h=d.client,v=Ec({scrollHeight:f.scrollHeight,scrollWidth:f.scrollWidth,height:h.paddingBox.height,width:h.paddingBox.width});return{pageMarginBox:d.page.marginBox,frameClient:h,scrollSize:f,shouldClipSubject:d.shouldClipSubject,scroll:{initial:d.scroll,current:d.scroll,max:v,diff:{value:Re,displacement:Re}}}}(),u=s==="vertical"?da:jl,m=En({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},bv=function(t,n){var o=Ll(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=oa(d,o.border),u=aa({borderBox:c,margin:o.margin,border:o.border,padding:o.padding});return u},vv=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=bv(t,c),m=Lo(u,a),p=function(){if(!c)return null;var h=Ll(c),v={scrollHeight:c.scrollHeight,scrollWidth:c.scrollWidth};return{client:h,page:Lo(h,a),scroll:Ka(c),scrollSize:v,shouldClipSubject:d}}(),f=hv({descriptor:n,isEnabled:!i,isCombineEnabled:l,isFixedOnPage:o.isFixedOnPage,direction:s,client:u,page:m,closest:p});return f},yv={passive:!1},Ev={passive:!0},nd=function(e){return e.shouldPublishImmediately?yv:Ev};function Uo(e){var t=w.useContext(e);return t||(process.env.NODE_ENV!=="production"?M(!1,"Could not find required context"):M()),t}var zo=function(t){return t&&t.env.closestScrollable||null};function Tv(e){var t=w.useRef(null),n=Uo(Ko),o=Ba("droppable"),a=n.registry,s=n.marshal,i=Fa(e),l=fe(function(){return{id:e.droppableId,type:e.type,mode:e.mode}},[e.droppableId,e.mode,e.type]),d=w.useRef(l),c=fe(function(){return _e(function(C,T){t.current||(process.env.NODE_ENV!=="production"?M(!1,"Can only update scroll when dragging"):M());var x={x:C,y:T};s.updateDroppableScroll(l.id,x)})},[l.id,s]),u=ie(function(){var C=t.current;return!C||!C.env.closestScrollable?Re:Ka(C.env.closestScrollable)},[]),m=ie(function(){var C=u();c(C.x,C.y)},[u,c]),p=fe(function(){return Hn(m)},[m]),f=ie(function(){var C=t.current,T=zo(C);C&&T||(process.env.NODE_ENV!=="production"?M(!1,"Could not find scroll options while scrolling"):M());var x=C.scrollOptions;if(x.shouldPublishImmediately){m();return}p()},[p,m]),h=ie(function(C,T){t.current&&(process.env.NODE_ENV!=="production"?M(!1,"Cannot collect a droppable while a drag is occurring"):M());var x=i.current,B=x.getDroppableRef();B||(process.env.NODE_ENV!=="production"?M(!1,"Cannot collect without a droppable ref"):M());var L=gv(B),O={ref:B,descriptor:l,env:L,scrollOptions:T};t.current=O;var R=vv({ref:B,descriptor:l,env:L,windowScroll:C,direction:x.direction,isDropDisabled:x.isDropDisabled,isCombineEnabled:x.isCombineEnabled,shouldClipSubject:!x.ignoreContainerClipping}),q=L.closestScrollable;return q&&(q.setAttribute(Bc.contextId,n.contextId),q.addEventListener("scroll",f,nd(O.scrollOptions)),process.env.NODE_ENV!=="production"&&fv(q)),R},[n.contextId,l,f,i]),v=ie(function(){var C=t.current,T=zo(C);return C&&T||(process.env.NODE_ENV!=="production"?M(!1,"Can only recollect Droppable client for Droppables that have a scroll container"):M()),Ka(T)},[]),E=ie(function(){var C=t.current;C||(process.env.NODE_ENV!=="production"?M(!1,"Cannot stop drag when no active drag"):M());var T=zo(C);t.current=null,T&&(p.cancel(),T.removeAttribute(Bc.contextId),T.removeEventListener("scroll",f,nd(C.scrollOptions)))},[f,p]),y=ie(function(C){var T=t.current;T||(process.env.NODE_ENV!=="production"?M(!1,"Cannot scroll when there is no drag"):M());var x=zo(T);x||(process.env.NODE_ENV!=="production"?M(!1,"Cannot scroll a droppable with no closest scrollable"):M()),x.scrollTop+=C.y,x.scrollLeft+=C.x},[]),b=fe(function(){return{getDimensionAndWatchScroll:h,getScrollWhileDragging:v,dragStopped:E,scroll:y}},[E,h,v,y]),N=fe(function(){return{uniqueId:o,descriptor:l,callbacks:b}},[b,l,o]);nt(function(){return d.current=N.descriptor,a.droppable.register(N),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(N)}},[b,l,E,N,s,a.droppable]),nt(function(){t.current&&s.updateDroppableIsEnabled(d.current.id,!e.isDropDisabled)},[e.isDropDisabled,s]),nt(function(){t.current&&s.updateDroppableIsCombineEnabled(d.current.id,e.isCombineEnabled)},[e.isCombineEnabled,s])}function Ha(){}var od={width:0,height:0,margin:AS},wv=function(t){var n=t.isAnimatingOpenOnMount,o=t.placeholder,a=t.animate;return n||a==="close"?od:{height:o.client.borderBox.height,width:o.client.borderBox.width,margin:o.client.margin}},Cv=function(t){var n=t.isAnimatingOpenOnMount,o=t.placeholder,a=t.animate,s=wv({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"?Qn.placeholder:null}};function Dv(e){var t=w.useRef(null),n=ie(function(){t.current&&(clearTimeout(t.current),t.current=null)},[]),o=e.animate,a=e.onTransitionEnd,s=e.onClose,i=e.contextId,l=w.useState(e.animate==="open"),d=l[0],c=l[1];w.useEffect(function(){return d?o!=="open"?(n(),c(!1),Ha):t.current?Ha:(t.current=setTimeout(function(){t.current=null,c(!1)}),n):Ha},[o,d,n]);var u=ie(function(p){p.propertyName==="height"&&(a(),o==="close"&&s())},[o,s,a]),m=Cv({isAnimatingOpenOnMount:d,animate:e.animate,placeholder:e.placeholder});return w.createElement(e.placeholder.tagName,{style:m,"data-rbd-placeholder-context-id":i,onTransitionEnd:u,ref:e.innerRef})}var Nv=w.memo(Dv),Wa=w.createContext(null);function rd(e){e&&no(e)||(process.env.NODE_ENV!=="production"?M(!1,`
536
+ `)}},Ha=function(e){return{x:e.scrollLeft,y:e.scrollTop}},hv=function e(t){if(!t)return!1;var n=window.getComputedStyle(t);return n.position==="fixed"?!0:e(t.parentElement)},bv=function(e){var t=nd(e),n=hv(e);return{closestScrollable:t,isFixedOnPage:n}},vv=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,h=d.client,v=Tc({scrollHeight:f.scrollHeight,scrollWidth:f.scrollWidth,height:h.paddingBox.height,width:h.paddingBox.width});return{pageMarginBox:d.page.marginBox,frameClient:h,scrollSize:f,shouldClipSubject:d.shouldClipSubject,scroll:{initial:d.scroll,current:d.scroll,max:v,diff:{value:_e,displacement:_e}}}}(),u=s==="vertical"?pa:Yl,m=Tn({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},yv=function(t,n){var o=Pl(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=ra(d,o.border),u=sa({borderBox:c,margin:o.margin,border:o.border,padding:o.padding});return u},Ev=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=yv(t,c),m=Lo(u,a),p=function(){if(!c)return null;var h=Pl(c),v={scrollHeight:c.scrollHeight,scrollWidth:c.scrollWidth};return{client:h,page:Lo(h,a),scroll:Ha(c),scrollSize:v,shouldClipSubject:d}}(),f=vv({descriptor:n,isEnabled:!i,isCombineEnabled:l,isFixedOnPage:o.isFixedOnPage,direction:s,client:u,page:m,closest:p});return f},Tv={passive:!1},wv={passive:!0},od=function(e){return e.shouldPublishImmediately?Tv:wv};function Uo(e){var t=w.useContext(e);return t||(process.env.NODE_ENV!=="production"?L(!1,"Could not find required context"):L()),t}var zo=function(t){return t&&t.env.closestScrollable||null};function Cv(e){var t=w.useRef(null),n=Uo(Ko),o=_a("droppable"),a=n.registry,s=n.marshal,i=Aa(e),l=Se(function(){return{id:e.droppableId,type:e.type,mode:e.mode}},[e.droppableId,e.mode,e.type]),d=w.useRef(l),c=Se(function(){return Be(function(C,T){t.current||(process.env.NODE_ENV!=="production"?L(!1,"Can only update scroll when dragging"):L());var x={x:C,y:T};s.updateDroppableScroll(l.id,x)})},[l.id,s]),u=ie(function(){var C=t.current;return!C||!C.env.closestScrollable?_e:Ha(C.env.closestScrollable)},[]),m=ie(function(){var C=u();c(C.x,C.y)},[u,c]),p=Se(function(){return Kn(m)},[m]),f=ie(function(){var C=t.current,T=zo(C);C&&T||(process.env.NODE_ENV!=="production"?L(!1,"Could not find scroll options while scrolling"):L());var x=C.scrollOptions;if(x.shouldPublishImmediately){m();return}p()},[p,m]),h=ie(function(C,T){t.current&&(process.env.NODE_ENV!=="production"?L(!1,"Cannot collect a droppable while a drag is occurring"):L());var x=i.current,B=x.getDroppableRef();B||(process.env.NODE_ENV!=="production"?L(!1,"Cannot collect without a droppable ref"):L());var M=bv(B),P={ref:B,descriptor:l,env:M,scrollOptions:T};t.current=P;var F=Ev({ref:B,descriptor:l,env:M,windowScroll:C,direction:x.direction,isDropDisabled:x.isDropDisabled,isCombineEnabled:x.isCombineEnabled,shouldClipSubject:!x.ignoreContainerClipping}),j=M.closestScrollable;return j&&(j.setAttribute(_c.contextId,n.contextId),j.addEventListener("scroll",f,od(P.scrollOptions)),process.env.NODE_ENV!=="production"&&gv(j)),F},[n.contextId,l,f,i]),v=ie(function(){var C=t.current,T=zo(C);return C&&T||(process.env.NODE_ENV!=="production"?L(!1,"Can only recollect Droppable client for Droppables that have a scroll container"):L()),Ha(T)},[]),E=ie(function(){var C=t.current;C||(process.env.NODE_ENV!=="production"?L(!1,"Cannot stop drag when no active drag"):L());var T=zo(C);t.current=null,T&&(p.cancel(),T.removeAttribute(_c.contextId),T.removeEventListener("scroll",f,od(C.scrollOptions)))},[f,p]),y=ie(function(C){var T=t.current;T||(process.env.NODE_ENV!=="production"?L(!1,"Cannot scroll when there is no drag"):L());var x=zo(T);x||(process.env.NODE_ENV!=="production"?L(!1,"Cannot scroll a droppable with no closest scrollable"):L()),x.scrollTop+=C.y,x.scrollLeft+=C.x},[]),b=Se(function(){return{getDimensionAndWatchScroll:h,getScrollWhileDragging:v,dragStopped:E,scroll:y}},[E,h,v,y]),N=Se(function(){return{uniqueId:o,descriptor:l,callbacks:b}},[b,l,o]);tt(function(){return d.current=N.descriptor,a.droppable.register(N),function(){t.current&&(process.env.NODE_ENV!=="production"&&De("Unsupported: changing the droppableId or type of a Droppable during a drag"),E()),a.droppable.unregister(N)}},[b,l,E,N,s,a.droppable]),tt(function(){t.current&&s.updateDroppableIsEnabled(d.current.id,!e.isDropDisabled)},[e.isDropDisabled,s]),tt(function(){t.current&&s.updateDroppableIsCombineEnabled(d.current.id,e.isCombineEnabled)},[e.isCombineEnabled,s])}function Wa(){}var rd={width:0,height:0,margin:$S},Dv=function(t){var n=t.isAnimatingOpenOnMount,o=t.placeholder,a=t.animate;return n||a==="close"?rd:{height:o.client.borderBox.height,width:o.client.borderBox.width,margin:o.client.margin}},Nv=function(t){var n=t.isAnimatingOpenOnMount,o=t.placeholder,a=t.animate,s=Dv({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"?Zn.placeholder:null}};function Iv(e){var t=w.useRef(null),n=ie(function(){t.current&&(clearTimeout(t.current),t.current=null)},[]),o=e.animate,a=e.onTransitionEnd,s=e.onClose,i=e.contextId,l=w.useState(e.animate==="open"),d=l[0],c=l[1];w.useEffect(function(){return d?o!=="open"?(n(),c(!1),Wa):t.current?Wa:(t.current=setTimeout(function(){t.current=null,c(!1)}),n):Wa},[o,d,n]);var u=ie(function(p){p.propertyName==="height"&&(a(),o==="close"&&s())},[o,s,a]),m=Nv({isAnimatingOpenOnMount:d,animate:e.animate,placeholder:e.placeholder});return w.createElement(e.placeholder.tagName,{style:m,"data-rbd-placeholder-context-id":i,onTransitionEnd:u,ref:e.innerRef})}var kv=w.memo(Iv),Ga=w.createContext(null);function ad(e){e&&to(e)||(process.env.NODE_ENV!=="production"?L(!1,`
537
537
  provided.innerRef has not been provided with a HTMLElement.
538
538
 
539
539
  You can find a guide on using the innerRef callback functions at:
540
540
  https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/using-inner-ref.md
541
- `):M())}function Ga(e){return typeof e=="boolean"}function Ua(e,t){t.forEach(function(n){return n(e)})}var Iv=[function(t){var n=t.props;n.droppableId||(process.env.NODE_ENV!=="production"?M(!1,"A Droppable requires a droppableId prop"):M()),typeof n.droppableId!="string"&&(process.env.NODE_ENV!=="production"?M(!1,"A Droppable requires a [string] droppableId. Provided: ["+typeof n.droppableId+"]"):M())},function(t){var n=t.props;Ga(n.isDropDisabled)||(process.env.NODE_ENV!=="production"?M(!1,"isDropDisabled must be a boolean"):M()),Ga(n.isCombineEnabled)||(process.env.NODE_ENV!=="production"?M(!1,"isCombineEnabled must be a boolean"):M()),Ga(n.ignoreContainerClipping)||(process.env.NODE_ENV!=="production"?M(!1,"ignoreContainerClipping must be a boolean"):M())},function(t){var n=t.getDroppableRef;rd(n())}],kv=[function(t){var n=t.props,o=t.getPlaceholderRef;if(n.placeholder){var a=o();a||process.env.NODE_ENV!=="production"&&Ce(`
541
+ `):L())}function Ua(e){return typeof e=="boolean"}function za(e,t){t.forEach(function(n){return n(e)})}var xv=[function(t){var n=t.props;n.droppableId||(process.env.NODE_ENV!=="production"?L(!1,"A Droppable requires a droppableId prop"):L()),typeof n.droppableId!="string"&&(process.env.NODE_ENV!=="production"?L(!1,"A Droppable requires a [string] droppableId. Provided: ["+typeof n.droppableId+"]"):L())},function(t){var n=t.props;Ua(n.isDropDisabled)||(process.env.NODE_ENV!=="production"?L(!1,"isDropDisabled must be a boolean"):L()),Ua(n.isCombineEnabled)||(process.env.NODE_ENV!=="production"?L(!1,"isCombineEnabled must be a boolean"):L()),Ua(n.ignoreContainerClipping)||(process.env.NODE_ENV!=="production"?L(!1,"ignoreContainerClipping must be a boolean"):L())},function(t){var n=t.getDroppableRef;ad(n())}],Mv=[function(t){var n=t.props,o=t.getPlaceholderRef;if(n.placeholder){var a=o();a||process.env.NODE_ENV!=="production"&&De(`
542
542
  Droppable setup issue [droppableId: "`+n.droppableId+`"]:
543
543
  DroppableProvided > placeholder could not be found.
544
544
 
545
545
  Please be sure to add the {provided.placeholder} React Node as a child of your Droppable.
546
546
  More information: https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/api/droppable.md
547
- `)}}],xv=[function(t){var n=t.props;n.renderClone||(process.env.NODE_ENV!=="production"?M(!1,"Must provide a clone render function (renderClone) for virtual lists"):M())},function(t){var n=t.getPlaceholderRef;n()&&(process.env.NODE_ENV!=="production"?M(!1,"Expected virtual list to not have a placeholder"):M())}];function Mv(e){ro(function(){Ua(e,Iv),e.props.mode==="standard"&&Ua(e,kv),e.props.mode==="virtual"&&Ua(e,xv)})}var Lv=function(e){Hi(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}(w.PureComponent),ad={dragging:5e3,dropAnimating:4500},Pv=function(t,n){return n?Qn.drop(n.duration):t?Qn.snap:Qn.fluid},Ov=function(t,n){return t?n?Zn.opacity.drop:Zn.opacity.combining:null},Bv=function(t){return t.forceShouldAnimate!=null?t.forceShouldAnimate:t.mode==="SNAP"};function _v(e){var t=e.dimension,n=t.client,o=e.offset,a=e.combineWith,s=e.dropping,i=!!a,l=Bv(e),d=!!s,c=d?wa.drop(o,i):wa.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:Pv(l,s),transform:c,opacity:Ov(i,d),zIndex:d?ad.dropAnimating:ad.dragging,pointerEvents:"none"};return u}function Rv(e){return{transform:wa.moveTo(e.offset),transition:e.shouldAnimateDisplacement?null:"none"}}function Fv(e){return e.type==="DRAGGING"?_v(e):Rv(e)}function Av(e,t,n){n===void 0&&(n=Re);var o=window.getComputedStyle(t),a=t.getBoundingClientRect(),s=Ml(a,o),i=Lo(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 Vv(e){var t=Ba("draggable"),n=e.descriptor,o=e.registry,a=e.getDraggableRef,s=e.canDragInteractiveElements,i=e.shouldRespectForcePress,l=e.isEnabled,d=fe(function(){return{canDragInteractiveElements:s,shouldRespectForcePress:i,isEnabled:l}},[s,l,i]),c=ie(function(f){var h=a();return h||(process.env.NODE_ENV!=="production"?M(!1,"Cannot get dimension when no ref is set"):M()),Av(n,h,f)},[n,a]),u=fe(function(){return{uniqueId:t,descriptor:n,options:d,getDimension:c}},[n,c,d,t]),m=w.useRef(u),p=w.useRef(!0);nt(function(){return o.draggable.register(m.current),function(){return o.draggable.unregister(m.current)}},[o.draggable]),nt(function(){if(p.current){p.current=!1;return}var f=m.current;m.current=u,o.draggable.update(u,f)},[u,o.draggable])}function $v(e,t,n){ro(function(){function o(s){return"Draggable[id: "+s+"]: "}var a=e.draggableId;a||(process.env.NODE_ENV!=="production"?M(!1,"Draggable requires a draggableId"):M(!1)),typeof a!="string"&&(process.env.NODE_ENV!=="production"?M(!1,`Draggable requires a [string] draggableId.
548
- Provided: [type: `+typeof a+"] (value: "+a+")"):M(!1)),HS(e.index)||(process.env.NODE_ENV!=="production"?M(!1,o(a)+" requires an integer index prop"):M(!1)),e.mapped.type!=="DRAGGING"&&(rd(n()),e.isEnabled&&(Fc(t,a)||(process.env.NODE_ENV!=="production"?M(!1,o(a)+" Unable to find drag handle"):M(!1))))})}function Kv(e){Ra(function(){var t=w.useRef(e);ro(function(){e!==t.current&&(process.env.NODE_ENV!=="production"?M(!1,"Draggable isClone prop value changed during component life"):M(!1))},[e])})}function Hv(e){e.preventDefault()}function Wv(e){var t=w.useRef(null),n=ie(function(O){t.current=O},[]),o=ie(function(){return t.current},[]),a=Uo(Ko),s=a.contextId,i=a.dragHandleUsageInstructionsId,l=a.registry,d=Uo(Wa),c=d.type,u=d.droppableId,m=fe(function(){return{id:e.draggableId,index:e.index,type:c,droppableId:u}},[e.draggableId,e.index,c,u]),p=e.children,f=e.draggableId,h=e.isEnabled,v=e.shouldRespectForcePress,E=e.canDragInteractiveElements,y=e.isClone,b=e.mapped,N=e.dropAnimationFinished;if($v(e,s,o),Kv(y),!y){var C=fe(function(){return{descriptor:m,registry:l,getDraggableRef:o,canDragInteractiveElements:E,shouldRespectForcePress:v,isEnabled:h}},[m,l,o,E,v,h]);Vv(C)}var T=fe(function(){return h?{tabIndex:0,role:"button","aria-describedby":i,"data-rbd-drag-handle-draggable-id":f,"data-rbd-drag-handle-context-id":s,draggable:!1,onDragStart:Hv}:null},[s,i,f,h]),x=ie(function(O){b.type==="DRAGGING"&&b.dropping&&O.propertyName==="transform"&&N()},[N,b]),B=fe(function(){var O=Fv(b),R=b.type==="DRAGGING"&&b.dropping?x:null,q={innerRef:n,draggableProps:{"data-rbd-draggable-context-id":s,"data-rbd-draggable-id":f,style:O,onTransitionEnd:R},dragHandleProps:T};return q},[s,T,f,b,x,n]),L=fe(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,b.snapshot,L)}var sd=function(e,t){return e===t},id=function(e){var t=e.combine,n=e.destination;return n?n.droppableId:t?t.droppableId:null},Gv=function(t){return t.combine?t.combine.draggableId:null},Uv=function(t){return t.at&&t.at.type==="COMBINE"?t.at.combine.draggableId:null};function zv(){var e=_e(function(a,s){return{x:a,y:s}}),t=_e(function(a,s,i,l,d){return{isDragging:!0,isClone:s,isDropAnimating:!!d,dropAnimation:d,mode:a,draggingOver:i,combineWith:l,combineTargetFor:null}}),n=_e(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=tt(s.impact),u=Uv(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,h=s.dimensions.draggables[i.draggableId],v=p.result,E=v.mode,y=id(v),b=Gv(v),N=s.dropDuration,C={duration:N,curve:Ea.drop,moveTo:s.newHomeClientOffset,opacity:b?Zn.opacity.drop:null,scale:b?Zn.scale.drop:null};return{mapped:{type:"DRAGGING",offset:s.newHomeClientOffset,dimension:h,dropping:C,draggingOver:y,combineWith:b,mode:E,forceShouldAnimate:null,snapshot:t(E,f,y,b,C)}}}return null};return o}function ld(e){return{isDragging:!1,isDropAnimating:!1,isClone:!1,dropAnimation:null,mode:null,draggingOver:null,combineTargetFor:e,combineWith:null}}var jv={mapped:{type:"SECONDARY",offset:Re,combineTargetFor:null,shouldAnimateDisplacement:!0,snapshot:ld(null)}};function Yv(){var e=_e(function(i,l){return{x:i,y:l}}),t=_e(ld),n=_e(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(Re,l,!0):null},a=function(l,d,c,u){var m=c.displaced.visible[l],p=!!(u.inVirtualList&&u.effected[l]),f=Ro(c),h=f&&f.draggableId===l?d:null;if(!m){if(!p)return o(h);if(c.displaced.invisible[l])return null;var v=yn(u.displacedBy.point),E=e(v.x,v.y);return n(E,h,!0)}if(p)return o(h);var y=c.displacedBy.point,b=e(y.x,y.y);return n(b,h,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 qv=function(){var t=zv(),n=Yv(),o=function(s,i){return t(s,i)||n(s,i)||jv};return o},Jv={dropAnimationFinished:gc},Xv=Nl(qv,Jv,null,{context:Oa,pure:!0,areStatePropsEqual:sd})(Wv);function cd(e){var t=Uo(Wa),n=t.isUsingCloneFor;return n===e.draggableId&&!e.isClone?null:w.createElement(Xv,e)}function dd(e){var t=typeof e.isDragDisabled=="boolean"?!e.isDragDisabled:!0,n=!!e.disableInteractiveElementBlocking,o=!!e.shouldRespectForcePress;return w.createElement(cd,le({},e,{isClone:!1,isEnabled:t,canDragInteractiveElements:n,shouldRespectForcePress:o}))}function Zv(e){var t=w.useContext(Ko);t||(process.env.NODE_ENV!=="production"?M(!1,"Could not find app context"):M());var n=t.contextId,o=t.isMovementAllowed,a=w.useRef(null),s=w.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,h=e.snapshot,v=e.useClone,E=e.updateViewportMaxScroll,y=e.getContainerForClone,b=ie(function(){return a.current},[]),N=ie(function(te){a.current=te},[]),C=ie(function(){return s.current},[]),T=ie(function(te){s.current=te},[]);Mv({props:e,getDroppableRef:b,getPlaceholderRef:C});var x=ie(function(){o()&&E({maxScroll:wc()})},[o,E]);Tv({droppableId:l,type:d,mode:c,direction:u,isDropDisabled:p,isCombineEnabled:f,ignoreContainerClipping:m,getDroppableRef:b});var B=w.createElement(Lv,{on:e.placeholder,shouldAnimate:e.shouldAnimatePlaceholder},function(te){var $=te.onClose,W=te.data,Y=te.animate;return w.createElement(Nv,{placeholder:W,onClose:$,innerRef:T,animate:Y,contextId:n,onTransitionEnd:x})}),L=fe(function(){return{innerRef:N,placeholder:B,droppableProps:{"data-rbd-droppable-id":l,"data-rbd-droppable-context-id":n}}},[n,l,B,N]),O=v?v.dragging.draggableId:null,R=fe(function(){return{droppableId:l,type:d,isUsingCloneFor:O}},[l,O,d]);function q(){if(!v)return null;var te=v.dragging,$=v.render,W=w.createElement(cd,{draggableId:te.draggableId,index:te.source.index,isClone:!0,isEnabled:!0,shouldRespectForcePress:!1,canDragInteractiveElements:!0},function(Y,V){return $(Y,V,te)});return On.createPortal(W,y())}return w.createElement(Wa.Provider,{value:R},i(L,h),q())}var za=function(t,n){return t===n.droppable.type},pd=function(t,n){return n.draggables[t.draggable.id]},Qv=function(){var t={placeholder:null,shouldAnimatePlaceholder:!0,snapshot:{isDraggingOver:!1,draggingOverWith:null,draggingFromThisWith:null,isUsingPlaceholder:!1},useClone:null},n=le({},t,{shouldAnimatePlaceholder:!1}),o=_e(function(i){return{draggableId:i.id,type:i.type,source:{index:i.index,droppableId:i.droppableId}}}),a=_e(function(i,l,d,c,u,m){var p=u.descriptor.id,f=u.descriptor.droppableId===i;if(f){var h=m?{render:m,dragging:o(u.descriptor)}:null,v={isDraggingOver:d,draggingOverWith:d?p:null,draggingFromThisWith:p,isUsingPlaceholder:!0};return{placeholder:u.placeholder,shouldAnimatePlaceholder:!1,snapshot:v,useClone:h}}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(!za(u,f))return n;var h=pd(f,l.dimensions),v=tt(l.impact)===c;return a(c,m,v,v,h,p)}if(l.phase==="DROP_ANIMATING"){var E=l.completed;if(!za(u,E.critical))return n;var y=pd(E.critical,l.dimensions);return a(c,m,id(E.result)===c,tt(E.impact)===c,y,p)}if(l.phase==="IDLE"&&l.completed&&!l.shouldFlush){var b=l.completed;if(!za(u,b.critical))return n;var N=tt(b.impact)===c,C=!!(b.impact.at&&b.impact.at.type==="COMBINE"),T=b.critical.droppable.id===c;return N?C?t:n:T?t:n}return n};return s},ey={updateViewportMaxScroll:Xg};function ty(){return document.body||(process.env.NODE_ENV!=="production"?M(!1,"document.body is not ready"):M()),document.body}var ny={mode:"standard",type:"DEFAULT",direction:"vertical",isDropDisabled:!1,isCombineEnabled:!1,ignoreContainerClipping:!1,renderClone:null,getContainerForClone:ty},ja=Nl(Qv,ey,null,{context:Oa,pure:!0,areStatePropsEqual:sd})(Zv);ja.defaultProps=ny;const oy={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=F.ButtonKind.DEFAULT,spinning:i,spinningTitle:l,type:d=F.ButtonType.BUTTON,unsafelyReplaceClassName:c,...u}=e;let{disabled:m}=e;i&&(m=!0);const{t:p}=ge.useWoodlandLanguage(),f=A(c||"sps-button",`sps-button--${s}`,m&&"sps-button--disabled",i&&"sps-button--spinning",n),h=a&&r.createElement("i",{className:A("sps-icon",`sps-icon-${a}`),"aria-hidden":"true"}),v=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"},h,t,v):r.createElement("button",{...u,type:d,className:"sps-button__clickable-element",disabled:m},h,t,v))}Object.assign(Ie,{props:oy,displayName:"SpsButton"});const ry={content:"ReactNodeLike",icon:"SpsIcon",title:"string"};function ud(e){const{content:t,className:n,icon:o,title:a,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,d=A(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(ud,{props:ry,displayName:"SpsCardHeader"});const ay={icon:"SpsIcon",kind:"TagKind"};function ft(e){const{children:t,className:n,icon:o,kind:a=F.TagKind.DEFAULT,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,d=r.Children.toArray(t).filter(u=>typeof u=="string").join(""),c=A(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(ft,{props:ay,displayName:"SpsTag"});const sy={activateTab:"Function",active:"boolean",icon:"SpsIcon",label:"string",index:"number",tag:"string",tagKind:"TagKind",tagIcon:"SpsIcon"};function Ya(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,...h}=e,v=()=>{t&&t(this,d,o)},E=b=>{(b.key==="Enter"||b.key===" "||b.key==="Spacebar")&&(b.preventDefault(),b.stopPropagation(),t&&t(this,d,o))},y=A(f||"sps-nav__item","sps-nav__link",n&&"active",a);return r.createElement("a",{className:y,onClick:v,"data-toggle":"tab",id:l,role:"tab","aria-controls":l,...h,tabIndex:0,onKeyDown:E},i&&r.createElement("i",{className:`sps-icon sps-icon-${i}`}),r.createElement("span",null,s),c&&r.createElement(ft,{kind:u||F.TagKind.KEY,icon:m},c))}Object.assign(Ya,{props:sy,displayName:"SpsCardTabbedPane"});function iy(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 ly={activeTab:"string",footer:"ReactNodeOrRenderFn",headerContent:"ReactNodeOrRenderFn",headerIcon:"SpsIcon",headerTitle:"string"};function qa(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(v=>r.isValidElement(v)&&v.type===Ya),[p,f]=iy(n,t,m),h=A(c||"sps-card",o);return r.createElement("div",{...u,className:h,"data-testid":`${d}__card`},(l||s)&&r.createElement(ud,{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,(v,E)=>{if(r.isValidElement(v))return r.cloneElement(v,{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(qa,{props:ly,displayName:"SpsCard"});function Ja(e,t){const[n,...o]=g.crumblePath(t);return o.length?e.members[n].get(o):e.members[n]}function cy(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(bo.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 Ja(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 dy(e,t={}){return{validators:[],id:We(),...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(bo.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 py(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 Ja(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 uy(e,t){t&&e.setInitValue(t);const[n,o]=w.useState(),[a,s]=w.useState([]),[i,l]=w.useReducer(d=>{for(const c of a)for(const u of g.traversePath(d,c))u.validators&&u.validators.length&&(u.errors=vo(u.getValue(),u.validators),u.invalid=!!u.errors&&!u.pristine);return o(void 0),s([]),{...d}},e);return g.forEachNestedObject(i,(d,c)=>{c._type&&(c.update=function(){return a.push(d),s(a),n||o(window.setTimeout(l,0)),this})}),i}function my(e,t=null){const[n,o]=w.useState(t),a=w.useRef(()=>null);return w.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 md={formMeta:"SpsFormSetMeta<any>",onSubmit:"React.FormEventHandler"},so=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(so,{props:md,displayName:"SpsForm"});const fd={},fy={ideal:{label:"Ideal",examples:{ideal:{react:g.code`
547
+ `)}}],Lv=[function(t){var n=t.props;n.renderClone||(process.env.NODE_ENV!=="production"?L(!1,"Must provide a clone render function (renderClone) for virtual lists"):L())},function(t){var n=t.getPlaceholderRef;n()&&(process.env.NODE_ENV!=="production"?L(!1,"Expected virtual list to not have a placeholder"):L())}];function Pv(e){oo(function(){za(e,xv),e.props.mode==="standard"&&za(e,Mv),e.props.mode==="virtual"&&za(e,Lv)})}var Ov=function(e){Wi(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}(w.PureComponent),sd={dragging:5e3,dropAnimating:4500},Bv=function(t,n){return n?Zn.drop(n.duration):t?Zn.snap:Zn.fluid},_v=function(t,n){return t?n?Xn.opacity.drop:Xn.opacity.combining:null},Rv=function(t){return t.forceShouldAnimate!=null?t.forceShouldAnimate:t.mode==="SNAP"};function Fv(e){var t=e.dimension,n=t.client,o=e.offset,a=e.combineWith,s=e.dropping,i=!!a,l=Rv(e),d=!!s,c=d?Ca.drop(o,i):Ca.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:Bv(l,s),transform:c,opacity:_v(i,d),zIndex:d?sd.dropAnimating:sd.dragging,pointerEvents:"none"};return u}function Av(e){return{transform:Ca.moveTo(e.offset),transition:e.shouldAnimateDisplacement?null:"none"}}function Vv(e){return e.type==="DRAGGING"?Fv(e):Av(e)}function $v(e,t,n){n===void 0&&(n=_e);var o=window.getComputedStyle(t),a=t.getBoundingClientRect(),s=Ll(a,o),i=Lo(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 Kv(e){var t=_a("draggable"),n=e.descriptor,o=e.registry,a=e.getDraggableRef,s=e.canDragInteractiveElements,i=e.shouldRespectForcePress,l=e.isEnabled,d=Se(function(){return{canDragInteractiveElements:s,shouldRespectForcePress:i,isEnabled:l}},[s,l,i]),c=ie(function(f){var h=a();return h||(process.env.NODE_ENV!=="production"?L(!1,"Cannot get dimension when no ref is set"):L()),$v(n,h,f)},[n,a]),u=Se(function(){return{uniqueId:t,descriptor:n,options:d,getDimension:c}},[n,c,d,t]),m=w.useRef(u),p=w.useRef(!0);tt(function(){return o.draggable.register(m.current),function(){return o.draggable.unregister(m.current)}},[o.draggable]),tt(function(){if(p.current){p.current=!1;return}var f=m.current;m.current=u,o.draggable.update(u,f)},[u,o.draggable])}function Hv(e,t,n){oo(function(){function o(s){return"Draggable[id: "+s+"]: "}var a=e.draggableId;a||(process.env.NODE_ENV!=="production"?L(!1,"Draggable requires a draggableId"):L(!1)),typeof a!="string"&&(process.env.NODE_ENV!=="production"?L(!1,`Draggable requires a [string] draggableId.
548
+ Provided: [type: `+typeof a+"] (value: "+a+")"):L(!1)),GS(e.index)||(process.env.NODE_ENV!=="production"?L(!1,o(a)+" requires an integer index prop"):L(!1)),e.mapped.type!=="DRAGGING"&&(ad(n()),e.isEnabled&&(Ac(t,a)||(process.env.NODE_ENV!=="production"?L(!1,o(a)+" Unable to find drag handle"):L(!1))))})}function Wv(e){Fa(function(){var t=w.useRef(e);oo(function(){e!==t.current&&(process.env.NODE_ENV!=="production"?L(!1,"Draggable isClone prop value changed during component life"):L(!1))},[e])})}function Gv(e){e.preventDefault()}function Uv(e){var t=w.useRef(null),n=ie(function(P){t.current=P},[]),o=ie(function(){return t.current},[]),a=Uo(Ko),s=a.contextId,i=a.dragHandleUsageInstructionsId,l=a.registry,d=Uo(Ga),c=d.type,u=d.droppableId,m=Se(function(){return{id:e.draggableId,index:e.index,type:c,droppableId:u}},[e.draggableId,e.index,c,u]),p=e.children,f=e.draggableId,h=e.isEnabled,v=e.shouldRespectForcePress,E=e.canDragInteractiveElements,y=e.isClone,b=e.mapped,N=e.dropAnimationFinished;if(Hv(e,s,o),Wv(y),!y){var C=Se(function(){return{descriptor:m,registry:l,getDraggableRef:o,canDragInteractiveElements:E,shouldRespectForcePress:v,isEnabled:h}},[m,l,o,E,v,h]);Kv(C)}var T=Se(function(){return h?{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,h]),x=ie(function(P){b.type==="DRAGGING"&&b.dropping&&P.propertyName==="transform"&&N()},[N,b]),B=Se(function(){var P=Vv(b),F=b.type==="DRAGGING"&&b.dropping?x:null,j={innerRef:n,draggableProps:{"data-rbd-draggable-context-id":s,"data-rbd-draggable-id":f,style:P,onTransitionEnd:F},dragHandleProps:T};return j},[s,T,f,b,x,n]),M=Se(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,b.snapshot,M)}var id=function(e,t){return e===t},ld=function(e){var t=e.combine,n=e.destination;return n?n.droppableId:t?t.droppableId:null},zv=function(t){return t.combine?t.combine.draggableId:null},jv=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=et(s.impact),u=jv(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,h=s.dimensions.draggables[i.draggableId],v=p.result,E=v.mode,y=ld(v),b=zv(v),N=s.dropDuration,C={duration:N,curve:Ta.drop,moveTo:s.newHomeClientOffset,opacity:b?Xn.opacity.drop:null,scale:b?Xn.scale.drop:null};return{mapped:{type:"DRAGGING",offset:s.newHomeClientOffset,dimension:h,dropping:C,draggingOver:y,combineWith:b,mode:E,forceShouldAnimate:null,snapshot:t(E,f,y,b,C)}}}return null};return o}function cd(e){return{isDragging:!1,isDropAnimating:!1,isClone:!1,dropAnimation:null,mode:null,draggingOver:null,combineTargetFor:e,combineWith:null}}var qv={mapped:{type:"SECONDARY",offset:_e,combineTargetFor:null,shouldAnimateDisplacement:!0,snapshot:cd(null)}};function Jv(){var e=Be(function(i,l){return{x:i,y:l}}),t=Be(cd),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(_e,l,!0):null},a=function(l,d,c,u){var m=c.displaced.visible[l],p=!!(u.inVirtualList&&u.effected[l]),f=Ro(c),h=f&&f.draggableId===l?d:null;if(!m){if(!p)return o(h);if(c.displaced.invisible[l])return null;var v=En(u.displacedBy.point),E=e(v.x,v.y);return n(E,h,!0)}if(p)return o(h);var y=c.displacedBy.point,b=e(y.x,y.y);return n(b,h,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 Xv=function(){var t=Yv(),n=Jv(),o=function(s,i){return t(s,i)||n(s,i)||qv};return o},Zv={dropAnimationFinished:hc},Qv=Il(Xv,Zv,null,{context:Ba,pure:!0,areStatePropsEqual:id})(Uv);function dd(e){var t=Uo(Ga),n=t.isUsingCloneFor;return n===e.draggableId&&!e.isClone?null:w.createElement(Qv,e)}function pd(e){var t=typeof e.isDragDisabled=="boolean"?!e.isDragDisabled:!0,n=!!e.disableInteractiveElementBlocking,o=!!e.shouldRespectForcePress;return w.createElement(dd,le({},e,{isClone:!1,isEnabled:t,canDragInteractiveElements:n,shouldRespectForcePress:o}))}function ey(e){var t=w.useContext(Ko);t||(process.env.NODE_ENV!=="production"?L(!1,"Could not find app context"):L());var n=t.contextId,o=t.isMovementAllowed,a=w.useRef(null),s=w.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,h=e.snapshot,v=e.useClone,E=e.updateViewportMaxScroll,y=e.getContainerForClone,b=ie(function(){return a.current},[]),N=ie(function(te){a.current=te},[]),C=ie(function(){return s.current},[]),T=ie(function(te){s.current=te},[]);Pv({props:e,getDroppableRef:b,getPlaceholderRef:C});var x=ie(function(){o()&&E({maxScroll:Cc()})},[o,E]);Cv({droppableId:l,type:d,mode:c,direction:u,isDropDisabled:p,isCombineEnabled:f,ignoreContainerClipping:m,getDroppableRef:b});var B=w.createElement(Ov,{on:e.placeholder,shouldAnimate:e.shouldAnimatePlaceholder},function(te){var V=te.onClose,G=te.data,Y=te.animate;return w.createElement(kv,{placeholder:G,onClose:V,innerRef:T,animate:Y,contextId:n,onTransitionEnd:x})}),M=Se(function(){return{innerRef:N,placeholder:B,droppableProps:{"data-rbd-droppable-id":l,"data-rbd-droppable-context-id":n}}},[n,l,B,N]),P=v?v.dragging.draggableId:null,F=Se(function(){return{droppableId:l,type:d,isUsingCloneFor:P}},[l,P,d]);function j(){if(!v)return null;var te=v.dragging,V=v.render,G=w.createElement(dd,{draggableId:te.draggableId,index:te.source.index,isClone:!0,isEnabled:!0,shouldRespectForcePress:!1,canDragInteractiveElements:!0},function(Y,U){return V(Y,U,te)});return Pn.createPortal(G,y())}return w.createElement(Ga.Provider,{value:F},i(M,h),j())}var ja=function(t,n){return t===n.droppable.type},ud=function(t,n){return n.draggables[t.draggable.id]},ty=function(){var t={placeholder:null,shouldAnimatePlaceholder:!0,snapshot:{isDraggingOver:!1,draggingOverWith:null,draggingFromThisWith:null,isUsingPlaceholder:!1},useClone:null},n=le({},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 h=m?{render:m,dragging:o(u.descriptor)}:null,v={isDraggingOver:d,draggingOverWith:d?p:null,draggingFromThisWith:p,isUsingPlaceholder:!0};return{placeholder:u.placeholder,shouldAnimatePlaceholder:!1,snapshot:v,useClone:h}}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(!ja(u,f))return n;var h=ud(f,l.dimensions),v=et(l.impact)===c;return a(c,m,v,v,h,p)}if(l.phase==="DROP_ANIMATING"){var E=l.completed;if(!ja(u,E.critical))return n;var y=ud(E.critical,l.dimensions);return a(c,m,ld(E.result)===c,et(E.impact)===c,y,p)}if(l.phase==="IDLE"&&l.completed&&!l.shouldFlush){var b=l.completed;if(!ja(u,b.critical))return n;var N=et(b.impact)===c,C=!!(b.impact.at&&b.impact.at.type==="COMBINE"),T=b.critical.droppable.id===c;return N?C?t:n:T?t:n}return n};return s},ny={updateViewportMaxScroll:Qg};function oy(){return document.body||(process.env.NODE_ENV!=="production"?L(!1,"document.body is not ready"):L()),document.body}var ry={mode:"standard",type:"DEFAULT",direction:"vertical",isDropDisabled:!1,isCombineEnabled:!1,ignoreContainerClipping:!1,renderClone:null,getContainerForClone:oy},Ya=Il(ty,ny,null,{context:Ba,pure:!0,areStatePropsEqual:id})(ey);Ya.defaultProps=ry;const ay={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=_.ButtonKind.DEFAULT,spinning:i,spinningTitle:l,type:d=_.ButtonType.BUTTON,unsafelyReplaceClassName:c,...u}=e;let{disabled:m}=e;i&&(m=!0);const{t:p}=he.useWoodlandLanguage(),f=A(c||"sps-button",`sps-button--${s}`,m&&"sps-button--disabled",i&&"sps-button--spinning",n),h=a&&r.createElement("i",{className:A("sps-icon",`sps-icon-${a}`),"aria-hidden":"true"}),v=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"},h,t,v):r.createElement("button",{...u,type:d,className:"sps-button__clickable-element",disabled:m},h,t,v))}Object.assign(Ie,{props:ay,displayName:"SpsButton"});const sy={content:"ReactNodeLike",icon:"SpsIcon",title:"string"};function md(e){const{content:t,className:n,icon:o,title:a,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,d=A(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(md,{props:sy,displayName:"SpsCardHeader"});const iy={icon:"SpsIcon",kind:"TagKind"};function ft(e){const{children:t,className:n,icon:o,kind:a=_.TagKind.DEFAULT,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,d=r.Children.toArray(t).filter(u=>typeof u=="string").join(""),c=A(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(ft,{props:iy,displayName:"SpsTag"});const ly={activateTab:"Function",active:"boolean",icon:"SpsIcon",label:"string",index:"number",tag:"string",tagKind:"TagKind",tagIcon:"SpsIcon"};function qa(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,...h}=e,v=()=>{t&&t(this,d,o)},E=b=>{(b.key==="Enter"||b.key===" "||b.key==="Spacebar")&&(b.preventDefault(),b.stopPropagation(),t&&t(this,d,o))},y=A(f||"sps-nav__item","sps-nav__link",n&&"active",a);return r.createElement("a",{className:y,onClick:v,"data-toggle":"tab",id:l,role:"tab","aria-controls":l,...h,tabIndex:0,onKeyDown:E},i&&r.createElement("i",{className:`sps-icon sps-icon-${i}`}),r.createElement("span",null,s),c&&r.createElement(ft,{kind:u||_.TagKind.KEY,icon:m},c))}Object.assign(qa,{props:ly,displayName:"SpsCardTabbedPane"});function cy(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 dy={activeTab:"string",footer:"ReactNodeOrRenderFn",headerContent:"ReactNodeOrRenderFn",headerIcon:"SpsIcon",headerTitle:"string"};function Ja(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(v=>r.isValidElement(v)&&v.type===qa),[p,f]=cy(n,t,m),h=A(c||"sps-card",o);return r.createElement("div",{...u,className:h,"data-testid":`${d}__card`},(l||s)&&r.createElement(md,{title:l,content:qe(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,(v,E)=>{if(r.isValidElement(v))return r.cloneElement(v,{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`},qe(a)))}Object.assign(Ja,{props:dy,displayName:"SpsCard"});function Xa(e,t){const[n,...o]=g.crumblePath(t);return o.length?e.members[n].get(o):e.members[n]}function py(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(bo.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 Xa(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 uy(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(bo.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 my(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 Xa(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 fy(e,t){t&&e.setInitValue(t);const[n,o]=w.useState(),[a,s]=w.useState([]),[i,l]=w.useReducer(d=>{for(const c of a)for(const u of g.traversePath(d,c))u.validators&&u.validators.length&&(u.errors=vo(u.getValue(),u.validators),u.invalid=!!u.errors&&!u.pristine);return o(void 0),s([]),{...d}},e);return g.forEachNestedObject(i,(d,c)=>{c._type&&(c.update=function(){return a.push(d),s(a),n||o(window.setTimeout(l,0)),this})}),i}function Sy(e,t=null){const[n,o]=w.useState(t),a=w.useRef(()=>null);return w.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 fd={formMeta:"SpsFormSetMeta<any>",onSubmit:"React.FormEventHandler"},ao=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(ao,{props:fd,displayName:"SpsForm"});const Sd={},gy={ideal:{label:"Ideal",examples:{ideal:{react:g.code`
549
549
  import {
550
550
  SpsForm,
551
551
  SpsLabel,
@@ -697,7 +697,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
697
697
  </>
698
698
  )
699
699
  }
700
- `}}}},Sy={index:"number",key:"string",columnId:"string",name:"string",value:"string",onDelete:"(columnValue: string) => void",mandatory:"boolean"};function jo(e){const{index:t,key:n,columnId:o,name:a,value:s,onDelete:i,mandatory:l,ref:d,...c}=e,{t:u}=ge.useWoodlandLanguage();return r.createElement(dd,{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:F.ButtonKind.ICON,icon:F.SpsIcon.X,onClick:()=>{i&&i(s||"")}})))))}Object.assign(jo,{props:Sy,displayName:"SpsColumnChooserColumn"});const gy={maxSelectedColumns:"number | null",unselectedColumns:"ColumnProps[]",selectedColumns:"ColumnProps[]",onApplyChanges:"(selectedColumns: ColumnProps[]) => void"};function Xa(e){const{unselectedColumns:t=[],selectedColumns:n=[],maxSelectedColumns:o=8,onApplyChanges:a,maxVisibleUnselectedColumns:s,updateInitialState:i,className:l,unsafelyReplaceClassName:d,...c}=e,[u,m]=Tt({isVisible:!1,unselectedColumns:[...t.map(L=>({...L,label:L.name,columnId:We()}))],selectedColumns:[...n.map(L=>({...L,columnId:We()}))],searchSelectedColumn:null,pendingUnselectedColumns:[...t.map(L=>({...L,label:L.name,columnId:We()}))],pendingSelectedColumns:[...n.map(L=>({...L,columnId:We()}))]}),{t:p}=ge.useWoodlandLanguage(),f={searchSelectedColumn:""},h=A(u.isVisible&&"sps-button--open",l),{formMeta:v,formValue:E,updateForm:y}=ki(f);function b(L){if(L.target.value){const O=[...u.pendingSelectedColumns],R=[];u.pendingUnselectedColumns.forEach(q=>{L.target.value===q.name?(y(f),O.push({columnId:We(),name:q.name,value:q.value})):R.push(q)}),m({pendingSelectedColumns:O,pendingUnselectedColumns:R})}}function N(L){const O=[],R=[...u.pendingUnselectedColumns];u.pendingSelectedColumns.forEach(q=>{L===q.value?R.push({columnId:We(),name:q.name,value:q.value}):O.push(q)}),m({pendingSelectedColumns:O,pendingUnselectedColumns:R})}function C(L){if(!L.destination)return;const O=[...u.pendingSelectedColumns],[R]=O.splice(L.source.index,1);O.splice(L.destination.index,0,R),m({pendingSelectedColumns:O})}function T(){const L=u.pendingSelectedColumns.map(O=>{const R={...O};return R.columnId&&delete R.columnId,R});y(f),m({isVisible:!1,selectedColumns:[...u.pendingSelectedColumns],unselectedColumns:[...u.pendingUnselectedColumns]}),a&&a(L)}function x(){m({isVisible:!u.isVisible}),u.isVisible&&m({pendingSelectedColumns:[...u.selectedColumns],pendingUnselectedColumns:[...u.unselectedColumns]})}const B=r.useCallback(L=>{const O=new RegExp(L??"","i");return s?u.pendingUnselectedColumns.filter(R=>O.test(R.name)).map(R=>R.name).slice(0,s):u.pendingUnselectedColumns.map(R=>R.name)},[u.pendingUnselectedColumns,s]);return r.useEffect(()=>{i&&m({unselectedColumns:[...t.map(L=>({...L,label:L.name,columnId:We()}))],pendingUnselectedColumns:[...t.map(L=>({...L,label:L.name,columnId:We()}))]})},[t]),r.useEffect(()=>{i&&m({selectedColumns:[...n.map(L=>({...L,columnId:We()}))],pendingSelectedColumns:[...n.map(L=>({...L,columnId:We()}))]})},[n]),r.createElement("div",{className:"sps-column-chooser z-stratum-dropdown",...c},r.createElement(Ie,{className:h,"aria-label":`${u.isVisible?"Close":"Open"} Column Chooser`,kind:F.ButtonKind.ICON,icon:F.SpsIcon.TABLE,onClick:x,"data-testid":"button"}),u.isVisible&&r.createElement(qa,{"data-testid":"open",footer:()=>r.createElement(Ie,{"aria-label":"Apply Changes",kind:F.ButtonKind.LINK,onClick:T},p("columnChooser.applyChanges",{defaultValue:"Apply Changes"}))},r.createElement("div",{className:"sps-column-chooser__search-container"},r.createElement(wt,{suggestions:B,disabled:!!(o&&u.pendingSelectedColumns.length>=o),value:E.searchSelectedColumn?E.searchSelectedColumn:"",formMeta:v.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(Zc,{onDragEnd:C},r.createElement(ja,{droppableId:"column-chooser"},L=>r.createElement("div",{...L.droppableProps,ref:L.innerRef},u.pendingSelectedColumns.map((O,R)=>r.createElement(jo,{index:R,key:O.columnId,columnId:O.columnId,name:O.name,value:O.value,onDelete:N,mandatory:O.mandatory})),L.placeholder)))))}Object.assign(Xa,{props:gy,displayName:"SpsColumnChooser"});const Sd={basic:{label:"Basic",description:"Column chooser component",examples:{basic:{react:g.code`
700
+ `}}}},hy={index:"number",key:"string",columnId:"string",name:"string",value:"string",onDelete:"(columnValue: string) => void",mandatory:"boolean"};function jo(e){const{index:t,key:n,columnId:o,name:a,value:s,onDelete:i,mandatory:l,ref:d,...c}=e,{t:u}=he.useWoodlandLanguage();return r.createElement(pd,{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:_.ButtonKind.ICON,icon:_.SpsIcon.X,onClick:()=>{i&&i(s||"")}})))))}Object.assign(jo,{props:hy,displayName:"SpsColumnChooserColumn"});const by={maxSelectedColumns:"number | null",unselectedColumns:"ColumnProps[]",selectedColumns:"ColumnProps[]",onApplyChanges:"(selectedColumns: ColumnProps[]) => void"};function Za(e){const{unselectedColumns:t=[],selectedColumns:n=[],maxSelectedColumns:o=8,onApplyChanges:a,maxVisibleUnselectedColumns:s,updateInitialState:i,className:l,unsafelyReplaceClassName:d,...c}=e,[u,m]=Dt({isVisible:!1,unselectedColumns:[...t.map(M=>({...M,label:M.name,columnId:He()}))],selectedColumns:[...n.map(M=>({...M,columnId:He()}))],searchSelectedColumn:null,pendingUnselectedColumns:[...t.map(M=>({...M,label:M.name,columnId:He()}))],pendingSelectedColumns:[...n.map(M=>({...M,columnId:He()}))]}),{t:p}=he.useWoodlandLanguage(),f={searchSelectedColumn:""},h=A(u.isVisible&&"sps-button--open",l),{formMeta:v,formValue:E,updateForm:y}=xi(f);function b(M){if(M.target.value){const P=[...u.pendingSelectedColumns],F=[];u.pendingUnselectedColumns.forEach(j=>{M.target.value===j.name?(y(f),P.push({columnId:He(),name:j.name,value:j.value})):F.push(j)}),m({pendingSelectedColumns:P,pendingUnselectedColumns:F})}}function N(M){const P=[],F=[...u.pendingUnselectedColumns];u.pendingSelectedColumns.forEach(j=>{M===j.value?F.push({columnId:He(),name:j.name,value:j.value}):P.push(j)}),m({pendingSelectedColumns:P,pendingUnselectedColumns:F})}function C(M){if(!M.destination)return;const P=[...u.pendingSelectedColumns],[F]=P.splice(M.source.index,1);P.splice(M.destination.index,0,F),m({pendingSelectedColumns:P})}function T(){const M=u.pendingSelectedColumns.map(P=>{const F={...P};return F.columnId&&delete F.columnId,F});y(f),m({isVisible:!1,selectedColumns:[...u.pendingSelectedColumns],unselectedColumns:[...u.pendingUnselectedColumns]}),a&&a(M)}function x(){m({isVisible:!u.isVisible}),u.isVisible&&m({pendingSelectedColumns:[...u.selectedColumns],pendingUnselectedColumns:[...u.unselectedColumns]})}const B=r.useCallback(M=>{const P=new RegExp(M??"","i");return s?u.pendingUnselectedColumns.filter(F=>P.test(F.name)).map(F=>F.name).slice(0,s):u.pendingUnselectedColumns.map(F=>F.name)},[u.pendingUnselectedColumns,s]);return r.useEffect(()=>{i&&m({unselectedColumns:[...t.map(M=>({...M,label:M.name,columnId:He()}))],pendingUnselectedColumns:[...t.map(M=>({...M,label:M.name,columnId:He()}))]})},[t]),r.useEffect(()=>{i&&m({selectedColumns:[...n.map(M=>({...M,columnId:He()}))],pendingSelectedColumns:[...n.map(M=>({...M,columnId:He()}))]})},[n]),r.createElement("div",{className:"sps-column-chooser z-stratum-dropdown",...c},r.createElement(Ie,{className:h,"aria-label":`${u.isVisible?"Close":"Open"} Column Chooser`,kind:_.ButtonKind.ICON,icon:_.SpsIcon.TABLE,onClick:x,"data-testid":"button"}),u.isVisible&&r.createElement(Ja,{"data-testid":"open",footer:()=>r.createElement(Ie,{"aria-label":"Apply Changes",kind:_.ButtonKind.LINK,onClick:T},p("columnChooser.applyChanges",{defaultValue:"Apply Changes"}))},r.createElement("div",{className:"sps-column-chooser__search-container"},r.createElement(Nt,{suggestions:B,disabled:!!(o&&u.pendingSelectedColumns.length>=o),value:E.searchSelectedColumn?E.searchSelectedColumn:"",formMeta:v.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(Qc,{onDragEnd:C},r.createElement(Ya,{droppableId:"column-chooser"},M=>r.createElement("div",{...M.droppableProps,ref:M.innerRef},u.pendingSelectedColumns.map((P,F)=>r.createElement(jo,{index:F,key:P.columnId,columnId:P.columnId,name:P.name,value:P.value,onDelete:N,mandatory:P.mandatory})),M.placeholder)))))}Object.assign(Za,{props:by,displayName:"SpsColumnChooser"});const gd={basic:{label:"Basic",description:"Column chooser component",examples:{basic:{react:g.code`
701
701
  import { SpsColumnChooser } from "@spscommerce/ds-react";
702
702
  function DemoComponent() {
703
703
  const unselectedCols = [
@@ -716,7 +716,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
716
716
  />
717
717
  );
718
718
  }
719
- `}}}},hy={icon:{type:"SpsIcon",required:!0},size:"SpsIconSize"};function St(e){const{className:t,"data-testid":n,icon:o,size:a=F.SpsIconSize.MEDIUM,unsafelyReplaceClassName:s,...i}=e,l=A(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(St,{props:hy,displayName:"SpsI"});const by={borderless:"boolean",lean:"boolean",leaner:{type:"boolean",deprecated:!0},widthPx:"number",widthRem:"number"};function on(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=A(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(on,{props:by,displayName:"SpsContentRowCol"});const vy={};function Yo(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=A(a||"sps-content-row__expansion",n);return r.createElement("div",{className:i,...s,"data-testid":`${o}__expansion`},t)}Object.assign(Yo,{props:vy,displayName:"SpsContentRowExpansion"});const yy={alternateLayout:"boolean",initiallyExpanded:"boolean",cardSpacing:"boolean",expanded:"boolean",onBeforeCollapsed:"() => boolean",onBeforeExpanded:"() => boolean",onSelectionChange:"ChangeEventHandler",onCollapsed:"() => void",onExpanded:"() => void",selectable:"boolean",selected:"boolean"};function Za(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":h,unsafelyReplaceClassName:v,...E}=e,{t:y}=ge.useWoodlandLanguage(),[b,N]=r.useState(u),C=typeof a=="boolean"?a:b;function T(q){q.stopPropagation(),C&&(!s||s())?(N(!1),d&&d()):!C&&(!i||i())&&(N(!0),c&&c())}const x=()=>r.createElement(Xt,{checked:f,onChange:l}),B=()=>r.createElement("button",{type:"button",className:"sps-content-row__expand-btn",onClick:T,"aria-label":y(`contentRow.${C?"collapse":"expand"}`,{defaultValue:`${C?"Collapse":"Expand"}`})},r.createElement(St,{icon:C?F.SpsIcon.MINUS_CIRCLE:F.SpsIcon.PLUS_CIRCLE})),L=A(v||"sps-content-row",C&&"sps-content-row--expanded",m&&"sps-content-row--card-spaced",f&&"sps-content-row--selected",t&&"sps-content-row--alternate-layout",o),[O,[R]]=at(n,[{type:on},{type:Yo}]);return r.createElement("div",{className:L,"data-testid":h,...E},r.createElement("div",{className:"sps-content-row__col-group","data-testid":`${h}__children`},p&&!t&&r.createElement(on,{widthPx:46},r.createElement(x,null)),R&&!t&&r.createElement(on,{widthPx:44},r.createElement(B,null)),R&&p&&t&&r.createElement(on,{widthPx:46},r.createElement("section",null,r.createElement(x,null)),r.createElement("section",null,r.createElement(B,null))),O),R)}Object.assign(Za,{props:yy,displayName:"SpsContentRow"});const gd={basic:{label:"Content rows",examples:{basic:{react:g.code`
719
+ `}}}},vy={icon:{type:"SpsIcon",required:!0},size:"SpsIconSize"};function St(e){const{className:t,"data-testid":n,icon:o,size:a=_.SpsIconSize.MEDIUM,unsafelyReplaceClassName:s,...i}=e,l=A(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(St,{props:vy,displayName:"SpsI"});const yy={borderless:"boolean",lean:"boolean",leaner:{type:"boolean",deprecated:!0},widthPx:"number",widthRem:"number"};function on(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=A(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(on,{props:yy,displayName:"SpsContentRowCol"});const Ey={};function Yo(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=A(a||"sps-content-row__expansion",n);return r.createElement("div",{className:i,...s,"data-testid":`${o}__expansion`},t)}Object.assign(Yo,{props:Ey,displayName:"SpsContentRowExpansion"});const Ty={alternateLayout:"boolean",initiallyExpanded:"boolean",cardSpacing:"boolean",expanded:"boolean",onBeforeCollapsed:"() => boolean",onBeforeExpanded:"() => boolean",onSelectionChange:"ChangeEventHandler",onCollapsed:"() => void",onExpanded:"() => void",selectable:"boolean",selected:"boolean"};function Qa(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":h,unsafelyReplaceClassName:v,...E}=e,{t:y}=he.useWoodlandLanguage(),[b,N]=r.useState(u),C=typeof a=="boolean"?a:b;function T(j){j.stopPropagation(),C&&(!s||s())?(N(!1),d&&d()):!C&&(!i||i())&&(N(!0),c&&c())}const x=()=>r.createElement(Xt,{checked:f,onChange:l}),B=()=>r.createElement("button",{type:"button",className:"sps-content-row__expand-btn",onClick:T,"aria-label":y(`contentRow.${C?"collapse":"expand"}`,{defaultValue:`${C?"Collapse":"Expand"}`})},r.createElement(St,{icon:C?_.SpsIcon.MINUS_CIRCLE:_.SpsIcon.PLUS_CIRCLE})),M=A(v||"sps-content-row",C&&"sps-content-row--expanded",m&&"sps-content-row--card-spaced",f&&"sps-content-row--selected",t&&"sps-content-row--alternate-layout",o),[P,[F]]=rt(n,[{type:on},{type:Yo}]);return r.createElement("div",{className:M,"data-testid":h,...E},r.createElement("div",{className:"sps-content-row__col-group","data-testid":`${h}__children`},p&&!t&&r.createElement(on,{widthPx:46},r.createElement(x,null)),F&&!t&&r.createElement(on,{widthPx:44},r.createElement(B,null)),F&&p&&t&&r.createElement(on,{widthPx:46},r.createElement("section",null,r.createElement(x,null)),r.createElement("section",null,r.createElement(B,null))),P),F)}Object.assign(Qa,{props:Ty,displayName:"SpsContentRow"});const hd={basic:{label:"Content rows",examples:{basic:{react:g.code`
720
720
  import {
721
721
  SpsContentRow,
722
722
  SpsContentRowCol,
@@ -1184,7 +1184,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
1184
1184
  </>
1185
1185
  )
1186
1186
  }
1187
- `}}}},Ey=mn.default||mn;function Ty(){return new Array(7).fill(null)}function hd(e){const t=Ey({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(Ty);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 bd(e){const[t,n]=r.useState(()=>hd(e));return r.useEffect(()=>{n(hd(e))},[e]),t}function vd(e){const[t,n]=r.useState(()=>J.toMoment(e));return r.useEffect(()=>n(J.toMoment(e)),[e]),t}function qo(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 Lt(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 wy(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:Lt,mm:"%d Minuten",h:Lt,hh:"%d Stunden",d:Lt,dd:Lt,w:Lt,ww:"%d Wochen",M:Lt,MM:Lt,y:Lt,yy:Lt},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:4}})}function Cy(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:qo,week:{dow:0,doy:4}})}function Dy(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:qo})}function Ny(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:qo,week:{dow:1,doy:4}})}function Iy(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:qo,week:{dow:1,doy:4}})}function ky(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 xy(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 My(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 Ly(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 Py(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 Oy(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 By(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 _y(e){const t=e.locale();wy(e),Cy(e),Dy(e),Ny(e),Iy(e),ky(e),xy(e),My(e),Ly(e),Py(e),Oy(e),By(e),e.locale(t)}_y(Oe);const Ry=Oe.locale(),Nn=Oe.locales();Nn.indexOf("en-US")===-1&&Oe.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"}}),Nn.indexOf("en-US24")===-1&&Oe.defineLocale("en-US24",{parentLocale:"en-US",longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss"}}),Nn.indexOf("en-PH")===-1&&(Oe.defineLocale("en-PH",{parentLocale:"en-GB"}),Oe.updateLocale("en-PH",{longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A"}})),Nn.indexOf("en-IN")===-1&&(Oe.defineLocale("en-IN",{parentLocale:"en-GB"}),Oe.updateLocale("en-IN",{longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A",ll:"D-MMM-YYYY"}})),Nn.indexOf("en-SG")===-1&&(Oe.defineLocale("en-SG",{parentLocale:"en-IN"}),Oe.updateLocale("en-SG",{longDateFormat:{ll:"D MMM YYYY"}})),Nn.indexOf("en-HK")===-1&&Oe.defineLocale("en-HK",{parentLocale:"en-GB"}),Oe.locale(Ry);function Jo(){return typeof window>"u"?"en-US":window.navigator.languages?.[0]||window.navigator.language||"en-US"}function yd(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 Ed(e){const t=e??Jo();return Oe().locale(t).locale()}const Td=r.createContext(void 0);function Fy({currentUser:e,locale:t,children:n}){const o=r.useMemo(()=>({currentUser:e,locale:t}),[e,t]);return r.createElement(Td.Provider,{value:o},n)}function io(e){const t=r.useContext(Td);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 Ay=mn.default||mn,ze="sps-datepicker__calendar";function lo({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 Xo(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:h}=ge.useWoodlandLanguage(),v=io(i),E=r.useMemo(()=>Ed(v),[v]),y=r.useMemo(()=>Ay.localeData(E).weekdaysShort(),[E]),[b,N]=r.useState(()=>lo(e)),[C,T]=r.useState(J.nextMonth({...b,date:15})),x=r.useMemo(()=>J.create(),[]);r.useEffect(()=>{if(c&&c[0]&&c[1]&&c[0].month!==b.month&&c[0].month!==C.month&&c[1].month!==b.month&&c[1].month!==C.month){const H=lo(e);N(H),T(J.nextMonth({month:H.month,date:15,year:H.year}))}else if(c&&c[0]&&!c[1]&&c[0].month!==b.month&&c[0].month!==C.month){const H=lo(e);N(H),T(J.nextMonth({month:H.month,date:15,year:H.year}))}else if(c&&!c[0]&&c[1]&&c[1].month!==b.month&&c[1].month!==C.month){const H=lo(e);N(H),T(J.nextMonth({month:H.month,date:15,year:H.year}))}else{const H=lo(e);N(H),T(J.nextMonth({month:H.month,date:15,year:H.year}))}},[d,c,a,o]);const B=vd(b),L=bd(b),O=vd(C),R=bd(C),[q,te]=r.useState();function $(){N(J.prevMonth({...b,date:15})),m&&T(J.prevMonth({...C,date:15}))}function W(){N(J.nextMonth({...b,date:15})),m&&T(J.nextMonth({...C,date:15}))}function Y(H){H.target&&H.target.classList.contains(`${ze}-day`)?m&&H.target.classList.contains(`${C.month}`)?te({...C,date:Number(H.target.textContent)}):te({...b,date:Number(H.target.textContent)}):(!H.target||!H.target.classList.contains(`${ze}-row`))&&te(void 0)}function V(H,S=!1){const I=`${ze}-day`;return A(`${ze}-cell`,H&&b&&H.month===b.month&&!S&&I,m&&H.month===C.month&&S&&I,J.isSameDate(x,H)&&`${I}--current-day`,(J.isSameDate(H,d)&&J.isInRange(H,[s,a])!==!1||c&&J.isSameDate(H,c[0])||J.isInRange(H,c))&&`${I}--selected`,J.isInRange(H,[s,a])===!1&&`${I}--disabled`,c&&c[1]&&J.isSameDate(H,c[0])&&!J.isSameDate(H,c[1])&&`${I}--selection-start`,J.isInRange(H,c,!1)&&`${I}--selection-middle`,c&&J.isSameDate(H,c[1])&&!J.isSameDate(H,c[0])&&`${I}--selection-end`,c&&c[0]&&!c[1]&&(!s&&!a||J.isInRange(q,[s,a]))&&J.isInRange(H,[c[0],q],!1)&&`${I}--pending-selection`,u&&u==="After"&&c&&c[0]&&c[1]===null&&(!s&&!a||J.isInRange(H,[c[0],a]))&&J.isInRange(H,[c[0],{month:12,date:31,year:3e3}],!1)&&`${I}--selected`,u&&u==="Before"&&c&&c[0]===null&&c[1]&&(!s&&!a||J.isInRange(H,[s,c[1]]))&&J.isInRange(H,[{month:1,date:1,year:1900},c[1]])&&`${I}--selected`)}function G(H){H&&b&&H.month===b.month&&J.isInRange(H,[s,a])!==!1&&l(H),H&&m&&C&&H.month===C.month&&J.isInRange(H,[s,a])!==!1&&l(H)}const ee=A(ze,n);return b?r.createElement(r.Fragment,null,r.createElement("div",{"data-testid":`${p}`,className:ee,...f,onMouseOver:Y},r.createElement("div",{className:`${ze}-head`},r.createElement("button",{"data-testid":`${p}_prev_month`,type:"button",tabIndex:-1,disabled:J.isSameMonth(b,s),title:h("datepicker.calendar.prevMonth",{defaultValue:"View Previous Month"}),className:"sps-datepicker__button sps-datepicker__button-previous-month",onClick:$},r.createElement("i",{className:"sps-icon sps-icon-chevron-left"})),r.createElement("span",{className:`${ze}-head-label`},r.createElement("span",{className:`${ze}-head-label-month`},B?B.clone().locale(E).format("MMMM"):""),r.createElement("span",{className:`${ze}-head-label-year`},b.year)),!m&&r.createElement("button",{type:"button","data-testid":`${p}_next_month`,tabIndex:-1,disabled:J.isSameMonth(b,a),title:h("datepicker.calendar.nextMonth",{defaultValue:"View Next Month"}),className:"sps-datepicker__button sps-datepicker__button-next-month",onClick:W},r.createElement("i",{className:"sps-icon sps-icon-chevron-right"}))),r.createElement("div",{className:`${ze}-body`},r.createElement("div",{className:"sps-datepicker__calendar-row"},y.map(H=>r.createElement("div",{key:H,className:"sps-datepicker__calendar-header-cell"},H))),L.map((H,S)=>r.createElement("div",{key:S,className:"sps-datepicker__calendar-row"},H.map((I,D)=>r.createElement("div",{key:D,className:V(I),onClick:()=>G(I),"data-testid":`${p}_${J.toString(I)}`},I?I.date:"")))))),m&&r.createElement("div",{"data-testid":`${p}`,className:ee,...f,onMouseOver:Y},r.createElement("div",{className:`${ze}-head`},r.createElement("span",{className:`${ze}-head-label`},r.createElement("span",{className:`${ze}-head-label-month`},O?O.clone().locale(E).format("MMMM"):""),r.createElement("span",{className:`${ze}-head-label-year`},C.year)),r.createElement("button",{type:"button","data-testid":`${p}_next_month`,tabIndex:-1,disabled:J.isSameMonth(C,a),title:h("datepicker.calendar.nextMonth",{defaultValue:"View Next Month"}),className:"sps-datepicker__button sps-datepicker__button-next-month",onClick:W},r.createElement("i",{className:"sps-icon sps-icon-chevron-right"}))),r.createElement("div",{className:`${ze}-body`},r.createElement("div",{className:"sps-datepicker__calendar-row"},y.map(H=>r.createElement("div",{key:H,className:"sps-datepicker__calendar-header-cell"},H))),R.map((H,S)=>r.createElement("div",{key:S,className:"sps-datepicker__calendar-row"},H.map((I,D)=>r.createElement("div",{key:D,className:A(V(I,!0),`${C.month.toString()}`),onClick:()=>G(I),"data-testid":`${p}_${J.toString(I)}`},I?I.date:""))))))):r.createElement(r.Fragment,null)}Object.assign(Xo,{displayName:"SpsDatepickerCalendar"});const wd="sps-datepicker__popup",Zo=r.forwardRef(({attachTo:e,children:t,className:n,isOpen:o,...a},s)=>{const i=s||r.useRef(null),l=hn("sps-datepicker-popup-portal"),d=r.useContext(rt),[c]=o?Jt(i,e,F.Position.BOTTOM_LEFT,{altPosition:Rr(F.Position.BOTTOM_LEFT),...d}):[{}],u=A(wd,"z-stratum-dropdown",o&&`${wd}--open`,n);return l(r.createElement("div",{...a,className:u,ref:i,style:c},t))});Object.assign(Zo,{displayName:"SpsDatepickerPopup"});const Vy={currentUser:"any",disabled:"boolean",formMeta:"SpsFormFieldMeta<SimpleDate>",maxDate:"SimpleDate",minDate:"SimpleDate",onChange:"(newDate: SimpleDate) => void",value:"SimpleDate",format:"string",showTwoMonths:"boolean",autoCloseOnSelect:"boolean"},Cd="sps-datepicker";function Qa({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,...h}){const{wrapperId:v,controlId:E}=Ge(s,a),y=r.useRef(null),b=r.useRef(null),N=r.useRef(null),[C,T]=r.useState(J.toString(c,u)),{showPopup:x,doShowPopup:B,doHidePopup:L}=bn(y,b);function O(V){a&&(a.setValue(V),a.markAsDirty()),d&&d(V)}function R(V){O(V),T(J.toString(V,u)),N&&N.current&&N.current.focus(),p&&L()}function q(V){T(V.target.value);const G=J.createFrom(V.target.value,u);O(G)}function te(){L(),T(""),O()}function $(V){switch(V.key){case"Tab":L();break;case"Backspace":V.target.selectionStart===0&&c&&!Array.isArray(c)&&te();break}}const W=A(Cd,"sps-text-input",x&&`${Cd}--open`,t),Y=r.useRef(!1);return r.useEffect(()=>{Y.current?c?J.isValid(c)&&T(J.toString(c,u)):te():Y.current=!0},[c,u]),r.createElement(r.Fragment,null,r.createElement(Be,{id:v,className:W,formMeta:a,inputRef:N,focusInputOnClick:!0,ref:y},r.createElement("div",{className:A("sps-form-control",o&&"disabled")},r.createElement("i",{className:A("sps-text-input__icon","sps-icon","sps-icon-calendar-blank")}),r.createElement("input",{type:"text",ref:N,className:"sps-text-input__input",id:E,placeholder:u?.toUpperCase()||Sn,onChange:q,onClick:B,onFocus:B,onKeyDown:$,value:C,disabled:o,"data-testid":`${f}_date_input`,...h}),c&&!o&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:te}))),r.createElement(Zo,{isOpen:x,attachTo:y,ref:b},r.createElement(Xo,{"data-testid":`${f}_calendar`,selectedDate:c,onNewSelection:R,minDate:l,maxDate:i,showTwoMonths:m,currentUser:n})))}Object.assign(Qa,{props:Vy,displayName:"SpsDatepicker"});const Dd={basic:{label:"Basic",examples:{basic:{react:g.code`
1187
+ `}}}},wy=mn.default||mn;function Cy(){return new Array(7).fill(null)}function bd(e){const t=wy({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(Cy);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 vd(e){const[t,n]=r.useState(()=>bd(e));return r.useEffect(()=>{n(bd(e))},[e]),t}function yd(e){const[t,n]=r.useState(()=>X.toMoment(e));return r.useEffect(()=>n(X.toMoment(e)),[e]),t}function qo(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 Ot(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 Dy(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:Ot,mm:"%d Minuten",h:Ot,hh:"%d Stunden",d:Ot,dd:Ot,w:Ot,ww:"%d Wochen",M:Ot,MM:Ot,y:Ot,yy:Ot},dayOfMonthOrdinalParse:/\d{1,2}\./,ordinal:"%d.",week:{dow:1,doy:4}})}function Ny(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:qo,week:{dow:0,doy:4}})}function Iy(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:qo})}function ky(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:qo,week:{dow:1,doy:4}})}function xy(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:qo,week:{dow:1,doy:4}})}function My(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 Ly(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 Py(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 Oy(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 By(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 _y(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 Ry(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 Fy(e){const t=e.locale();Dy(e),Ny(e),Iy(e),ky(e),xy(e),My(e),Ly(e),Py(e),Oy(e),By(e),_y(e),Ry(e),e.locale(t)}Fy(Pe);const Ay=Pe.locale(),In=Pe.locales();In.indexOf("en-US")===-1&&Pe.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"}}),In.indexOf("en-US24")===-1&&Pe.defineLocale("en-US24",{parentLocale:"en-US",longDateFormat:{LT:"HH:mm",LTS:"HH:mm:ss"}}),In.indexOf("en-PH")===-1&&(Pe.defineLocale("en-PH",{parentLocale:"en-GB"}),Pe.updateLocale("en-PH",{longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A"}})),In.indexOf("en-IN")===-1&&(Pe.defineLocale("en-IN",{parentLocale:"en-GB"}),Pe.updateLocale("en-IN",{longDateFormat:{LT:"h:mm A",LTS:"h:mm:ss A",ll:"D-MMM-YYYY"}})),In.indexOf("en-SG")===-1&&(Pe.defineLocale("en-SG",{parentLocale:"en-IN"}),Pe.updateLocale("en-SG",{longDateFormat:{ll:"D MMM YYYY"}})),In.indexOf("en-HK")===-1&&Pe.defineLocale("en-HK",{parentLocale:"en-GB"}),Pe.locale(Ay);function Jo(){return typeof window>"u"?"en-US":window.navigator.languages?.[0]||window.navigator.language||"en-US"}function Ed(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 Td(e){const t=e??Jo();return Pe().locale(t).locale()}const wd=r.createContext(void 0);function Vy({currentUser:e,locale:t,children:n}){const o=r.useMemo(()=>({currentUser:e,locale:t}),[e,t]);return r.createElement(wd.Provider,{value:o},n)}function so(e){const t=r.useContext(wd);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 $y=mn.default||mn,Ue="sps-datepicker__calendar";function io({maxDate:e,selectedDate:t,selectedRange:n}){const o=n?X.nullifyInvalidDate(n[0])||X.nullifyInvalidDate(n[1]):null;return X.nullifyInvalidDate(t)||o||X.nullifyInvalidDate(e)||X.create()}function Xo(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:h}=he.useWoodlandLanguage(),v=so(i),E=r.useMemo(()=>Td(v),[v]),y=r.useMemo(()=>$y.localeData(E).weekdaysShort(),[E]),[b,N]=r.useState(()=>io(e)),[C,T]=r.useState(X.nextMonth({...b,date:15})),x=r.useMemo(()=>X.create(),[]);r.useEffect(()=>{if(c&&c[0]&&c[1]&&c[0].month!==b.month&&c[0].month!==C.month&&c[1].month!==b.month&&c[1].month!==C.month){const K=io(e);N(K),T(X.nextMonth({month:K.month,date:15,year:K.year}))}else if(c&&c[0]&&!c[1]&&c[0].month!==b.month&&c[0].month!==C.month){const K=io(e);N(K),T(X.nextMonth({month:K.month,date:15,year:K.year}))}else if(c&&!c[0]&&c[1]&&c[1].month!==b.month&&c[1].month!==C.month){const K=io(e);N(K),T(X.nextMonth({month:K.month,date:15,year:K.year}))}else{const K=io(e);N(K),T(X.nextMonth({month:K.month,date:15,year:K.year}))}},[d,c,a,o]);const B=yd(b),M=vd(b),P=yd(C),F=vd(C),[j,te]=r.useState();function V(){N(X.prevMonth({...b,date:15})),m&&T(X.prevMonth({...C,date:15}))}function G(){N(X.nextMonth({...b,date:15})),m&&T(X.nextMonth({...C,date:15}))}function Y(K){K.target&&K.target.classList.contains(`${Ue}-day`)?m&&K.target.classList.contains(`${C.month}`)?te({...C,date:Number(K.target.textContent)}):te({...b,date:Number(K.target.textContent)}):(!K.target||!K.target.classList.contains(`${Ue}-row`))&&te(void 0)}function U(K,S=!1){const I=`${Ue}-day`;return A(`${Ue}-cell`,K&&b&&K.month===b.month&&!S&&I,m&&K.month===C.month&&S&&I,X.isSameDate(x,K)&&`${I}--current-day`,(X.isSameDate(K,d)&&X.isInRange(K,[s,a])!==!1||c&&X.isSameDate(K,c[0])||X.isInRange(K,c))&&`${I}--selected`,X.isInRange(K,[s,a])===!1&&`${I}--disabled`,c&&c[1]&&X.isSameDate(K,c[0])&&!X.isSameDate(K,c[1])&&`${I}--selection-start`,X.isInRange(K,c,!1)&&`${I}--selection-middle`,c&&X.isSameDate(K,c[1])&&!X.isSameDate(K,c[0])&&`${I}--selection-end`,c&&c[0]&&!c[1]&&(!s&&!a||X.isInRange(j,[s,a]))&&X.isInRange(K,[c[0],j],!1)&&`${I}--pending-selection`,u&&u==="After"&&c&&c[0]&&c[1]===null&&(!s&&!a||X.isInRange(K,[c[0],a]))&&X.isInRange(K,[c[0],{month:12,date:31,year:3e3}],!1)&&`${I}--selected`,u&&u==="Before"&&c&&c[0]===null&&c[1]&&(!s&&!a||X.isInRange(K,[s,c[1]]))&&X.isInRange(K,[{month:1,date:1,year:1900},c[1]])&&`${I}--selected`)}function $(K){K&&b&&K.month===b.month&&X.isInRange(K,[s,a])!==!1&&l(K),K&&m&&C&&K.month===C.month&&X.isInRange(K,[s,a])!==!1&&l(K)}const Q=A(Ue,n);return b?r.createElement(r.Fragment,null,r.createElement("div",{"data-testid":`${p}`,className:Q,...f,onMouseOver:Y},r.createElement("div",{className:`${Ue}-head`},r.createElement("button",{"data-testid":`${p}_prev_month`,type:"button",tabIndex:-1,disabled:X.isSameMonth(b,s),title:h("datepicker.calendar.prevMonth",{defaultValue:"View Previous Month"}),className:"sps-datepicker__button sps-datepicker__button-previous-month",onClick:V},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`},B?B.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:X.isSameMonth(b,a),title:h("datepicker.calendar.nextMonth",{defaultValue:"View Next Month"}),className:"sps-datepicker__button sps-datepicker__button-next-month",onClick:G},r.createElement("i",{className:"sps-icon sps-icon-chevron-right"}))),r.createElement("div",{className:`${Ue}-body`},r.createElement("div",{className:"sps-datepicker__calendar-row"},y.map(K=>r.createElement("div",{key:K,className:"sps-datepicker__calendar-header-cell"},K))),M.map((K,S)=>r.createElement("div",{key:S,className:"sps-datepicker__calendar-row"},K.map((I,D)=>r.createElement("div",{key:D,className:U(I),onClick:()=>$(I),"data-testid":`${p}_${X.toString(I)}`},I?I.date:"")))))),m&&r.createElement("div",{"data-testid":`${p}`,className:Q,...f,onMouseOver:Y},r.createElement("div",{className:`${Ue}-head`},r.createElement("span",{className:`${Ue}-head-label`},r.createElement("span",{className:`${Ue}-head-label-month`},P?P.clone().locale(E).format("MMMM"):""),r.createElement("span",{className:`${Ue}-head-label-year`},C.year)),r.createElement("button",{type:"button","data-testid":`${p}_next_month`,tabIndex:-1,disabled:X.isSameMonth(C,a),title:h("datepicker.calendar.nextMonth",{defaultValue:"View Next Month"}),className:"sps-datepicker__button sps-datepicker__button-next-month",onClick:G},r.createElement("i",{className:"sps-icon sps-icon-chevron-right"}))),r.createElement("div",{className:`${Ue}-body`},r.createElement("div",{className:"sps-datepicker__calendar-row"},y.map(K=>r.createElement("div",{key:K,className:"sps-datepicker__calendar-header-cell"},K))),F.map((K,S)=>r.createElement("div",{key:S,className:"sps-datepicker__calendar-row"},K.map((I,D)=>r.createElement("div",{key:D,className:A(U(I,!0),`${C.month.toString()}`),onClick:()=>$(I),"data-testid":`${p}_${X.toString(I)}`},I?I.date:""))))))):r.createElement(r.Fragment,null)}Object.assign(Xo,{displayName:"SpsDatepickerCalendar"});const Cd="sps-datepicker__popup",Zo=r.forwardRef(({attachTo:e,children:t,className:n,isOpen:o,...a},s)=>{const i=s||r.useRef(null),l=hn("sps-datepicker-popup-portal"),d=r.useContext(ot),[c]=o?Jt(i,e,_.Position.BOTTOM_LEFT,{altPosition:Fr(_.Position.BOTTOM_LEFT),...d}):[{}],u=A(Cd,"z-stratum-dropdown",o&&`${Cd}--open`,n);return l(r.createElement("div",{...a,className:u,ref:i,style:c},t))});Object.assign(Zo,{displayName:"SpsDatepickerPopup"});const Ky={currentUser:"any",disabled:"boolean",formMeta:"SpsFormFieldMeta<SimpleDate>",maxDate:"SimpleDate",minDate:"SimpleDate",onChange:"(newDate: SimpleDate) => void",value:"SimpleDate",format:"string",showTwoMonths:"boolean",autoCloseOnSelect:"boolean"},Dd="sps-datepicker";function es({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,...h}){const{wrapperId:v,controlId:E}=We(s,a),y=r.useRef(null),b=r.useRef(null),N=r.useRef(null),[C,T]=r.useState(X.toString(c,u)),{showPopup:x,doShowPopup:B,doHidePopup:M}=vn(y,b);function P(U){a&&(a.setValue(U),a.markAsDirty()),d&&d(U)}function F(U){P(U),T(X.toString(U,u)),N&&N.current&&N.current.focus(),p&&M()}function j(U){T(U.target.value);const $=X.createFrom(U.target.value,u);P($)}function te(){M(),T(""),P()}function V(U){switch(U.key){case"Tab":M();break;case"Backspace":U.target.selectionStart===0&&c&&!Array.isArray(c)&&te();break}}const G=A(Dd,"sps-text-input",x&&`${Dd}--open`,t),Y=r.useRef(!1);return r.useEffect(()=>{Y.current?c?X.isValid(c)&&T(X.toString(c,u)):te():Y.current=!0},[c,u]),r.createElement(r.Fragment,null,r.createElement(Oe,{id:v,className:G,formMeta:a,inputRef:N,focusInputOnClick:!0,ref:y},r.createElement("div",{className:A("sps-form-control",o&&"disabled")},r.createElement("i",{className:A("sps-text-input__icon","sps-icon","sps-icon-calendar-blank")}),r.createElement("input",{type:"text",ref:N,className:"sps-text-input__input",id:E,placeholder:u?.toUpperCase()||Sn,onChange:j,onClick:B,onFocus:B,onKeyDown:V,value:C,disabled:o,"data-testid":`${f}_date_input`,...h}),c&&!o&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:te}))),r.createElement(Zo,{isOpen:x,attachTo:y,ref:b},r.createElement(Xo,{"data-testid":`${f}_calendar`,selectedDate:c,onNewSelection:F,minDate:l,maxDate:i,showTwoMonths:m,currentUser:n})))}Object.assign(es,{props:Ky,displayName:"SpsDatepicker"});const Nd={basic:{label:"Basic",examples:{basic:{react:g.code`
1188
1188
  import {
1189
1189
  useSpsForm,
1190
1190
  SpsLabel,
@@ -1401,7 +1401,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
1401
1401
  </SpsLocaleProvider>
1402
1402
  );
1403
1403
  }
1404
- `}}}},$y={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"},Nd="sps-datepicker",es=[{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 Id(e,t=""){return e.find(n=>n.definition===t)}function Ky(e,t){return e.length===t.length&&e.every((n,o)=>n.definition===t[o].definition&&n.label===t[o].label)}function ts({children:e,className:t,currentUser:n,disabled:o,formMeta:a,id:s,maxDate:i,minDate:l,onChange:d,presets:c=es,selectedPreset:u,onPresetChange:m,value:p,showTwoMonths:f=!1,format:h,"data-testid":v,...E}){const{t:y}=ge.useWoodlandLanguage(),{wrapperId:b,controlId:N}=Ge(s,a),C=r.useRef(null),T=r.useRef(null),x=r.useRef(null),[B,L]=r.useState(Array.isArray(p)?J.toStringRange(p,h):""),[O,R]=r.useState(Id(c,u)||null),[q,te]=r.useState(),{showPopup:$,doShowPopup:W,doHidePopup:Y}=bn(C,x);function V(_,j){a&&(a.setValue(_),a.markAsDirty()),d?.(_,typeof j=="string"?j:void 0)}r.useEffect(()=>{R(Id(c,u)||null)},[u]);function G(_){return _&&/^datepicker\./.test(_.label)?y(_.label):_?.label??""}function ee(_){const j=p||[];let P,z=O;const Q=z?G(z):"";Q==="Before"?P=[null,_]:Q==="After"?P=[_,null]:!j[0]||j[1]||J.isBefore(_,j[0])?P=[_,null]:P=[j[0],_],(P[0]&&P[1]||Q==="Before"||Q==="After")&&(Y(!0),T&&T.current&&T.current.focus()),z&&Q!=="Before"&&Q!=="After"?(R(null),m?.(),z=null):z?.definition!==u&&m?.(typeof z?.definition=="string"?z.definition:G(z)),V(P,z?.definition),L(J.toStringRange(P,h)),te(void 0)}function H(_){L(_.target.value);let j=J.createRangeFrom(_.target.value,h),P=O;const z=P?G(P):"";Array.isArray(j)&&(j[0]&&j[1]&&(z==="Before"||z==="After")?(R(null),P=null):z==="Before"&&j[0]!==null?j=[null,j[0]]:z==="After"&&j[0]!==null&&(j=[j[0],null])),V(j,null),te(void 0)}function S(){R(null),te(void 0),L(""),V(),m?.(void 0)}function I(_){switch(_.key){case"Tab":Y();break;case"Backspace":_.target.selectionStart===0&&p&&O&&S();break}}function D(_){if(m&&_?.definition!==u&&(typeof _?.definition=="string"&&(_.definition==="Before"||_.definition==="After")&&m?.(),m(typeof _?.definition=="string"?_.definition:_?G(_):"")),!_){R(null),V();return}const j=_&&G(_);let P=J.createRangeFromPreset(_,h);const z=J.getRangeSeparator(h);(j==="Before"||j==="After")&&p&&p[0]&&p[1]?P=J.createRangeFrom(z,h):j==="Before"?P=J.createRangeFrom(`${z}${J.toString(p&&(p[0]||p[1]),h)}`):j==="After"&&(P=J.createRangeFrom(`${J.toString(p&&(p[0]||p[1]),h)}${z}`));let Q=O;R(_),(JSON.stringify(p)!==JSON.stringify(P)||JSON.stringify(Q)!==JSON.stringify(_))&&V(P,typeof _?.definition=="string"?_.definition:G(_))}r.useEffect(()=>{if(!p||Array.isArray(p)&&!p.length){R(null);return}if(!Ky(c,es)&&Array.isArray(p)){const _=J.toStringRange(p,h),j=c.find(P=>_===J.toStringRange(J.createRangeFromPreset(P,h),h));j?D(j):p[0]&&p[1]&&R(null)}},[p,h]),r.useEffect(()=>{const _=["Before","After"].includes(G(O));!p||O&&!_?L(""):Array.isArray(p)&&((!p[0]||!p[0].hasOwnProperty(Bn))&&(!p[1]||!p[1].hasOwnProperty(Bn))&&L(J.toStringRange(p,h)),O||te(void 0))},[p,O,h]);const K=A(Nd,"sps-text-input",$&&`${Nd}--open`,t);let U=B;const X=J.getRangeSeparator(h);return O&&G(O)==="Before"&&B.startsWith(X)?U=B.substring(1):O&&G(O)==="After"&&B.endsWith(X)&&(U=B.substring(0,B.length-1)),r.createElement(r.Fragment,null,r.createElement(Be,{id:b,className:K,formMeta:a,inputRef:T,focusInputOnClick:!0,ref:C},r.createElement("div",{className:A("sps-form-control",o&&"disabled")},r.createElement("i",{className:A("sps-text-input__icon","sps-icon","sps-icon-calendar")}),O&&r.createElement("div",{"data-testid":`${v}_selected_preset`,className:"sps-datepicker__selected-preset"},r.createElement("span",{className:"sps-tag sps-tag--info"},G(O))),r.createElement("input",{type:"text",ref:T,className:"sps-text-input__input","data-testid":`${v}_date_input`,id:N,placeholder:!B&&!O?h?.toUpperCase()||Sn:void 0,onChange:H,onClick:W,onFocus:W,onKeyDown:I,value:U,disabled:o,...E}),p&&!o&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:S}))),r.createElement(Zo,{isOpen:$,attachTo:C,ref:x},r.createElement("div",{className:"sps-datepicker__presets"},r.createElement("fieldset",null,r.createElement("legend",{className:"sps-datepicker__presets-label"},y("datepicker.presetsLabel")),r.createElement("div",{className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},r.createElement("input",{"data-testid":`${v}_presets_custom_input`,type:"radio",id:`sps-date-range-picker-${b}__range-custom`,className:"sps-custom-control__input",checked:!O,name:`sps-date-range-picker-${b}__range`,onChange:()=>D()}),r.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${b}__range-custom`},y("datepicker.preset.custom",{defaultValue:"Custom"}))),c.map((_,j)=>r.createElement("div",{key:G(_),className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},r.createElement("input",{type:"radio","data-testid":`${v}_preset_option_${_.label}`,id:`sps-date-range-picker-${b}__range-${j}`,name:`sps-date-range-picker-${b}__range`,onChange:()=>D(_),checked:O?.definition?O.definition===_.definition:!1,className:"sps-custom-control__input"}),r.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${b}__range-${j}`},G(_)))))),r.createElement(Xo,{"data-testid":`${v}_calendar`,selectedRange:Array.isArray(p)?p:q,onNewSelection:ee,minDate:l,maxDate:i,showTwoMonths:f,selectedPreset:O&&G(O),isOpen:$,currentUser:n})))}Object.assign(ts,{props:$y,displayName:"SpsDateRangePicker"});const kd={basic:{label:"Basic",examples:{basic:{react:g.code`
1404
+ `}}}},Hy={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"},Id="sps-datepicker",ts=[{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 kd(e,t=""){return e.find(n=>n.definition===t)}function Wy(e,t){return e.length===t.length&&e.every((n,o)=>n.definition===t[o].definition&&n.label===t[o].label)}function ns({children:e,className:t,currentUser:n,disabled:o,formMeta:a,id:s,maxDate:i,minDate:l,onChange:d,presets:c=ts,selectedPreset:u,onPresetChange:m,value:p,showTwoMonths:f=!1,format:h,"data-testid":v,...E}){const{t:y}=he.useWoodlandLanguage(),{wrapperId:b,controlId:N}=We(s,a),C=r.useRef(null),T=r.useRef(null),x=r.useRef(null),[B,M]=r.useState(Array.isArray(p)?X.toStringRange(p,h):""),[P,F]=r.useState(kd(c,u)||null),[j,te]=r.useState(),{showPopup:V,doShowPopup:G,doHidePopup:Y}=vn(C,x);function U(O,J){a&&(a.setValue(O),a.markAsDirty()),d?.(O,typeof J=="string"?J:void 0)}r.useEffect(()=>{F(kd(c,u)||null)},[u]);function $(O){return O&&/^datepicker\./.test(O.label)?y(O.label):O?.label??""}function Q(O){const J=p||[];let R,W=P;const ee=W?$(W):"";ee==="Before"?R=[null,O]:ee==="After"?R=[O,null]:!J[0]||J[1]||X.isBefore(O,J[0])?R=[O,null]:R=[J[0],O],(R[0]&&R[1]||ee==="Before"||ee==="After")&&(Y(!0),T&&T.current&&T.current.focus()),W&&ee!=="Before"&&ee!=="After"?(F(null),m?.(),W=null):W?.definition!==u&&m?.(typeof W?.definition=="string"?W.definition:$(W)),U(R,W?.definition),M(X.toStringRange(R,h)),te(void 0)}function K(O){M(O.target.value);let J=X.createRangeFrom(O.target.value,h),R=P;const W=R?$(R):"";Array.isArray(J)&&(J[0]&&J[1]&&(W==="Before"||W==="After")?(F(null),R=null):W==="Before"&&J[0]!==null?J=[null,J[0]]:W==="After"&&J[0]!==null&&(J=[J[0],null])),U(J,null),te(void 0)}function S(){F(null),te(void 0),M(""),U(),m?.(void 0)}function I(O){switch(O.key){case"Tab":Y();break;case"Backspace":O.target.selectionStart===0&&p&&P&&S();break}}function D(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?$(O):"")),!O){F(null),U();return}const J=O&&$(O);let R=X.createRangeFromPreset(O,h);const W=X.getRangeSeparator(h);(J==="Before"||J==="After")&&p&&p[0]&&p[1]?R=X.createRangeFrom(W,h):J==="Before"?R=X.createRangeFrom(`${W}${X.toString(p&&(p[0]||p[1]),h)}`):J==="After"&&(R=X.createRangeFrom(`${X.toString(p&&(p[0]||p[1]),h)}${W}`));let ee=P;F(O),(JSON.stringify(p)!==JSON.stringify(R)||JSON.stringify(ee)!==JSON.stringify(O))&&U(R,typeof O?.definition=="string"?O.definition:$(O))}r.useEffect(()=>{if(!p||Array.isArray(p)&&!p.length){F(null);return}if(!Wy(c,ts)&&Array.isArray(p)){const O=X.toStringRange(p,h),J=c.find(R=>O===X.toStringRange(X.createRangeFromPreset(R,h),h));J?D(J):p[0]&&p[1]&&F(null)}},[p,h]),r.useEffect(()=>{const O=["Before","After"].includes($(P));!p||P&&!O?M(""):Array.isArray(p)&&((!p[0]||!p[0].hasOwnProperty(On))&&(!p[1]||!p[1].hasOwnProperty(On))&&M(X.toStringRange(p,h)),P||te(void 0))},[p,P,h]);const H=A(Id,"sps-text-input",V&&`${Id}--open`,t);let z=B;const Z=X.getRangeSeparator(h);return P&&$(P)==="Before"&&B.startsWith(Z)?z=B.substring(1):P&&$(P)==="After"&&B.endsWith(Z)&&(z=B.substring(0,B.length-1)),r.createElement(r.Fragment,null,r.createElement(Oe,{id:b,className:H,formMeta:a,inputRef:T,focusInputOnClick:!0,ref:C},r.createElement("div",{className:A("sps-form-control",o&&"disabled")},r.createElement("i",{className:A("sps-text-input__icon","sps-icon","sps-icon-calendar")}),P&&r.createElement("div",{"data-testid":`${v}_selected_preset`,className:"sps-datepicker__selected-preset"},r.createElement("span",{className:"sps-tag sps-tag--info"},$(P))),r.createElement("input",{type:"text",ref:T,className:"sps-text-input__input","data-testid":`${v}_date_input`,id:N,placeholder:!B&&!P?h?.toUpperCase()||Sn:void 0,onChange:K,onClick:G,onFocus:G,onKeyDown:I,value:z,disabled:o,...E}),p&&!o&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:S}))),r.createElement(Zo,{isOpen:V,attachTo:C,ref:x},r.createElement("div",{className:"sps-datepicker__presets"},r.createElement("fieldset",null,r.createElement("legend",{className:"sps-datepicker__presets-label"},y("datepicker.presetsLabel")),r.createElement("div",{className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},r.createElement("input",{"data-testid":`${v}_presets_custom_input`,type:"radio",id:`sps-date-range-picker-${b}__range-custom`,className:"sps-custom-control__input",checked:!P,name:`sps-date-range-picker-${b}__range`,onChange:()=>D()}),r.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${b}__range-custom`},y("datepicker.preset.custom",{defaultValue:"Custom"}))),c.map((O,J)=>r.createElement("div",{key:$(O),className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},r.createElement("input",{type:"radio","data-testid":`${v}_preset_option_${O.label}`,id:`sps-date-range-picker-${b}__range-${J}`,name:`sps-date-range-picker-${b}__range`,onChange:()=>D(O),checked:P?.definition?P.definition===O.definition:!1,className:"sps-custom-control__input"}),r.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${b}__range-${J}`},$(O)))))),r.createElement(Xo,{"data-testid":`${v}_calendar`,selectedRange:Array.isArray(p)?p:j,onNewSelection:Q,minDate:l,maxDate:i,showTwoMonths:f,selectedPreset:P&&$(P),isOpen:V,currentUser:n})))}Object.assign(ns,{props:Hy,displayName:"SpsDateRangePicker"});const xd={basic:{label:"Basic",examples:{basic:{react:g.code`
1405
1405
  import {
1406
1406
  useSpsForm,
1407
1407
  SpsLabel,
@@ -1678,7 +1678,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
1678
1678
  </SpsLocaleProvider>
1679
1679
  );
1680
1680
  }
1681
- `}}}},Hy=Co||Br,Wy={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",onSearchChange:"(searchText: string) => void",onOpen:"OnOpenHandler",placeholder:"string",searchDebounce:"number",searchPlaceholder:"string",showInlineSearch:"boolean",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>"},rn=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:h,onChange:v,onSearchChange:E,onClick:y,onOpen:b,placeholder:N,searchDebounce:C,searchPlaceholder:T,showInlineSearch:x,tallOptionList:B,textKey:L,valueKey:O,unsafelyReplaceClassName:R,value:q,zeroState:te,loading:$,filterByTextAndCaptionKey:W,maxHeightOptionListPx:Y,maxHeightOptionListRem:V,"data-testid":G,disableOptionsMemoization:ee,disableDefaultOptionsFiltering:H,onBeforeChange:S,...I}=e,D=m||u,{wrapperId:K,controlId:U}=Ge(p,D),X=r.useRef(null),_=r.useRef(null),j=r.useRef(null),{t:P}=ge.useWoodlandLanguage(),[z,Q]=Tt({isOpen:!1,value:q,text:"",keyDown:null,opensUpward:!1,optionIds:""}),[Z,ne]=r.useState();function me(re){Q({value:re,text:re&&L?re[L]:re})}async function pe(re){const xe=re&&O&&typeof re=="object"?re[O]:re;S&&!await S(xe)||(me(re),D&&(D.setValue(xe),D.markAsDirty()),v&&v(new Mt({value:xe})))}r.useEffect(()=>{me(q)},[q,L]);function Te(){pe(void 0)}function Le(){Q({isOpen:!1})}function Ze(re){re.nativeEvent.stopImmediatePropagation(),d||Q({isOpen:!z.isOpen})}function je(re){d||(["Up","ArrowUp","Down","ArrowDown"," ","Spacebar"].indexOf(re.key)>-1&&re.preventDefault(),Fr.includes(re.key)&&(ne(re),re.preventDefault()),re.persist(),Q({keyDown:re}))}function Nt(re){Q({isOpen:re})}function Ke(re){Q({opensUpward:re})}function He(re){re.detail!==K&&Q({isOpen:!1})}function Ye(re){Q({optionIds:new Array(re).fill("").map((xe,It)=>`${K}-options-option-${It}`).join(",")})}const ot=r.useCallback(re=>{E?.(re.target.value)},[E]);r.useEffect(()=>(document.addEventListener("click",Le),document.addEventListener("DropdownOpened",He),()=>{document.removeEventListener("click",Le),document.removeEventListener("DropdownOpened",He)}),[]),r.useLayoutEffect(()=>{if(o&&j.current&&X.current){X.current.style.width="";const xe=`${X.current.getBoundingClientRect().width+6}px`;X.current.style.width=xe,j.current.style.width=xe,j.current.style.maxWidth=xe}}),Ar(()=>{if(z.isOpen){_.current&&Hy(_.current,{scrollMode:"if-needed"}),b?.();const re=document.createEvent("CustomEvent");re.initCustomEvent("DropdownOpened",!1,!1,K),document.dispatchEvent(re)}},[z.isOpen]),r.useImperativeHandle(t,()=>({focus:()=>{_.current?.focus()}})),r.useEffect(()=>{let re;return z.isOpen&&(re=()=>{Q({isOpen:!1})},window.addEventListener("resize",re)),()=>{re&&window.removeEventListener("resize",re)}},[z.isOpen]),Vn({isOpen:z.isOpen,rootRef:_});const ke=A(R||"sps-select",z.isOpen&&"sps-select--open",z.isOpen&&"z-stratum-dropdown",z.opensUpward&&"sps-select--opens-upward",s),de=z.text||N||P("select.defaultPlaceholder",{defaultValue:"Select one..."});return r.createElement(Be,{id:K,className:ke,onKeyDown:je,formControl:u,formMeta:m,ref:_,role:"listbox","aria-owns":z.optionIds,"data-testid":G,onClick:y,...I},r.createElement("div",{className:A("sps-select__dropctrl",d&&"disabled"),id:U,tabIndex:0,onClick:Ze,ref:j,title:de,"data-testid":`${G}-dropctrl`},r.createElement("div",{className:"sps-select__dropctrl-content"},r.createElement("span",{className:A("sps-select__value",!z.text&&"sps-select__value--placeholder"),"data-testid":`${G}-value`},de),z.value&&!f&&!d&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-select__clear-btn",onClick:Te,"data-testid":`${G}-clear-value`}),r.createElement("i",{className:"sps-icon sps-icon-chevron-down sps-select__dropctrl-icon"}))),r.createElement(An,{id:`${K}-options`,ref:X,attachTo:j,captionKey:a,comparisonKey:i,disabledOptions:c,isOpen:z.isOpen,keyDown:z.keyDown,options:h,onOptionSelected:pe,onPositionFlip:Ke,onSelfToggle:Nt,onSearchChange:ot,searchDebounce:C,searchPlaceholder:T,showInlineSearch:x,selectedOption:z.value,specialAction:n,tall:B,textKey:L,filterByTextAndCaptionKey:W,optionRole:"option",valueKey:O,onOptionListChanged:Ye,zeroState:te,ignoreWidthStyles:o,loading:$,maxHeightPx:Y,maxHeightRem:V,disableOptionsMemoization:ee,disableDefaultOptionsFiltering:H,"data-testid":`${G}-option-list`,typeaheadEvent:Z,conformWidth:l}))});Object.assign(rn,{props:Wy,displayName:"SpsSelect"});const xd={general:{label:"General Usage",description:({NavigateTo:e})=>w.createElement(w.Fragment,null,w.createElement("h5",null,"Use a Select:"),w.createElement("ul",null,w.createElement("li",{className:"mb-2"},"When a list of predetermined values can be provided.")),w.createElement("h5",null,"Do Not Use a Select:"),w.createElement("ul",null,w.createElement("li",{className:"mb-2"},"When there are only two possible options. Consider"," ",w.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",w.createElement(e,{to:"radio-buttons"},"Radio Buttons")," insead."),w.createElement("li",{className:"mb-2"},"When it is ideal to display all available options without requiring a click. Consider"," ",w.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",w.createElement(e,{to:"radio-buttons"},"Radio Buttons")," insead.")),w.createElement("h5",null,"Using Selects in a Form"),w.createElement("p",null,"Reference the ",w.createElement(e,{to:"form"},"Forms")," page for guidelines for placing inputs in Form layouts"))},basic:{label:"Basic Selects",description:()=>w.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:g.code`
1681
+ `}}}},Gy=Co||_r,Uy={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",onSearchChange:"(searchText: string) => void",onOpen:"OnOpenHandler",placeholder:"string",searchDebounce:"number",searchPlaceholder:"string",showInlineSearch:"boolean",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>"},rn=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:h,onChange:v,onSearchChange:E,onClick:y,onOpen:b,placeholder:N,searchDebounce:C,searchPlaceholder:T,showInlineSearch:x,tallOptionList:B,textKey:M,valueKey:P,unsafelyReplaceClassName:F,value:j,zeroState:te,loading:V,filterByTextAndCaptionKey:G,maxHeightOptionListPx:Y,maxHeightOptionListRem:U,"data-testid":$,disableOptionsMemoization:Q,disableDefaultOptionsFiltering:K,onBeforeChange:S,...I}=e,D=m||u,{wrapperId:H,controlId:z}=We(p,D),Z=r.useRef(null),O=r.useRef(null),J=r.useRef(null),{t:R}=he.useWoodlandLanguage(),[W,ee]=Dt({isOpen:!1,value:j,text:"",keyDown:null,opensUpward:!1,optionIds:""}),[q,ne]=r.useState();function me(se){ee({value:se,text:se&&M?se[M]:se})}async function pe(se){const fe=se&&P&&typeof se=="object"?se[P]:se;S&&!await S(fe)||(me(se),D&&(D.setValue(fe),D.markAsDirty()),v&&v(new Pt({value:fe})))}r.useEffect(()=>{me(j)},[j,M]);function Ee(){pe(void 0)}function Fe(){ee({isOpen:!1})}function Xe(se){se.nativeEvent.stopImmediatePropagation(),d||ee({isOpen:!W.isOpen})}function ze(se){d||(["Up","ArrowUp","Down","ArrowDown"," ","Spacebar"].indexOf(se.key)>-1&&se.preventDefault(),Ar.includes(se.key)&&(se.preventDefault(),ne(bn(se))),ee({keyDown:bn(se)}))}function pt(se){ee({isOpen:se})}function ut(se){ee({opensUpward:se})}function Me(se){se.detail!==H&&ee({isOpen:!1})}function nt(se){ee({optionIds:new Array(se).fill("").map((fe,vt)=>`${H}-options-option-${vt}`).join(",")})}const $e=r.useCallback(se=>{E?.(se.target.value)},[E]);r.useEffect(()=>(document.addEventListener("click",Fe),document.addEventListener("DropdownOpened",Me),()=>{document.removeEventListener("click",Fe),document.removeEventListener("DropdownOpened",Me)}),[]),r.useLayoutEffect(()=>{if(o&&J.current&&Z.current){Z.current.style.width="";const fe=`${Z.current.getBoundingClientRect().width+6}px`;Z.current.style.width=fe,J.current.style.width=fe,J.current.style.maxWidth=fe}}),Vr(()=>{if(W.isOpen){O.current&&Gy(O.current,{scrollMode:"if-needed"}),b?.();const se=document.createEvent("CustomEvent");se.initCustomEvent("DropdownOpened",!1,!1,H),document.dispatchEvent(se)}},[W.isOpen]),r.useImperativeHandle(t,()=>({focus:()=>{O.current?.focus()}})),r.useEffect(()=>{let se;return W.isOpen&&(se=()=>{ee({isOpen:!1})},window.addEventListener("resize",se)),()=>{se&&window.removeEventListener("resize",se)}},[W.isOpen]),An({isOpen:W.isOpen,rootRef:O});const je=A(F||"sps-select",W.isOpen&&"sps-select--open",W.isOpen&&"z-stratum-dropdown",W.opensUpward&&"sps-select--opens-upward",s),de=W.text||N||R("select.defaultPlaceholder",{defaultValue:"Select one..."});return r.createElement(Oe,{id:H,className:je,onKeyDown:ze,formControl:u,formMeta:m,ref:O,role:"listbox","aria-owns":W.optionIds,"data-testid":$,onClick:y,...I},r.createElement("div",{className:A("sps-select__dropctrl",d&&"disabled"),id:z,tabIndex:0,onClick:Xe,ref:J,title:de,"data-testid":`${$}-dropctrl`},r.createElement("div",{className:"sps-select__dropctrl-content"},r.createElement("span",{className:A("sps-select__value",!W.text&&"sps-select__value--placeholder"),"data-testid":`${$}-value`},de),W.value&&!f&&!d&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-select__clear-btn",onClick:Ee,"data-testid":`${$}-clear-value`}),r.createElement("i",{className:"sps-icon sps-icon-chevron-down sps-select__dropctrl-icon"}))),r.createElement(Fn,{id:`${H}-options`,ref:Z,attachTo:J,captionKey:a,comparisonKey:i,disabledOptions:c,isOpen:W.isOpen,keyDown:W.keyDown,options:h,onOptionSelected:pe,onPositionFlip:ut,onSelfToggle:pt,onSearchChange:$e,searchDebounce:C,searchPlaceholder:T,showInlineSearch:x,selectedOption:W.value,specialAction:n,tall:B,textKey:M,filterByTextAndCaptionKey:G,optionRole:"option",valueKey:P,onOptionListChanged:nt,zeroState:te,ignoreWidthStyles:o,loading:V,maxHeightPx:Y,maxHeightRem:U,disableOptionsMemoization:Q,disableDefaultOptionsFiltering:K,"data-testid":`${$}-option-list`,typeaheadEvent:q,conformWidth:l}))});Object.assign(rn,{props:Uy,displayName:"SpsSelect"});const Md={general:{label:"General Usage",description:({NavigateTo:e})=>w.createElement(w.Fragment,null,w.createElement("h5",null,"Use a Select:"),w.createElement("ul",null,w.createElement("li",{className:"mb-2"},"When a list of predetermined values can be provided.")),w.createElement("h5",null,"Do Not Use a Select:"),w.createElement("ul",null,w.createElement("li",{className:"mb-2"},"When there are only two possible options. Consider"," ",w.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",w.createElement(e,{to:"radio-buttons"},"Radio Buttons")," insead."),w.createElement("li",{className:"mb-2"},"When it is ideal to display all available options without requiring a click. Consider"," ",w.createElement(e,{to:"checkbox"},"Checkboxes")," or"," ",w.createElement(e,{to:"radio-buttons"},"Radio Buttons")," insead.")),w.createElement("h5",null,"Using Selects in a Form"),w.createElement("p",null,"Reference the ",w.createElement(e,{to:"form"},"Forms")," page for guidelines for placing inputs in Form layouts"))},basic:{label:"Basic Selects",description:()=>w.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:g.code`
1682
1682
  import { SpsLabel, SpsSelect, useSpsForm } from "@spscommerce/ds-react";
1683
1683
  function DemoComponent() {
1684
1684
  const colors = ["red", "blue", "green"];
@@ -2038,7 +2038,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
2038
2038
  </div>
2039
2039
  )
2040
2040
  }
2041
- `}}}},Gy={formMeta:"SpsFormSetMeta<any>",stacked:"boolean"};function In({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 h=u.isFocused();!m&&h&&u.onFocus?u.onFocus():m&&!h&&u.onBlur&&u.onBlur(),p(h)}});const f=A(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:A("sps-input-group",s&&"sps-input-group--stacked")},e))}Object.assign(In,{props:Gy,displayName:"SpsInputGroup"});const Uy={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"},Md="sps-datepicker",Ld=["AM","PM"],Pd=[{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 Od(e,t=""){return e.find(n=>n.definition===t)}function ns({className:e,currentUser:t,disabled:n,formMeta:o,id:a,maxDate:s,minDate:i,onChange:l,presets:d=Pd,value:c,showTwoMonths:u=!1,twentyFourHour:m,format:p,"data-testid":f,placeholder24h:h="00:00",placeholder12h:v="12:00",selectedPreset:E,onPresetChange:y}){const{t:b}=ge.useWoodlandLanguage(),N=io(t),C=m??yd(N),T=b("timeInput.customTime",{defaultValue:"Custom time"}),{wrapperId:x,controlId:B}=Ge(a&&`${a}_from`,o),{wrapperId:L,controlId:O}=Ge(a&&`${a}_to`,o),R=r.useRef(null),q=r.useRef(null),te=r.useRef(null),$=r.useRef(null),W=r.useRef(null),Y=J.splitMomentInDateTimeParts(Array.isArray(c)?c[0]:void 0,C,p),V=J.splitMomentInDateTimeParts(Array.isArray(c)?c[1]:void 0,C,p,!0),[G,ee]=r.useState(Y[0]),[H,S]=r.useState(V[0]),[I,D]=r.useState(Y[1]),[K,U]=r.useState(V[1]),[X,_]=r.useState(Y[2]),[j,P]=r.useState(V[2]),[z,Q]=r.useState(Od(d,E)||null),{showPopup:Z,doShowPopup:ne,doHidePopup:me}=bn(R,W);r.useEffect(()=>{Q(Od(d,E)||null)},[E]);function pe(ae){o&&(o.setValue(ae),o.markAsDirty()),l&&l(ae)}function Te(ae){return ae&&(/^datepicker\./.test(ae.label)?b(ae.label):ae.label)}const Le=Te(z)==="Before",Ze=Te(z)==="After";function je(ae){const we=c||[],Ae=J.toMoment(ae);let qe;if(Le)qe=[null,Ae],me(!0),y?.(Te(z));else if(Ze)qe=[Ae,null],me(!0),y?.(Te(z));else if(!we[0]||we[1]||Ae?.isBefore(J.toMoment(J.createFrom(we[0],p)))){let Pe=parseInt(I?.split(":")[0]||"0",10);!C&&Pe===12&&(Pe=0);const ut=parseInt(I?.split(":")[1]||"0",10);Ae?.set("hour",X==="PM"?12+Pe:Pe<12?Pe:0),Ae?.set("minute",ut),qe=[Ae,null],Q(null),y?.(null)}else{let Pe=parseInt(K?.split(":")[0]||"0",10);!C&&Pe===12&&(Pe=0);const ut=parseInt(K?.split(":")[1]||"0",10);Ae?.set("hour",j==="PM"?12+Pe:Pe),Ae?.set("minute",ut),Ae?.isBefore(we[0])?qe=[Ae,null]:(qe=[we[0],Ae],me(!0)),y?.(null),Q(null)}pe(qe)}function Nt(ae){ee(ae.target.value),z!==null&&(Q(null),y?.(null))}function Ke(ae){J.validateTimeString(ae.target.value,C)&&(D(ae.target.value),z!==null&&(Q(null),y?.(null)))}function He(ae,we,Ae){const qe=G,Pe=we??I,ut=X;if(qe===Y[0]&&Pe===Y[1]&&ut===Y[2])return;const se=J.createFrom(qe,p);if(se&&J.isValid(se)){const ce=J.toMoment(se);let De=parseInt(Pe?.split(":")[0]||"0",10);!C&&De===12&&(De=0);const vt=parseInt(Pe?.split(":")[1]||"0",10);ce?.set("hour",ut==="PM"?12+De:De),ce?.set("minute",vt);const Pn=[ce,ce?.isBefore(c?.[1])&&c?.[1]||null];pe(Pn)}}function Ye(ae){J.validateTimeString(ae??I,C)&&(D(J.padIncompleteTimeString(ae??I,C)),setTimeout(()=>He(void 0,ae),0))}function ot(ae){_(ae.target.value)}function ke(ae){J.validateTimeString(ae,C)&&(D(ae),setTimeout(()=>Ye(ae),0))}r.useEffect(()=>{X!==Y[2]&&He()},[X]);function de(ae){S(ae.target.value)}function re(ae){J.validateTimeString(ae.target.value,C)&&U(ae.target.value)}function xe(ae,we,Ae){const qe=H,Pe=we??K,ut=j;if(qe===V[0]&&Pe===V[1]&&ut===V[2])return;const se=J.createFrom(qe,p);if(se&&J.isValid(se)){const ce=J.toMoment(se);let De=parseInt(Pe?.split(":")[0]||"0",10);!C&&De===12&&(De=0);const vt=parseInt(Pe?.split(":")[1]||"0",10);ce?.set("hour",ut==="PM"?12+De:De),ce?.set("minute",vt);const Pn=[ce?.isAfter(c?.[0])&&c?.[0]||null,ce];pe(Pn)}}function It(ae){J.validateTimeString(ae??K,C)&&(U(J.padIncompleteTimeString(ae??K,C)),setTimeout(()=>xe(void 0,ae),0))}function Si(ae){P(ae.target.value)}function Ut(ae){J.validateTimeString(ae,C)&&(U(ae),setTimeout(()=>It(ae),0))}r.useEffect(()=>{j!==V[2]&&xe()},[j]);function kt(){pe([null,null]),Q(null),y?.(null)}function zt(ae){return function(we){switch(we.key){case"Tab":me();break;case"Backspace":we.target.selectionStart===0&&c&&!Array.isArray(c)&&kt();break;case"Enter":ae==="from"?He():ae==="to"&&xe();break}}}function jt(ae){if(!ae){Q(null),pe([null,null]),y?.(null);return}Q(ae);const we=J.createDateTimeRangeFromPreset(ae);ae&&Te(ae)==="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))]):ae&&Te(ae)==="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]]),y&&ae?.definition!==E&&y(typeof ae?.definition=="string"?ae?.definition:Te(ae))}r.useEffect(()=>{c&&Array.isArray(c)&&!c.length&&kt()},[c]),r.useEffect(()=>{if(c&&Array.isArray(c)&&Array.isArray(c)){if(c[0]&&!c[1]){const ae=d.find(we=>Te(we)==="After");ae&&jt(ae)}else if(!c[0]&&c[1]){const ae=d.find(we=>Te(we)==="Before");ae&&jt(ae)}else if(c[0]&&c[1]){const ae=J.toDateTimeStringRange(c,C,p),we=d.find(Ae=>ae===J.toDateTimeStringRange(J.createDateTimeRangeFromPreset(Ae),C,p));we&&jt(we)}}},[]),r.useEffect(()=>{Y[0]?ee(Y[0]):ee(""),Y[1]?D(Y[1]):D(C?"00:00":"12:00"),C||(Y[2]?_(Y[2]):_("AM")),V[0]?S(V[0]):S(""),V[1]?U(V[1]):U(C?"23:59":"11:59"),C||(V[2]?P(V[2]):P("PM"))},[Y[0],Y[1],Y[2],V[0],V[1],V[2],C]);const Ln=A(Md,"sps-text-input",Z&&`${Md}--open`,e);return r.createElement(r.Fragment,null,r.createElement("div",{className:A("sps-datetime-range-picker")},r.createElement("div",{className:A("sps-datetime-range-picker__pair")},r.createElement(Be,{id:x,className:Ln,formMeta:o,inputRef:q,focusInputOnClick:!0,ref:R},r.createElement("div",{className:A("sps-form-control",n&&"disabled")},r.createElement("i",{className:A("sps-text-input__icon","sps-icon","sps-icon-calendar")}),z&&r.createElement("div",{"data-testid":`${f}_selected_preset`,className:"sps-datepicker__selected-preset"},r.createElement("span",{className:"sps-tag sps-tag--info"},Te(z))),r.createElement("input",{type:"text",ref:q,className:"sps-text-input__input","data-testid":`${f}_from_date_input`,id:B,placeholder:!G&&!z?p?.toUpperCase()||Sn:Le?V[0]:Ze?Y[0]:void 0,onChange:Nt,onClick:ne,onFocus:ne,onBlur:()=>He(),onKeyDown:zt("from"),value:z?"":G,disabled:n}),c&&!n&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:kt}))),!z&&(C?r.createElement(wt,{className:"sps-time-input",placeholder:h,suggestions:Mr,zeroState:T,value:I,onChange:Ke,onBlur:()=>Ye(),onSelectionChange:ke,disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}):r.createElement(In,null,r.createElement(wt,{className:"sps-time-input",placeholder:v,suggestions:xr,zeroState:T,value:I,onChange:Ke,onBlur:()=>Ye(),onSelectionChange:ke,disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}),r.createElement(rn,{options:Ld,value:X,onChange:ot,disabled:n,notClearable:!0})))),!z&&r.createElement("span",{className:A("sps-datepicker__to")},b("dateTimeRangePicker.to",{defaultValue:"to"})),!z&&r.createElement("div",{className:A("sps-datetime-range-picker__pair")},r.createElement(Be,{id:L,className:Ln,formMeta:o,inputRef:$,focusInputOnClick:!0,ref:te},r.createElement("div",{className:A("sps-form-control",n&&"disabled")},r.createElement("i",{className:A("sps-text-input__icon","sps-icon","sps-icon-calendar")}),z&&r.createElement("div",{"data-testid":`${f}_selected_preset`,className:"sps-datepicker__selected-preset"},r.createElement("span",{className:"sps-tag sps-tag--info"},Te(z))),r.createElement("input",{type:"text",ref:$,className:"sps-text-input__input","data-testid":`${f}_to_date_input`,id:O,placeholder:!H&&!z?p?.toUpperCase()||Sn:void 0,onChange:de,onClick:ne,onFocus:ne,onKeyDown:zt("to"),onBlur:()=>xe(),value:H,disabled:n}),c&&!n&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:kt}))),C?r.createElement(wt,{className:"sps-time-input",placeholder:h,suggestions:Mr,zeroState:T,value:K,onChange:re,onBlur:()=>It(),onSelectionChange:Ut,disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}):r.createElement(In,null,r.createElement(wt,{className:"sps-time-input",placeholder:v,suggestions:xr,zeroState:T,value:K,onChange:re,onBlur:()=>It(),onSelectionChange:Ut,disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}),r.createElement(rn,{options:Ld,value:j,onChange:Si,disabled:n,notClearable:!0})))),r.createElement(Zo,{isOpen:Z,attachTo:R,ref:W},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:!z,name:`sps-date-range-picker-${x}__range`,onChange:()=>jt()}),r.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${x}__range-custom`},b("datepicker.preset.custom",{defaultValue:"Custom"}))),d.map((ae,we)=>r.createElement("div",{key:Te(ae),className:"sps-custom-control sps-custom-radio sps-custom-control--no-error"},r.createElement("input",{type:"radio","data-testid":`${f}_preset_option_${ae.label}`,id:`sps-date-range-picker-${x}__range-${we}`,name:`sps-date-range-picker-${x}__range`,onChange:()=>jt(ae),checked:z?.definition?z.definition===ae.definition:!1,className:"sps-custom-control__input"}),r.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${x}__range-${we}`},Te(ae)))))),r.createElement(Xo,{"data-testid":`${f}_calendar`,selectedRange:Array.isArray(c)?[J.createFrom(c[0],p),J.createFrom(c[1],p)]:void 0,onNewSelection:je,minDate:i,maxDate:s,showTwoMonths:u,selectedPreset:z&&Te(z),currentUser:t})))}Object.assign(ns,{props:Uy,displayName:"SpsDateTimeRangePicker"});const Bd={basic:{label:"Basic",examples:{basic:{react:g.code`
2041
+ `}}}},zy={formMeta:"SpsFormSetMeta<any>",stacked:"boolean"};function kn({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 h=u.isFocused();!m&&h&&u.onFocus?u.onFocus():m&&!h&&u.onBlur&&u.onBlur(),p(h)}});const f=A(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:A("sps-input-group",s&&"sps-input-group--stacked")},e))}Object.assign(kn,{props:zy,displayName:"SpsInputGroup"});const jy={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"},Ld="sps-datepicker",Pd=["AM","PM"],Od=[{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 Bd(e,t=""){return e.find(n=>n.definition===t)}function os({className:e,currentUser:t,disabled:n,formMeta:o,id:a,maxDate:s,minDate:i,onChange:l,presets:d=Od,value:c,showTwoMonths:u=!1,twentyFourHour:m,format:p,"data-testid":f,placeholder24h:h="00:00",placeholder12h:v="12:00",selectedPreset:E,onPresetChange:y}){const{t:b}=he.useWoodlandLanguage(),N=so(t),C=m??Ed(N),T=b("timeInput.customTime",{defaultValue:"Custom time"}),{wrapperId:x,controlId:B}=We(a&&`${a}_from`,o),{wrapperId:M,controlId:P}=We(a&&`${a}_to`,o),F=r.useRef(null),j=r.useRef(null),te=r.useRef(null),V=r.useRef(null),G=r.useRef(null),Y=X.splitMomentInDateTimeParts(Array.isArray(c)?c[0]:void 0,C,p),U=X.splitMomentInDateTimeParts(Array.isArray(c)?c[1]:void 0,C,p,!0),[$,Q]=r.useState(Y[0]),[K,S]=r.useState(U[0]),[I,D]=r.useState(Y[1]),[H,z]=r.useState(U[1]),[Z,O]=r.useState(Y[2]),[J,R]=r.useState(U[2]),[W,ee]=r.useState(Bd(d,E)||null),{showPopup:q,doShowPopup:ne,doHidePopup:me}=vn(F,G);r.useEffect(()=>{ee(Bd(d,E)||null)},[E]);function pe(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 Fe=Ee(W)==="Before",Xe=Ee(W)==="After";function ze(re){const Ce=c||[],Ke=X.toMoment(re);let Ye;if(Fe)Ye=[null,Ke],me(!0),y?.(Ee(W));else if(Xe)Ye=[Ke,null],me(!0),y?.(Ee(W));else if(!Ce[0]||Ce[1]||Ke?.isBefore(X.toMoment(X.createFrom(Ce[0],p)))){let xe=parseInt(I?.split(":")[0]||"0",10);!C&&xe===12&&(xe=0);const Et=parseInt(I?.split(":")[1]||"0",10);Ke?.set("hour",Z==="PM"?12+xe:xe<12?xe:0),Ke?.set("minute",Et),Ye=[Ke,null],ee(null),y?.(null)}else{let xe=parseInt(H?.split(":")[0]||"0",10);!C&&xe===12&&(xe=0);const Et=parseInt(H?.split(":")[1]||"0",10);Ke?.set("hour",J==="PM"?12+xe:xe),Ke?.set("minute",Et),Ke?.isBefore(Ce[0])?Ye=[Ke,null]:(Ye=[Ce[0],Ke],me(!0)),y?.(null),ee(null)}pe(Ye)}function pt(re){Q(re.target.value),W!==null&&(ee(null),y?.(null))}function ut(re){X.validateTimeString(re.target.value,C)&&(D(re.target.value),W!==null&&(ee(null),y?.(null)))}function Me(re,Ce,Ke){const Ye=$,xe=Ce??I,Et=Z;if(Ye===Y[0]&&xe===Y[1]&&Et===Y[2])return;const Mt=X.createFrom(Ye,p);if(Mt&&X.isValid(Mt)){const ae=X.toMoment(Mt);let ce=parseInt(xe?.split(":")[0]||"0",10);!C&&ce===12&&(ce=0);const Le=parseInt(xe?.split(":")[1]||"0",10);ae?.set("hour",Et==="PM"?12+ce:ce),ae?.set("minute",Le);const Tt=[ae,ae?.isBefore(c?.[1])&&c?.[1]||null];pe(Tt)}}function nt(re){X.validateTimeString(re??I,C)&&(D(X.padIncompleteTimeString(re??I,C)),setTimeout(()=>Me(void 0,re),0))}function $e(re){O(re.target.value)}function je(re){X.validateTimeString(re,C)&&(D(re),setTimeout(()=>nt(re),0))}r.useEffect(()=>{Z!==Y[2]&&Me()},[Z]);function de(re){S(re.target.value)}function se(re){X.validateTimeString(re.target.value,C)&&z(re.target.value)}function fe(re,Ce,Ke){const Ye=K,xe=Ce??H,Et=J;if(Ye===U[0]&&xe===U[1]&&Et===U[2])return;const Mt=X.createFrom(Ye,p);if(Mt&&X.isValid(Mt)){const ae=X.toMoment(Mt);let ce=parseInt(xe?.split(":")[0]||"0",10);!C&&ce===12&&(ce=0);const Le=parseInt(xe?.split(":")[1]||"0",10);ae?.set("hour",Et==="PM"?12+ce:ce),ae?.set("minute",Le);const Tt=[ae?.isAfter(c?.[0])&&c?.[0]||null,ae];pe(Tt)}}function vt(re){X.validateTimeString(re??H,C)&&(z(X.padIncompleteTimeString(re??H,C)),setTimeout(()=>fe(void 0,re),0))}function gi(re){R(re.target.value)}function Nr(re){X.validateTimeString(re,C)&&(z(re),setTimeout(()=>vt(re),0))}r.useEffect(()=>{J!==U[2]&&fe()},[J]);function xt(){pe([null,null]),ee(null),y?.(null)}function jt(re){return function(Ce){switch(Ce.key){case"Tab":me();break;case"Backspace":Ce.target.selectionStart===0&&c&&!Array.isArray(c)&&xt();break;case"Enter":re==="from"?Me():re==="to"&&fe();break}}}function yt(re){if(!re){ee(null),pe([null,null]),y?.(null);return}ee(re);const Ce=X.createDateTimeRangeFromPreset(re);re&&Ee(re)==="Before"?!c||Array.isArray(c)&&c[0]&&c[1]?pe([null,null]):Array.isArray(c)&&c[0]?pe([null,X.toMoment(X.createFrom(c[0],p))]):Array.isArray(c)&&c[1]&&pe([null,X.toMoment(X.createFrom(c[1],p))]):re&&Ee(re)==="After"?!c||Array.isArray(c)&&c[0]&&c[1]?pe([null,null]):Array.isArray(c)&&c[0]?pe([X.toMoment(X.createFrom(c[0],p)),null]):Array.isArray(c)&&c[1]&&pe([X.toMoment(X.createFrom(c[1],p)),null]):JSON.stringify(c)!==JSON.stringify(Ce)&&pe([Ce[0],Ce[1]]),y&&re?.definition!==E&&y(typeof re?.definition=="string"?re?.definition:Ee(re))}r.useEffect(()=>{c&&Array.isArray(c)&&!c.length&&xt()},[c]),r.useEffect(()=>{if(c&&Array.isArray(c)&&Array.isArray(c)){if(c[0]&&!c[1]){const re=d.find(Ce=>Ee(Ce)==="After");re&&yt(re)}else if(!c[0]&&c[1]){const re=d.find(Ce=>Ee(Ce)==="Before");re&&yt(re)}else if(c[0]&&c[1]){const re=X.toDateTimeStringRange(c,C,p),Ce=d.find(Ke=>re===X.toDateTimeStringRange(X.createDateTimeRangeFromPreset(Ke),C,p));Ce&&yt(Ce)}}},[]),r.useEffect(()=>{Y[0]?Q(Y[0]):Q(""),Y[1]?D(Y[1]):D(C?"00:00":"12:00"),C||(Y[2]?O(Y[2]):O("AM")),U[0]?S(U[0]):S(""),U[1]?z(U[1]):z(C?"23:59":"11:59"),C||(U[2]?R(U[2]):R("PM"))},[Y[0],Y[1],Y[2],U[0],U[1],U[2],C]);const So=A(Ld,"sps-text-input",q&&`${Ld}--open`,e);return r.createElement(r.Fragment,null,r.createElement("div",{className:A("sps-datetime-range-picker")},r.createElement("div",{className:A("sps-datetime-range-picker__pair")},r.createElement(Oe,{id:x,className:So,formMeta:o,inputRef:j,focusInputOnClick:!0,ref:F},r.createElement("div",{className:A("sps-form-control",n&&"disabled")},r.createElement("i",{className:A("sps-text-input__icon","sps-icon","sps-icon-calendar")}),W&&r.createElement("div",{"data-testid":`${f}_selected_preset`,className:"sps-datepicker__selected-preset"},r.createElement("span",{className:"sps-tag sps-tag--info"},Ee(W))),r.createElement("input",{type:"text",ref:j,className:"sps-text-input__input","data-testid":`${f}_from_date_input`,id:B,placeholder:!$&&!W?p?.toUpperCase()||Sn:Fe?U[0]:Xe?Y[0]:void 0,onChange:pt,onClick:ne,onFocus:ne,onBlur:()=>Me(),onKeyDown:jt("from"),value:W?"":$,disabled:n}),c&&!n&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:xt}))),!W&&(C?r.createElement(Nt,{className:"sps-time-input",placeholder:h,suggestions:Lr,zeroState:T,value:I,onChange:ut,onBlur:()=>nt(),onSelectionChange:je,disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}):r.createElement(kn,null,r.createElement(Nt,{className:"sps-time-input",placeholder:v,suggestions:Mr,zeroState:T,value:I,onChange:ut,onBlur:()=>nt(),onSelectionChange:je,disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}),r.createElement(rn,{options:Pd,value:Z,onChange:$e,disabled:n,notClearable:!0})))),!W&&r.createElement("span",{className:A("sps-datepicker__to")},b("dateTimeRangePicker.to",{defaultValue:"to"})),!W&&r.createElement("div",{className:A("sps-datetime-range-picker__pair")},r.createElement(Oe,{id:M,className:So,formMeta:o,inputRef:V,focusInputOnClick:!0,ref:te},r.createElement("div",{className:A("sps-form-control",n&&"disabled")},r.createElement("i",{className:A("sps-text-input__icon","sps-icon","sps-icon-calendar")}),W&&r.createElement("div",{"data-testid":`${f}_selected_preset`,className:"sps-datepicker__selected-preset"},r.createElement("span",{className:"sps-tag sps-tag--info"},Ee(W))),r.createElement("input",{type:"text",ref:V,className:"sps-text-input__input","data-testid":`${f}_to_date_input`,id:P,placeholder:!K&&!W?p?.toUpperCase()||Sn:void 0,onChange:de,onClick:ne,onFocus:ne,onKeyDown:jt("to"),onBlur:()=>fe(),value:K,disabled:n}),c&&!n&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:xt}))),C?r.createElement(Nt,{className:"sps-time-input",placeholder:h,suggestions:Lr,zeroState:T,value:H,onChange:se,onBlur:()=>vt(),onSelectionChange:Nr,disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}):r.createElement(kn,null,r.createElement(Nt,{className:"sps-time-input",placeholder:v,suggestions:Mr,zeroState:T,value:H,onChange:se,onBlur:()=>vt(),onSelectionChange:Nr,disabled:n,inputNotClearable:!0,autoFocusOnSelection:!0}),r.createElement(rn,{options:Pd,value:J,onChange:gi,disabled:n,notClearable:!0})))),r.createElement(Zo,{isOpen:q,attachTo:F,ref:G},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:!W,name:`sps-date-range-picker-${x}__range`,onChange:()=>yt()}),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,Ce)=>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-${Ce}`,name:`sps-date-range-picker-${x}__range`,onChange:()=>yt(re),checked:W?.definition?W.definition===re.definition:!1,className:"sps-custom-control__input"}),r.createElement("label",{className:"sps-custom-control__label",htmlFor:`sps-date-range-picker-${x}__range-${Ce}`},Ee(re)))))),r.createElement(Xo,{"data-testid":`${f}_calendar`,selectedRange:Array.isArray(c)?[X.createFrom(c[0],p),X.createFrom(c[1],p)]:void 0,onNewSelection:ze,minDate:i,maxDate:s,showTwoMonths:u,selectedPreset:W&&Ee(W),currentUser:t})))}Object.assign(os,{props:jy,displayName:"SpsDateTimeRangePicker"});const _d={basic:{label:"Basic",examples:{basic:{react:g.code`
2042
2042
  import {
2043
2043
  useSpsForm,
2044
2044
  SpsLabel,
@@ -2255,7 +2255,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
2255
2255
  </SpsLocaleProvider>
2256
2256
  );
2257
2257
  }
2258
- `}}}},zy={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"},jy={currentUser:"any",dateToFormat:"string | Date",format:"string",locale:"string",relative:"boolean",relativeHrs:"number",tz:"string"};function Yy(e,t,n=0){if(!n&&!t)return!1;if(t)return!0;const o=Oe(e);return Oe().diff(o,"hours")<n}function qy({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||Oe.tz.guess(),u=e||d?.locale||Jo(),m=o?zy[o]:"lll",p=n||String(l),f=Oe(p);if(f.locale(Ed(u)),!f.isValid())throw new Error("invalid date");return f.tz(c),Yy(p,s||!1,i)?f.fromNow():f.format(m)}function os(e){const{dateToFormat:t,locale:n,tz:o,format:a,currentUser:s,relative:i,relativeHrs:l,children:d,...c}=e,u=io(s),m=n??u;return r.createElement("span",{className:"sps-datetime",...c},qy({locale:m,tz:o,dateToFormat:t,format:a,currentUser:s,relative:i,relativeHrs:l,children:d}))}Object.assign(os,{props:jy,displayName:"SpsDateTime"});const _d={basic:{label:"Datetime Component",description:"<p>Formats dates</p>",examples:{basicAttribute:{imports:g.code`
2258
+ `}}}},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"},qy={currentUser:"any",dateToFormat:"string | Date",format:"string",locale:"string",relative:"boolean",relativeHrs:"number",tz:"string"};function Jy(e,t,n=0){if(!n&&!t)return!1;if(t)return!0;const o=Pe(e);return Pe().diff(o,"hours")<n}function Xy({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||Pe.tz.guess(),u=e||d?.locale||Jo(),m=o?Yy[o]:"lll",p=n||String(l),f=Pe(p);if(f.locale(Td(u)),!f.isValid())throw new Error("invalid date");return f.tz(c),Jy(p,s||!1,i)?f.fromNow():f.format(m)}function rs(e){const{dateToFormat:t,locale:n,tz:o,format:a,currentUser:s,relative:i,relativeHrs:l,children:d,...c}=e,u=so(s),m=n??u;return r.createElement("span",{className:"sps-datetime",...c},Xy({locale:m,tz:o,dateToFormat:t,format:a,currentUser:s,relative:i,relativeHrs:l,children:d}))}Object.assign(rs,{props:qy,displayName:"SpsDateTime"});const Rd={basic:{label:"Datetime Component",description:"<p>Formats dates</p>",examples:{basicAttribute:{imports:g.code`
2259
2259
  import { SpsDateTime } from "@spscommerce/ds-react";
2260
2260
  `,jsx:g.code`
2261
2261
  <SpsDateTime dateToFormat="2018-09-11T16:32:52.822000Z" />
@@ -2263,7 +2263,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
2263
2263
  import { SpsDateTime } from "@spscommerce/ds-react";
2264
2264
  `,jsx:g.code`
2265
2265
  <SpsDateTime>2018-09-11T16:32:52.822000Z</SpsDateTime>
2266
- `}}}},Rd={compact:"boolean",wideTerms:"boolean",widerTerms:"boolean"};function Qo(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 v=parseInt(`${p/2}`,10)+1;return r.cloneElement(m,{style:{...m.props.style,msGridRow:v}})}const f=m.props.children;return r.Children.map(f,v=>r.cloneElement(v,{style:{...v.props.style,msGridRow:p+1}}))}),u=A(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(Qo,{props:Rd,displayName:"SpsDescriptionList / SpsDl"});function Fd(e){return r.createElement(Qo,{...e})}Object.assign(Fd,{props:Rd,displayName:"SpsDescriptionList / SpsDl"});const Ad={};function er(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=A(a||"sps-description-list__definition",n);return r.createElement("dd",{className:i,"data-testid":`${o}`,...s},t)}Object.assign(er,{props:Ad,displayName:"SpsDescriptionListDefinition / SpsDd"});function Vd(e){return r.createElement(er,{...e})}Object.assign(Vd,{props:Ad,displayName:"SpsDescriptionListDefinition / SpsDd"});var Se=(e=>(e.VISIBLE="visible",e.DEFER_VISIBLE="defer_visible",e.HIDDEN="hidden",e.DELAYED_HIDDEN="delayed_hidden",e))(Se||{});function tr(e){return e==="visible"?"hidden":"visible"}const $d=13,an=new Map,Jy={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 ct({children:e,className:t,for:n,"data-testid":o,hideDelay:a=F.TOOLTIP_HIDE_DELAY_MS_DEFAULT,isShown:s,kind:i=F.TooltipKind.DEFAULT,offsets:l=[0,0],onDeferred:d,position:c=F.Position.TOP_MIDDLE,altPosition:u=Rr(c),showOn:m=F.TooltipShowTrigger.MOUSEOVER,style:p,title:f,unsafelyReplaceClassName:h}){const v=r.useRef({instanceKey:Symbol("ds-react:tooltip:instance-key"),prevIsShown:s,hideTimer:null}),[E,y]=r.useState(!1),b=r.useRef(null),N=typeof n=="string"?r.useRef(document.getElementById(n)):n,C=r.useRef(null),T=r.useCallback(()=>{v.current.hideTimer&&(window.clearTimeout(v.current.hideTimer),v.current.hideTimer=null)},[]),x=r.useCallback(()=>{T(),y(!1)},[]),B=r.useCallback((ee=!1)=>{if(ee===!0&&an.size>0)return d&&d(),!1;if(b.current?.textContent==="")return console.warn("SpsTooltip is empty; aborting show"),!1;T();for(const H of an.values())H();return y(!0),!0},[]),L=r.useCallback(ee=>{ee&&ee.stopPropagation(),y(H=>H?(x(),!1):B())},[]),O=r.useCallback(ee=>{b.current&&!b.current.contains(ee.target)&&x()},[]),R=r.useCallback(()=>{T(),v.current.hideTimer=window.setTimeout(x,a)},[]),q=r.useCallback(ee=>{const[H,S]=ee.split(" "),I=N?.current?.getBoundingClientRect(),D=C.current?parseInt(getComputedStyle(C.current)?.width||"0",10):0,K=D*Math.sqrt(2),U=(K-D)/2;if(["top","bottom"].includes(H)&&S!=="middle"){if(!I?.width||I.width>50)return 0;const X=C.current?parseInt(getComputedStyle(C.current)?.left||"0",10):0,_=C.current?parseInt(getComputedStyle(C.current)?.right||"0",10):0,P=(X<_?X:_)-U+K/2;return I.width/2-P}else if(["left","right"].includes(H)&&S!=="middle"){if(I?.height&&I.height>50)return 0;const X=C.current?parseInt(getComputedStyle(C.current)?.top||"0",10):0,_=C.current?parseInt(getComputedStyle(C.current)?.bottom||"0",10):0,P=(X<_?X:_)-U+K/2;return I.height/2-P}else return 0},[]);r.useEffect(()=>{if(typeof n=="string"&&(N.current=document.getElementById(n)),E?an.set(v.current.instanceKey,x):an.has(v.current.instanceKey)&&an.delete(v.current.instanceKey),m===F.TooltipShowTrigger.MANUAL){if(s!==v.current.prevIsShown)switch(s){case"visible":B();break;case"defer_visible":B(!0);break;case"hidden":x();break;case"delayed_hidden":R();break}v.current.prevIsShown=s}},[E,s]),r.useEffect(()=>{if(N.current)switch(m){case F.TooltipShowTrigger.MOUSEOVER:N.current.addEventListener("mouseenter",B),N.current.addEventListener("mouseleave",R);break;case F.TooltipShowTrigger.CLICK:N.current.addEventListener("click",L),document.addEventListener("click",O);break;case F.TooltipShowTrigger.MANUAL:break}},[N]),r.useEffect(()=>{b.current?.textContent===""&&E&&(v.current.hideTimer&&(clearTimeout(v.current.hideTimer),v.current.hideTimer=null),y(!1))},[e,E]),r.useEffect(()=>()=>{an.has(v.current.instanceKey)&&an.delete(v.current.instanceKey),N.current&&(N.current.removeEventListener("mouseenter",B),N.current.removeEventListener("mouseleave",R),N.current.removeEventListener("click",L),document.removeEventListener("click",O))},[]);const te=hn("sps-tooltip-portal"),$=r.useContext(rt),[[W,Y],V]=r.useState([{},!1]);r.useEffect(()=>{V(E?Jt(b,N,c,{altPosition:u,setMinWidth:!1,offsets:[l[0]-$d,l[1]+q(c)],...$}):[{},!1])},[E,c,u,l[0],l[1],e]),r.useEffect(()=>{const ee=()=>{E&&V(Jt(b,N,c,{altPosition:u,setMinWidth:!1,offsets:[l[0]-$d,l[1]+q(c)],...$}))};return document.addEventListener("scroll",ee),()=>{document.removeEventListener("scroll",ee)}},[E]);const G=A(h||"sps-tooltip","z-stratum-tip",`sps-tooltip--${i}`,`sps-tooltip--pos-${(Y?u:c).replace(" ","-")}`,E&&"sps-tooltip--shown",t);return te(r.createElement("div",{role:"tooltip",className:G,"data-testid":o,ref:b,style:{...p,...W},onMouseEnter:m===F.TooltipShowTrigger.MOUSEOVER?T:void 0,onMouseLeave:m===F.TooltipShowTrigger.MOUSEOVER?R: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:C,className:"sps-tooltip__caret"})))}Object.assign(ct,{props:Jy,displayName:"SpsTooltip"});const Kd={error:"boolean",errors:"ReactNodeOrRenderFn",help:"ReactNodeOrRenderFn",labelFor:"SpsFormFieldMeta<any>",required:"boolean"};function nr(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 h(){return i&&!i.isPristine()&&!i.isValid()}const[v,E]=r.useState(),[y,b]=r.useState(Se.HIDDEN);r.useEffect(()=>{E(h()||f()?F.TooltipKind.ERROR:F.TooltipKind.HELP)}),r.useEffect(()=>{p.current=m?.current?.getElementsByClassName("sps-form-group__label")[0];const T=()=>b(Se.VISIBLE),x=()=>b(Se.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(Se.VISIBLE),i.onBlur=()=>b(Se.HIDDEN));const N=A(c||"sps-description-list__term",(l||i&&i.isRequired())&&"sps-description-list__term--required",(o||h())&&"sps-description-list__term--error",n);function C(){b(y===Se.VISIBLE?Se.HIDDEN:Se.VISIBLE)}return r.createElement(r.Fragment,null,r.createElement("dt",{className:N,"data-testid":`${d}`,ref:m,onMouseEnter:()=>b(Se.VISIBLE),onMouseLeave:()=>b(Se.DELAYED_HIDDEN),onClick:C,...u},t),r.createElement(ct,{kind:v,for:m,showOn:F.TooltipShowTrigger.MANUAL,isShown:y},Je(v===F.TooltipKind.ERROR?a:s)))}Object.assign(nr,{props:Kd,displayName:"SpsDescriptionListTerm / SpsDt"});function Hd(e){return r.createElement(nr,{...e})}Object.assign(Hd,{props:Kd,displayName:"SpsDescriptionListTerm / SpsDt"});const Wd={general:{label:"General Usage",description:()=>w.createElement(w.Fragment,null,w.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."),w.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."),w.createElement("h5",null,"Use a Description List"),w.createElement("ul",null,w.createElement("li",{className:"mb-2"},"To display two or more terms that have accompanying descriptions or values.")),w.createElement("h5",null,"Do Not Use a Description List"),w.createElement("ul",null,w.createElement("li",{className:"mb-2"},"To display a single term"),w.createElement("li",{className:"mb-2"},"If the listed terms do not have descriptions")))},basic:{label:"Basic Description Lists",description:()=>w.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:()=>w.createElement("h5",null,"1-to-3"),react:g.code`
2266
+ `}}}},Fd={compact:"boolean",wideTerms:"boolean",widerTerms:"boolean"};function Qo(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 v=parseInt(`${p/2}`,10)+1;return r.cloneElement(m,{style:{...m.props.style,msGridRow:v}})}const f=m.props.children;return r.Children.map(f,v=>r.cloneElement(v,{style:{...v.props.style,msGridRow:p+1}}))}),u=A(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(Qo,{props:Fd,displayName:"SpsDescriptionList / SpsDl"});function Ad(e){return r.createElement(Qo,{...e})}Object.assign(Ad,{props:Fd,displayName:"SpsDescriptionList / SpsDl"});const Vd={};function er(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=A(a||"sps-description-list__definition",n);return r.createElement("dd",{className:i,"data-testid":`${o}`,...s},t)}Object.assign(er,{props:Vd,displayName:"SpsDescriptionListDefinition / SpsDd"});function $d(e){return r.createElement(er,{...e})}Object.assign($d,{props:Vd,displayName:"SpsDescriptionListDefinition / SpsDd"});var ge=(e=>(e.VISIBLE="visible",e.DEFER_VISIBLE="defer_visible",e.HIDDEN="hidden",e.DELAYED_HIDDEN="delayed_hidden",e))(ge||{});function tr(e){return e==="visible"?"hidden":"visible"}const Kd=13,an=new Map,Zy={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 lt({children:e,className:t,for:n,"data-testid":o,hideDelay:a=_.TOOLTIP_HIDE_DELAY_MS_DEFAULT,isShown:s,kind:i=_.TooltipKind.DEFAULT,offsets:l=[0,0],onDeferred:d,position:c=_.Position.TOP_MIDDLE,altPosition:u=Fr(c),showOn:m=_.TooltipShowTrigger.MOUSEOVER,style:p,title:f,unsafelyReplaceClassName:h}){const v=r.useRef({instanceKey:Symbol("ds-react:tooltip:instance-key"),prevIsShown:s,hideTimer:null}),[E,y]=r.useState(!1),b=r.useRef(null),N=typeof n=="string"?r.useRef(document.getElementById(n)):n,C=r.useRef(null),T=r.useCallback(()=>{v.current.hideTimer&&(window.clearTimeout(v.current.hideTimer),v.current.hideTimer=null)},[]),x=r.useCallback(()=>{T(),y(!1)},[]),B=r.useCallback((Q=!1)=>{if(Q===!0&&an.size>0)return d&&d(),!1;if(b.current?.textContent==="")return console.warn("SpsTooltip is empty; aborting show"),!1;T();for(const K of an.values())K();return y(!0),!0},[]),M=r.useCallback(Q=>{Q&&Q.stopPropagation(),y(K=>K?(x(),!1):B())},[]),P=r.useCallback(Q=>{b.current&&!b.current.contains(Q.target)&&x()},[]),F=r.useCallback(()=>{T(),v.current.hideTimer=window.setTimeout(x,a)},[]),j=r.useCallback(Q=>{const[K,S]=Q.split(" "),I=N?.current?.getBoundingClientRect(),D=C.current?parseInt(getComputedStyle(C.current)?.width||"0",10):0,H=D*Math.sqrt(2),z=(H-D)/2;if(["top","bottom"].includes(K)&&S!=="middle"){if(!I?.width||I.width>50)return 0;const Z=C.current?parseInt(getComputedStyle(C.current)?.left||"0",10):0,O=C.current?parseInt(getComputedStyle(C.current)?.right||"0",10):0,R=(Z<O?Z:O)-z+H/2;return I.width/2-R}else if(["left","right"].includes(K)&&S!=="middle"){if(I?.height&&I.height>50)return 0;const Z=C.current?parseInt(getComputedStyle(C.current)?.top||"0",10):0,O=C.current?parseInt(getComputedStyle(C.current)?.bottom||"0",10):0,R=(Z<O?Z:O)-z+H/2;return I.height/2-R}else return 0},[]);r.useEffect(()=>{if(typeof n=="string"&&(N.current=document.getElementById(n)),E?an.set(v.current.instanceKey,x):an.has(v.current.instanceKey)&&an.delete(v.current.instanceKey),m===_.TooltipShowTrigger.MANUAL){if(s!==v.current.prevIsShown)switch(s){case"visible":B();break;case"defer_visible":B(!0);break;case"hidden":x();break;case"delayed_hidden":F();break}v.current.prevIsShown=s}},[E,s]),r.useEffect(()=>{if(N.current)switch(m){case _.TooltipShowTrigger.MOUSEOVER:N.current.addEventListener("mouseenter",B),N.current.addEventListener("mouseleave",F);break;case _.TooltipShowTrigger.CLICK:N.current.addEventListener("click",M),document.addEventListener("click",P);break;case _.TooltipShowTrigger.MANUAL:break}},[N]),r.useEffect(()=>{b.current?.textContent===""&&E&&(v.current.hideTimer&&(clearTimeout(v.current.hideTimer),v.current.hideTimer=null),y(!1))},[e,E]),r.useEffect(()=>()=>{an.has(v.current.instanceKey)&&an.delete(v.current.instanceKey),N.current&&(N.current.removeEventListener("mouseenter",B),N.current.removeEventListener("mouseleave",F),N.current.removeEventListener("click",M),document.removeEventListener("click",P))},[]);const te=hn("sps-tooltip-portal"),V=r.useContext(ot),[[G,Y],U]=r.useState([{},!1]);r.useEffect(()=>{U(E?Jt(b,N,c,{altPosition:u,setMinWidth:!1,offsets:[l[0]-Kd,l[1]+j(c)],...V}):[{},!1])},[E,c,u,l[0],l[1],e]),r.useEffect(()=>{const Q=()=>{E&&U(Jt(b,N,c,{altPosition:u,setMinWidth:!1,offsets:[l[0]-Kd,l[1]+j(c)],...V}))};return document.addEventListener("scroll",Q),()=>{document.removeEventListener("scroll",Q)}},[E]);const $=A(h||"sps-tooltip","z-stratum-tip",`sps-tooltip--${i}`,`sps-tooltip--pos-${(Y?u:c).replace(" ","-")}`,E&&"sps-tooltip--shown",t);return te(r.createElement("div",{role:"tooltip",className:$,"data-testid":o,ref:b,style:{...p,...G},onMouseEnter:m===_.TooltipShowTrigger.MOUSEOVER?T:void 0,onMouseLeave:m===_.TooltipShowTrigger.MOUSEOVER?F: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:C,className:"sps-tooltip__caret"})))}Object.assign(lt,{props:Zy,displayName:"SpsTooltip"});const Hd={error:"boolean",errors:"ReactNodeOrRenderFn",help:"ReactNodeOrRenderFn",labelFor:"SpsFormFieldMeta<any>",required:"boolean"};function nr(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 h(){return i&&!i.isPristine()&&!i.isValid()}const[v,E]=r.useState(),[y,b]=r.useState(ge.HIDDEN);r.useEffect(()=>{E(h()||f()?_.TooltipKind.ERROR:_.TooltipKind.HELP)}),r.useEffect(()=>{p.current=m?.current?.getElementsByClassName("sps-form-group__label")[0];const T=()=>b(ge.VISIBLE),x=()=>b(ge.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(ge.VISIBLE),i.onBlur=()=>b(ge.HIDDEN));const N=A(c||"sps-description-list__term",(l||i&&i.isRequired())&&"sps-description-list__term--required",(o||h())&&"sps-description-list__term--error",n);function C(){b(y===ge.VISIBLE?ge.HIDDEN:ge.VISIBLE)}return r.createElement(r.Fragment,null,r.createElement("dt",{className:N,"data-testid":`${d}`,ref:m,onMouseEnter:()=>b(ge.VISIBLE),onMouseLeave:()=>b(ge.DELAYED_HIDDEN),onClick:C,...u},t),r.createElement(lt,{kind:v,for:m,showOn:_.TooltipShowTrigger.MANUAL,isShown:y},qe(v===_.TooltipKind.ERROR?a:s)))}Object.assign(nr,{props:Hd,displayName:"SpsDescriptionListTerm / SpsDt"});function Wd(e){return r.createElement(nr,{...e})}Object.assign(Wd,{props:Hd,displayName:"SpsDescriptionListTerm / SpsDt"});const Gd={general:{label:"General Usage",description:()=>w.createElement(w.Fragment,null,w.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."),w.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."),w.createElement("h5",null,"Use a Description List"),w.createElement("ul",null,w.createElement("li",{className:"mb-2"},"To display two or more terms that have accompanying descriptions or values.")),w.createElement("h5",null,"Do Not Use a Description List"),w.createElement("ul",null,w.createElement("li",{className:"mb-2"},"To display a single term"),w.createElement("li",{className:"mb-2"},"If the listed terms do not have descriptions")))},basic:{label:"Basic Description Lists",description:()=>w.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:()=>w.createElement("h5",null,"1-to-3"),react:g.code`
2267
2267
  import { SpsDl, SpsDt, SpsDd } from "@spscommerce/ds-react";
2268
2268
  function DemoComponent() {
2269
2269
  return (
@@ -2737,7 +2737,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
2737
2737
  </SpsForm>
2738
2738
  )
2739
2739
  }
2740
- `}}}},Xy=Co||Br,Zy={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 sn(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:h,unsafelyReplaceClassName:v,onOpen:E,onClose:y,loading:b,maxHeightOptionListPx:N,maxHeightOptionListRem:C,disableOptionsMemoization:T,...x}=e,{t:B}=ge.useWoodlandLanguage(),L=_t(l),[O,R]=r.useState(!1),[q,te]=r.useState(!1),[$,W]=r.useState(),Y=r.useRef(null),V=u.map(Z=>typeof Z=="function"?Z:Object.assign(Z[1],{...F.SPS_ACTION_DEFAULTS,...Z[0]})),G=`${L.current}-button`,ee=`${L.current}-menu`;let H,S;c?(S=d||F.DropdownKind.DEFAULT,H=i):(S=F.DropdownKind.ICON,H=i||F.SpsIcon.ELLIPSES);const I=r.useRef(null);r.useEffect(()=>{O&&E?E():!O&&y&&y()},[O]);function D(Z){I.current&&!I.current.contains(Z.target)&&R(!1)}function K(Z){Z.preventDefault(),!s&&!p&&R(!O)}function U(Z){R(Z)}function X(){R(!1)}function _(Z){s||(["Up","ArrowUp","Down","ArrowDown"].indexOf(Z.key)>-1&&Z.preventDefault(),Z.persist(),W(Z))}function j(Z){Z.detail!==L.current&&R(!1)}r.useEffect(()=>(document.addEventListener("click",D),document.addEventListener("DropdownOpened",j),()=>{document.removeEventListener("click",D),document.removeEventListener("DropdownOpened",j)}),[]),r.useEffect(()=>{if(O){Y.current&&Xy(Y.current,{scrollMode:"if-needed"});const Z=document.createEvent("CustomEvent");Z.initCustomEvent("DropdownOpened",!1,!1,L.current),document.dispatchEvent(Z)}},[O]);const P=A(v||"sps-dropdown",O&&"sps-dropdown--open",O&&"z-stratum-dropdown",q&&"sps-dropdown--opens-upward",!c&&"sps-dropdown--no-label",s&&"disabled",o),z=A("sps-button",`sps-button--${S}`,s&&"sps-button--disabled",p&&"sps-button--spinning"),Q=S===F.DropdownKind.ICON&&!n?[F.Position.BOTTOM_RIGHT,F.Position.TOP_RIGHT]:void 0;return r.useEffect(()=>{let Z;return O&&(Z=()=>{R(!1)},window.addEventListener("resize",Z)),()=>{Z&&window.removeEventListener("resize",Z)}},[O]),Vn({isOpen:O,rootRef:I}),r.createElement("div",{...x,id:L.current,className:P,onKeyDown:_},r.createElement("div",{onClick:K,className:z,ref:I},r.createElement("button",{type:"button",id:G,ref:Y,"aria-haspopup":"true","aria-controls":ee,"aria-expanded":O?!0:void 0,tabIndex:m,disabled:s,onClick:K},r.createElement("i",{className:A("sps-icon",`sps-icon-${H}`)}),c&&r.createElement("span",null,c),p&&r.createElement("div",{className:"sps-spinner",key:1},f||B("button.spinningTitle")))),r.createElement(An,{positionOverride:Q,isOpen:O,"aria-labelledby":G,keyDown:$,onOptionSelected:X,id:ee,attachTo:I,onPositionFlip:te,onSelfToggle:U,options:V,offsets:[0,0],tall:h,optionRole:"option",loading:b,maxHeightPx:N,maxHeightRem:C,disableOptionsMemoization:T,specialAction:t,conformWidth:a}))}Object.assign(sn,{props:Zy,displayName:"SpsDropdown"});const Gd={labelled:{label:"Labelled",examples:{default:{description:"<h3> Default Dropdown</h3>",react:g.code`
2740
+ `}}}},Qy=Co||_r,eE={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 sn(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:h,unsafelyReplaceClassName:v,onOpen:E,onClose:y,loading:b,maxHeightOptionListPx:N,maxHeightOptionListRem:C,disableOptionsMemoization:T,...x}=e,{t:B}=he.useWoodlandLanguage(),M=Ft(l),[P,F]=r.useState(!1),[j,te]=r.useState(!1),[V,G]=r.useState(),Y=r.useRef(null),U=u.map(q=>typeof q=="function"?q:Object.assign(q[1],{..._.SPS_ACTION_DEFAULTS,...q[0]})),$=`${M.current}-button`,Q=`${M.current}-menu`;let K,S;c?(S=d||_.DropdownKind.DEFAULT,K=i):(S=_.DropdownKind.ICON,K=i||_.SpsIcon.ELLIPSES);const I=r.useRef(null);r.useEffect(()=>{P&&E?E():!P&&y&&y()},[P]);function D(q){I.current&&!I.current.contains(q.target)&&F(!1)}function H(q){q.preventDefault(),!s&&!p&&F(!P)}function z(q){F(q)}function Z(){F(!1)}function O(q){s||(["Up","ArrowUp","Down","ArrowDown"].indexOf(q.key)>-1&&q.preventDefault(),G(bn(q)))}function J(q){q.detail!==M.current&&F(!1)}r.useEffect(()=>(document.addEventListener("click",D),document.addEventListener("DropdownOpened",J),()=>{document.removeEventListener("click",D),document.removeEventListener("DropdownOpened",J)}),[]),r.useEffect(()=>{if(P){Y.current&&Qy(Y.current,{scrollMode:"if-needed"});const q=document.createEvent("CustomEvent");q.initCustomEvent("DropdownOpened",!1,!1,M.current),document.dispatchEvent(q)}},[P]);const R=A(v||"sps-dropdown",P&&"sps-dropdown--open",P&&"z-stratum-dropdown",j&&"sps-dropdown--opens-upward",!c&&"sps-dropdown--no-label",s&&"disabled",o),W=A("sps-button",`sps-button--${S}`,s&&"sps-button--disabled",p&&"sps-button--spinning"),ee=S===_.DropdownKind.ICON&&!n?[_.Position.BOTTOM_RIGHT,_.Position.TOP_RIGHT]:void 0;return r.useEffect(()=>{let q;return P&&(q=()=>{F(!1)},window.addEventListener("resize",q)),()=>{q&&window.removeEventListener("resize",q)}},[P]),An({isOpen:P,rootRef:I}),r.createElement("div",{...x,id:M.current,className:R,onKeyDown:O},r.createElement("div",{onClick:H,className:W,ref:I},r.createElement("button",{type:"button",id:$,ref:Y,"aria-haspopup":"true","aria-controls":Q,"aria-expanded":P?!0:void 0,tabIndex:m,disabled:s,onClick:H},r.createElement("i",{className:A("sps-icon",`sps-icon-${K}`)}),c&&r.createElement("span",null,c),p&&r.createElement("div",{className:"sps-spinner",key:1},f||B("button.spinningTitle")))),r.createElement(Fn,{positionOverride:ee,isOpen:P,"aria-labelledby":$,keyDown:V,onOptionSelected:Z,id:Q,attachTo:I,onPositionFlip:te,onSelfToggle:z,options:U,offsets:[0,0],tall:h,optionRole:"option",loading:b,maxHeightPx:N,maxHeightRem:C,disableOptionsMemoization:T,specialAction:t,conformWidth:a}))}Object.assign(sn,{props:eE,displayName:"SpsDropdown"});const Ud={labelled:{label:"Labelled",examples:{default:{description:"<h3> Default Dropdown</h3>",react:g.code`
2741
2741
  import {
2742
2742
  SpsDropdown,
2743
2743
  useSpsAction,
@@ -2974,7 +2974,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
2974
2974
  </SpsTable>
2975
2975
  )
2976
2976
  }
2977
- `}}}},Qy={checked:"boolean",onChange:"ChangeEventHandler",indeterminate:"boolean",disabled:"boolean",options:"Array<SpsActionMethod | [SpsActionDescriptor, () => void]>"};function rs(e){const{options:t,className:n,checked:o,onChange:a,indeterminate:s,disabled:i,"data-testid":l,...d}=e,c=A("sps-checkbox-dropdown",n);return r.createElement("span",{className:c,"data-testid":l,...d},r.createElement(Xt,{indeterminate:s,checked:o,disabled:i,onChange:a,inline:!0,"data-testid":`${l}__checkbox`}),r.createElement(sn,{disabled:i,options:t,icon:F.SpsIcon.CHEVRON_DOWN,"data-testid":`${l}__dropdown`}))}Object.assign(rs,{props:Qy,displayName:"SpsCheckboxDropdown"});const eE={errors:"ReactNodeOrRenderFn",formMeta:"SpsFormSetMeta<any>",legend:"string",hasRequiredFields:"boolean",optional:"boolean",enabled:"boolean",onToggled:"(isEnabled: boolean) => void",tooltip:"string",applyNestedStyles:"boolean"};function as({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":h,errorsTooltipTrigger:v=F.TooltipShowTrigger.CLICK,errorsTooltipPosition:E=F.Position.LEFT_MIDDLE}){const y=a||o,b=r.useRef(null),N=r.useRef(null),[C,T]=r.useState(Se.HIDDEN),[x,B]=r.useState(!1),[L,O]=r.useState(u);Ar(()=>{m?.(L)},[L]),r.useEffect(()=>{if(y||s){const te=y&&y.isFocused()||s&&s.isFocused();!x&&te?T(Se.VISIBLE):x&&!te&&T(Se.HIDDEN),B(te||!1)}});const R=A(l||f?"nested-styles-fieldset":"sps-fieldset",(y&&!y.isPristine()&&y.invalid||s&&(!s.isValid()||!s.contentsAreValid()))&&"sps-fieldset--error",t,c&&!L&&"sps-fieldset--collapsed",d&&"sps-fieldset--required-fields");function q(){T(C===Se.VISIBLE?Se.HIDDEN:Se.VISIBLE)}return r.createElement("div",{className:"sps-fieldset-container"},r.createElement("fieldset",{className:R,"data-testid":h},r.createElement("legend",{className:"sps-fieldset__legend",ref:b,onMouseEnter:()=>T(Se.VISIBLE),onMouseLeave:()=>T(Se.DELAYED_HIDDEN),onClick:q},c&&r.createElement(Xt,{checked:L,className:"d-inline-flex pr-1",onChange:te=>{O(te.target.checked)},"data-testid":`${h}__checkbox`}),i,p&&r.createElement("span",{className:"sps-fieldset__legend-icon",ref:N},r.createElement(St,{icon:F.SpsIcon.INFO_CIRCLE,"data-testid":`${h}__info-icon`}))),p&&r.createElement(ct,{for:N},p),!!n&&r.createElement(ct,{for:b,kind:F.TooltipKind.ERROR,showOn:v,position:E,isShown:C},Je(n)),e))}Object.assign(as,{props:eE,displayName:"SpsFieldset"});const Ud={basic:{label:"Basic Content Sections",description:"info about basic content sections",examples:{basic:{react:g.code`
2977
+ `}}}},tE={checked:"boolean",onChange:"ChangeEventHandler",indeterminate:"boolean",disabled:"boolean",options:"Array<SpsActionMethod | [SpsActionDescriptor, () => void]>"};function as(e){const{options:t,className:n,checked:o,onChange:a,indeterminate:s,disabled:i,"data-testid":l,...d}=e,c=A("sps-checkbox-dropdown",n);return r.createElement("span",{className:c,"data-testid":l,...d},r.createElement(Xt,{indeterminate:s,checked:o,disabled:i,onChange:a,inline:!0,"data-testid":`${l}__checkbox`}),r.createElement(sn,{disabled:i,options:t,icon:_.SpsIcon.CHEVRON_DOWN,"data-testid":`${l}__dropdown`}))}Object.assign(as,{props:tE,displayName:"SpsCheckboxDropdown"});const nE={errors:"ReactNodeOrRenderFn",formMeta:"SpsFormSetMeta<any>",legend:"string",hasRequiredFields:"boolean",optional:"boolean",enabled:"boolean",onToggled:"(isEnabled: boolean) => void",tooltip:"string",applyNestedStyles:"boolean"};function ss({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":h,errorsTooltipTrigger:v=_.TooltipShowTrigger.CLICK,errorsTooltipPosition:E=_.Position.LEFT_MIDDLE}){const y=a||o,b=r.useRef(null),N=r.useRef(null),[C,T]=r.useState(ge.HIDDEN),[x,B]=r.useState(!1),[M,P]=r.useState(u);Vr(()=>{m?.(M)},[M]),r.useEffect(()=>{if(y||s){const te=y&&y.isFocused()||s&&s.isFocused();!x&&te?T(ge.VISIBLE):x&&!te&&T(ge.HIDDEN),B(te||!1)}});const F=A(l||f?"nested-styles-fieldset":"sps-fieldset",(y&&!y.isPristine()&&y.invalid||s&&(!s.isValid()||!s.contentsAreValid()))&&"sps-fieldset--error",t,c&&!M&&"sps-fieldset--collapsed",d&&"sps-fieldset--required-fields");function j(){T(C===ge.VISIBLE?ge.HIDDEN:ge.VISIBLE)}return r.createElement("div",{className:"sps-fieldset-container"},r.createElement("fieldset",{className:F,"data-testid":h},r.createElement("legend",{className:"sps-fieldset__legend",ref:b,onMouseEnter:()=>T(ge.VISIBLE),onMouseLeave:()=>T(ge.DELAYED_HIDDEN),onClick:j},c&&r.createElement(Xt,{checked:M,className:"d-inline-flex pr-1",onChange:te=>{P(te.target.checked)},"data-testid":`${h}__checkbox`}),i,p&&r.createElement("span",{className:"sps-fieldset__legend-icon",ref:N},r.createElement(St,{icon:_.SpsIcon.INFO_CIRCLE,"data-testid":`${h}__info-icon`}))),p&&r.createElement(lt,{for:N},p),!!n&&r.createElement(lt,{for:b,kind:_.TooltipKind.ERROR,showOn:v,position:E,isShown:C},qe(n)),e))}Object.assign(ss,{props:nE,displayName:"SpsFieldset"});const zd={basic:{label:"Basic Content Sections",description:"info about basic content sections",examples:{basic:{react:g.code`
2978
2978
  import {
2979
2979
  useSpsForm,
2980
2980
  SpsFieldset,
@@ -3254,7 +3254,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
3254
3254
  </SpsForm>
3255
3255
  )
3256
3256
  }
3257
- `}}}},tE={disabled:"boolean",defaultValue:"number",min:"number",max:"number",step:"number",onValueChange:"(newValue: number) => void"};function ss(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[h,v]=r.useState(!1);r.useEffect(()=>{l&&typeof l=="function"&&l(p),v(p<a||p>s)},[p]);const E=()=>p<=a?!1:(p>s?f(s):f(C=>Math.max(C-i,a)),!0),y=()=>p>=s?!1:(p<a?f(a):f(C=>C+i),!0),b=C=>{C.target.value!==""&&f(parseInt(C.target.value,10))},N=d||A("sps-incrementor sps-input-group sps-input-group__append",c);return r.createElement("div",{className:N,...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:A("sps-form-control",h&&"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:y,disabled:n,"aria-label":`Add ${i}`},r.createElement("i",{className:"sps-icon sps-icon-plus-sign","aria-hidden":"true"}))))}Object.assign(ss,{props:tE,displayName:"SpsIncrementor"});const zd={stepExample:{label:"Incrementor",description:"info about incrementor",examples:{stacked:{react:g.code`
3257
+ `}}}},oE={disabled:"boolean",defaultValue:"number",min:"number",max:"number",step:"number",onValueChange:"(newValue: number) => void"};function is(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[h,v]=r.useState(!1);r.useEffect(()=>{l&&typeof l=="function"&&l(p),v(p<a||p>s)},[p]);const E=()=>p<=a?!1:(p>s?f(s):f(C=>Math.max(C-i,a)),!0),y=()=>p>=s?!1:(p<a?f(a):f(C=>C+i),!0),b=C=>{C.target.value!==""&&f(parseInt(C.target.value,10))},N=d||A("sps-incrementor sps-input-group sps-input-group__append",c);return r.createElement("div",{className:N,...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:A("sps-form-control",h&&"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:y,disabled:n,"aria-label":`Add ${i}`},r.createElement("i",{className:"sps-icon sps-icon-plus-sign","aria-hidden":"true"}))))}Object.assign(is,{props:oE,displayName:"SpsIncrementor"});const jd={stepExample:{label:"Incrementor",description:"info about incrementor",examples:{stacked:{react:g.code`
3258
3258
  import { SpsIncrementor } from "@spscommerce/ds-react";
3259
3259
  function Component () {
3260
3260
  const [value, setValue] = React.useState("");
@@ -3275,7 +3275,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
3275
3275
  </React.Fragment>
3276
3276
  );
3277
3277
  }
3278
- `}}}},nE={for:{type:"SpsFormMetaBase<any>",required:!0},description:"string",stronglySuggested:"boolean",help:"ReactNodeOrRenderFn",helpIcon:"SpsIcon",helpIconColor:"string",errors:"ReactNodeOrRenderFn"};function is({children:e,className:t,description:n,for:o,stronglySuggested:a,help:s,helpIcon:i=F.SpsIcon.QUESTION_CIRCLE,helpIconColor:l="blue200",errors:d,unsafelyReplaceClassName:c,"data-testid":u,...m}){const{t:p}=ge.useWoodlandLanguage(),f=r.useRef(null),h=r.useRef(null),v=r.useRef(null),E=r.useRef(null),[y,b]=r.useState(Se.HIDDEN),[N,C]=r.useState(Se.HIDDEN),[T,x]=r.useState(Se.HIDDEN),[B,L]=r.useState(Se.HIDDEN),O={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 R(){x(Se.HIDDEN),b(Se.HIDDEN)}function q(){C(Se.HIDDEN),L(Se.HIDDEN)}function te(_){_.preventDefault(),q(),x(tr(T))}function $(){return o&&(o instanceof Yt&&o.isVisibilyInvalid()||!(o instanceof Yt)&&!o.isValid())?[N,C]:o&&o instanceof Yt&&o.hasPreventativeErrors()?[B,L]:[Se.HIDDEN,()=>{}]}function W(){q();const[_,j]=$();j(tr(_))}function Y(){q();const[,_]=$();_(Se.VISIBLE)}function V(_){_.preventDefault(),q(),b(tr(y))}r.useEffect(()=>{o&&(o.onFocus=Y,o.onBlur=q)},[o]);const G=A(c||"sps-form-group__label-container",t),[ee,H]=o instanceof Yt?[o,void 0]:[void 0,o];function S(_,j){return{dateFormat:`Please enter a date in the format ${j}.`,dateRangeOrder:"End date cannot be before start date.",dateValidity:"Please enter a valid date.",max:`Please enter a value no greater than ${j}.`,maxLength:`Please enter no more than ${j} characters.`,min:`Please enter a value no less than ${j}.`,minLength:`Please enter at least ${j} characters.`,required:"This field is required."}[_]}function I(){if(ee){for(const _ of["dateFormat","dateRangeOrder","dateValidity","required","minLength"])if(ee.hasError(_))return p(`label.errors.${_}`,{context:ee.errors?ee.errors[_]:"",defaultValue:`${S(_,ee.errors?ee.errors[_]:"")}`});if(ee.hasError("dateConstraint")){const _=ee.errors?.dateConstraint,j=_.minExceeded?"min":"max";return p(`label.errors.dateConstraint.${j}`,{context:_,defaultValue:j==="min"?`Please enter a date on or after ${typeof _=="object"?_.minExceeded:_}`:`Please enter a date on or prior to ${typeof _=="object"?_.maxExceeded:_}`})}}return null}function D(){if(ee){for(const _ of yt)if(ee.hasPreventativeError(_))return p(`label.preventativeErrors.${_}`,{defaultValue:`${O[_]}`})}return null}const[K,U]=at(e,[{type:St}]);r.useEffect(()=>{ee?.hasPreventativeErrors()&&L(Se.VISIBLE)},[ee?.hasPreventativeErrors()]);const X=r.useRef(null);return r.useEffect(()=>{function _(j){X.current?.contains(j.target)||R()}return document.addEventListener("click",_),()=>{document.removeEventListener("click",_)}},[]),r.createElement(Be,{ref:X,formMeta:ee,formControl:H},r.createElement("div",{className:G},r.createElement("button",{className:A("sps-icon-button-wrapper","suggested-icon",!a&&"d-none"),tabIndex:0,onClick:te,type:"button","aria-label":`${U} Strongly Suggested Help`,hidden:!a},r.createElement("i",{ref:h,"data-testid":`${u}__suggested-icon`,className:A("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:A("sps-icon","sps-icon-exclamation-circle","sps-form-group__label--error-icon"),onClick:W,"aria-label":`${U} 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"},U)),r.createElement("button",{className:A("sps-icon-button-wrapper",!s&&"d-none"),tabIndex:0,onClick:V,type:"button","aria-label":`${U} Help`,hidden:!s},r.createElement("i",{ref:v,"data-testid":`${u}__help-icon`,className:A("sps-icon",`sps-icon-${i}`,l,!s&&"d-none"),onClick:V})),K),r.createElement(ct,{kind:F.TooltipKind.DEFAULT,for:v,showOn:F.TooltipShowTrigger.MANUAL,isShown:y,altPosition:F.Position.TOP_MIDDLE},Je(s)),r.createElement(ct,{kind:F.TooltipKind.ERROR,for:f,showOn:F.TooltipShowTrigger.MANUAL,isShown:N,altPosition:F.Position.LEFT_MIDDLE},Je(d)||I()),ee?.hasPreventativeErrors()&&r.createElement(ct,{kind:F.TooltipKind.WARNING,for:E,showOn:F.TooltipShowTrigger.MANUAL,isShown:B,altPosition:F.Position.LEFT_MIDDLE},Je(d)||D()),r.createElement(ct,{kind:F.TooltipKind.DEFAULT,for:h,position:F.Position.TOP_LEFT,altPosition:F.Position.TOP_LEFT,showOn:F.TooltipShowTrigger.MANUAL,isShown:T},p("label.stronglySuggested")),n&&r.createElement("div",{className:"sps-form-control__description","data-testid":`${u}__description`},n))}Object.assign(is,{props:nE,displayName:"SpsLabel"});const jd={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:g.code`
3278
+ `}}}},rE={for:{type:"SpsFormMetaBase<any>",required:!0},description:"string",stronglySuggested:"boolean",help:"ReactNodeOrRenderFn",helpIcon:"SpsIcon",helpIconColor:"string",errors:"ReactNodeOrRenderFn"};function ls({children:e,className:t,description:n,for:o,stronglySuggested:a,help:s,helpIcon:i=_.SpsIcon.QUESTION_CIRCLE,helpIconColor:l="blue200",errors:d,unsafelyReplaceClassName:c,"data-testid":u,...m}){const{t:p}=he.useWoodlandLanguage(),f=r.useRef(null),h=r.useRef(null),v=r.useRef(null),E=r.useRef(null),[y,b]=r.useState(ge.HIDDEN),[N,C]=r.useState(ge.HIDDEN),[T,x]=r.useState(ge.HIDDEN),[B,M]=r.useState(ge.HIDDEN),P={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 F(){x(ge.HIDDEN),b(ge.HIDDEN)}function j(){C(ge.HIDDEN),M(ge.HIDDEN)}function te(O){O.preventDefault(),j(),x(tr(T))}function V(){return o&&(o instanceof Yt&&o.isVisibilyInvalid()||!(o instanceof Yt)&&!o.isValid())?[N,C]:o&&o instanceof Yt&&o.hasPreventativeErrors()?[B,M]:[ge.HIDDEN,()=>{}]}function G(){j();const[O,J]=V();J(tr(O))}function Y(){j();const[,O]=V();O(ge.VISIBLE)}function U(O){O.preventDefault(),j(),b(tr(y))}r.useEffect(()=>{o&&(o.onFocus=Y,o.onBlur=j)},[o]);const $=A(c||"sps-form-group__label-container",t),[Q,K]=o instanceof Yt?[o,void 0]:[void 0,o];function S(O,J){return{dateFormat:`Please enter a date in the format ${J}.`,dateRangeOrder:"End date cannot be before start date.",dateValidity:"Please enter a valid date.",max:`Please enter a value no greater than ${J}.`,maxLength:`Please enter no more than ${J} characters.`,min:`Please enter a value no less than ${J}.`,minLength:`Please enter at least ${J} characters.`,required:"This field is required."}[O]}function I(){if(Q){for(const O of["dateFormat","dateRangeOrder","dateValidity","required","minLength"])if(Q.hasError(O))return p(`label.errors.${O}`,{context:Q.errors?Q.errors[O]:"",defaultValue:`${S(O,Q.errors?Q.errors[O]:"")}`});if(Q.hasError("dateConstraint")){const O=Q.errors?.dateConstraint,J=O.minExceeded?"min":"max";return p(`label.errors.dateConstraint.${J}`,{context:O,defaultValue:J==="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 D(){if(Q){for(const O of wt)if(Q.hasPreventativeError(O))return p(`label.preventativeErrors.${O}`,{defaultValue:`${P[O]}`})}return null}const[H,z]=rt(e,[{type:St}]);r.useEffect(()=>{Q?.hasPreventativeErrors()&&M(ge.VISIBLE)},[Q?.hasPreventativeErrors()]);const Z=r.useRef(null);return r.useEffect(()=>{function O(J){Z.current?.contains(J.target)||F()}return document.addEventListener("click",O),()=>{document.removeEventListener("click",O)}},[]),r.createElement(Oe,{ref:Z,formMeta:Q,formControl:K},r.createElement("div",{className:$},r.createElement("button",{className:A("sps-icon-button-wrapper","suggested-icon",!a&&"d-none"),tabIndex:0,onClick:te,type:"button","aria-label":`${z} Strongly Suggested Help`,hidden:!a},r.createElement("i",{ref:h,"data-testid":`${u}__suggested-icon`,className:A("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:A("sps-icon","sps-icon-exclamation-circle","sps-form-group__label--error-icon"),onClick:G,"aria-label":`${z} 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"},z)),r.createElement("button",{className:A("sps-icon-button-wrapper",!s&&"d-none"),tabIndex:0,onClick:U,type:"button","aria-label":`${z} Help`,hidden:!s},r.createElement("i",{ref:v,"data-testid":`${u}__help-icon`,className:A("sps-icon",`sps-icon-${i}`,l,!s&&"d-none"),onClick:U})),H),r.createElement(lt,{kind:_.TooltipKind.DEFAULT,for:v,showOn:_.TooltipShowTrigger.MANUAL,isShown:y,altPosition:_.Position.TOP_MIDDLE},qe(s)),r.createElement(lt,{kind:_.TooltipKind.ERROR,for:f,showOn:_.TooltipShowTrigger.MANUAL,isShown:N,altPosition:_.Position.LEFT_MIDDLE},qe(d)||I()),Q?.hasPreventativeErrors()&&r.createElement(lt,{kind:_.TooltipKind.WARNING,for:E,showOn:_.TooltipShowTrigger.MANUAL,isShown:B,altPosition:_.Position.LEFT_MIDDLE},qe(d)||D()),r.createElement(lt,{kind:_.TooltipKind.DEFAULT,for:h,position:_.Position.TOP_LEFT,altPosition:_.Position.TOP_LEFT,showOn:_.TooltipShowTrigger.MANUAL,isShown:T},p("label.stronglySuggested")),n&&r.createElement("div",{className:"sps-form-control__description","data-testid":`${u}__description`},n))}Object.assign(ls,{props:rE,displayName:"SpsLabel"});const Yd={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:g.code`
3279
3279
  import {
3280
3280
  SpsLabel,
3281
3281
  SpsTextInput,
@@ -3443,11 +3443,11 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
3443
3443
  ></SpsTextInput>
3444
3444
  </>;
3445
3445
  }
3446
- `}}}},oE={clearSelected:{type:"() => void",required:!0},itemsSelected:{type:"string | number",required:!0}};function ls(e){const{itemsSelected:t,clearSelected:n,children:o,className:a,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,{t:d}=ge.useWoodlandLanguage(),c=()=>{typeof n=="function"&&n()},u=A(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(rt.Provider,{value:{fixed:!0}},o)),r.createElement("div",{className:"sps-list-action-bar__clear"},r.createElement(Ie,{kind:F.ButtonKind.LINK,icon:F.SpsIcon.X,onClick:c,"data-testid":`${s}__clear-button`},d("listActionBar.clearSelected",{defaultValue:"Clear Selected"}))))):r.createElement(r.Fragment,null)}Object.assign(ls,{props:oE,displayName:"SpsListActionBar"});const or=r.createContext({resizeable:!1,resizeState:{},setResizeState:()=>{},setSingleResizeState:()=>{},sort:[],setSort:()=>{}}),rE=({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)},[]),h=r.useCallback((E,y)=>{l(b=>{const N={...b,[E]:y};return m.current?.(N),N})},[]),v=r.useMemo(()=>({resizeable:t,resizeState:i,setResizeState:f,setSingleResizeState:h,sort:d,setSort:p}),[t,i,f,h,d,p]);return r.createElement(or.Provider,{value:v},e)},Yd=(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`}}})},aE=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,
3446
+ `}}}},aE={clearSelected:{type:"() => void",required:!0},itemsSelected:{type:"string | number",required:!0}};function cs(e){const{itemsSelected:t,clearSelected:n,children:o,className:a,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,{t:d}=he.useWoodlandLanguage(),c=()=>{typeof n=="function"&&n()},u=A(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(ot.Provider,{value:{fixed:!0}},o)),r.createElement("div",{className:"sps-list-action-bar__clear"},r.createElement(Ie,{kind:_.ButtonKind.LINK,icon:_.SpsIcon.X,onClick:c,"data-testid":`${s}__clear-button`},d("listActionBar.clearSelected",{defaultValue:"Clear Selected"}))))):r.createElement(r.Fragment,null)}Object.assign(cs,{props:aE,displayName:"SpsListActionBar"});const or=r.createContext({resizeable:!1,resizeState:{},setResizeState:()=>{},setSingleResizeState:()=>{},sort:[],setSort:()=>{}}),sE=({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)},[]),h=r.useCallback((E,y)=>{l(b=>{const N={...b,[E]:y};return m.current?.(N),N})},[]),v=r.useMemo(()=>({resizeable:t,resizeState:i,setResizeState:f,setSingleResizeState:h,sort:d,setSort:p}),[t,i,f,h,d,p]);return r.createElement(or.Provider,{value:v},e)},qd=(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`}}})},iE=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,
3447
3447
  calc(100% - ${d}px) 0,
3448
3448
  ${l}px ${-a}px,
3449
3449
  calc(100% - ${d+o}px) ${-a}px`}else e.current.style.backgroundPosition=`0 0, 100% 0, 0 ${-a}px,
3450
- 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)}})},sE=(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,y)=>{const b=d[y];if(b){const N=b.getAttribute("data-resizekey"),C=N&&n?n[N]:void 0;if(C){const T=`${C}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)},h=()=>{let E=null;m===window?E=c?c.getBoundingClientRect().height:0:m instanceof HTMLElement&&(E=m.getBoundingClientRect().top);const y=o.scrollLeft,b=a?.getBoundingClientRect(),N=o.getBoundingClientRect();if(E&&b&&b.top<=E&&E<=N.bottom-b.height&&N.top<=E){if(l&&Array.from(l).forEach((C,T)=>{const x=C.getBoundingClientRect().width,B=d[T].getBoundingClientRect().width,L=`${Math.max(x,B)}px`;d[T].style.minWidth=L,d[T].style.width=L,d[T].style.maxWidth=L,C.style.minWidth=L,C.style.width=L,C.style.maxWidth=L}),a&&e.current){a.style.position="fixed",a.style.top=`${E}px`,a.style.overflow="hidden";const C=e.current.offsetWidth-e.current.clientWidth,T=`${N.width-C}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=y,f()},v=()=>{p(),h(),f()};return a&&a.classList.contains("sps-table__head--pinned")&&(m=Ai(o)||window,m.addEventListener("scroll",h),window.addEventListener("resize",v),o.addEventListener("scroll",f),v()),()=>{m&&(m.removeEventListener("scroll",h),window.removeEventListener("resize",v)),o.removeEventListener("scroll",f)}})},iE=(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()})},lE={sort:"SortedColumn",onSortChange:"SortChangeHandler",selectable:"boolean",maxHeightPx:"number",maxHeightRem:"number",resizeable:"boolean",resizeState:"ResizeState",onResizeStateChange:"ResizeStateChangeHandler"};function ln({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=A(s||"sps-table-container",t),f=i?i/16:l,h=f?{maxHeight:`${f}rem`}:{},v=r.useRef(null);return iE(v,f),aE(v),sE(v,f,c),r.createElement(rE,{resizeable:d,resizeState:c,onResizeStateChange:u,sort:o,onSortChange:n},r.createElement("div",{ref:v,className:p,style:h},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(ln,{props:lE,displayName:"SpsTable"});function qd(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 Jd=({tableHeaderRef:e,resizerRef:t,resizeKey:n})=>{const{resizeable:o,resizeState:a,setSingleResizeState:s}=r.useContext(or),i=!!o&&!!n,l=i?a?.[n]:0;return r.useLayoutEffect(()=>{let d,c=l,u=0;const m=qd(e.current),p=e.current?.querySelector(".sps-table__column-resizer"),f=e.current?.querySelector(".sps-table__column-resizer-guide");function h(){if(e.current&&d&&(p&&(p.style.backgroundColor=Nr.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 B=0;B<x.length;B+=1){const L=x[B].querySelector(".sps-table__column-resizer");x[B].style.cursor="col-resize",x[B]!==e.current&&L&&(x[B].classList.remove("sps-table__header--resizeable"),L.style.display="none")}}}function v(){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 B=e.current.querySelector(".sps-table__header-cell-body");if(B&&(B.style.overflow=x?"hidden":"",B.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 L=m.querySelectorAll("thead > tr > th");for(let O=0;O<L.length;O+=1){const R=L[O].querySelector(".sps-table__header-cell-body"),q=L[O].querySelector(".sps-table__column-resizer");L[O].style.cursor="default",L[O]!==e.current&&q&&(L[O].classList.add("sps-table__header--resizeable"),q.style.display="block"),R?.textContent&&!R.title&&(R.title=R.textContent)}}}}const y=x=>{e.current&&(x.preventDefault(),d=x.clientX,c=e.current.clientWidth,h())},b=x=>{if(!d||!e.current)return;const B=Math.max(Math.min(d-x.clientX,40),-40);B!==0&&(d=x.clientX,u+=B,c=Math.max(c-B,40),v())},N=()=>{!e.current||!d||(d=0,u=0,E(),s(n,c))},C=()=>{c=0,E(),s(n,c)};let T=!1;return i&&t.current&&(t.current.addEventListener("dragstart",y),t.current.addEventListener("mousedown",y),t.current.addEventListener("dblclick",C),window.addEventListener("mousemove",b),window.addEventListener("dragend",N),window.addEventListener("mouseup",N),T=!0,E()),()=>{t.current&&T&&(t.current.removeEventListener("dragstart",y),t.current.removeEventListener("mousedown",y),t.current.removeEventListener("dblclick",C)),T&&(window.removeEventListener("mousemove",b),window.removeEventListener("dragend",N),window.removeEventListener("mouseup",N))}},[i,l,n,s]),{isResizeable:i}},Xd=e=>{const{resizeable:t,resizeState:n}=r.useContext(or);r.useLayoutEffect(()=>{if(!t||!n||!e.current)return;const o=qd(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||"")})},Zd={controlCell:"boolean",sortKey:"string",resizeKey:"string",pinned:"boolean"};function Fe({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(or),m=c?.find(b=>b.key===o),p=()=>{if(o&&!n){const b=m?.direction===F.SortDirection.ASCENDING?F.SortDirection.DESCENDING:F.SortDirection.ASCENDING;u([{key:o,direction:b}])}},f=b=>{(b.key==="Enter"||b.key===" "||b.key==="Spacebar")&&(b.preventDefault(),p())},h=r.useRef(null);Yd(l,h);const v=r.useRef(null),{isResizeable:E}=Jd({tableHeaderRef:h,resizerRef:v,resizeKey:a}),y=A(i||"sps-table__header",n&&"sps-table__header--control",!o&&"sps-table__header--sort-disabled",m?.direction===F.SortDirection.ASCENDING&&"sps-table__header--sorted-asc",m?.direction===F.SortDirection.DESCENDING&&"sps-table__header--sorted-desc",l&&"sps-table__cell--pinned",E&&"sps-table__header--resizeable",t);return r.createElement("th",{className:y,ref:h,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:v,className:A("sps-table__column-resizer")}),r.createElement("span",{className:A("sps-table__column-resizer-guide")})))}Object.assign(Fe,{props:Zd,displayName:"SpsTableHeader"});function Qd(e){return r.createElement(Fe,{...e})}Object.assign(Qd,{props:Zd,displayName:"SpsTh"});const ep={pinned:"boolean"};function Kt({children:e,className:t,"data-testid":n,unsafelyReplaceClassName:o,pinned:a,...s}){const i=A(o||"sps-table__head",a&&"sps-table__head--pinned",t);return r.createElement("thead",{className:i,"data-testid":`${n}__head`,...s},e)}Object.assign(Kt,{props:ep,displayName:"SpsTableHead"});function tp(e){return r.createElement(Kt,{...e})}Object.assign(tp,{props:ep,displayName:"SpsThead"});const np={};function Ne({children:e,className:t,"data-testid":n,unsafelyReplaceClassName:o,...a}){const s=A(o||"sps-table__row",t);return r.createElement("tr",{className:s,role:"row","data-testid":`${n}__row`,...a},e)}Object.assign(Ne,{props:np,displayName:"SpsTableRow"});function op(e){return r.createElement(Ne,{...e})}Object.assign(op,{props:np,displayName:"SpsTr"});const rp={};function Ht(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=A(a||"sps-table__body",n);return r.createElement("tbody",{className:i,"data-testid":`${o}__body`,...s},t)}Object.assign(Ht,{props:rp,displayName:"SpsTableBody"});function ap(e){return r.createElement(Ht,{...e})}Object.assign(ap,{props:rp,displayName:"SpsTbody"});const sp={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=A(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 Yd(d,m),Xd(m),r.createElement("td",{className:u,ref:m,role:"cell","data-testid":`${s}__cell`,...c},n)}Object.assign(oe,{props:sp,displayName:"SpsTableCell"});function ip(e){return r.createElement(oe,{...e})}Object.assign(ip,{props:sp,displayName:"SpsTd"});const cE={};function lp(e){const{children:t,className:n,unsafelyReplaceClassName:o,...a}=e,[s,i,l]=at(t,[{type:Ie,props:{kind:F.ButtonKind.LINK}},[{type:Ie,props:{kind:F.ButtonKind.ICON}},{type:sn}]]),d=s.length>0&&(i.length>0||l.length>0),c=i.length>0&&l.length>0,u=A(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(lp,{props:cE,displayName:"SpsButtonGroup"});const dE={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:g.code`
3450
+ 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)}})},lE=(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,y)=>{const b=d[y];if(b){const N=b.getAttribute("data-resizekey"),C=N&&n?n[N]:void 0;if(C){const T=`${C}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)},h=()=>{let E=null;m===window?E=c?c.getBoundingClientRect().height:0:m instanceof HTMLElement&&(E=m.getBoundingClientRect().top);const y=o.scrollLeft,b=a?.getBoundingClientRect(),N=o.getBoundingClientRect();if(E&&b&&b.top<=E&&E<=N.bottom-b.height&&N.top<=E){if(l&&Array.from(l).forEach((C,T)=>{const x=C.getBoundingClientRect().width,B=d[T].getBoundingClientRect().width,M=`${Math.max(x,B)}px`;d[T].style.minWidth=M,d[T].style.width=M,d[T].style.maxWidth=M,C.style.minWidth=M,C.style.width=M,C.style.maxWidth=M}),a&&e.current){a.style.position="fixed",a.style.top=`${E}px`,a.style.overflow="hidden";const C=e.current.offsetWidth-e.current.clientWidth,T=`${N.width-C}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=y,f()},v=()=>{p(),h(),f()};return a&&a.classList.contains("sps-table__head--pinned")&&(m=Vi(o)||window,m.addEventListener("scroll",h),window.addEventListener("resize",v),o.addEventListener("scroll",f),v()),()=>{m&&(m.removeEventListener("scroll",h),window.removeEventListener("resize",v)),o.removeEventListener("scroll",f)}})},cE=(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()})},dE={sort:"SortedColumn",onSortChange:"SortChangeHandler",selectable:"boolean",maxHeightPx:"number",maxHeightRem:"number",resizeable:"boolean",resizeState:"ResizeState",onResizeStateChange:"ResizeStateChangeHandler"};function ln({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=A(s||"sps-table-container",t),f=i?i/16:l,h=f?{maxHeight:`${f}rem`}:{},v=r.useRef(null);return cE(v,f),iE(v),lE(v,f,c),r.createElement(sE,{resizeable:d,resizeState:c,onResizeStateChange:u,sort:o,onSortChange:n},r.createElement("div",{ref:v,className:p,style:h},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(ln,{props:dE,displayName:"SpsTable"});function Jd(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 Xd=({tableHeaderRef:e,resizerRef:t,resizeKey:n})=>{const{resizeable:o,resizeState:a,setSingleResizeState:s}=r.useContext(or),i=!!o&&!!n,l=i?a?.[n]:0;return r.useLayoutEffect(()=>{let d,c=l,u=0;const m=Jd(e.current),p=e.current?.querySelector(".sps-table__column-resizer"),f=e.current?.querySelector(".sps-table__column-resizer-guide");function h(){if(e.current&&d&&(p&&(p.style.backgroundColor=Ir.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 B=0;B<x.length;B+=1){const M=x[B].querySelector(".sps-table__column-resizer");x[B].style.cursor="col-resize",x[B]!==e.current&&M&&(x[B].classList.remove("sps-table__header--resizeable"),M.style.display="none")}}}function v(){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 B=e.current.querySelector(".sps-table__header-cell-body");if(B&&(B.style.overflow=x?"hidden":"",B.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 M=m.querySelectorAll("thead > tr > th");for(let P=0;P<M.length;P+=1){const F=M[P].querySelector(".sps-table__header-cell-body"),j=M[P].querySelector(".sps-table__column-resizer");M[P].style.cursor="default",M[P]!==e.current&&j&&(M[P].classList.add("sps-table__header--resizeable"),j.style.display="block"),F?.textContent&&!F.title&&(F.title=F.textContent)}}}}const y=x=>{e.current&&(x.preventDefault(),d=x.clientX,c=e.current.clientWidth,h())},b=x=>{if(!d||!e.current)return;const B=Math.max(Math.min(d-x.clientX,40),-40);B!==0&&(d=x.clientX,u+=B,c=Math.max(c-B,40),v())},N=()=>{!e.current||!d||(d=0,u=0,E(),s(n,c))},C=()=>{c=0,E(),s(n,c)};let T=!1;return i&&t.current&&(t.current.addEventListener("dragstart",y),t.current.addEventListener("mousedown",y),t.current.addEventListener("dblclick",C),window.addEventListener("mousemove",b),window.addEventListener("dragend",N),window.addEventListener("mouseup",N),T=!0,E()),()=>{t.current&&T&&(t.current.removeEventListener("dragstart",y),t.current.removeEventListener("mousedown",y),t.current.removeEventListener("dblclick",C)),T&&(window.removeEventListener("mousemove",b),window.removeEventListener("dragend",N),window.removeEventListener("mouseup",N))}},[i,l,n,s]),{isResizeable:i}},Zd=e=>{const{resizeable:t,resizeState:n}=r.useContext(or);r.useLayoutEffect(()=>{if(!t||!n||!e.current)return;const o=Jd(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||"")})},Qd={controlCell:"boolean",sortKey:"string",resizeKey:"string",pinned:"boolean"};function Re({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(or),m=c?.find(b=>b.key===o),p=()=>{if(o&&!n){const b=m?.direction===_.SortDirection.ASCENDING?_.SortDirection.DESCENDING:_.SortDirection.ASCENDING;u([{key:o,direction:b}])}},f=b=>{(b.key==="Enter"||b.key===" "||b.key==="Spacebar")&&(b.preventDefault(),p())},h=r.useRef(null);qd(l,h);const v=r.useRef(null),{isResizeable:E}=Xd({tableHeaderRef:h,resizerRef:v,resizeKey:a}),y=A(i||"sps-table__header",n&&"sps-table__header--control",!o&&"sps-table__header--sort-disabled",m?.direction===_.SortDirection.ASCENDING&&"sps-table__header--sorted-asc",m?.direction===_.SortDirection.DESCENDING&&"sps-table__header--sorted-desc",l&&"sps-table__cell--pinned",E&&"sps-table__header--resizeable",t);return r.createElement("th",{className:y,ref:h,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:v,className:A("sps-table__column-resizer")}),r.createElement("span",{className:A("sps-table__column-resizer-guide")})))}Object.assign(Re,{props:Qd,displayName:"SpsTableHeader"});function ep(e){return r.createElement(Re,{...e})}Object.assign(ep,{props:Qd,displayName:"SpsTh"});const tp={pinned:"boolean"};function Wt({children:e,className:t,"data-testid":n,unsafelyReplaceClassName:o,pinned:a,...s}){const i=A(o||"sps-table__head",a&&"sps-table__head--pinned",t);return r.createElement("thead",{className:i,"data-testid":`${n}__head`,...s},e)}Object.assign(Wt,{props:tp,displayName:"SpsTableHead"});function np(e){return r.createElement(Wt,{...e})}Object.assign(np,{props:tp,displayName:"SpsThead"});const op={};function Ne({children:e,className:t,"data-testid":n,unsafelyReplaceClassName:o,...a}){const s=A(o||"sps-table__row",t);return r.createElement("tr",{className:s,role:"row","data-testid":`${n}__row`,...a},e)}Object.assign(Ne,{props:op,displayName:"SpsTableRow"});function rp(e){return r.createElement(Ne,{...e})}Object.assign(rp,{props:op,displayName:"SpsTr"});const ap={};function Gt(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=A(a||"sps-table__body",n);return r.createElement("tbody",{className:i,"data-testid":`${o}__body`,...s},t)}Object.assign(Gt,{props:ap,displayName:"SpsTableBody"});function sp(e){return r.createElement(Gt,{...e})}Object.assign(sp,{props:ap,displayName:"SpsTbody"});const ip={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=A(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 qd(d,m),Zd(m),r.createElement("td",{className:u,ref:m,role:"cell","data-testid":`${s}__cell`,...c},n)}Object.assign(oe,{props:ip,displayName:"SpsTableCell"});function lp(e){return r.createElement(oe,{...e})}Object.assign(lp,{props:ip,displayName:"SpsTd"});const pE={};function cp(e){const{children:t,className:n,unsafelyReplaceClassName:o,...a}=e,[s,i,l]=rt(t,[{type:Ie,props:{kind:_.ButtonKind.LINK}},[{type:Ie,props:{kind:_.ButtonKind.ICON}},{type:sn}]]),d=s.length>0&&(i.length>0||l.length>0),c=i.length>0&&l.length>0,u=A(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(cp,{props:pE,displayName:"SpsButtonGroup"});const uE={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:g.code`
3451
3451
  import { SpsButton } from "@spscommerce/ds-react";
3452
3452
  import { ButtonKind } from "@spscommerce/ds-shared";
3453
3453
  `,jsx:g.code`
@@ -3902,7 +3902,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
3902
3902
  <SpsButton className="mr-2 mb-1" kind={ButtonKind.KEY}>Button</SpsButton>
3903
3903
  <SpsButton className="mr-2 mb-1" kind={ButtonKind.CONFIRM}>Button</SpsButton>
3904
3904
  </>
3905
- `}}}},pE={},uE="sps-icon-button-panel";function cp({children:e,className:t,...n}){const o=A(uE,t),[a]=at(e,[{type:Ie,props:{kind:F.ButtonKind.ICON}}]);return r.createElement("div",{className:o,...n},a)}Object.assign(cp,{props:pE,displayName:"SpsIconButtonPanel"});const dp={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:F.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:g.code`
3905
+ `}}}},mE={},fE="sps-icon-button-panel";function dp({children:e,className:t,...n}){const o=A(fE,t),[a]=rt(e,[{type:Ie,props:{kind:_.ButtonKind.ICON}}]);return r.createElement("div",{className:o,...n},a)}Object.assign(dp,{props:mE,displayName:"SpsIconButtonPanel"});const pp={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:_.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:g.code`
3906
3906
  import {
3907
3907
  SpsTable,
3908
3908
  SpsTableHead,
@@ -5027,7 +5027,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
5027
5027
  </>
5028
5028
  );
5029
5029
  }
5030
- `}}}},mE={basic:{label:"Basic Tag",examples:{basic:{react:g.code`
5030
+ `}}}},SE={basic:{label:"Basic Tag",examples:{basic:{react:g.code`
5031
5031
  import { SpsTag } from "@spscommerce/ds-react";
5032
5032
  import { TagKind } from "@spscommerce/ds-shared";
5033
5033
  function Component() {
@@ -5163,7 +5163,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
5163
5163
  </>
5164
5164
  )
5165
5165
  }
5166
- `}}}},pp={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(ln,null,r.createElement(Kt,null,r.createElement(Fe,null,"Order"),r.createElement(Fe,null,"Section"),r.createElement(Fe,null,"Content Varieties")),r.createElement(Ht,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(ft,{className:"mr-1"},"Basic Buttons"),r.createElement(ft,{className:"mr-1"},"Icon Buttons"),r.createElement(ft,{className:"mr-1"},"Text Buttons"))))))}},fE={kind:"FeedbackBlockKind",message:{type:"string",required:!0}};function cs(e){const{className:t,kind:n=F.FeedbackBlockKind.INFO,message:o,"data-testid":a,unsafelyReplaceClassName:s,...i}=e,l=A(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-${F.FeedbackBlockIcons[n]}`,"aria-hidden":"true","data-testid":`${a}__icon`}),r.createElement("span",null,o))}Object.assign(cs,{props:fE,displayName:"SpsMicroBlock"});const up={infoBlock:{label:"Info Micro Block",examples:{infoBlock:{imports:g.code`
5166
+ `}}}},up={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(ln,null,r.createElement(Wt,null,r.createElement(Re,null,"Order"),r.createElement(Re,null,"Section"),r.createElement(Re,null,"Content Varieties")),r.createElement(Gt,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(ft,{className:"mr-1"},"Basic Buttons"),r.createElement(ft,{className:"mr-1"},"Icon Buttons"),r.createElement(ft,{className:"mr-1"},"Text Buttons"))))))}},gE={kind:"FeedbackBlockKind",message:{type:"string",required:!0}};function ds(e){const{className:t,kind:n=_.FeedbackBlockKind.INFO,message:o,"data-testid":a,unsafelyReplaceClassName:s,...i}=e,l=A(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-${_.FeedbackBlockIcons[n]}`,"aria-hidden":"true","data-testid":`${a}__icon`}),r.createElement("span",null,o))}Object.assign(ds,{props:gE,displayName:"SpsMicroBlock"});const mp={infoBlock:{label:"Info Micro Block",examples:{infoBlock:{imports:g.code`
5167
5167
  import { SpsMicroBlock } from "@spscommerce/ds-react";
5168
5168
  import { FeedbackBlockKind } from "@spscommerce/ds-shared";
5169
5169
  `,jsx:g.code`
@@ -5188,7 +5188,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
5188
5188
  import { FeedbackBlockKind } from "@spscommerce/ds-shared";
5189
5189
  `,jsx:g.code`
5190
5190
  <SpsMicroBlock kind={FeedbackBlockKind.TIP} message="Pro Tip: Don't be a loser."/>
5191
- `}}}},SE={kind:"ModalKind",size:"ModalSize",title:"string",onClose:"() => void",focusElementOnOpen:"React.MutableRefObject<HTMLElement>",fullHeight:"boolean"};function rr({children:e}){return r.createElement("div",{className:"sps-modal__footer"},e)}Object.assign(rr,{props:{},propTypes:{},displayName:"SpsModalFooter"});function ds({children:e,className:t,id:n,kind:o=F.ModalKind.GENERAL,size:a=F.ModalSize.SMALL,onClose:s,focusElementOnOpen:i,title:l,fullHeight:d=!1,...c}){const u=_t(n),m=A("sps-modal","z-stratum-dialog",`sps-modal--${o}`,`sps-modal--${a}`,t),{t:p}=ge.useWoodlandLanguage(),f=r.useRef(null),h=r.useRef(document.body.style.paddingRight||""),v=r.useRef(document.body.style.overflow||"");v.current==="hidden"&&(v.current="",h.current=""),r.useLayoutEffect(()=>{let C=!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",C=!0}return()=>{C&&(document.body.style.overflow=v.current,document.body.style.paddingRight=h.current)}},[]),r.useEffect(()=>{i&&i.current?i.current.focus():f.current&&f.current.focus()},[i]);const E=r.useCallback(C=>{if(C&&C.key==="Escape"&&s&&s(),C&&C.key==="Tab"&&f.current){const T=f.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),x=T[0],B=T[T.length-1];T.length===0?C.preventDefault():C.shiftKey&&C.target===x?(C.preventDefault(),B.focus()):!C.shiftKey&&C.target===B&&(C.preventDefault(),x.focus())}},[s]),[[y],b]=at(e,[{type:rr}]),N={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:A("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:`${N[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(rt.Provider,{value:{parentElementRef:f,fixed:!0}},b)),y||r.createElement("div",{className:"sps-modal__footer"},r.createElement(Ie,{kind:o===F.ModalKind.SERIOUS_WARNING?F.ButtonKind.DELETE:F.ButtonKind.KEY,onClick:s},p("modal.defaultButtonLabel",{defaultValue:"Okay"})))))}Object.assign(ds,{props:SE,displayName:"SpsModal"});const gE={title:"string",show:"boolean",closeOnEscapePressed:"boolean",onClose:"() => void",focusElementOnOpen:"React.MutableRefObject<HTMLElement>"};function ps({children:e,className:t,id:n,show:o,closeOnEscapePressed:a=!0,onClose:s,focusElementOnOpen:i,title:l,noBackground:d,...c}){const u=_t(n),m=A("sps-slide-in-panel","z-stratum-dialog",o?"open":"",d?"no-background":"",t),{t:p}=ge.useWoodlandLanguage(),f=r.useRef(null),h=r.useRef(document.body.style.paddingRight||""),v=r.useRef(document.body.style.overflow||"");v.current==="hidden"&&(v.current="",h.current=""),r.useLayoutEffect(()=>{let b=!1;if(o&&document.body.style.overflow!=="hidden"){const N=`${window.innerWidth-document.body.clientWidth}px`;document.body.style.paddingRight=N,document.body.style.overflow="hidden",b=!0}return()=>{b&&(document.body.style.overflow=v.current,document.body.style.paddingRight=h.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 N=f.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),C=N[0],T=N[N.length-1];N.length===0?b.preventDefault():b.shiftKey&&b.target===C?(b.preventDefault(),T.focus()):!b.shiftKey&&b.target===T&&(b.preventDefault(),C.focus())}},[s]);r.useEffect(()=>(window.addEventListener("keydown",E),()=>{window.removeEventListener("keydown",E)}),[E]);const[y]=at(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(rt.Provider,{value:{parentElementRef:f,fixed:!0}},y))))}Object.assign(ps,{props:gE,displayName:"SpsSlideInPanel"});const mp={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:g.code`
5191
+ `}}}},hE={kind:"ModalKind",size:"ModalSize",title:"string",onClose:"() => void",focusElementOnOpen:"React.MutableRefObject<HTMLElement>",fullHeight:"boolean"};function rr({children:e}){return r.createElement("div",{className:"sps-modal__footer"},e)}Object.assign(rr,{props:{},propTypes:{},displayName:"SpsModalFooter"});function ps({children:e,className:t,id:n,kind:o=_.ModalKind.GENERAL,size:a=_.ModalSize.SMALL,onClose:s,focusElementOnOpen:i,title:l,fullHeight:d=!1,...c}){const u=Ft(n),m=A("sps-modal","z-stratum-dialog",`sps-modal--${o}`,`sps-modal--${a}`,t),{t:p}=he.useWoodlandLanguage(),f=r.useRef(null),h=r.useRef(document.body.style.paddingRight||""),v=r.useRef(document.body.style.overflow||"");v.current==="hidden"&&(v.current="",h.current=""),r.useLayoutEffect(()=>{let C=!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",C=!0}return()=>{C&&(document.body.style.overflow=v.current,document.body.style.paddingRight=h.current)}},[]),r.useEffect(()=>{i&&i.current?i.current.focus():f.current&&f.current.focus()},[i]);const E=r.useCallback(C=>{if(C&&C.key==="Escape"&&s&&s(),C&&C.key==="Tab"&&f.current){const T=f.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),x=T[0],B=T[T.length-1];T.length===0?C.preventDefault():C.shiftKey&&C.target===x?(C.preventDefault(),B.focus()):!C.shiftKey&&C.target===B&&(C.preventDefault(),x.focus())}},[s]),[[y],b]=rt(e,[{type:rr}]),N={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:A("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:`${N[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(ot.Provider,{value:{parentElementRef:f,fixed:!0}},b)),y||r.createElement("div",{className:"sps-modal__footer"},r.createElement(Ie,{kind:o===_.ModalKind.SERIOUS_WARNING?_.ButtonKind.DELETE:_.ButtonKind.KEY,onClick:s},p("modal.defaultButtonLabel",{defaultValue:"Okay"})))))}Object.assign(ps,{props:hE,displayName:"SpsModal"});const bE={title:"string",show:"boolean",closeOnEscapePressed:"boolean",onClose:"() => void",focusElementOnOpen:"React.MutableRefObject<HTMLElement>"};function us({children:e,className:t,id:n,show:o,closeOnEscapePressed:a=!0,onClose:s,focusElementOnOpen:i,title:l,noBackground:d,...c}){const u=Ft(n),m=A("sps-slide-in-panel","z-stratum-dialog",o?"open":"",d?"no-background":"",t),{t:p}=he.useWoodlandLanguage(),f=r.useRef(null),h=r.useRef(document.body.style.paddingRight||""),v=r.useRef(document.body.style.overflow||"");v.current==="hidden"&&(v.current="",h.current=""),r.useLayoutEffect(()=>{let b=!1;if(o&&document.body.style.overflow!=="hidden"){const N=`${window.innerWidth-document.body.clientWidth}px`;document.body.style.paddingRight=N,document.body.style.overflow="hidden",b=!0}return()=>{b&&(document.body.style.overflow=v.current,document.body.style.paddingRight=h.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 N=f.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),C=N[0],T=N[N.length-1];N.length===0?b.preventDefault():b.shiftKey&&b.target===C?(b.preventDefault(),T.focus()):!b.shiftKey&&b.target===T&&(b.preventDefault(),C.focus())}},[s]);r.useEffect(()=>(window.addEventListener("keydown",E),()=>{window.removeEventListener("keydown",E)}),[E]);const[y]=rt(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(ot.Provider,{value:{parentElementRef:f,fixed:!0}},y))))}Object.assign(us,{props:bE,displayName:"SpsSlideInPanel"});const fp={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:g.code`
5192
5192
  import { SpsButton, SpsSlideInPanel } from "@spscommerce/ds-react";
5193
5193
  import { ButtonKind } from "@spscommerce/ds-shared";
5194
5194
  function Component() {
@@ -5229,7 +5229,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
5229
5229
  </SpsSlideInPanel>
5230
5230
  </>;
5231
5231
  }
5232
- `}}}},fp={generalUsage:{label:"General Usage",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("h5",{className:"mt-2"},"Use a Modal:"),r.createElement("ul",null,r.createElement("li",null,"When the user needs to confirm a basic decision, such as deleting a record."),r.createElement("li",null,"When important information needs to be displayed to the user before continuing."),r.createElement("li",null,"When a simple selection, such as a single form input, is required before proceeding.")),r.createElement("h5",null,"Avoid a Modal:"),r.createElement("ul",null,r.createElement("li",null,"When a complex form is required. Use a"," ",r.createElement(e,{to:"Focused Task"},"Focused Task View")," instead."),r.createElement("li",null,"When sharing non-critical or tertiary information. Use a"," ",r.createElement(e,{to:"Growlers"},"Growler")," instead."))),examples:{noCloseButton:{description:()=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Close Button"),r.createElement("p",null,"Remove the Close Button in the upper right of the Modal if the user must choose the course of action before proceeding.")),react:g.code`
5232
+ `}}}},Sp={generalUsage:{label:"General Usage",description:({NavigateTo:e})=>r.createElement(r.Fragment,null,r.createElement("h5",{className:"mt-2"},"Use a Modal:"),r.createElement("ul",null,r.createElement("li",null,"When the user needs to confirm a basic decision, such as deleting a record."),r.createElement("li",null,"When important information needs to be displayed to the user before continuing."),r.createElement("li",null,"When a simple selection, such as a single form input, is required before proceeding.")),r.createElement("h5",null,"Avoid a Modal:"),r.createElement("ul",null,r.createElement("li",null,"When a complex form is required. Use a"," ",r.createElement(e,{to:"Focused Task"},"Focused Task View")," instead."),r.createElement("li",null,"When sharing non-critical or tertiary information. Use a"," ",r.createElement(e,{to:"Growlers"},"Growler")," instead."))),examples:{noCloseButton:{description:()=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Close Button"),r.createElement("p",null,"Remove the Close Button in the upper right of the Modal if the user must choose the course of action before proceeding.")),react:g.code`
5233
5233
  import {
5234
5234
  SpsButton,
5235
5235
  SpsModal,
@@ -5679,7 +5679,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
5679
5679
  </>
5680
5680
  );
5681
5681
  }
5682
- `}}}},hE={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 us({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:h,onSearchChange:v,options:E,placeholder:y,tallOptionList:b,textKey:N,unsafelyReplaceClassName:C,value:T,zeroState:x="There are no matching options.",loading:B,filterByTextAndCaptionKey:L,icon:O,maxHeightOptionListPx:R,maxHeightOptionListRem:q,disableOptionsMemoization:te,"data-testid":$,wrap:W=!1,...Y}){const V=T??[],G=m||u,{wrapperId:ee,controlId:H}=Ge(f,G),[S,I]=Tt({keyDown:null,opensUpward:!1,searchText:"",activeTagIndex:null,optionIds:""});r.useEffect(()=>{v&&v(S.searchText)},[S.searchText]);const D=r.useRef(null),K=r.useRef(null),U=r.useRef(null),X=r.useRef(null),_=r.useRef(null);function j(){o&&I({searchText:""})}const{showPopup:P,doShowPopup:z,doHidePopup:Q}=bn(D,X,j);function Z(){I({activeTagIndex:null}),z()}function ne(){setTimeout(()=>{U.current?.focus()},0)}function me(de){if(_.current&&_.current.children.length&&typeof de=="number"){const xe=_.current.children[de]?.querySelector(".sps-clickable-tag__icon");xe&&xe.focus()}}function pe(de){I({searchText:""}),G&&(G.setValue(de),G.markAsDirty()),h&&h(new Mt({value:de}))}function Te(de){V.indexOf(de)===-1&&pe([...V,de]),ne()}function Le(de){const re=V.filter((xe,It)=>It!==de);pe(re)}function Ze(de){I({searchText:de.target.value})}function je(de){if(!l){const re=!p&&!de.target.selectionStart&&V&&V.length;switch(de.key){case"Backspace":if(S.activeTagIndex===V.length-1){Le(S.activeTagIndex),ne();return}if(S.activeTagIndex!==null){Le(S.activeTagIndex);return}if(re){pe(V.slice(0,V.length-1));return}break;case"Delete":if(S.activeTagIndex!==null){Le(S.activeTagIndex);return}break;case"Up":case"ArrowUp":case"Down":case"ArrowDown":de.preventDefault();break;case"Left":case"ArrowLeft":if(re){S.activeTagIndex===null?(I({activeTagIndex:V.length-1}),Q(),me(V.length-1)):S.activeTagIndex>0&&(I({activeTagIndex:S.activeTagIndex-1}),Q(),me(S.activeTagIndex-1));return}break;case"Right":case"ArrowRight":if(S.activeTagIndex!==null){S.activeTagIndex===V.length-1?(I({activeTagIndex:null}),z(),U.current?.focus()):(I({activeTagIndex:S.activeTagIndex+1}),me(S.activeTagIndex+1));return}break;case"Tab":Q();break;case"Escape":Q(),U.current?.blur();break;case"Enter":a&&I({searchText:""});break}de.persist(),I({keyDown:de})}}function Nt(de){I({opensUpward:de})}function Ke(de){pe([]),de.stopPropagation()}function He(de){I({optionIds:new Array(de).fill("").map((re,xe)=>`${ee}-options-option-${xe}`).join(",")})}const Ye=r.useCallback(()=>{I({searchText:""}),ne()},[]),ot=A(C||"sps-multi-select",P&&"sps-multi-select--open",P&&"z-stratum-dropdown",S.opensUpward&&"sps-multi-select--opens-upward",l&&"sps-form-control--disabled",n),ke=new Array(V.length).fill(0).map((de,re)=>`${ee}_tag-${re}`);return r.useEffect(()=>{let de;return P&&(de=()=>{Q()},window.addEventListener("resize",de)),()=>{de&&window.removeEventListener("resize",de)}},[P]),Vn({isOpen:P,rootRef:D}),r.createElement(Be,{id:ee,className:ot,formControl:u,formMeta:m,ref:D,inputRef:U,focusInputOnClick:!0,onKeyDown:je,role:"listbox","aria-multiselectable":!0,"aria-activedescendant":ke[S.activeTagIndex||0],"aria-owns":S.optionIds},r.createElement("div",{className:"sps-text-input",ref:K},r.createElement("div",{className:A("sps-form-control",V&&!l&&"sps-form-control--clearable")},O&&r.createElement("i",{className:A("sps-text-input__icon","sps-icon",`sps-icon-${O}`)}),r.createElement("div",{className:"sps-multi-select__tags-and-input",ref:_},p?null:V.map((de,re)=>r.createElement($n,{id:ke[re],role:"option",disabled:l,"aria-selected":"true",key:ke[re],onRemove:()=>Le(re),wrap:W},N?de[N]:de)),r.createElement("input",{type:"text",ref:U,"data-testid":`${$}__option-list-input`,value:S.searchText,className:"sps-text-input__input",placeholder:V.length===0?y:void 0,id:H,onClick:Z,onChange:Ze,onFocus:Z,onKeyDown:je,disabled:l,role:"listbox","aria-multiselectable":"true","aria-owns":ke.join(" "),...Y})),V.length!==0&&!l?r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:de=>Ke(de)}):null)),r.createElement(An,{id:`${ee}_options`,ref:X,"data-testid":`${$}__option-list`,attachTo:K,captionKey:t,disabledOptions:d?V:null,isOpen:P,comparisonKey:c,keepOpen:!0,keyDown:S.keyDown,options:E,specialAction:e,onOptionSelected:Te,onPositionFlip:Nt,hideInlineSearch:!0,optionRole:"option",onOptionListChanged:He,filterByTextAndCaptionKey:L,searchDebounce:i,search:S.searchText,tall:b,textKey:N,zeroState:x,loading:B,maxHeightPx:R,maxHeightRem:q,disableOptionsMemoization:te,onSpecialActionSelect:Ye,conformWidth:s}))}Object.assign(us,{props:hE,displayName:"SpsMultiSelect"});const Sp={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:g.code`
5682
+ `}}}},vE={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 ms({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:h,onSearchChange:v,options:E,placeholder:y,tallOptionList:b,textKey:N,unsafelyReplaceClassName:C,value:T,zeroState:x="There are no matching options.",loading:B,filterByTextAndCaptionKey:M,icon:P,maxHeightOptionListPx:F,maxHeightOptionListRem:j,disableOptionsMemoization:te,"data-testid":V,wrap:G=!1,...Y}){const U=T??[],$=m||u,{wrapperId:Q,controlId:K}=We(f,$),[S,I]=Dt({keyDown:null,opensUpward:!1,searchText:"",activeTagIndex:null,optionIds:""});r.useEffect(()=>{v&&v(S.searchText)},[S.searchText]);const D=r.useRef(null),H=r.useRef(null),z=r.useRef(null),Z=r.useRef(null),O=r.useRef(null);function J(){o&&I({searchText:""})}const{showPopup:R,doShowPopup:W,doHidePopup:ee}=vn(D,Z,J);function q(){I({activeTagIndex:null}),W()}function ne(){setTimeout(()=>{z.current?.focus()},0)}function me(de){if(O.current&&O.current.children.length&&typeof de=="number"){const fe=O.current.children[de]?.querySelector(".sps-clickable-tag__icon");fe&&fe.focus()}}function pe(de){I({searchText:""}),$&&($.setValue(de),$.markAsDirty()),h&&h(new Pt({value:de}))}function Ee(de){U.indexOf(de)===-1&&pe([...U,de]),ne()}function Fe(de){const se=U.filter((fe,vt)=>vt!==de);pe(se)}function Xe(de){I({searchText:de.target.value})}function ze(de){if(!l){const se=!p&&!de.target.selectionStart&&U&&U.length;switch(de.key){case"Backspace":if(S.activeTagIndex===U.length-1){Fe(S.activeTagIndex),ne();return}if(S.activeTagIndex!==null){Fe(S.activeTagIndex);return}if(se){pe(U.slice(0,U.length-1));return}break;case"Delete":if(S.activeTagIndex!==null){Fe(S.activeTagIndex);return}break;case"Up":case"ArrowUp":case"Down":case"ArrowDown":de.preventDefault();break;case"Left":case"ArrowLeft":if(se){S.activeTagIndex===null?(I({activeTagIndex:U.length-1}),ee(),me(U.length-1)):S.activeTagIndex>0&&(I({activeTagIndex:S.activeTagIndex-1}),ee(),me(S.activeTagIndex-1));return}break;case"Right":case"ArrowRight":if(S.activeTagIndex!==null){S.activeTagIndex===U.length-1?(I({activeTagIndex:null}),W(),z.current?.focus()):(I({activeTagIndex:S.activeTagIndex+1}),me(S.activeTagIndex+1));return}break;case"Tab":ee();break;case"Escape":ee(),z.current?.blur();break;case"Enter":a&&I({searchText:""});break}I({keyDown:bn(de)})}}function pt(de){I({opensUpward:de})}function ut(de){pe([]),de.stopPropagation()}function Me(de){I({optionIds:new Array(de).fill("").map((se,fe)=>`${Q}-options-option-${fe}`).join(",")})}const nt=r.useCallback(()=>{I({searchText:""}),ne()},[]),$e=A(C||"sps-multi-select",R&&"sps-multi-select--open",R&&"z-stratum-dropdown",S.opensUpward&&"sps-multi-select--opens-upward",l&&"sps-form-control--disabled",n),je=new Array(U.length).fill(0).map((de,se)=>`${Q}_tag-${se}`);return r.useEffect(()=>{let de;return R&&(de=()=>{ee()},window.addEventListener("resize",de)),()=>{de&&window.removeEventListener("resize",de)}},[R]),An({isOpen:R,rootRef:D}),r.createElement(Oe,{id:Q,className:$e,formControl:u,formMeta:m,ref:D,inputRef:z,focusInputOnClick:!0,onKeyDown:ze,role:"listbox","aria-multiselectable":!0,"aria-activedescendant":je[S.activeTagIndex||0],"aria-owns":S.optionIds},r.createElement("div",{className:"sps-text-input",ref:H},r.createElement("div",{className:A("sps-form-control",U&&!l&&"sps-form-control--clearable")},P&&r.createElement("i",{className:A("sps-text-input__icon","sps-icon",`sps-icon-${P}`)}),r.createElement("div",{className:"sps-multi-select__tags-and-input",ref:O},p?null:U.map((de,se)=>r.createElement(Vn,{id:je[se],role:"option",disabled:l,"aria-selected":"true",key:je[se],onRemove:()=>Fe(se),wrap:G},N?de[N]:de)),r.createElement("input",{type:"text",ref:z,"data-testid":`${V}__option-list-input`,value:S.searchText,className:"sps-text-input__input",placeholder:U.length===0?y:void 0,id:K,onClick:q,onChange:Xe,onFocus:q,onKeyDown:ze,disabled:l,role:"listbox","aria-multiselectable":"true","aria-owns":je.join(" "),...Y})),U.length!==0&&!l?r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:de=>ut(de)}):null)),r.createElement(Fn,{id:`${Q}_options`,ref:Z,"data-testid":`${V}__option-list`,attachTo:H,captionKey:t,disabledOptions:d?U:null,isOpen:R,comparisonKey:c,keepOpen:!0,keyDown:S.keyDown,options:E,specialAction:e,onOptionSelected:Ee,onPositionFlip:pt,hideInlineSearch:!0,optionRole:"option",onOptionListChanged:Me,filterByTextAndCaptionKey:M,searchDebounce:i,search:S.searchText,tall:b,textKey:N,zeroState:x,loading:B,maxHeightPx:F,maxHeightRem:j,disableOptionsMemoization:te,onSpecialActionSelect:nt,conformWidth:s}))}Object.assign(ms,{props:vE,displayName:"SpsMultiSelect"});const gp={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:g.code`
5683
5683
  import {
5684
5684
  SpsLabel,
5685
5685
  SpsMultiSelect,
@@ -6061,7 +6061,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
6061
6061
  <br />
6062
6062
  {JSON.stringify(formValue)}
6063
6063
  </>
6064
- }`}}}},bE={page:"number",numPages:"number",onPageChange:"(pageNumber: number) => void",disabled:"boolean",unknownPageCount:"boolean",nextPageBtnDisabled:"boolean",onBeforeChange:"(page: number) => boolean | Promise<boolean>"};function ar(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}=ge.useWoodlandLanguage(),[f,h]=r.useState(o),[v,E]=r.useState(o);r.useEffect(()=>{E(o),h(o)},[o]);async function y(T){if(u&&!await u(T))return;const x=g.constrain(T,[1,t]);T!==v&&(E(x),h(x),n&&typeof n=="function"&&n(x))}function b(T){h(Number(T.target.value)||"")}const N=A(a||"sps-page-selector",s),C=_t();return r.createElement("div",{className:N,"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:C.current,className:"sr-only"},p("pagination.page",{defaultValue:"Page"})),r.createElement(so,{onSubmit:()=>y(Number(f))},r.createElement("input",{id:C.current,type:"text",value:f,onInput:b,onChange:()=>{},className:"sps-form-control sps-pagination__input",disabled:l,onBlur:()=>y(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:A("sps-button","sps-button--icon",(v===1||l)&&"sps-button--disabled")},r.createElement("button",{type:"button",onClick:()=>y(v-1),disabled:v===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:A("sps-button","sps-button--icon",(v===t||l||c)&&"sps-button--disabled")},r.createElement("button",{type:"button",onClick:()=>y(v+1),disabled:v===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(ar,{props:bE,displayName:"SpsPageSelector"});const vE={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 ms(e){const{className:t,onPageChange:n,page:o=1,pageSizeOptions:a=F.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,...h}=e,{t:v}=ge.useWoodlandLanguage(),[E,y]=Tt({page:o,pageSize:s,numPages:0,indices:[0,0]});function b(R=E.pageSize){return l!==void 0?Math.ceil(l/R):NaN}function N(R=E.page,q=E.pageSize){const te=b(q),$=R===te&&l!==void 0&&l%q||q,W=p||(te===0?0:$),Y=(R-1)*q;return te===0?[0,0]:[Y+1,Y+W]}function C(R){const q={page:R,indices:N(R)};return y(q),q}function T(R,q){const te={page:q,pageSize:R,numPages:b(R),indices:N(q,R)};return y(te),te}r.useEffect(()=>{y({numPages:b(),indices:N()})},[l,p]),r.useEffect(()=>{o!==E.page&&C(o)},[o]),r.useEffect(()=>{s!==E.pageSize&&T(s,o!==E.page?o:E.page)},[s]);function x(){return typeof l=="number"?l:v("pagination.many",{defaultValue:"many"})}function B(R){const q=T(R.target.value,1);n(q.page,q.pageSize,q.indices)}function L(R){const q=C(R);n(q.page,E.pageSize,q.indices)}const O=A(d||"sps-pagination",t);return r.createElement("div",{className:O,"data-testid":i,...h},r.createElement("div",{"data-testid":`${i}__size-selector`,className:"sps-page-size-selector"},v("pagination.view",{defaultValue:"View"}),r.createElement(rn,{options:a,onChange:B,notClearable:!0,autoFixWidth:!0,value:E.pageSize,className:"ml-1 mr-1",disabled:c,onBeforeChange:f?R=>f(E.page,Number(R)):void 0}),v("pagination.perPage",{defaultValue:"Per Page"})),u?r.createElement("div",{className:"sps-pagination__details"},`${v("pagination.viewing",{defaultValue:"Viewing"})} ${E.indices[0]} - ${E.indices[1]} ${v("pagination.ofMany",{defaultValue:"of many"})}`):r.createElement("div",{className:"sps-pagination__details"},`${v("pagination.viewing",{defaultValue:"Viewing"})} ${E.indices[0]} - ${E.indices[1]} ${v("pagination.of",{defaultValue:"of"})} ${x()}`),r.createElement(ar,{numPages:E.numPages,page:E.page,onPageChange:L,disabled:c,unknownPageCount:u,nextPageBtnDisabled:m,onBeforeChange:f?R=>f(R,E.pageSize):void 0}))}Object.assign(ms,{props:vE,displayName:"SpsPagination"});const gp={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:g.code`
6064
+ }`}}}},yE={page:"number",numPages:"number",onPageChange:"(pageNumber: number) => void",disabled:"boolean",unknownPageCount:"boolean",nextPageBtnDisabled:"boolean",onBeforeChange:"(page: number) => boolean | Promise<boolean>"};function ar(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}=he.useWoodlandLanguage(),[f,h]=r.useState(o),[v,E]=r.useState(o);r.useEffect(()=>{E(o),h(o)},[o]);async function y(T){if(u&&!await u(T))return;const x=g.constrain(T,[1,t]);T!==v&&(E(x),h(x),n&&typeof n=="function"&&n(x))}function b(T){h(Number(T.target.value)||"")}const N=A(a||"sps-page-selector",s),C=Ft();return r.createElement("div",{className:N,"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:C.current,className:"sr-only"},p("pagination.page",{defaultValue:"Page"})),r.createElement(ao,{onSubmit:()=>y(Number(f))},r.createElement("input",{id:C.current,type:"text",value:f,onInput:b,onChange:()=>{},className:"sps-form-control sps-pagination__input",disabled:l,onBlur:()=>y(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:A("sps-button","sps-button--icon",(v===1||l)&&"sps-button--disabled")},r.createElement("button",{type:"button",onClick:()=>y(v-1),disabled:v===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:A("sps-button","sps-button--icon",(v===t||l||c)&&"sps-button--disabled")},r.createElement("button",{type:"button",onClick:()=>y(v+1),disabled:v===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(ar,{props:yE,displayName:"SpsPageSelector"});const EE={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 fs(e){const{className:t,onPageChange:n,page:o=1,pageSizeOptions: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,...h}=e,{t:v}=he.useWoodlandLanguage(),[E,y]=Dt({page:o,pageSize:s,numPages:0,indices:[0,0]});function b(F=E.pageSize){return l!==void 0?Math.ceil(l/F):NaN}function N(F=E.page,j=E.pageSize){const te=b(j),V=F===te&&l!==void 0&&l%j||j,G=p||(te===0?0:V),Y=(F-1)*j;return te===0?[0,0]:[Y+1,Y+G]}function C(F){const j={page:F,indices:N(F)};return y(j),j}function T(F,j){const te={page:j,pageSize:F,numPages:b(F),indices:N(j,F)};return y(te),te}r.useEffect(()=>{y({numPages:b(),indices:N()})},[l,p]),r.useEffect(()=>{o!==E.page&&C(o)},[o]),r.useEffect(()=>{s!==E.pageSize&&T(s,o!==E.page?o:E.page)},[s]);function x(){return typeof l=="number"?l:v("pagination.many",{defaultValue:"many"})}function B(F){const j=T(F.target.value,1);n(j.page,j.pageSize,j.indices)}function M(F){const j=C(F);n(j.page,E.pageSize,j.indices)}const P=A(d||"sps-pagination",t);return r.createElement("div",{className:P,"data-testid":i,...h},r.createElement("div",{"data-testid":`${i}__size-selector`,className:"sps-page-size-selector"},v("pagination.view",{defaultValue:"View"}),r.createElement(rn,{options:a,onChange:B,notClearable:!0,autoFixWidth:!0,value:E.pageSize,className:"ml-1 mr-1",disabled:c,onBeforeChange:f?F=>f(E.page,Number(F)):void 0}),v("pagination.perPage",{defaultValue:"Per Page"})),u?r.createElement("div",{className:"sps-pagination__details"},`${v("pagination.viewing",{defaultValue:"Viewing"})} ${E.indices[0]} - ${E.indices[1]} ${v("pagination.ofMany",{defaultValue:"of many"})}`):r.createElement("div",{className:"sps-pagination__details"},`${v("pagination.viewing",{defaultValue:"Viewing"})} ${E.indices[0]} - ${E.indices[1]} ${v("pagination.of",{defaultValue:"of"})} ${x()}`),r.createElement(ar,{numPages:E.numPages,page:E.page,onPageChange:M,disabled:c,unknownPageCount:u,nextPageBtnDisabled:m,onBeforeChange:f?F=>f(F,E.pageSize):void 0}))}Object.assign(fs,{props:EE,displayName:"SpsPagination"});const hp={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:g.code`
6065
6065
  import { SpsPagination } from "@spscommerce/ds-react";
6066
6066
  function Component() {
6067
6067
  const [page, setPage] = React.useState(2);
@@ -6176,7 +6176,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
6176
6176
  function Component() {
6177
6177
  return <SpsPageSelector numPages={25} onPageChange={() => {}} disabled />;
6178
6178
  }
6179
- `}}}},yE={checked:"boolean",disabled:"boolean",formMeta:"SpsFormFieldMeta<any>",inline:"boolean",centered:"boolean",label:"string",name:{type:"string",required:!0},onChange:"ChangeEventHandler",value:"any"};function fs({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:h,...v}){const E=s||a,y=r.useRef(null),{wrapperId:b,controlId:N}=Ge(i),C=A(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(h),E.markAsDirty()),m&&m(x),y.current?.focus()}return r.createElement(Be,{id:b,className:C,formControl:a,formMeta:s,inputRef:y,ref:p,"data-testid":`${n}`,onClick:()=>y.current?.click()},r.createElement("input",{type:"radio",ref:y,className:"sps-checkable__input","data-checked":e?"checked":void 0,"data-testid":`${n}__radio-input`,id:N,name:u,checked:e,disabled:o,onChange:T,...v}),r.createElement("label",{className:"sps-checkable__label",htmlFor:N},c||""))}Object.assign(fs,{props:yE,displayName:"SpsRadioButton"});const hp={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:g.code`
6179
+ `}}}},TE={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:h,...v}){const E=s||a,y=r.useRef(null),{wrapperId:b,controlId:N}=We(i),C=A(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(h),E.markAsDirty()),m&&m(x),y.current?.focus()}return r.createElement(Oe,{id:b,className:C,formControl:a,formMeta:s,inputRef:y,ref:p,"data-testid":`${n}`,onClick:()=>y.current?.click()},r.createElement("input",{type:"radio",ref:y,className:"sps-checkable__input","data-checked":e?"checked":void 0,"data-testid":`${n}__radio-input`,id:N,name:u,checked:e,disabled:o,onChange:T,...v}),r.createElement("label",{className:"sps-checkable__label",htmlFor:N},c||""))}Object.assign(Ss,{props:TE,displayName:"SpsRadioButton"});const bp={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:g.code`
6180
6180
  import {
6181
6181
  useSpsForm,
6182
6182
  SpsForm,
@@ -6720,7 +6720,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
6720
6720
  </SpsForm>
6721
6721
  );
6722
6722
  }
6723
- `}}}},bp=({branch:e,setActiveBranch:t,activeBranch:n})=>{const[o,a]=w.useState(e.expanded||!1);return r.createElement("ul",{className:A("sps-side-nav__branch",e.name===n&&"sps-side-nav__branch--active")},r.createElement("li",{className:A("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:A("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(bp,{branch:{...s,expanded:sr(s.subNavItems||[],n)},setActiveBranch:t,activeBranch:n,key:s.key??s.name}))))},sr=(e,t)=>e?e.some(n=>n.name===t)||e.some(n=>sr(n.subNavItems||[],t)):!1,vp=({title:e,titleIcon:t,navOptions:n,onNavChange:o,activeNavItem:a,tabs:s,onTabChange:i,initialActiveTab:l,filterable:d,filterInputPlaceholder:c})=>{const u=w.useRef(a),[m,p]=w.useState(a),[f,h]=w.useState(l||(s?s[0]:"")),[v,E]=w.useState(""),y=(T,x)=>{p(T),o&&o(T,x)},b=T=>{h(T),i&&i(T)},N=T=>T?T.some(x=>x.name.toLowerCase().includes(v))||T.some(x=>N(x.subNavItems||[])):!1,C=n.map(T=>({...T,navItems:T.navItems.filter(x=>x.name.toLowerCase().includes(v)||N(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:A("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)}})))),C.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(bp,{branch:{...x,expanded:sr(x.subNavItems||[],a)},activeBranch:m,setActiveBranch:(B,L)=>{y(B,L)},key:x.key??x.name}))))))},yp={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:g.code`
6723
+ `}}}},vp=({branch:e,setActiveBranch:t,activeBranch:n})=>{const[o,a]=w.useState(e.expanded||!1);return r.createElement("ul",{className:A("sps-side-nav__branch",e.name===n&&"sps-side-nav__branch--active")},r.createElement("li",{className:A("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:A("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(vp,{branch:{...s,expanded:sr(s.subNavItems||[],n)},setActiveBranch:t,activeBranch:n,key:s.key??s.name}))))},sr=(e,t)=>e?e.some(n=>n.name===t)||e.some(n=>sr(n.subNavItems||[],t)):!1,yp=({title:e,titleIcon:t,navOptions:n,onNavChange:o,activeNavItem:a,tabs:s,onTabChange:i,initialActiveTab:l,filterable:d,filterInputPlaceholder:c})=>{const u=w.useRef(a),[m,p]=w.useState(a),[f,h]=w.useState(l||(s?s[0]:"")),[v,E]=w.useState(""),y=(T,x)=>{p(T),o&&o(T,x)},b=T=>{h(T),i&&i(T)},N=T=>T?T.some(x=>x.name.toLowerCase().includes(v))||T.some(x=>N(x.subNavItems||[])):!1,C=n.map(T=>({...T,navItems:T.navItems.filter(x=>x.name.toLowerCase().includes(v)||N(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:A("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)}})))),C.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(vp,{branch:{...x,expanded:sr(x.subNavItems||[],a)},activeBranch:m,setActiveBranch:(B,M)=>{y(B,M)},key:x.key??x.name}))))))},Ep={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:g.code`
6724
6724
  import { SpsSideNav } from "@spscommerce/ds-react";
6725
6725
  import { SpsIcon } from "@spscommerce/ds-shared";
6726
6726
  function DemoComponent() {
@@ -7041,7 +7041,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
7041
7041
  </div>
7042
7042
  );
7043
7043
  }
7044
- `}}}},EE={disabled:"boolean",href:"string",label:"string",icon:"SpsIcon",kind:"StdButtonKind",options:"Array<SpsActionMethod | [SpsActionDescriptor, () => void]>",spinning:"boolean",spinningTitle:"string"};function Ss(e){const{children:t,className:n,"data-testid":o,disabled:a,href:s,label:i,options:l,icon:d,kind:c=F.StdButtonKind.DEFAULT,spinning:u,spinningTitle:m,unsafelyReplaceClassName:p,onClick:f,...h}=e,v=r.useRef(null),[E,y]=r.useState({width:0}),[b,N]=r.useState(!1),[C,T]=r.useState(!1);r.useLayoutEffect(()=>{v.current&&y({width:v.current.offsetWidth})},[]),r.useEffect(()=>{T(!!u)},[u]);const x=()=>{N(!0)},B=()=>{N(!1)},L=A(p||"sps-split-button",`sps-split-button--${c}`,b&&"sps-split-button--open",n);return r.createElement(r.Fragment,null,C?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:v,className:L,"data-testid":o,...h},r.createElement(Ie,{kind:c,icon:d,href:s,disabled:a,onClick:f},i),r.createElement(sn,{kind:c,options:l,disabled:a,onOpen:x,onClose:B})))}Object.assign(Ss,{props:EE,displayName:"SpsSplitButton"});const Ep={kinds:{label:"Regular Split Buttons",description:g.code`<p>info about split buttons</p>`,examples:{basic:{description:g.code`<p>Basic</p>`,imports:g.code`
7044
+ `}}}},wE={disabled:"boolean",href:"string",label:"string",icon:"SpsIcon",kind:"StdButtonKind",options:"Array<SpsActionMethod | [SpsActionDescriptor, () => void]>",spinning:"boolean",spinningTitle:"string"};function gs(e){const{children:t,className:n,"data-testid":o,disabled:a,href:s,label:i,options:l,icon:d,kind:c=_.StdButtonKind.DEFAULT,spinning:u,spinningTitle:m,unsafelyReplaceClassName:p,onClick:f,...h}=e,v=r.useRef(null),[E,y]=r.useState({width:0}),[b,N]=r.useState(!1),[C,T]=r.useState(!1);r.useLayoutEffect(()=>{v.current&&y({width:v.current.offsetWidth})},[]),r.useEffect(()=>{T(!!u)},[u]);const x=()=>{N(!0)},B=()=>{N(!1)},M=A(p||"sps-split-button",`sps-split-button--${c}`,b&&"sps-split-button--open",n);return r.createElement(r.Fragment,null,C?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:v,className:M,"data-testid":o,...h},r.createElement(Ie,{kind:c,icon:d,href:s,disabled:a,onClick:f},i),r.createElement(sn,{kind:c,options:l,disabled:a,onOpen:x,onClose:B})))}Object.assign(gs,{props:wE,displayName:"SpsSplitButton"});const Tp={kinds:{label:"Regular Split Buttons",description:g.code`<p>info about split buttons</p>`,examples:{basic:{description:g.code`<p>Basic</p>`,imports:g.code`
7045
7045
  import { SpsSplitButton } from "@spscommerce/ds-react";
7046
7046
  `,jsx:g.code`
7047
7047
  <React.Fragment>
@@ -7113,7 +7113,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
7113
7113
  ]} className="mr-1">
7114
7114
  </SpsSplitButton>
7115
7115
  </React.Fragment>
7116
- `}}}},TE={};function co(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=A(a||"sps-content-row__expansion",n);return r.createElement("div",{className:i,...s,"data-testid":`${o}__expansion`},t)}Object.assign(co,{props:TE,displayName:"SpsSummaryListExpansion"});const wE={expanded:"boolean",selected:"boolean",onToggle:"(isExpanded: boolean) => void"};function gs(e){const{children:t,className:n,expanded:o,onToggle:a,selected:s,"data-testid":i,unsafelyReplaceClassName:l,...d}=e,[c,u]=Tt({isExpanded:o,expandable:!1});r.useEffect(()=>{const y=r.Children.toArray(t).some(b=>r.isValidElement(b)&&b.type===co);u({expandable:y})},[]);function m(){const y=!c.isExpanded;u({isExpanded:y}),a&&a(y)}function p(y){y.stopPropagation(),m()}function f(y){(y.key==="Enter"||y.key===" "||y.key==="Spacebar")&&(y.preventDefault(),y.stopPropagation(),m())}const h=A(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),[v,E]=at(t,[{type:co}]);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:h,"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),v)}Object.assign(gs,{props:wE,displayName:"SpsSummaryListRow"});const CE={borderless:"boolean",lean:"boolean",leaner:"boolean",width:"string"};function hs(e){const{className:t,children:n,borderless:o,lean:a,leaner:s,"data-testid":i,unsafelyReplaceClassName:l,width:d,...c}=e,u=A(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(hs,{props:CE,displayName:"SpsSummaryListColumn"});const Tp={basic:{label:"Basic Usage",examples:{basic:{imports:g.code`
7116
+ `}}}},CE={};function lo(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=A(a||"sps-content-row__expansion",n);return r.createElement("div",{className:i,...s,"data-testid":`${o}__expansion`},t)}Object.assign(lo,{props:CE,displayName:"SpsSummaryListExpansion"});const DE={expanded:"boolean",selected:"boolean",onToggle:"(isExpanded: boolean) => void"};function hs(e){const{children:t,className:n,expanded:o,onToggle:a,selected:s,"data-testid":i,unsafelyReplaceClassName:l,...d}=e,[c,u]=Dt({isExpanded:o,expandable:!1});r.useEffect(()=>{const y=r.Children.toArray(t).some(b=>r.isValidElement(b)&&b.type===lo);u({expandable:y})},[]);function m(){const y=!c.isExpanded;u({isExpanded:y}),a&&a(y)}function p(y){y.stopPropagation(),m()}function f(y){(y.key==="Enter"||y.key===" "||y.key==="Spacebar")&&(y.preventDefault(),y.stopPropagation(),m())}const h=A(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),[v,E]=rt(t,[{type:lo}]);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:h,"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),v)}Object.assign(hs,{props:DE,displayName:"SpsSummaryListRow"});const NE={borderless:"boolean",lean:"boolean",leaner:"boolean",width:"string"};function bs(e){const{className:t,children:n,borderless:o,lean:a,leaner:s,"data-testid":i,unsafelyReplaceClassName:l,width:d,...c}=e,u=A(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(bs,{props:NE,displayName:"SpsSummaryListColumn"});const wp={basic:{label:"Basic Usage",examples:{basic:{imports:g.code`
7117
7117
  import {
7118
7118
  SpsSummaryListRow,
7119
7119
  SpsSummaryListColumn,
@@ -7407,7 +7407,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
7407
7407
  </SpsSummaryListRow>
7408
7408
  );
7409
7409
  }
7410
- `}}}},DE={tasks:"ReactSpsTask[]",taskQueuePosition:"Position",notificationText:"string",tooltipConfig:"{ position: Position, kind: TooltipKind }",onClose:"() => void",onOpen:"() => void",onClearCompleted:"() => void",suppressTooltips:"boolean"};function bs({tasks:e=[],taskQueuePosition:t=F.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}=ge.useWoodlandLanguage(),f=!!e.length,[h,v]=r.useState(!1),[E,y]=r.useState(f),b=r.useRef(null),N=r.useRef(null),C=r.useCallback(()=>{v(!1),s&&s()},[]);r.useEffect(()=>{h?window.addEventListener("resize",C):window.removeEventListener("resize",C)},[h]);const T=hn("sps-task-queue-portal"),x=r.useContext(rt),[B]=h?Jt(N,b,t,{altPosition:t,...x}):[{},!1],L=o.position||F.Position.BOTTOM_RIGHT,O=o.kind||F.TooltipKind.DEFAULT,R=e.filter(S=>S.unread).length,q=e.filter(S=>S.status===F.SpsTaskStatus.IN_PROGRESS).length,te=e.some(S=>S.status===F.SpsTaskStatus.COMPLETED||S.status===F.SpsTaskStatus.ERRORED),$=r.useRef(s);$.current=s;const W=r.useRef(null),Y=()=>{f&&!h?(v(!0),a&&a()):h&&(v(!1),s&&s()),W.current&&(W.current.scrollTop=0)},V=S=>S.status===F.SpsTaskStatus.IN_PROGRESS?F.SpsTaskStatusIcons[S.status]:`sps-icon sps-icon-${F.SpsTaskStatusIcons[S.status]}`;r.useEffect(()=>{h&&!f&&(v(!1),$.current&&$.current())},[h,f]);const G=r.useRef();r.useEffect(()=>{R>0?(y(!0),G.current&&window.clearTimeout(G.current),G.current=window.setTimeout(()=>{G.current=void 0,y(!1)},F.TASK_QUEUE_NOTIFICATION_DURATION_MS)):(G.current&&(window.clearTimeout(G.current),G.current=void 0),y(!1))},[R]),r.useEffect(()=>{const S=()=>{v(I=>(I&&$.current&&$.current(),!1))};return document.getElementById("root")?.addEventListener("click",S),()=>{document.getElementById("root")?.removeEventListener("click",S)}},[]),Vn({isOpen:h,rootRef:b}),r.useEffect(()=>()=>{G.current&&window.clearTimeout(G.current)},[]);const ee=A(c||"sps-task-queue",h&&"sps-task-queue--open",h&&"z-stratum-dropdown",!f&&"sps-task-queue--no-tasks",l);function H(S){return(S.actions||[]).map(I=>{if(r.isValidElement(I)){const D=I;if(D.type!==Ie||D.props.kind!==F.ButtonKind.ICON)throw new Error("Task queue task action must be a config object or an SpsButton of kind ICON");return D}else{const D=I;return r.createElement("div",{key:D.icon,className:"sps-button sps-button--icon"},r.createElement("button",{type:"button",title:D.label,disabled:D.disabled,onClick:()=>{D.onClick&&D.onClick(S)}},D.caption,D.icon&&r.createElement("i",{className:`sps-icon sps-icon-${D.icon}`,"aria-hidden":"true"})))}})}return r.createElement("div",{className:ee,onClick:S=>{S.nativeEvent.stopImmediatePropagation()},"data-testid":d,...m},r.createElement("button",{type:"button",ref:b,className:"sps-task-queue__button",title:"Task Queue",onClick:Y},!!R&&r.createElement("span",{className:"sps-tag sps-tag--info"},R),q?r.createElement("span",{className:"sps-spinner sps-spinner--small"}):r.createElement("i",{className:"sps-icon sps-icon-list","aria-hidden":"true"})),r.createElement(ct,{for:b,position:L,kind:O,showOn:f?F.TooltipShowTrigger.MANUAL:F.TooltipShowTrigger.MOUSEOVER,isShown:E&&!h?Se.VISIBLE:Se.HIDDEN,hideDelay:Number(f)&&F.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:N,className:A("sps-task-queue__task-list",h&&"sps-task-queue__task-list--open","z-stratum-dropdown"),style:B},r.createElement("div",{ref:W,className:"sps-task-queue__task-list-tasks"},e.map((S,I)=>r.createElement("div",{key:I,className:A("sps-task-queue__task",S.unread&&"sps-task-queue__task--unread")},r.createElement("i",{className:V(S)}),r.createElement("div",{className:"sps-task-queue__task-description"},r.createElement("div",{className:"sps-task-queue__task-heading"},S.heading),S.subheading&&r.createElement("div",{className:"sps-task-queue__task-subheading",title:S.subheading},S.subheading)),S.actions&&!!S.actions.length&&r.createElement("div",{className:"sps-task-queue__task-actions"},H(S))))),te&&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(bs,{props:DE,displayName:"SpsTaskQueue"});const wp={inProgress:{label:"Task Queue in progress",description:"<p>Info about Task Queue</p>",examples:{inProgress:{react:g.code`
7410
+ `}}}},IE={tasks:"ReactSpsTask[]",taskQueuePosition:"Position",notificationText:"string",tooltipConfig:"{ position: Position, kind: TooltipKind }",onClose:"() => void",onOpen:"() => void",onClearCompleted:"() => void",suppressTooltips:"boolean"};function vs({tasks:e=[],taskQueuePosition:t=_.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}=he.useWoodlandLanguage(),f=!!e.length,[h,v]=r.useState(!1),[E,y]=r.useState(f),b=r.useRef(null),N=r.useRef(null),C=r.useCallback(()=>{v(!1),s&&s()},[]);r.useEffect(()=>{h?window.addEventListener("resize",C):window.removeEventListener("resize",C)},[h]);const T=hn("sps-task-queue-portal"),x=r.useContext(ot),[B]=h?Jt(N,b,t,{altPosition:t,...x}):[{},!1],M=o.position||_.Position.BOTTOM_RIGHT,P=o.kind||_.TooltipKind.DEFAULT,F=e.filter(S=>S.unread).length,j=e.filter(S=>S.status===_.SpsTaskStatus.IN_PROGRESS).length,te=e.some(S=>S.status===_.SpsTaskStatus.COMPLETED||S.status===_.SpsTaskStatus.ERRORED),V=r.useRef(s);V.current=s;const G=r.useRef(null),Y=()=>{f&&!h?(v(!0),a&&a()):h&&(v(!1),s&&s()),G.current&&(G.current.scrollTop=0)},U=S=>S.status===_.SpsTaskStatus.IN_PROGRESS?_.SpsTaskStatusIcons[S.status]:`sps-icon sps-icon-${_.SpsTaskStatusIcons[S.status]}`;r.useEffect(()=>{h&&!f&&(v(!1),V.current&&V.current())},[h,f]);const $=r.useRef();r.useEffect(()=>{F>0?(y(!0),$.current&&window.clearTimeout($.current),$.current=window.setTimeout(()=>{$.current=void 0,y(!1)},_.TASK_QUEUE_NOTIFICATION_DURATION_MS)):($.current&&(window.clearTimeout($.current),$.current=void 0),y(!1))},[F]),r.useEffect(()=>{const S=()=>{v(I=>(I&&V.current&&V.current(),!1))};return document.getElementById("root")?.addEventListener("click",S),()=>{document.getElementById("root")?.removeEventListener("click",S)}},[]),An({isOpen:h,rootRef:b}),r.useEffect(()=>()=>{$.current&&window.clearTimeout($.current)},[]);const Q=A(c||"sps-task-queue",h&&"sps-task-queue--open",h&&"z-stratum-dropdown",!f&&"sps-task-queue--no-tasks",l);function K(S){return(S.actions||[]).map(I=>{if(r.isValidElement(I)){const D=I;if(D.type!==Ie||D.props.kind!==_.ButtonKind.ICON)throw new Error("Task queue task action must be a config object or an SpsButton of kind ICON");return D}else{const D=I;return r.createElement("div",{key:D.icon,className:"sps-button sps-button--icon"},r.createElement("button",{type:"button",title:D.label,disabled:D.disabled,onClick:()=>{D.onClick&&D.onClick(S)}},D.caption,D.icon&&r.createElement("i",{className:`sps-icon sps-icon-${D.icon}`,"aria-hidden":"true"})))}})}return r.createElement("div",{className:Q,onClick:S=>{S.nativeEvent.stopImmediatePropagation()},"data-testid":d,...m},r.createElement("button",{type:"button",ref:b,className:"sps-task-queue__button",title:"Task Queue",onClick:Y},!!F&&r.createElement("span",{className:"sps-tag sps-tag--info"},F),j?r.createElement("span",{className:"sps-spinner sps-spinner--small"}):r.createElement("i",{className:"sps-icon sps-icon-list","aria-hidden":"true"})),r.createElement(lt,{for:b,position:M,kind:P,showOn:f?_.TooltipShowTrigger.MANUAL:_.TooltipShowTrigger.MOUSEOVER,isShown:E&&!h?ge.VISIBLE:ge.HIDDEN,hideDelay:Number(f)&&_.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:N,className:A("sps-task-queue__task-list",h&&"sps-task-queue__task-list--open","z-stratum-dropdown"),style:B},r.createElement("div",{ref:G,className:"sps-task-queue__task-list-tasks"},e.map((S,I)=>r.createElement("div",{key:I,className:A("sps-task-queue__task",S.unread&&"sps-task-queue__task--unread")},r.createElement("i",{className:U(S)}),r.createElement("div",{className:"sps-task-queue__task-description"},r.createElement("div",{className:"sps-task-queue__task-heading"},S.heading),S.subheading&&r.createElement("div",{className:"sps-task-queue__task-subheading",title:S.subheading},S.subheading)),S.actions&&!!S.actions.length&&r.createElement("div",{className:"sps-task-queue__task-actions"},K(S))))),te&&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(vs,{props:IE,displayName:"SpsTaskQueue"});const Cp={inProgress:{label:"Task Queue in progress",description:"<p>Info about Task Queue</p>",examples:{inProgress:{react:g.code`
7411
7411
  import { SpsTaskQueue } from "@spscommerce/ds-react";
7412
7412
  import { SpsTaskStatus, SpsIcon } from "@spscommerce/ds-shared";
7413
7413
 
@@ -7696,7 +7696,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
7696
7696
  </div>
7697
7697
  );
7698
7698
  }
7699
- `}}}},NE={disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",icon:"SpsIcon",name:"string",onChange:"ChangeEventHandler<HTMLInputElement>",placeholder:"string",value:"string",additionalText:"string"},ir=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:h,...v},E)=>{const y=o||n,{wrapperId:b,controlId:N}=Ge(s,y),C=r.useRef(null);function T(O,R){y&&(y.setValue(O),y.markAsDirty()),l&&C.current&&l(R||new Mt(C.current))}function x(){C.current&&(C.current.value="",T(""))}function B(O){T(O.target.value,O)}const L=A(m||"sps-text-input",e);return r.createElement(Be,{id:b,className:L,formControl:n,formMeta:o,inputRef:C,ref:E,focusInputOnClick:!0,"data-testid":`${c}`},r.createElement("div",{className:A("sps-form-control",t&&"disabled")},a&&r.createElement("i",{className:A("sps-text-input__icon","sps-icon",`sps-icon-${a}`)}),r.createElement("input",{type:"text",ref:C,"data-testid":`${c}__input`,className:"sps-text-input__input",id:N,name:i,placeholder:d,onChange:B,title:u,value:p,disabled:t,...v}),!h&&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(ir,{props:NE,displayName:"SpsTextInput"});const Cp={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:g.code`
7699
+ `}}}},kE={disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",icon:"SpsIcon",name:"string",onChange:"ChangeEventHandler<HTMLInputElement>",placeholder:"string",value:"string",additionalText:"string"},ir=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:h,...v},E)=>{const y=o||n,{wrapperId:b,controlId:N}=We(s,y),C=r.useRef(null);function T(P,F){y&&(y.setValue(P),y.markAsDirty()),l&&C.current&&l(F||new Pt(C.current))}function x(){C.current&&(C.current.value="",T(""))}function B(P){T(P.target.value,P)}const M=A(m||"sps-text-input",e);return r.createElement(Oe,{id:b,className:M,formControl:n,formMeta:o,inputRef:C,ref:E,focusInputOnClick:!0,"data-testid":`${c}`},r.createElement("div",{className:A("sps-form-control",t&&"disabled")},a&&r.createElement("i",{className:A("sps-text-input__icon","sps-icon",`sps-icon-${a}`)}),r.createElement("input",{type:"text",ref:C,"data-testid":`${c}__input`,className:"sps-text-input__input",id:N,name:i,placeholder:d,onChange:B,title:u,value:p,disabled:t,...v}),!h&&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(ir,{props:kE,displayName:"SpsTextInput"});const Dp={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:g.code`
7700
7700
  import { SpsLabel, SpsTextInput, useSpsForm } from "@spscommerce/ds-react";
7701
7701
 
7702
7702
  function DemoComponent() {
@@ -7771,7 +7771,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
7771
7771
  </div>
7772
7772
  );
7773
7773
  }
7774
- `}}}},IE={disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",name:"string",onChange:"ChangeEventHandler",placeholder:"string",rows:"number",value:"string",additionalText:"string"};function vs({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,...h}){const v=o||n,{wrapperId:E,controlId:y}=Ge(a,v),b=r.useRef(null);function N(B,L){v&&(v.setValue(B),v.markAsDirty()),i&&b.current&&i(L||new Mt(b.current))}function C(){b.current&&(b.current.value="",N(""))}function T(B){N(B.target.value,B)}const x=A(m||"sps-textarea",e);return r.createElement(Be,{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:y,name:s,placeholder:l,onChange:T,"aria-label":l,value:p||"",disabled:t,...h}),p&&!t&&r.createElement("i",{"data-testid":`${u}__input_clear`,className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:C})),f&&r.createElement("p",{className:"sps-input__additional-text"},f))}Object.assign(vs,{props:IE,displayName:"SpsTextarea"});const Dp={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:g.code`
7774
+ `}}}},xE={disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",name:"string",onChange:"ChangeEventHandler",placeholder:"string",rows:"number",value:"string",additionalText:"string"};function ys({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,...h}){const v=o||n,{wrapperId:E,controlId:y}=We(a,v),b=r.useRef(null);function N(B,M){v&&(v.setValue(B),v.markAsDirty()),i&&b.current&&i(M||new Pt(b.current))}function C(){b.current&&(b.current.value="",N(""))}function T(B){N(B.target.value,B)}const x=A(m||"sps-textarea",e);return r.createElement(Oe,{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:y,name:s,placeholder:l,onChange:T,"aria-label":l,value:p||"",disabled:t,...h}),p&&!t&&r.createElement("i",{"data-testid":`${u}__input_clear`,className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:C})),f&&r.createElement("p",{className:"sps-input__additional-text"},f))}Object.assign(ys,{props:xE,displayName:"SpsTextarea"});const Np={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:g.code`
7775
7775
  import { SpsLabel, SpsTextarea, useSpsForm } from "@spscommerce/ds-react";
7776
7776
  function DemoComponent() {
7777
7777
  const { formValue, formMeta, updateForm } = useSpsForm({ notes: "" });
@@ -7842,7 +7842,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
7842
7842
  </div>
7843
7843
  );
7844
7844
  }
7845
- `}}}},Np={active:"boolean",description:"string",disabled:"boolean",formMeta:"SpsFormFieldMeta<boolean>",label:"string",large:"boolean",onChange:"(isActive: boolean) => void"};function ys(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,...h}=e;Ri("SpsToggle",Np,e);const v=i||s,[E,y]=r.useState(t),{wrapperId:b,controlId:N}=Ge(l,v),C=`${b}_status-label`,T=`${b}_description`,x=r.useRef(null);r.useEffect(()=>y(t),[t]);function B(R){y(R.target.checked),v&&(v.setValue(R.target.checked),v.markAsDirty()),u&&u(R.target.checked),x.current?.focus()}const L=t??E,O=A(f||"sps-toggle",L&&"sps-toggle--active",c&&"sps-toggle--large",a&&"sps-toggle--disabled",n);return r.createElement(Be,{id:b,formControl:s,formMeta:i,inputRef:x,ref:m,"data-testid":`${p}`},r.createElement("div",{className:O},r.createElement("input",{type:"checkbox",ref:x,className:"sps-toggle__input",id:N,checked:L||!1,disabled:a,onChange:B,"aria-describedby":`${C},${T}`,"data-testid":`${p}__input`,...h}),r.createElement("span",{className:"sps-toggle__slider"}),d&&r.createElement("label",{className:"sps-toggle__status-label",htmlFor:N,id:C},d),o&&r.createElement("span",{className:"sps-toggle__description",id:T},o)))}Object.assign(ys,{props:Np,displayName:"SpsToggle"});const Ip={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:g.code`
7845
+ `}}}},Ip={active:"boolean",description:"string",disabled:"boolean",formMeta:"SpsFormFieldMeta<boolean>",label:"string",large:"boolean",onChange:"(isActive: boolean) => void"};function Es(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,...h}=e;Fi("SpsToggle",Ip,e);const v=i||s,[E,y]=r.useState(t),{wrapperId:b,controlId:N}=We(l,v),C=`${b}_status-label`,T=`${b}_description`,x=r.useRef(null);r.useEffect(()=>y(t),[t]);function B(F){y(F.target.checked),v&&(v.setValue(F.target.checked),v.markAsDirty()),u&&u(F.target.checked),x.current?.focus()}const M=t??E,P=A(f||"sps-toggle",M&&"sps-toggle--active",c&&"sps-toggle--large",a&&"sps-toggle--disabled",n);return r.createElement(Oe,{id:b,formControl:s,formMeta:i,inputRef:x,ref:m,"data-testid":`${p}`},r.createElement("div",{className:P},r.createElement("input",{type:"checkbox",ref:x,className:"sps-toggle__input",id:N,checked:M||!1,disabled:a,onChange:B,"aria-describedby":`${C},${T}`,"data-testid":`${p}__input`,...h}),r.createElement("span",{className:"sps-toggle__slider"}),d&&r.createElement("label",{className:"sps-toggle__status-label",htmlFor:N,id:C},d),o&&r.createElement("span",{className:"sps-toggle__description",id:T},o)))}Object.assign(Es,{props:Ip,displayName:"SpsToggle"});const kp={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:g.code`
7846
7846
  import { SpsToggle, useSpsForm } from "@spscommerce/ds-react";
7847
7847
  function DemoComponent() {
7848
7848
  const { formValue, formMeta, updateForm } = useSpsForm({
@@ -8021,7 +8021,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
8021
8021
  />
8022
8022
  )
8023
8023
  }
8024
- `}}}},kE={icon:"SpsIcon",iconSize:"SpsIconSize"};function Es({icon:e,iconSize:t=F.SpsIconSize.SMALL,children:n}){return r.createElement("div",{className:"sps-tooltip__title-component"},e&&r.createElement(St,{icon:e,size:t}),r.createElement("span",{className:"sps-tooltip__title"},n))}Object.assign(Es,{props:kE,displayName:"SpsTooltipTitle"});const kp={basic:{label:"Basic",description:"Info about basic usage of tooltip",examples:{basic:{description:g.code`
8024
+ `}}}},ME={icon:"SpsIcon",iconSize:"SpsIconSize"};function Ts({icon:e,iconSize:t=_.SpsIconSize.SMALL,children:n}){return r.createElement("div",{className:"sps-tooltip__title-component"},e&&r.createElement(St,{icon:e,size:t}),r.createElement("span",{className:"sps-tooltip__title"},n))}Object.assign(Ts,{props:ME,displayName:"SpsTooltipTitle"});const xp={basic:{label:"Basic",description:"Info about basic usage of tooltip",examples:{basic:{description:g.code`
8025
8025
  <p>There are two ways to tell the tooltip what to attach to. The first is to
8026
8026
  pass in a ref.</p>
8027
8027
  `,react:g.code`
@@ -8458,7 +8458,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
8458
8458
  </React.Fragment>
8459
8459
  );
8460
8460
  }
8461
- `}}}},xp={heading:"string",icon:"SpsIcon"};function lr(e){const{children:t,className:n,icon:o,title:a,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,d=A(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:A("sps-icon",`sps-icon-${o}`)})),a),t)}Object.assign(lr,{props:xp,displayName:"SpsWorkflow"});function Mp(e){return r.createElement(lr,{...e})}Object.assign(Mp,{props:xp,displayName:"SpsWf"});const xE={size:"RingSize",progress:"number"};function Ts({size:e=F.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:Nr.colors.gray300,fill:"transparent",strokeWidth:4,strokeDasharray:`${a} ${a}`,r:o,cx:e,cy:e}),r.createElement("circle",{stroke:Nr.colors.purple200,fill:"transparent",strokeWidth:4,strokeDasharray:`${a} ${a}`,style:{strokeDashoffset:s},r:o,cx:e,cy:e})))}Object.assign(Ts,{props:xE,displayName:"SpsProgressRing"});const ME={phases:"WizardPhase[]"},gt="sps-wizard-sidebar";function ws({className:e,phases:t=[]}){const n=A(gt,e);return r.createElement("div",{className:n},t.map(o=>{const a=A(`${gt}__phase-title`,o.disabled&&`${gt}__phase-title--disabled`);return r.createElement("div",{className:`${gt}__phase-wrapper`,key:o.title},r.createElement("div",{className:a},o.title),o.steps.map(s=>{const i=A(`${gt}__step`,s.active&&`${gt}__step--active`,s.disabled&&`${gt}__step--disabled`,!!s.onClick&&!s.disabled&&`${gt}__step--clickable`);return r.createElement("div",{className:i,key:s.title,onClick:!s.disabled&&s.onClick||void 0},r.createElement("div",{className:`${gt}__step-progress`},s.percentComplete===100?r.createElement("div",{className:`${gt}__step-complete`},r.createElement(St,{icon:F.SpsIcon.CHECKMARK})):r.createElement(Ts,{size:F.RingSize.SMALL,progress:s.percentComplete})),r.createElement("div",{className:`${gt}__step-title`,role:"button"},s.title))}))}))}Object.assign(ws,{props:ME,displayName:"SpsWizardSidebar"});const LE={display:"string",condition:"WizardSubstepConditions",orderPosition:"string | number"};function Cs(e){const{condition:t=F.WizardSubstepConditions.BASIC,orderPosition:n,display:o,children:a}=e;return r.createElement("div",{className:"sps-wizard-substep"},r.createElement("div",{className:A("sps-wizard-substep__heading",`sps-wizard-substep__heading--${t}`)},r.createElement("div",{className:"sps-wizard-substep__heading-icon"},t===F.WizardSubstepConditions.COMPLETED?r.createElement("i",{"aria-hidden":"true",className:"sps-icon sps-icon-checkmark"}):n),r.createElement("p",null,o)),r.createElement("div",{className:A("sps-wizard-substep__body",`sps-wizard-substep__body--${t}`)},a))}Object.assign(Cs,{props:LE,displayName:"SpsWizardSubstep"});const Lp={substep:{label:"Substep",examples:{completed:{imports:g.code`
8461
+ `}}}},Mp={heading:"string",icon:"SpsIcon"};function lr(e){const{children:t,className:n,icon:o,title:a,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,d=A(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:A("sps-icon",`sps-icon-${o}`)})),a),t)}Object.assign(lr,{props:Mp,displayName:"SpsWorkflow"});function Lp(e){return r.createElement(lr,{...e})}Object.assign(Lp,{props:Mp,displayName:"SpsWf"});const LE={size:"RingSize",progress:"number"};function ws({size:e=_.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:Ir.colors.gray300,fill:"transparent",strokeWidth:4,strokeDasharray:`${a} ${a}`,r:o,cx:e,cy:e}),r.createElement("circle",{stroke:Ir.colors.purple200,fill:"transparent",strokeWidth:4,strokeDasharray:`${a} ${a}`,style:{strokeDashoffset:s},r:o,cx:e,cy:e})))}Object.assign(ws,{props:LE,displayName:"SpsProgressRing"});const PE={phases:"WizardPhase[]"},gt="sps-wizard-sidebar";function Cs({className:e,phases:t=[]}){const n=A(gt,e);return r.createElement("div",{className:n},t.map(o=>{const a=A(`${gt}__phase-title`,o.disabled&&`${gt}__phase-title--disabled`);return r.createElement("div",{className:`${gt}__phase-wrapper`,key:o.title},r.createElement("div",{className:a},o.title),o.steps.map(s=>{const i=A(`${gt}__step`,s.active&&`${gt}__step--active`,s.disabled&&`${gt}__step--disabled`,!!s.onClick&&!s.disabled&&`${gt}__step--clickable`);return r.createElement("div",{className:i,key:s.title,onClick:!s.disabled&&s.onClick||void 0},r.createElement("div",{className:`${gt}__step-progress`},s.percentComplete===100?r.createElement("div",{className:`${gt}__step-complete`},r.createElement(St,{icon:_.SpsIcon.CHECKMARK})):r.createElement(ws,{size:_.RingSize.SMALL,progress:s.percentComplete})),r.createElement("div",{className:`${gt}__step-title`,role:"button"},s.title))}))}))}Object.assign(Cs,{props:PE,displayName:"SpsWizardSidebar"});const OE={display:"string",condition:"WizardSubstepConditions",orderPosition:"string | number"};function Ds(e){const{condition:t=_.WizardSubstepConditions.BASIC,orderPosition:n,display:o,children:a}=e;return r.createElement("div",{className:"sps-wizard-substep"},r.createElement("div",{className:A("sps-wizard-substep__heading",`sps-wizard-substep__heading--${t}`)},r.createElement("div",{className:"sps-wizard-substep__heading-icon"},t===_.WizardSubstepConditions.COMPLETED?r.createElement("i",{"aria-hidden":"true",className:"sps-icon sps-icon-checkmark"}):n),r.createElement("p",null,o)),r.createElement("div",{className:A("sps-wizard-substep__body",`sps-wizard-substep__body--${t}`)},a))}Object.assign(Ds,{props:OE,displayName:"SpsWizardSubstep"});const Pp={substep:{label:"Substep",examples:{completed:{imports:g.code`
8462
8462
  import { SpsWizardSubstep } from "@spscommerce/ds-react";
8463
8463
  import { WizardSubstepConditions } from "@spscommerce/ds-shared";
8464
8464
  `,jsx:g.code`
@@ -8536,7 +8536,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
8536
8536
  </div>
8537
8537
  )
8538
8538
  }
8539
- `}}}},Pp={};function cr(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=A(a||"sps-workflow__document",n);return r.createElement("span",{className:i,"data-testid":`${o}__document`,...s},t)}Object.assign(cr,{props:Pp,displayName:"SpsWorkflowDocument"});function Op(e){return r.createElement(cr,{...e})}Object.assign(Op,{props:Pp,displayName:"SpsWfDoc"});const Bp={icon:"SpsIcon"};function dr(e){const{children:t,className:n,icon:o,"data-testid":a,unsafelyReplaceClassName:s,...i}=e,l=A(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(dr,{props:Bp,displayName:"SpsWorkflowDocumentStatus"});function _p(e){return r.createElement(dr,{...e})}Object.assign(_p,{props:Bp,displayName:"SpsWfDs"});const Rp={icon:{type:"SpsIcon",required:!0},title:{type:"string",required:!0}};function pr(e){const{children:t,className:n,icon:o,title:a,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,d=A(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(pr,{props:Rp,displayName:"SpsWorkflowStep"});function Fp(e){return r.createElement(pr,{...e})}Object.assign(Fp,{props:Rp,displayName:"SpsWfStep"});const Ap={basic:{label:"Basic Usage",examples:{basic:{imports:g.code`
8539
+ `}}}},Op={};function cr(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=A(a||"sps-workflow__document",n);return r.createElement("span",{className:i,"data-testid":`${o}__document`,...s},t)}Object.assign(cr,{props:Op,displayName:"SpsWorkflowDocument"});function Bp(e){return r.createElement(cr,{...e})}Object.assign(Bp,{props:Op,displayName:"SpsWfDoc"});const _p={icon:"SpsIcon"};function dr(e){const{children:t,className:n,icon:o,"data-testid":a,unsafelyReplaceClassName:s,...i}=e,l=A(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(dr,{props:_p,displayName:"SpsWorkflowDocumentStatus"});function Rp(e){return r.createElement(dr,{...e})}Object.assign(Rp,{props:_p,displayName:"SpsWfDs"});const Fp={icon:{type:"SpsIcon",required:!0},title:{type:"string",required:!0}};function pr(e){const{children:t,className:n,icon:o,title:a,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,d=A(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(pr,{props:Fp,displayName:"SpsWorkflowStep"});function Ap(e){return r.createElement(pr,{...e})}Object.assign(Ap,{props:Fp,displayName:"SpsWfStep"});const Vp={basic:{label:"Basic Usage",examples:{basic:{imports:g.code`
8540
8540
  import { SpsWorkflow, SpsWorkflowStep, SpsWorkflowDocument, SpsWorkflowDocumentStatus } from "@spscommerce/ds-react";
8541
8541
  import { SpsIcon } from "@spscommerce/ds-shared";
8542
8542
  `,jsx:g.code`
@@ -8586,7 +8586,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
8586
8586
  </SpsWfStep>
8587
8587
  </SpsWf>
8588
8588
  </div>
8589
- `}}}},PE={kind:"FeedbackBlockKind"};function Ds(e){const{children:t,className:n,kind:o=F.FeedbackBlockKind.TIP,"data-testid":a,unsafelyReplaceClassName:s,...i}=e,l=A(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:A("sps-icon",`sps-icon-${F.FeedbackBlockIcons[o]}`),"aria-hidden":"true"}),r.createElement("span",{className:"sps-feedback-block__content","data-testid":`${a}__text`},t))}Object.assign(Ds,{props:PE,displayName:"SpsFeedbackBlock"});const OE={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:g.code`
8589
+ `}}}},BE={kind:"FeedbackBlockKind"};function Ns(e){const{children:t,className:n,kind:o=_.FeedbackBlockKind.TIP,"data-testid":a,unsafelyReplaceClassName:s,...i}=e,l=A(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:A("sps-icon",`sps-icon-${_.FeedbackBlockIcons[o]}`),"aria-hidden":"true"}),r.createElement("span",{className:"sps-feedback-block__content","data-testid":`${a}__text`},t))}Object.assign(Ns,{props:BE,displayName:"SpsFeedbackBlock"});const _E={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:g.code`
8590
8590
  import { SpsFeedbackBlock } from "@spscommerce/ds-react";
8591
8591
  import { FeedbackBlockKind } from "@spscommerce/ds-shared";
8592
8592
  `,jsx:g.code`
@@ -8661,7 +8661,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
8661
8661
  kind={FeedbackBlockKind.WARNING}
8662
8662
  message="This order is missing a shipment date."
8663
8663
  />
8664
- `}}}};function BE(){return r.createElement(Ds,{kind:F.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 _E={};function Ns({children:e,className:t,...n}){return r.createElement("div",{className:A("sps-filter-panel",t),...n},e)}Object.assign(Ns,{props:_E,displayName:"SpsFilterPanel"});const RE={title:"string | ReactNode",expanded:"boolean",heightPx:"number",heightRem:"number",onExpand:"() => void",onCollapse:"() => void"};function Is({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`}:{},h=()=>r.createElement("button",{type:"button",className:"sps-filter-panel__section__expand-btn",onMouseDown:v=>v.preventDefault(),onClick:()=>{u(!m),!m&&i?i():m&&l&&l()}},r.createElement(St,{icon:m?F.SpsIcon.MINUS_CIRCLE:F.SpsIcon.PLUS_CIRCLE}));return r.useEffect(()=>{u(o)},[o]),r.createElement("div",{className:A("sps-filter-panel__section",t),...d},r.createElement("div",{className:"sps-filter-panel__section__title-wrapper"},r.createElement(h,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(Is,{props:RE,displayName:"SpsFilterPanelSection"});const FE={onClear:"() => void"};function ks({children:e,className:t,onClear:n,...o}){const{t:a}=ge.useWoodlandLanguage();return r.createElement("div",{className:A("sps-filter-panel__cap",t),...o},r.createElement("div",{className:"sps-filter-panel__cap__title-wrapper"},r.createElement(St,{icon:F.SpsIcon.FILTER,size:F.SpsIconSize.SMALL}),r.createElement("p",null,a("filterPanel.title",{defaultValue:"Filters"}))),r.createElement(Ie,{kind:F.ButtonKind.LINK,onClick:n},a("filterPanel.clear",{defaultValue:"Clear Filters"})),e)}Object.assign(ks,{props:FE,displayName:"SpsFilterPanelCap"});const Vp={generalUsage:{label:"General Usage",examples:{general:{react:g.code`
8664
+ `}}}};function RE(){return r.createElement(Ns,{kind:_.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 FE={};function Is({children:e,className:t,...n}){return r.createElement("div",{className:A("sps-filter-panel",t),...n},e)}Object.assign(Is,{props:FE,displayName:"SpsFilterPanel"});const AE={title:"string | ReactNode",expanded:"boolean",heightPx:"number",heightRem:"number",onExpand:"() => void",onCollapse:"() => void"};function ks({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`}:{},h=()=>r.createElement("button",{type:"button",className:"sps-filter-panel__section__expand-btn",onMouseDown:v=>v.preventDefault(),onClick:()=>{u(!m),!m&&i?i():m&&l&&l()}},r.createElement(St,{icon:m?_.SpsIcon.MINUS_CIRCLE:_.SpsIcon.PLUS_CIRCLE}));return r.useEffect(()=>{u(o)},[o]),r.createElement("div",{className:A("sps-filter-panel__section",t),...d},r.createElement("div",{className:"sps-filter-panel__section__title-wrapper"},r.createElement(h,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(ks,{props:AE,displayName:"SpsFilterPanelSection"});const VE={onClear:"() => void"};function xs({children:e,className:t,onClear:n,...o}){const{t:a}=he.useWoodlandLanguage();return r.createElement("div",{className:A("sps-filter-panel__cap",t),...o},r.createElement("div",{className:"sps-filter-panel__cap__title-wrapper"},r.createElement(St,{icon:_.SpsIcon.FILTER,size:_.SpsIconSize.SMALL}),r.createElement("p",null,a("filterPanel.title",{defaultValue:"Filters"}))),r.createElement(Ie,{kind:_.ButtonKind.LINK,onClick:n},a("filterPanel.clear",{defaultValue:"Clear Filters"})),e)}Object.assign(xs,{props:VE,displayName:"SpsFilterPanelCap"});const $p={generalUsage:{label:"General Usage",examples:{general:{react:g.code`
8665
8665
  import {
8666
8666
  useSpsForm,
8667
8667
  SpsForm,
@@ -9082,7 +9082,7 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
9082
9082
  </div>
9083
9083
  );
9084
9084
  }
9085
- `}}}},AE={value:"string",placeholder:"string",formMeta:"SpsFormFieldMeta<string>",onFilterChange:"ChangeEventHandler<HTMLInputElement>"};function xs({className:e,value:t,placeholder:n,formMeta:o,onFilterChange:a,...s}){const{t:i}=ge.useWoodlandLanguage();return r.createElement("div",{className:A("sps-filter-panel__filter-box",e),...s},r.createElement(ir,{value:t,icon:F.SpsIcon.FILTER,formMeta:o,placeholder:n||i("filterPanel.filterPlaceholder",{defaultValue:"Filter options"}),onChange:a}))}Object.assign(xs,{props:AE,displayName:"SpsFilterPanelFilterBox"});const VE={showCondition:"boolean"};function Ms({showCondition:e=!0,children:t,className:n,...o}){return e?r.createElement("div",{className:A("sps-conditional-field",n),...o},t):null}Object.assign(Ms,{props:VE,displayName:"SpsConditionalField"});const $p={generalUsage:{label:"General Usage",examples:{withCheckbox:{react:g.code`
9085
+ `}}}},$E={value:"string",placeholder:"string",formMeta:"SpsFormFieldMeta<string>",onFilterChange:"ChangeEventHandler<HTMLInputElement>"};function Ms({className:e,value:t,placeholder:n,formMeta:o,onFilterChange:a,...s}){const{t:i}=he.useWoodlandLanguage();return r.createElement("div",{className:A("sps-filter-panel__filter-box",e),...s},r.createElement(ir,{value:t,icon:_.SpsIcon.FILTER,formMeta:o,placeholder:n||i("filterPanel.filterPlaceholder",{defaultValue:"Filter options"}),onChange:a}))}Object.assign(Ms,{props:$E,displayName:"SpsFilterPanelFilterBox"});const KE={showCondition:"boolean"};function Ls({showCondition:e=!0,children:t,className:n,...o}){return e?r.createElement("div",{className:A("sps-conditional-field",n),...o},t):null}Object.assign(Ls,{props:KE,displayName:"SpsConditionalField"});const Kp={generalUsage:{label:"General Usage",examples:{withCheckbox:{react:g.code`
9086
9086
  import {
9087
9087
  SpsCheckbox,
9088
9088
  SpsInputGroup,
@@ -9218,11 +9218,11 @@ Valid keys: `+JSON.stringify(Object.keys(S),null," "));var ne=Z(j,Q,U,X,_+"."+Q
9218
9218
  </SpsForm>
9219
9219
  )
9220
9220
  }
9221
- `}}}};function Kp(e,t){const n=new RegExp(`[\\t\r
9222
- ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter(o=>o!=="")}function $E(e,t,n){n.includes(`
9221
+ `}}}};function Hp(e,t){const n=new RegExp(`[\\t\r
9222
+ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter(o=>o!=="")}function HE(e,t,n){n.includes(`
9223
9223
  `)||(e=e?.replaceAll(`
9224
- `," ")),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 KE={disabled:"boolean",formMeta:"SpsFormFieldMeta<any[]>",icon:"SpsIcon",onChange:"ChangeEventHandler",onEntryChange:"(searchText: string) => void",placeholder:"string",value:"any",createTagOptions:"string[]",isSingleLine:"boolean",dynamicPasting:"boolean"},Hp=[","," ",`
9225
- `," "];function Ls({className:e,disabled:t,formControl:n,formMeta:o,id:a,onChange:s,onEntryChange:i,placeholder:l,unsafelyReplaceClassName:d,value:c,icon:u,createTagOptions:m=Hp,"data-testid":p,isSingleLine:f,dynamicPasting:h,...v}){const E=o||n,{wrapperId:y,controlId:b}=Ge(a,E);Array.isArray(m)||(console.error("createTagOptions must be of type array, ignoring and using defaults"),m=Hp);const[N,C]=Tt({keyDown:null,searchText:"",activeTagIndex:null,optionIds:""});r.useEffect(()=>{i&&i(N.searchText)},[N.searchText]);const T=r.useRef(null),x=r.useRef(null),B=r.useRef(null);function L(){setTimeout(()=>{x.current?.focus()},0)}function O(S){C({searchText:""}),E&&(E.setValue(S),E.markAsDirty()),s&&s(new Mt({value:S}))}function R(S){const I=(c||[]).filter((D,K)=>K!==S);O(I)}function q(S){C({searchText:S.target.value})}function te(S){if(B.current&&B.current.children.length&&typeof S=="number"){const D=B.current.children[S]?.querySelector(".sps-clickable-tag__icon");D&&D.focus()}}const $=r.useCallback(S=>{C({activeTagIndex:null,searchText:""});const I=N.searchText.trim(),D=c||[];I&&D.indexOf(I)===-1&&O([...D,...Kp(I,m)]),!((S.key==="Tab"||S.key==="Enter")&&!N.searchText)&&S.preventDefault()},[N.searchText,c,Kp]);function W(S){$(S)}function Y(S){if(!t){const I=!S.target.selectionStart&&c&&c.length,D=c?c.length:0;switch(S.key){case"Backspace":if(N.activeTagIndex===D-1){R(N.activeTagIndex),L();return}if(N.activeTagIndex!==null){R(N.activeTagIndex);return}if(I){O(c.slice(0,D-1)),L();return}break;case"Delete":N.activeTagIndex!==null&&(R(N.activeTagIndex),L());break;case"Enter":case"Tab":$(S);break;case"Up":case"ArrowUp":case"Down":case"ArrowDown":S.preventDefault();break;case"Left":case"ArrowLeft":if(I){N.activeTagIndex===null?(C({activeTagIndex:D-1}),te(D-1)):N.activeTagIndex>0&&(C({activeTagIndex:N.activeTagIndex-1}),te(N.activeTagIndex-1));return}break;case"Right":case"ArrowRight":if(N.activeTagIndex!==null){N.activeTagIndex===D-1?(C({activeTagIndex:null}),x.current?.focus()):(C({activeTagIndex:N.activeTagIndex+1}),te(N.activeTagIndex+1));return}break}for(const K of m)S.key===K&&$(S);S.persist(),C({keyDown:S})}}function V(S){O([]),S.stopPropagation()}function G(S){S.preventDefault(),S.stopPropagation();const I=S.clipboardData?.getData("text/plain")??"";if(h&&!m.some(K=>I.includes(K))){const K=x.current?.value??"";C({searchText:`${K}${I}`});return}const D=$E(I,c,m);O(D)}r.useEffect(()=>(x.current?.addEventListener("paste",G),()=>{x.current?.removeEventListener("paste",G)}),[x,c,m,h]);const ee=A(d||"sps-multi-select",t&&"sps-form-control--disabled",e),H=new Array(c?.length||0).fill(0).map((S,I)=>`${y}_tag-${I}`);return r.createElement(Be,{id:y,className:ee,formControl:n,formMeta:o,ref:T,inputRef:x,focusInputOnClick:!0,onKeyDown:Y,role:"listbox","aria-multiselectable":!0,"aria-activedescendant":H[N.activeTagIndex||0],"aria-owns":N.optionIds},r.createElement("div",{className:"sps-text-input"},r.createElement("div",{className:f?A("sps-form-control",c&&!t&&"sps-form-control--clearable"&&"sps-multi-select__max-height"):A("sps-form-control",c&&!t&&"sps-form-control--clearable")},u&&r.createElement("i",{className:A("sps-text-input__icon","sps-icon",`sps-icon-${u}`)}),r.createElement("div",{className:"sps-multi-select__tags-and-input",ref:B},Array.isArray(c)&&c.map((S,I)=>r.createElement($n,{id:H[I],role:"option",disabled:t,"aria-selected":"true",key:H[I],onRemove:()=>R(I)},r.createElement("span",null,S))),r.createElement("input",{type:"text",ref:x,"data-testid":`${p}__multi-value-text-input`,value:N.searchText,className:"sps-text-input__input",placeholder:N.searchText.length===0&&(!c||c.length===0)?l:void 0,id:b,onBlur:W,onChange:q,onKeyDown:Y,disabled:t,role:"listbox","aria-multiselectable":"true","aria-owns":H.join(" "),...v})),c&&c.length!==0&&!t?r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:S=>V(S)}):null)))}Object.assign(Ls,{props:KE,displayName:"SpsMultiValueTextInput"});const Wp={general:{label:"General Usage",description:()=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Coming soon"))},basic:{label:"Basic Usage",examples:{basic:{react:g.code`
9224
+ `," ")),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 WE={disabled:"boolean",formMeta:"SpsFormFieldMeta<any[]>",icon:"SpsIcon",onChange:"ChangeEventHandler",onEntryChange:"(searchText: string) => void",placeholder:"string",value:"any",createTagOptions:"string[]",isSingleLine:"boolean",dynamicPasting:"boolean"},Wp=[","," ",`
9225
+ `," "];function Ps({className:e,disabled:t,formControl:n,formMeta:o,id:a,onChange:s,onEntryChange:i,placeholder:l,unsafelyReplaceClassName:d,value:c,icon:u,createTagOptions:m=Wp,"data-testid":p,isSingleLine:f,dynamicPasting:h,...v}){const E=o||n,{wrapperId:y,controlId:b}=We(a,E);Array.isArray(m)||(console.error("createTagOptions must be of type array, ignoring and using defaults"),m=Wp);const[N,C]=Dt({keyDown:null,searchText:"",activeTagIndex:null,optionIds:""});r.useEffect(()=>{i&&i(N.searchText)},[N.searchText]);const T=r.useRef(null),x=r.useRef(null),B=r.useRef(null);function M(){setTimeout(()=>{x.current?.focus()},0)}function P(S){C({searchText:""}),E&&(E.setValue(S),E.markAsDirty()),s&&s(new Pt({value:S}))}function F(S){const I=(c||[]).filter((D,H)=>H!==S);P(I)}function j(S){C({searchText:S.target.value})}function te(S){if(B.current&&B.current.children.length&&typeof S=="number"){const D=B.current.children[S]?.querySelector(".sps-clickable-tag__icon");D&&D.focus()}}const V=r.useCallback(S=>{C({activeTagIndex:null,searchText:""});const I=N.searchText.trim(),D=c||[];I&&D.indexOf(I)===-1&&P([...D,...Hp(I,m)]),!((S.key==="Tab"||S.key==="Enter")&&!N.searchText)&&S.preventDefault()},[N.searchText,c,Hp]);function G(S){V(S)}function Y(S){if(!t){const I=!S.target.selectionStart&&c&&c.length,D=c?c.length:0;switch(S.key){case"Backspace":if(N.activeTagIndex===D-1){F(N.activeTagIndex),M();return}if(N.activeTagIndex!==null){F(N.activeTagIndex);return}if(I){P(c.slice(0,D-1)),M();return}break;case"Delete":N.activeTagIndex!==null&&(F(N.activeTagIndex),M());break;case"Enter":case"Tab":V(S);break;case"Up":case"ArrowUp":case"Down":case"ArrowDown":S.preventDefault();break;case"Left":case"ArrowLeft":if(I){N.activeTagIndex===null?(C({activeTagIndex:D-1}),te(D-1)):N.activeTagIndex>0&&(C({activeTagIndex:N.activeTagIndex-1}),te(N.activeTagIndex-1));return}break;case"Right":case"ArrowRight":if(N.activeTagIndex!==null){N.activeTagIndex===D-1?(C({activeTagIndex:null}),x.current?.focus()):(C({activeTagIndex:N.activeTagIndex+1}),te(N.activeTagIndex+1));return}break}for(const H of m)S.key===H&&V(S);C({keyDown:bn(S)})}}function U(S){P([]),S.stopPropagation()}function $(S){S.preventDefault(),S.stopPropagation();const I=S.clipboardData?.getData("text/plain")??"";if(h&&!m.some(H=>I.includes(H))){const H=x.current?.value??"";C({searchText:`${H}${I}`});return}const D=HE(I,c,m);P(D)}r.useEffect(()=>(x.current?.addEventListener("paste",$),()=>{x.current?.removeEventListener("paste",$)}),[x,c,m,h]);const Q=A(d||"sps-multi-select",t&&"sps-form-control--disabled",e),K=new Array(c?.length||0).fill(0).map((S,I)=>`${y}_tag-${I}`);return r.createElement(Oe,{id:y,className:Q,formControl:n,formMeta:o,ref:T,inputRef:x,focusInputOnClick:!0,onKeyDown:Y,role:"listbox","aria-multiselectable":!0,"aria-activedescendant":K[N.activeTagIndex||0],"aria-owns":N.optionIds},r.createElement("div",{className:"sps-text-input"},r.createElement("div",{className:f?A("sps-form-control",c&&!t&&"sps-form-control--clearable"&&"sps-multi-select__max-height"):A("sps-form-control",c&&!t&&"sps-form-control--clearable")},u&&r.createElement("i",{className:A("sps-text-input__icon","sps-icon",`sps-icon-${u}`)}),r.createElement("div",{className:"sps-multi-select__tags-and-input",ref:B},Array.isArray(c)&&c.map((S,I)=>r.createElement(Vn,{id:K[I],role:"option",disabled:t,"aria-selected":"true",key:K[I],onRemove:()=>F(I)},r.createElement("span",null,S))),r.createElement("input",{type:"text",ref:x,"data-testid":`${p}__multi-value-text-input`,value:N.searchText,className:"sps-text-input__input",placeholder:N.searchText.length===0&&(!c||c.length===0)?l:void 0,id:b,onBlur:G,onChange:j,onKeyDown:Y,disabled:t,role:"listbox","aria-multiselectable":"true","aria-owns":K.join(" "),...v})),c&&c.length!==0&&!t?r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:S=>U(S)}):null)))}Object.assign(Ps,{props:WE,displayName:"SpsMultiValueTextInput"});const Gp={general:{label:"General Usage",description:()=>r.createElement(r.Fragment,null,r.createElement("h5",null,"Coming soon"))},basic:{label:"Basic Usage",examples:{basic:{react:g.code`
9226
9226
  import { SpsMultiValueTextInput, SpsLabel, useSpsForm } from "@spscommerce/ds-react";
9227
9227
  function DemoComponent() {
9228
9228
  const { formValue, formMeta, updateForm } = useSpsForm({
@@ -9399,7 +9399,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
9399
9399
  </>
9400
9400
  )
9401
9401
  }
9402
- `}}}},HE={currentUser:"any",disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",onChange:"(newValue: string) => void",value:"string",twentyFourHour:"boolean",placeholder12h:"string",placeholder24h:"string"},Gp=["AM","PM"],Ps=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},h){const{t:v}=ge.useWoodlandLanguage(),E=io(n),y=c??yd(E),b=s||a,{wrapperId:N}=Ge(i,b),C=r.useRef(null),T=v("timeInput.customTime",{defaultValue:"Custom time"}),{current:x}=_t(i),B=y?d:d?.split(" ")[0],L=J.validateTimeString(B,y)?J.padIncompleteTimeString(B,y):"",O=y?"":d?.split(" ")[1]?.toUpperCase(),R=L&&Gp.find(I=>I===O)||"",[q,te]=r.useState(L),[$,W]=r.useState(R||"AM");function Y(I){s&&(s.setValue(I||""),s.markAsDirty()),l&&l(I||"")}function V(I){J.validateTimeString(I.target.value,y)&&te(I.target.value)}function G(I){if(J.validateTimeString(I??q,y)){const D=J.padIncompleteTimeString(I??q,y);te(D),Y(D&&!y?`${D} ${$}`:D||"")}else Y("")}function ee(I){W(I.target.value);const D=J.padIncompleteTimeString(q,y);D&&!y&&Y(`${D} ${I.target.value}`)}function H(I){J.validateTimeString(I,y)&&(te(I??""),setTimeout(()=>G(I),0))}r.useEffect(()=>{L!==q&&te(L)},[L]),r.useEffect(()=>{R&&R!==$&&W(R)},[R]);const S=A("sps-time-input",t);return y?r.createElement(Be,{id:N,formControl:a,formMeta:s,inputRef:C,ref:h,"data-testid":p},r.createElement(wt,{id:x,"data-testid":p,className:S,suggestions:Mr,zeroState:T,placeholder:u,value:q,onChange:V,onBlur:()=>G(),onSelectionChange:H,onKeyDown:I=>{I.key==="Enter"&&G()},disabled:o,inputNotClearable:!0,autoFocusOnSelection:!0,...f})):r.createElement(Be,{id:N,formControl:a,formMeta:s,inputRef:C,ref:h,"data-testid":p},r.createElement(In,null,r.createElement(wt,{id:x,"data-testid":p,className:S,suggestions:xr,zeroState:T,placeholder:m,value:q,onChange:V,onBlur:()=>G(),onSelectionChange:H,onKeyDown:I=>{I.key==="Enter"&&G()},disabled:o,inputNotClearable:!0,autoFocusOnSelection:!0}),r.createElement(rn,{id:`${x}__select`,"data-testid":`${p}__select`,options:Gp,value:$,onChange:ee,disabled:o,notClearable:!0,className:S})))});Object.assign(Ps,{props:HE,displayName:"SpsTimeInput"});const Up={basic:{label:"Basic",examples:{basic:{react:g.code`
9402
+ `}}}},GE={currentUser:"any",disabled:"boolean",formMeta:"SpsFormFieldMeta<string>",onChange:"(newValue: string) => void",value:"string",twentyFourHour:"boolean",placeholder12h:"string",placeholder24h:"string"},Up=["AM","PM"],Os=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},h){const{t:v}=he.useWoodlandLanguage(),E=so(n),y=c??Ed(E),b=s||a,{wrapperId:N}=We(i,b),C=r.useRef(null),T=v("timeInput.customTime",{defaultValue:"Custom time"}),{current:x}=Ft(i),B=y?d:d?.split(" ")[0],M=X.validateTimeString(B,y)?X.padIncompleteTimeString(B,y):"",P=y?"":d?.split(" ")[1]?.toUpperCase(),F=M&&Up.find(I=>I===P)||"",[j,te]=r.useState(M),[V,G]=r.useState(F||"AM");function Y(I){s&&(s.setValue(I||""),s.markAsDirty()),l&&l(I||"")}function U(I){X.validateTimeString(I.target.value,y)&&te(I.target.value)}function $(I){if(X.validateTimeString(I??j,y)){const D=X.padIncompleteTimeString(I??j,y);te(D),Y(D&&!y?`${D} ${V}`:D||"")}else Y("")}function Q(I){G(I.target.value);const D=X.padIncompleteTimeString(j,y);D&&!y&&Y(`${D} ${I.target.value}`)}function K(I){X.validateTimeString(I,y)&&(te(I??""),setTimeout(()=>$(I),0))}r.useEffect(()=>{M!==j&&te(M)},[M]),r.useEffect(()=>{F&&F!==V&&G(F)},[F]);const S=A("sps-time-input",t);return y?r.createElement(Oe,{id:N,formControl:a,formMeta:s,inputRef:C,ref:h,"data-testid":p},r.createElement(Nt,{id:x,"data-testid":p,className:S,suggestions:Lr,zeroState:T,placeholder:u,value:j,onChange:U,onBlur:()=>$(),onSelectionChange:K,onKeyDown:I=>{I.key==="Enter"&&$()},disabled:o,inputNotClearable:!0,autoFocusOnSelection:!0,...f})):r.createElement(Oe,{id:N,formControl:a,formMeta:s,inputRef:C,ref:h,"data-testid":p},r.createElement(kn,null,r.createElement(Nt,{id:x,"data-testid":p,className:S,suggestions:Mr,zeroState:T,placeholder:m,value:j,onChange:U,onBlur:()=>$(),onSelectionChange:K,onKeyDown:I=>{I.key==="Enter"&&$()},disabled:o,inputNotClearable:!0,autoFocusOnSelection:!0}),r.createElement(rn,{id:`${x}__select`,"data-testid":`${p}__select`,options:Up,value:V,onChange:Q,disabled:o,notClearable:!0,className:S})))});Object.assign(Os,{props:GE,displayName:"SpsTimeInput"});const zp={basic:{label:"Basic",examples:{basic:{react:g.code`
9403
9403
  import {
9404
9404
  useSpsForm,
9405
9405
  SpsTimeInput,
@@ -9513,13 +9513,13 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
9513
9513
  </SpsLocaleProvider>
9514
9514
  );
9515
9515
  }
9516
- `}}}},WE={Autocomplete:{components:[wt],examples:Vi},Checkboxes:{components:[Xt],examples:$i},"Clickable Tags":{components:[$n],examples:Ki},"Column Chooser":{components:[Xa,jo],examples:Sd},"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:[Ms],examples:$p},"Content Rows":{components:[Za,on,Yo],examples:gd},"Content Sections":{components:[as],examples:Ud},"Date Pickers":{components:[Qa],examples:Dd},"Date Range Pickers":{components:[ts],examples:kd},"Date Time Range Pickers":{components:[ns],examples:Bd},Datetime:{components:[os],examples:_d},"Time Input":{components:[Ps],examples:Up},"Description Lists":{description:()=>r.createElement("p",null,"Description Lists display a series of terms with accompanying descriptions such as a glossary of terms."),components:[Qo,er,nr],examples:Wd},Dropdown:{components:[sn,rs],examples:Gd},"Filter Panel":{components:[Ns,Is,ks,xs],examples:Vp},Form:{components:[so],examples:fd},Incrementor:{components:[ss],examples:zd},Label:{description:()=>r.createElement("p",null,"Labels provide a description for the value to be entered or selected in an accompanying input field."),components:[is],examples:jd},"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:[ls],examples:pp},"Micro Block":{components:[cs],examples:up},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:[ds,rr],examples:fp},"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:[us],examples:Sp},"Multi Value Text Input":{description:()=>r.createElement("p",null,"To be determined."),components:[Ls],examples:Wp},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:[ms,ar],examples:gp},"Radio Buttons":{description:"Radio Buttons allow a user to make single selection from a list of predefined options.",components:[fs],examples:hp},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:[rn],examples:xd},"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:[vp],examples:yp},"Split Button":{components:[Ss],examples:Ep},"Summary List Row":{components:[gs,hs,co],examples:Tp},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:[ln,Ht,oe,Kt,Fe,Ne],examples:dp},"Task Queue":{components:[bs],examples:wp},"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:[ir],examples:Cp},"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:[vs],examples:Dp},Toggles:{description:()=>r.createElement("p",null,"Toggles allow a user to immediately turn a setting on or off."),components:[ys],examples:Ip},Tooltips:{components:[ct,Es],examples:kp},Wizard:{components:[ws,Cs],examples:Lp},Workflow:{components:[lr,cr,dr,pr],examples:Ap,notices:[BE]},"Slide In Panels":{description:"",components:[ps],examples:mp}},zp=new WeakMap;function ur(e,t,n){if(!e)return"";typeof t=="string"&&(t=t.replace(/\s+/g,""));let o=zp.get(e);return process.env.NODE_ENV!=="production"&&!o&&console.error("There is no tab id, please check if you have rendered the tab panel before the tab list."),`${o}-${n}-${t}`}const Ct=typeof document<"u"?w.useLayoutEffect:()=>{},mr={prefix:String(Math.round(Math.random()*1e10)),current:0},jp=w.createContext(mr),GE=w.createContext(!1);let UE=!!(typeof window<"u"&&window.document&&window.document.createElement),Os=new WeakMap;function zE(e=!1){let t=w.useContext(jp),n=w.useRef(null);if(n.current===null&&!e){var o,a;let s=(a=w.__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=Os.get(s);i==null?Os.set(s,{id:t.current,state:s.memoizedState}):s.memoizedState!==i.state&&(t.current=i.id,Os.delete(s))}n.current=++t.current}return n.current}function jE(e){let t=w.useContext(jp);t===mr&&!UE&&process.env.NODE_ENV!=="production"&&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=zE(!!e),o=t===mr&&process.env.NODE_ENV==="test"?"react-aria":`react-aria${t.prefix}`;return e||`${o}-${n}`}function YE(e){let t=w.useId(),[n]=w.useState(Yp()),o=n||process.env.NODE_ENV==="test"?"react-aria":`react-aria${mr.prefix}`;return e||`${o}-${t}`}const qE=typeof w.useId=="function"?YE:jE;function JE(){return!1}function XE(){return!0}function ZE(e){return()=>{}}function Yp(){return typeof w.useSyncExternalStore=="function"?w.useSyncExternalStore(ZE,JE,XE):w.useContext(GE)}let QE=!!(typeof window<"u"&&window.document&&window.document.createElement),kn=new Map,po;typeof FinalizationRegistry<"u"&&(po=new FinalizationRegistry(e=>{kn.delete(e)}));function fr(e){let[t,n]=w.useState(e),o=w.useRef(null),a=qE(t),s=w.useRef(null);if(po&&po.register(s,a),QE){const i=kn.get(a);i&&!i.includes(o)?i.push(o):kn.set(a,[o])}return Ct(()=>{let i=a;return()=>{po&&po.unregister(s),kn.delete(i)}},[a]),w.useEffect(()=>{let i=o.current;return i&&n(i),()=>{i&&(o.current=null)}}),a}function eT(e,t){if(e===t)return e;let n=kn.get(e);if(n)return n.forEach(a=>a.current=t),t;let o=kn.get(t);return o?(o.forEach(a=>a.current=e),e):t}function Bs(...e){return(...t)=>{for(let n of e)typeof n=="function"&&n(...t)}}const Me=e=>{var t;return(t=e?.ownerDocument)!==null&&t!==void 0?t:document},ht=e=>e&&"window"in e&&e.window===e?e:Me(e).defaultView||window;function tT(e){return e!==null&&typeof e=="object"&&"nodeType"in e&&typeof e.nodeType=="number"}function nT(e){return tT(e)&&e.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&"host"in e}let oT=!1;function Sr(){return oT}function ve(e,t){if(!Sr())return t&&e?e.contains(t):!1;if(!e||!t)return!1;let n=t;for(;n!==null;){if(n===e)return!0;n.tagName==="SLOT"&&n.assignedSlot?n=n.assignedSlot.parentNode:nT(n)?n=n.host:n=n.parentNode}return!1}const Dt=(e=document)=>{var t;if(!Sr())return e.activeElement;let n=e.activeElement;for(;n&&"shadowRoot"in n&&(!((t=n.shadowRoot)===null||t===void 0)&&t.activeElement);)n=n.shadowRoot.activeElement;return n};function ue(e){if(Sr()&&e.target instanceof Element&&e.target.shadowRoot){var t,n;if("composedPath"in e)return(t=e.composedPath()[0])!==null&&t!==void 0?t:null;if("composedPath"in e.nativeEvent)return(n=e.nativeEvent.composedPath()[0])!==null&&n!==void 0?n:null}return e.target}function qp(e){if(!e)return!1;let t=e.getRootNode(),n=ht(e);if(!(t instanceof n.Document||t instanceof n.ShadowRoot))return!1;let o=t.activeElement;return o!=null&&e.contains(o)}class rT{get currentNode(){return this._currentNode}set currentNode(t){if(!ve(this.root,t))throw new Error("Cannot set currentNode to a node that is not contained by the root node.");const n=[];let o=t,a=t;for(this._currentNode=t;o&&o!==this.root;)if(o.nodeType===Node.DOCUMENT_FRAGMENT_NODE){const i=o,l=this._doc.createTreeWalker(i,this.whatToShow,{acceptNode:this._acceptNode});n.push(l),l.currentNode=a,this._currentSetFor.add(l),o=a=i.host}else o=o.parentNode;const s=this._doc.createTreeWalker(this.root,this.whatToShow,{acceptNode:this._acceptNode});n.push(s),s.currentNode=a,this._currentSetFor.add(s),this._walkerStack=n}get doc(){return this._doc}firstChild(){let t=this.currentNode,n=this.nextNode();return ve(t,n)?(n&&(this.currentNode=n),n):(this.currentNode=t,null)}lastChild(){let n=this._walkerStack[0].lastChild();return n&&(this.currentNode=n),n}nextNode(){const t=this._walkerStack[0].nextNode();if(t){if(t.shadowRoot){var n;let a;if(typeof this.filter=="function"?a=this.filter(t):!((n=this.filter)===null||n===void 0)&&n.acceptNode&&(a=this.filter.acceptNode(t)),a===NodeFilter.FILTER_ACCEPT)return this.currentNode=t,t;let s=this.nextNode();return s&&(this.currentNode=s),s}return t&&(this.currentNode=t),t}else if(this._walkerStack.length>1){this._walkerStack.shift();let o=this.nextNode();return o&&(this.currentNode=o),o}else return null}previousNode(){const t=this._walkerStack[0];if(t.currentNode===t.root){if(this._currentSetFor.has(t))if(this._currentSetFor.delete(t),this._walkerStack.length>1){this._walkerStack.shift();let a=this.previousNode();return a&&(this.currentNode=a),a}else return null;return null}const n=t.previousNode();if(n){if(n.shadowRoot){var o;let s;if(typeof this.filter=="function"?s=this.filter(n):!((o=this.filter)===null||o===void 0)&&o.acceptNode&&(s=this.filter.acceptNode(n)),s===NodeFilter.FILTER_ACCEPT)return n&&(this.currentNode=n),n;let i=this.lastChild();return i&&(this.currentNode=i),i}return n&&(this.currentNode=n),n}else if(this._walkerStack.length>1){this._walkerStack.shift();let a=this.previousNode();return a&&(this.currentNode=a),a}else return null}nextSibling(){return null}previousSibling(){return null}parentNode(){return null}constructor(t,n,o,a){this._walkerStack=[],this._currentSetFor=new Set,this._acceptNode=i=>{if(i.nodeType===Node.ELEMENT_NODE){const d=i.shadowRoot;if(d){const c=this._doc.createTreeWalker(d,this.whatToShow,{acceptNode:this._acceptNode});return this._walkerStack.unshift(c),NodeFilter.FILTER_ACCEPT}else{var l;if(typeof this.filter=="function")return this.filter(i);if(!((l=this.filter)===null||l===void 0)&&l.acceptNode)return this.filter.acceptNode(i);if(this.filter===null)return NodeFilter.FILTER_ACCEPT}}return NodeFilter.FILTER_SKIP},this._doc=t,this.root=n,this.filter=a??null,this.whatToShow=o??NodeFilter.SHOW_ALL,this._currentNode=n,this._walkerStack.unshift(t.createTreeWalker(n,o,this._acceptNode));const s=n.shadowRoot;if(s){const i=this._doc.createTreeWalker(s,this.whatToShow,{acceptNode:this._acceptNode});this._walkerStack.unshift(i)}}}function aT(e,t,n,o){return Sr()?new rT(e,t,n,o):e.createTreeWalker(t,n,o)}function sT(...e){return e.length===1&&e[0]?e[0]:t=>{let n=!1;const o=e.map(a=>{const s=Jp(a,t);return n||(n=typeof s=="function"),s});if(n)return()=>{o.forEach((a,s)=>{typeof a=="function"?a():Jp(e[s],null)})}}}function Jp(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function dt(...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]=Bs(s,i):(a==="className"||a==="UNSAFE_className")&&typeof s=="string"&&typeof i=="string"?t[a]=A(s,i):a==="id"&&s&&i?t.id=eT(s,i):a==="ref"&&s&&i?t.ref=sT(s,i):t[a]=i!==void 0?i:s}}return t}const iT=new Set(["id"]),lT=new Set(["aria-label","aria-labelledby","aria-describedby","aria-details"]),cT=new Set(["href","hrefLang","target","rel","download","ping","referrerPolicy"]),dT=new Set(["dir","lang","hidden","inert","translate"]),Xp=new Set(["onClick","onAuxClick","onContextMenu","onDoubleClick","onMouseDown","onMouseEnter","onMouseLeave","onMouseMove","onMouseOut","onMouseOver","onMouseUp","onTouchCancel","onTouchEnd","onTouchMove","onTouchStart","onPointerDown","onPointerMove","onPointerUp","onPointerCancel","onPointerEnter","onPointerLeave","onPointerOver","onPointerOut","onGotPointerCapture","onLostPointerCapture","onScroll","onWheel","onAnimationStart","onAnimationEnd","onAnimationIteration","onTransitionCancel","onTransitionEnd","onTransitionRun","onTransitionStart"]),pT=/^(data-.*)$/;function uT(e,t={}){let{labelable:n,isLink:o,global:a,events:s=a,propNames:i}=t,l={};for(const d in e)Object.prototype.hasOwnProperty.call(e,d)&&(iT.has(d)||n&&lT.has(d)||o&&cT.has(d)||a&&dT.has(d)||s&&(Xp.has(d)||d.endsWith("Capture")&&Xp.has(d.slice(0,-7)))||i?.has(d)||pT.test(d))&&(l[d]=e[d]);return l}function Pt(e){if(mT())e.focus({preventScroll:!0});else{let t=fT(e);e.focus(),ST(t)}}let gr=null;function mT(){if(gr==null){gr=!1;try{document.createElement("div").focus({get preventScroll(){return gr=!0,!0}})}catch{}}return gr}function fT(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 ST(e){for(let{element:t,scrollTop:n,scrollLeft:o}of e)t.scrollTop=n,t.scrollLeft=o}function hr(e){var t;if(typeof window>"u"||window.navigator==null)return!1;let n=(t=window.navigator.userAgentData)===null||t===void 0?void 0:t.brands;return Array.isArray(n)&&n.some(o=>e.test(o.brand))||e.test(window.navigator.userAgent)}function _s(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 Ot(e){if(process.env.NODE_ENV==="test")return e;let t=null;return()=>(t==null&&(t=e()),t)}const cn=Ot(function(){return _s(/^Mac/i)}),gT=Ot(function(){return _s(/^iPhone/i)}),Zp=Ot(function(){return _s(/^iPad/i)||cn()&&navigator.maxTouchPoints>1}),br=Ot(function(){return gT()||Zp()}),hT=Ot(function(){return cn()||br()}),bT=Ot(function(){return hr(/AppleWebKit/i)&&!Qp()}),Qp=Ot(function(){return hr(/Chrome/i)}),eu=Ot(function(){return hr(/Android/i)}),vT=Ot(function(){return hr(/Firefox/i)}),yT=w.createContext({isNative:!0,open:TT,useHref:e=>e});function Rs(){return w.useContext(yT)}function Bt(e,t,n=!0){var o,a;let{metaKey:s,ctrlKey:i,altKey:l,shiftKey:d}=t;vT()&&(!((a=window.event)===null||a===void 0||(o=a.type)===null||o===void 0)&&o.startsWith("key"))&&e.target==="_blank"&&(cn()?s=!0:i=!0);let c=bT()&&cn()&&!Zp()&&process.env.NODE_ENV!=="test"?new KeyboardEvent("keydown",{keyIdentifier:"Enter",metaKey:s,ctrlKey:i,altKey:l,shiftKey:d}):new MouseEvent("click",{metaKey:s,ctrlKey:i,altKey:l,shiftKey:d,detail:1,bubbles:!0,cancelable:!0});Bt.isOpening=n,Pt(e),e.dispatchEvent(c),Bt.isOpening=!1}Bt.isOpening=!1;function ET(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 TT(e,t){ET(e,n=>Bt(n,t))}function wT(e){let t=Rs();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 Wt=new Map,Fs=new Set;function tu(){if(typeof window>"u")return;function e(o){return"propertyName"in o}let t=o=>{let a=ue(o);if(!e(o)||!a)return;let s=Wt.get(a);s||(s=new Set,Wt.set(a,s),a.addEventListener("transitioncancel",n,{once:!0})),s.add(o.propertyName)},n=o=>{let a=ue(o);if(!e(o)||!a)return;let s=Wt.get(a);if(s&&(s.delete(o.propertyName),s.size===0&&(a.removeEventListener("transitioncancel",n),Wt.delete(a)),Wt.size===0)){for(let i of Fs)i();Fs.clear()}};document.body.addEventListener("transitionrun",t),document.body.addEventListener("transitionend",n)}typeof document<"u"&&(document.readyState!=="loading"?tu():document.addEventListener("DOMContentLoaded",tu));function CT(){for(const[e]of Wt)"isConnected"in e&&!e.isConnected&&Wt.delete(e)}function nu(e){requestAnimationFrame(()=>{CT(),Wt.size===0?e():Fs.add(e)})}function ou(){let e=w.useRef(new Map),t=w.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,d,l)},[]),n=w.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=w.useCallback(()=>{e.current.forEach((a,s)=>{n(a.eventTarget,a.type,s,a.options)})},[n]);return w.useEffect(()=>o,[o]),{addGlobalListener:t,removeGlobalListener:n,removeAllGlobalListeners:o}}function ru(e,t){let{id:n,"aria-label":o,"aria-labelledby":a}=e;return n=fr(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}}var As;const DT=(As=w.useInsertionEffect)!==null&&As!==void 0?As:Ct;function uo(e){const t=w.useRef(null);return DT(()=>{t.current=e},[e]),w.useCallback((...n)=>{const o=t.current;return o?.(...n)},[])}function au(e,t){const n=w.useRef(!0),o=w.useRef(null);Ct(()=>(n.current=!0,()=>{n.current=!1}),[]),Ct(()=>{n.current?n.current=!1:(!o.current||t.some((a,s)=>!Object.is(a,o[s])))&&e(),o.current=t},t)}function su(e,t){Ct(()=>{if(e&&e.ref&&t)return e.ref.current=t.current,()=>{e.ref&&(e.ref.current=null)}})}function NT(e,t){if(!e)return!1;let n=window.getComputedStyle(e),o=document.scrollingElement||document.documentElement,a=/(auto|scroll)/.test(n.overflow+n.overflowX+n.overflowY);return e===o&&n.overflow!=="hidden"&&(a=!0),a&&t&&(a=e.scrollHeight!==e.clientHeight||e.scrollWidth!==e.clientWidth),a}function iu(e,t){let n=[],o=document.scrollingElement||document.documentElement;do NT(e,t)&&n.push(e),e=e.parentElement;while(e&&e!==o);return n}function xn(e){return cn()?e.metaKey:e.ctrlKey}let IT=0;const Vs=new Map;function kT(e){let[t,n]=w.useState();return Ct(()=>{if(!e)return;let o=Vs.get(e);if(o)n(o.element.id);else{let a=`react-aria-description-${IT++}`;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},Vs.set(e,o)}return o.refCount++,()=>{o&&--o.refCount===0&&(o.element.remove(),Vs.delete(e))}},[e]),{"aria-describedby":e?t:void 0}}function vr(e,t,n,o){let a=uo(n),s=n==null;w.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])}function $s(e,t,n={}){let{block:o="nearest",inline:a="nearest"}=n;if(e===t)return;let s=e.scrollTop,i=e.scrollLeft,l=t.getBoundingClientRect(),d=e.getBoundingClientRect(),c=window.getComputedStyle(t),u=window.getComputedStyle(e),m=document.scrollingElement||document.documentElement,p=e===m?0:d.top,f=e===m?e.clientHeight:d.bottom,h=e===m?0:d.left,v=e===m?e.clientWidth:d.right,E=parseInt(c.scrollMarginTop,10)||0,y=parseInt(c.scrollMarginBottom,10)||0,b=parseInt(c.scrollMarginLeft,10)||0,N=parseInt(c.scrollMarginRight,10)||0,C=parseInt(u.scrollPaddingTop,10)||0,T=parseInt(u.scrollPaddingBottom,10)||0,x=parseInt(u.scrollPaddingLeft,10)||0,B=parseInt(u.scrollPaddingRight,10)||0,L=parseInt(u.borderTopWidth,10)||0,O=parseInt(u.borderBottomWidth,10)||0,R=parseInt(u.borderLeftWidth,10)||0,q=parseInt(u.borderRightWidth,10)||0,te=l.top-E,$=l.bottom+y,W=l.left-b,Y=l.right+N,V=e===m?0:R+q,G=e===m?0:L+O,ee=e.offsetWidth-e.clientWidth-V,H=e.offsetHeight-e.clientHeight-G,S=p+L+C,I=f-O-T-H,D=h+R+x,K=v-q-B;u.direction==="rtl"&&!br()?D+=ee:K-=ee;let U=te<S||$>I,X=W<D||Y>K;if(U&&o==="start")s+=te-S;else if(U&&o==="center")s+=(te+$)/2-(S+I)/2;else if(U&&o==="end")s+=$-I;else if(U&&o==="nearest"){let _=te-S,j=$-I;s+=Math.abs(_)<=Math.abs(j)?_:j}if(X&&a==="start")i+=W-D;else if(X&&a==="center")i+=(W+Y)/2-(D+K)/2;else if(X&&a==="end")i+=Y-K;else if(X&&a==="nearest"){let _=W-D,j=Y-K;i+=Math.abs(_)<=Math.abs(j)?_:j}if(process.env.NODE_ENV==="test"){e.scrollLeft=i,e.scrollTop=s;return}e.scrollTo({left:i,top:s})}function lu(e,t={}){let{containingElement:n}=t;if(e&&e.isConnected){let i=document.scrollingElement||document.documentElement;if(!(window.getComputedStyle(i).overflow==="hidden")&&!Qp()){var o;let{left:d,top:c}=e.getBoundingClientRect();e==null||(o=e.scrollIntoView)===null||o===void 0||o.call(e,{block:"nearest"});let{left:u,top:m}=e.getBoundingClientRect();if(Math.abs(d-u)>1||Math.abs(c-m)>1){var a,s;n==null||(a=n.scrollIntoView)===null||a===void 0||a.call(n,{block:"center",inline:"center"}),(s=e.scrollIntoView)===null||s===void 0||s.call(e,{block:"nearest"})}}else{let{left:d,top:c}=e.getBoundingClientRect(),u=iu(e,!0);for(let f of u)$s(f,e);let{left:m,top:p}=e.getBoundingClientRect();if(Math.abs(d-m)>1||Math.abs(c-p)>1){u=n?iu(n,!0):[];for(let f of u)$s(f,n,{block:"center",inline:"center"})}}}}function Ks(e){return e.pointerType===""&&e.isTrusted?!0:eu()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function xT(e){return!eu()&&e.width===0&&e.height===0||e.width===1&&e.height===1&&e.pressure===0&&e.detail===0&&e.pointerType==="mouse"}const MT="react-aria-clear-focus",LT="react-aria-focus",PT=typeof Element<"u"&&"checkVisibility"in Element.prototype;function OT(e){const t=ht(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 BT(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 Hs(e,t){return PT?e.checkVisibility({visibilityProperty:!0})&&!e.closest("[data-react-aria-prevent-focus]"):e.nodeName!=="#comment"&&OT(e)&&BT(e,t)&&(!e.parentElement||Hs(e.parentElement,e))}const Ws=["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]:not([contenteditable^="false"])',"permission"],_T=Ws.join(":not([hidden]),")+",[tabindex]:not([disabled]):not([hidden])";Ws.push('[tabindex]:not([tabindex="-1"]):not([disabled])');const RT=Ws.join(':not([hidden]):not([tabindex="-1"]),');function cu(e){return e.matches(_T)&&Hs(e)&&!pu(e)}function du(e){return e.matches(RT)&&Hs(e)&&!pu(e)}function pu(e){let t=e;for(;t!=null;){if(t instanceof t.ownerDocument.defaultView.HTMLElement&&t.inert)return!0;t=t.parentElement}return!1}var Gs;const FT=typeof document<"u"?(Gs=w.useInsertionEffect)!==null&&Gs!==void 0?Gs:w.useLayoutEffect:()=>{};function uu(e,t,n){let[o,a]=w.useState(e||t),s=w.useRef(o),i=w.useRef(e!==void 0),l=e!==void 0;w.useEffect(()=>{let m=i.current;m!==l&&process.env.NODE_ENV!=="production"&&console.warn(`WARN: A component changed from ${m?"controlled":"uncontrolled"} to ${l?"controlled":"uncontrolled"}.`),i.current=l},[l]);let d=l?e:o;FT(()=>{s.current=d});let[,c]=w.useReducer(()=>({}),{}),u=w.useCallback((m,...p)=>{let f=typeof m=="function"?m(s.current):m;Object.is(s.current,f)||(s.current=f,a(f),c(),n?.(f,...p))},[n]);return[d,u]}function mu(e){let t=e;return t.nativeEvent=e,t.isDefaultPrevented=()=>t.defaultPrevented,t.isPropagationStopped=()=>t.cancelBubble,t.persist=()=>{},t}function AT(e,t){Object.defineProperty(e,"target",{value:t}),Object.defineProperty(e,"currentTarget",{value:t})}function VT(e){let t=w.useRef({isFocused:!1,observer:null});return Ct(()=>{const n=t.current;return()=>{n.observer&&(n.observer.disconnect(),n.observer=null)}},[]),w.useCallback(n=>{let o=ue(n);if(o instanceof HTMLButtonElement||o instanceof HTMLInputElement||o instanceof HTMLTextAreaElement||o instanceof HTMLSelectElement){t.current.isFocused=!0;let a=o,s=i=>{if(t.current.isFocused=!1,a.disabled){let l=mu(i);e?.(l)}t.current.observer&&(t.current.observer.disconnect(),t.current.observer=null)};a.addEventListener("focusout",s,{once:!0}),t.current.observer=new MutationObserver(()=>{if(t.current.isFocused&&a.disabled){var i;(i=t.current.observer)===null||i===void 0||i.disconnect();let l=a===Dt()?null:Dt();a.dispatchEvent(new FocusEvent("blur",{relatedTarget:l})),a.dispatchEvent(new FocusEvent("focusout",{bubbles:!0,relatedTarget:l}))}}),t.current.observer.observe(a,{attributes:!0,attributeFilter:["disabled"]})}},[e])}let yr=!1;function fu(e){for(;e&&!cu(e);)e=e.parentElement;let t=ht(e),n=t.document.activeElement;if(!n||n===e)return;yr=!0;let o=!1,a=u=>{(ue(u)===n||o)&&u.stopImmediatePropagation()},s=u=>{(ue(u)===n||o)&&(u.stopImmediatePropagation(),!e&&!o&&(o=!0,Pt(n),d()))},i=u=>{(ue(u)===e||o)&&u.stopImmediatePropagation()},l=u=>{(ue(u)===e||o)&&(u.stopImmediatePropagation(),o||(o=!0,Pt(n),d()))};t.addEventListener("blur",a,!0),t.addEventListener("focusout",s,!0),t.addEventListener("focusin",l,!0),t.addEventListener("focus",i,!0);let d=()=>{cancelAnimationFrame(c),t.removeEventListener("blur",a,!0),t.removeEventListener("focusout",s,!0),t.removeEventListener("focusin",l,!0),t.removeEventListener("focus",i,!0),yr=!1,o=!1},c=requestAnimationFrame(d);return d}let Mn="default",Us="",Er=new WeakMap;function Su(e){if(br()){if(Mn==="default"){const t=Me(e);Us=t.documentElement.style.webkitUserSelect,t.documentElement.style.webkitUserSelect="none"}Mn="disabled"}else if(e instanceof HTMLElement||e instanceof SVGElement){let t="userSelect"in e.style?"userSelect":"webkitUserSelect";Er.set(e,e.style[t]),e.style[t]="none"}}function zs(e){if(br()){if(Mn!=="disabled")return;Mn="restoring",setTimeout(()=>{nu(()=>{if(Mn==="restoring"){const t=Me(e);t.documentElement.style.webkitUserSelect==="none"&&(t.documentElement.style.webkitUserSelect=Us||""),Us="",Mn="default"}})},300)}else if((e instanceof HTMLElement||e instanceof SVGElement)&&e&&Er.has(e)){let t=Er.get(e),n="userSelect"in e.style?"userSelect":"webkitUserSelect";e.style[n]==="none"&&(e.style[n]=t),e.getAttribute("style")===""&&e.removeAttribute("style"),Er.delete(e)}}const gu=w.createContext({register:()=>{}});gu.displayName="PressResponderContext";function $T(e,t){return t.get?t.get.call(e):t.value}function hu(e,t,n){if(!t.has(e))throw new TypeError("attempted to "+n+" private field on non-instance");return t.get(e)}function KT(e,t){var n=hu(e,t,"get");return $T(e,n)}function HT(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}function WT(e,t,n){HT(e,t),t.set(e,n)}function GT(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 bu(e,t,n){var o=hu(e,t,"set");return GT(e,o,n),n}function UT(e){let t=w.useContext(gu);if(t){let{register:n,ref:o,...a}=t;e=dt(a,e),n()}return su(t,e.ref),e}var Tr=new WeakMap;class wr{continuePropagation(){bu(this,Tr,!1)}get shouldStopPropagation(){return KT(this,Tr)}constructor(t,n,o,a){WT(this,Tr,{writable:!0,value:void 0}),bu(this,Tr,!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,this.key=o.key}}const vu=Symbol("linkClicked"),yu="react-aria-pressable-style",Eu="data-react-aria-pressable";function Tu(e){let{onPress:t,onPressChange:n,onPressStart:o,onPressEnd:a,onPressUp:s,onClick:i,isDisabled:l,isPressed:d,preventFocusOnPress:c,shouldCancelOnPointerExit:u,allowTextSelectionOnPress:m,ref:p,...f}=UT(e),[h,v]=w.useState(!1),E=w.useRef({isPressed:!1,ignoreEmulatedMouseEvents:!1,didFirePressStart:!1,isTriggeringEvent:!1,activePointerId:null,target:null,isOverTarget:!1,pointerType:null,disposables:[]}),{addGlobalListener:y,removeAllGlobalListeners:b,removeGlobalListener:N}=ou(),C=w.useCallback((S,I)=>{let D=E.current;if(l||D.didFirePressStart)return!1;let K=!0;if(D.isTriggeringEvent=!0,o){let U=new wr("pressstart",I,S);o(U),K=U.shouldStopPropagation}return n&&n(!0),D.isTriggeringEvent=!1,D.didFirePressStart=!0,v(!0),K},[l,o,n]),T=w.useCallback((S,I,D=!0)=>{let K=E.current;if(!K.didFirePressStart)return!1;K.didFirePressStart=!1,K.isTriggeringEvent=!0;let U=!0;if(a){let X=new wr("pressend",I,S);a(X),U=X.shouldStopPropagation}if(n&&n(!1),v(!1),t&&D&&!l){let X=new wr("press",I,S);t(X),U&&(U=X.shouldStopPropagation)}return K.isTriggeringEvent=!1,U},[l,a,n,t]),x=uo(T),B=w.useCallback((S,I)=>{let D=E.current;if(l)return!1;if(s){D.isTriggeringEvent=!0;let K=new wr("pressup",I,S);return s(K),D.isTriggeringEvent=!1,K.shouldStopPropagation}return!0},[l,s]),L=uo(B),O=w.useCallback(S=>{let I=E.current;if(I.isPressed&&I.target){I.didFirePressStart&&I.pointerType!=null&&T(dn(I.target,S),I.pointerType,!1),I.isPressed=!1,ee(null),I.isOverTarget=!1,I.activePointerId=null,I.pointerType=null,b(),m||zs(I.target);for(let D of I.disposables)D();I.disposables=[]}},[m,b,T]),R=uo(O),q=w.useCallback(S=>{u&&O(S)},[u,O]),te=w.useCallback(S=>{l||i?.(S)},[l,i]),$=w.useCallback((S,I)=>{if(!l&&i){let D=new MouseEvent("click",S);AT(D,I),i(mu(D))}},[l,i]),W=uo($),[Y,V]=w.useState(!1);Ct(()=>{let S=E.current;if(Y){let I=X=>{var _;if(S.isPressed&&S.target&&Ys(X,S.target)){var j;Du(ue(X),X.key)&&X.preventDefault();let z=ue(X),Q=ve(S.target,z);x(dn(S.target,X),"keyboard",Q),Q&&W(X,S.target),b(),X.key!=="Enter"&&js(S.target)&&ve(S.target,z)&&!X[vu]&&(X[vu]=!0,Bt(S.target,X,!1)),S.isPressed=!1,V(!1),(j=S.metaKeyEvents)===null||j===void 0||j.delete(X.key)}else if(X.key==="Meta"&&(!((_=S.metaKeyEvents)===null||_===void 0)&&_.size)){var P;let z=S.metaKeyEvents;S.metaKeyEvents=void 0;for(let Q of z.values())(P=S.target)===null||P===void 0||P.dispatchEvent(new KeyboardEvent("keyup",Q))}},D=S.target,U=Bs(X=>{D&&Ys(X,D)&&!X.repeat&&ve(D,ue(X))&&S.target&&L(dn(S.target,X),"keyboard")},I);return y(Me(S.target),"keyup",U,!0),()=>{N(Me(S.target),"keyup",U,!0)}}},[Y,y,b,N]);let[G,ee]=w.useState(null);Ct(()=>{let S=E.current;if(G==="pointer"){let I=K=>{if(K.pointerId===S.activePointerId&&S.isPressed&&K.button===0&&S.target){if(ve(S.target,ue(K))&&S.pointerType!=null){let U=!1,X=setTimeout(()=>{S.isPressed&&S.target instanceof HTMLElement&&(U?R(K):(Pt(S.target),S.target.click()))},80);K.currentTarget&&y(K.currentTarget,"click",()=>U=!0,!0),S.disposables.push(()=>clearTimeout(X))}else R(K);S.isOverTarget=!1}},D=K=>{R(K)};return y(Me(S.target),"pointerup",I,!1),y(Me(S.target),"pointercancel",D,!1),()=>{N(Me(S.target),"pointerup",I,!1),N(Me(S.target),"pointercancel",D,!1)}}else if(G==="mouse"&&process.env.NODE_ENV==="test"){let I=D=>{if(D.button===0){if(S.ignoreEmulatedMouseEvents){S.ignoreEmulatedMouseEvents=!1;return}S.target&&ve(S.target,D.target)&&S.pointerType!=null||R(D),S.isOverTarget=!1}};return y(Me(S.target),"mouseup",I,!1),()=>{N(Me(S.target),"mouseup",I,!1)}}else if(G==="touch"&&process.env.NODE_ENV==="test"){let I=D=>{S.isPressed&&ve(ue(D),S.target)&&R({currentTarget:S.target,shiftKey:!1,ctrlKey:!1,metaKey:!1,altKey:!1})};return y(ht(S.target),"scroll",I,!0),()=>{N(ht(S.target),"scroll",I,!0)}}},[G,y,N]);let H=w.useMemo(()=>{let S=E.current,I={onKeyDown(D){if(Ys(D.nativeEvent,D.currentTarget)&&ve(D.currentTarget,ue(D))){var K;Du(ue(D),D.key)&&D.preventDefault();let U=!0;!S.isPressed&&!D.repeat&&(S.target=D.currentTarget,S.isPressed=!0,V(!0),S.pointerType="keyboard",U=C(D,"keyboard")),U&&D.stopPropagation(),D.metaKey&&cn()&&((K=S.metaKeyEvents)===null||K===void 0||K.set(D.key,D.nativeEvent))}else D.key==="Meta"&&(S.metaKeyEvents=new Map)},onClick(D){if(!(D&&!ve(D.currentTarget,ue(D)))&&D&&D.button===0&&!S.isTriggeringEvent&&!Bt.isOpening){let K=!0;if(l&&D.preventDefault(),!S.ignoreEmulatedMouseEvents&&!S.isPressed&&(S.pointerType==="virtual"||Ks(D.nativeEvent))){let U=C(D,"virtual"),X=B(D,"virtual"),_=T(D,"virtual");te(D),K=U&&X&&_}else if(S.isPressed&&S.pointerType!=="keyboard"){let U=S.pointerType||D.nativeEvent.pointerType||"virtual",X=B(dn(D.currentTarget,D),U),_=T(dn(D.currentTarget,D),U,!0);K=X&&_,S.isOverTarget=!1,te(D),O(D)}S.ignoreEmulatedMouseEvents=!1,K&&D.stopPropagation()}}};return typeof PointerEvent<"u"?(I.onPointerDown=D=>{if(D.button!==0||!ve(D.currentTarget,ue(D)))return;if(xT(D.nativeEvent)){S.pointerType="virtual";return}S.pointerType=D.pointerType;let K=!0;if(!S.isPressed){S.isPressed=!0,ee("pointer"),S.isOverTarget=!0,S.activePointerId=D.pointerId,S.target=D.currentTarget,m||Su(S.target),K=C(D,S.pointerType);let U=ue(D);"releasePointerCapture"in U&&("hasPointerCapture"in U?U.hasPointerCapture(D.pointerId)&&U.releasePointerCapture(D.pointerId):U.releasePointerCapture(D.pointerId))}K&&D.stopPropagation()},I.onMouseDown=D=>{if(ve(D.currentTarget,ue(D))&&D.button===0){if(c){let K=fu(D.target);K&&S.disposables.push(K)}D.stopPropagation()}},I.onPointerUp=D=>{!ve(D.currentTarget,ue(D))||S.pointerType==="virtual"||D.button===0&&!S.isPressed&&B(D,S.pointerType||D.pointerType)},I.onPointerEnter=D=>{D.pointerId===S.activePointerId&&S.target&&!S.isOverTarget&&S.pointerType!=null&&(S.isOverTarget=!0,C(dn(S.target,D),S.pointerType))},I.onPointerLeave=D=>{D.pointerId===S.activePointerId&&S.target&&S.isOverTarget&&S.pointerType!=null&&(S.isOverTarget=!1,T(dn(S.target,D),S.pointerType,!1),q(D))},I.onDragStart=D=>{ve(D.currentTarget,ue(D))&&O(D)}):process.env.NODE_ENV==="test"&&(I.onMouseDown=D=>{if(D.button!==0||!ve(D.currentTarget,ue(D)))return;if(S.ignoreEmulatedMouseEvents){D.stopPropagation();return}if(S.isPressed=!0,ee("mouse"),S.isOverTarget=!0,S.target=D.currentTarget,S.pointerType=Ks(D.nativeEvent)?"virtual":"mouse",On.flushSync(()=>C(D,S.pointerType))&&D.stopPropagation(),c){let U=fu(D.target);U&&S.disposables.push(U)}},I.onMouseEnter=D=>{if(!ve(D.currentTarget,ue(D)))return;let K=!0;S.isPressed&&!S.ignoreEmulatedMouseEvents&&S.pointerType!=null&&(S.isOverTarget=!0,K=C(D,S.pointerType)),K&&D.stopPropagation()},I.onMouseLeave=D=>{if(!ve(D.currentTarget,ue(D)))return;let K=!0;S.isPressed&&!S.ignoreEmulatedMouseEvents&&S.pointerType!=null&&(S.isOverTarget=!1,K=T(D,S.pointerType,!1),q(D)),K&&D.stopPropagation()},I.onMouseUp=D=>{ve(D.currentTarget,ue(D))&&!S.ignoreEmulatedMouseEvents&&D.button===0&&!S.isPressed&&B(D,S.pointerType||"mouse")},I.onTouchStart=D=>{if(!ve(D.currentTarget,ue(D)))return;let K=zT(D.nativeEvent);if(!K)return;S.activePointerId=K.identifier,S.ignoreEmulatedMouseEvents=!0,S.isOverTarget=!0,S.isPressed=!0,ee("touch"),S.target=D.currentTarget,S.pointerType="touch",m||Su(S.target),C(Gt(S.target,D),S.pointerType)&&D.stopPropagation()},I.onTouchMove=D=>{if(!ve(D.currentTarget,ue(D)))return;if(!S.isPressed){D.stopPropagation();return}let K=wu(D.nativeEvent,S.activePointerId),U=!0;K&&Cu(K,D.currentTarget)?!S.isOverTarget&&S.pointerType!=null&&(S.isOverTarget=!0,U=C(Gt(S.target,D),S.pointerType)):S.isOverTarget&&S.pointerType!=null&&(S.isOverTarget=!1,U=T(Gt(S.target,D),S.pointerType,!1),q(Gt(S.target,D))),U&&D.stopPropagation()},I.onTouchEnd=D=>{if(!ve(D.currentTarget,ue(D)))return;if(!S.isPressed){D.stopPropagation();return}let K=wu(D.nativeEvent,S.activePointerId),U=!0;K&&Cu(K,D.currentTarget)&&S.pointerType!=null?(B(Gt(S.target,D),S.pointerType),U=T(Gt(S.target,D),S.pointerType),$(D.nativeEvent,S.target)):S.isOverTarget&&S.pointerType!=null&&(U=T(Gt(S.target,D),S.pointerType,!1)),U&&D.stopPropagation(),S.isPressed=!1,ee(null),S.activePointerId=null,S.isOverTarget=!1,S.ignoreEmulatedMouseEvents=!0,S.target&&!m&&zs(S.target),b()},I.onTouchCancel=D=>{ve(D.currentTarget,ue(D))&&(D.stopPropagation(),S.isPressed&&O(Gt(S.target,D)))},I.onDragStart=D=>{ve(D.currentTarget,ue(D))&&O(D)}),I},[l,c,b,m,O,q,T,C,B,te,$]);return w.useEffect(()=>{if(!p||process.env.NODE_ENV==="test")return;const S=Me(p.current);if(!S||!S.head||S.getElementById(yu))return;const I=S.createElement("style");I.id=yu,I.textContent=`
9516
+ `}}}},UE={Autocomplete:{components:[Nt],examples:$i},Checkboxes:{components:[Xt],examples:Ki},"Clickable Tags":{components:[Vn],examples:Hi},"Column Chooser":{components:[Za,jo],examples:gd},"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:[Ls],examples:Kp},"Content Rows":{components:[Qa,on,Yo],examples:hd},"Content Sections":{components:[ss],examples:zd},"Date Pickers":{components:[es],examples:Nd},"Date Range Pickers":{components:[ns],examples:xd},"Date Time Range Pickers":{components:[os],examples:_d},Datetime:{components:[rs],examples:Rd},"Time Input":{components:[Os],examples:zp},"Description Lists":{description:()=>r.createElement("p",null,"Description Lists display a series of terms with accompanying descriptions such as a glossary of terms."),components:[Qo,er,nr],examples:Gd},Dropdown:{components:[sn,as],examples:Ud},"Filter Panel":{components:[Is,ks,xs,Ms],examples:$p},Form:{components:[ao],examples:Sd},Incrementor:{components:[is],examples:jd},Label:{description:()=>r.createElement("p",null,"Labels provide a description for the value to be entered or selected in an accompanying input field."),components:[ls],examples:Yd},"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:[cs],examples:up},"Micro Block":{components:[ds],examples:mp},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:[ps,rr],examples:Sp},"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:[ms],examples:gp},"Multi Value Text Input":{description:()=>r.createElement("p",null,"To be determined."),components:[Ps],examples:Gp},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:[fs,ar],examples:hp},"Radio Buttons":{description:"Radio Buttons allow a user to make single selection from a list of predefined options.",components:[Ss],examples:bp},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:[rn],examples:Md},"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:[yp],examples:Ep},"Split Button":{components:[gs],examples:Tp},"Summary List Row":{components:[hs,bs,lo],examples:wp},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:[ln,Gt,oe,Wt,Re,Ne],examples:pp},"Task Queue":{components:[vs],examples:Cp},"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:[ir],examples:Dp},"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:[ys],examples:Np},Toggles:{description:()=>r.createElement("p",null,"Toggles allow a user to immediately turn a setting on or off."),components:[Es],examples:kp},Tooltips:{components:[lt,Ts],examples:xp},Wizard:{components:[Cs,Ds],examples:Pp},Workflow:{components:[lr,cr,dr,pr],examples:Vp,notices:[RE]},"Slide In Panels":{description:"",components:[us],examples:fp}},jp=new WeakMap;function ur(e,t,n){if(!e)return"";typeof t=="string"&&(t=t.replace(/\s+/g,""));let o=jp.get(e);return process.env.NODE_ENV!=="production"&&!o&&console.error("There is no tab id, please check if you have rendered the tab panel before the tab list."),`${o}-${n}-${t}`}const It=typeof document<"u"?w.useLayoutEffect:()=>{},mr={prefix:String(Math.round(Math.random()*1e10)),current:0},Yp=w.createContext(mr),zE=w.createContext(!1);let jE=!!(typeof window<"u"&&window.document&&window.document.createElement),Bs=new WeakMap;function YE(e=!1){let t=w.useContext(Yp),n=w.useRef(null);if(n.current===null&&!e){var o,a;let s=(a=w.__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=Bs.get(s);i==null?Bs.set(s,{id:t.current,state:s.memoizedState}):s.memoizedState!==i.state&&(t.current=i.id,Bs.delete(s))}n.current=++t.current}return n.current}function qE(e){let t=w.useContext(Yp);t===mr&&!jE&&process.env.NODE_ENV!=="production"&&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===mr&&process.env.NODE_ENV==="test"?"react-aria":`react-aria${t.prefix}`;return e||`${o}-${n}`}function JE(e){let t=w.useId(),[n]=w.useState(qp()),o=n||process.env.NODE_ENV==="test"?"react-aria":`react-aria${mr.prefix}`;return e||`${o}-${t}`}const XE=typeof w.useId=="function"?JE:qE;function ZE(){return!1}function QE(){return!0}function eT(e){return()=>{}}function qp(){return typeof w.useSyncExternalStore=="function"?w.useSyncExternalStore(eT,ZE,QE):w.useContext(zE)}let tT=!!(typeof window<"u"&&window.document&&window.document.createElement),xn=new Map,co;typeof FinalizationRegistry<"u"&&(co=new FinalizationRegistry(e=>{xn.delete(e)}));function fr(e){let[t,n]=w.useState(e),o=w.useRef(null),a=XE(t),s=w.useRef(null);if(co&&co.register(s,a),tT){const i=xn.get(a);i&&!i.includes(o)?i.push(o):xn.set(a,[o])}return It(()=>{let i=a;return()=>{co&&co.unregister(s),xn.delete(i)}},[a]),w.useEffect(()=>{let i=o.current;return i&&n(i),()=>{i&&(o.current=null)}}),a}function nT(e,t){if(e===t)return e;let n=xn.get(e);if(n)return n.forEach(a=>a.current=t),t;let o=xn.get(t);return o?(o.forEach(a=>a.current=e),e):t}function _s(...e){return(...t)=>{for(let n of e)typeof n=="function"&&n(...t)}}const ke=e=>{var t;return(t=e?.ownerDocument)!==null&&t!==void 0?t:document},ht=e=>e&&"window"in e&&e.window===e?e:ke(e).defaultView||window;function oT(e){return e!==null&&typeof e=="object"&&"nodeType"in e&&typeof e.nodeType=="number"}function rT(e){return oT(e)&&e.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&"host"in e}let aT=!1;function Sr(){return aT}function ye(e,t){if(!Sr())return t&&e?e.contains(t):!1;if(!e||!t)return!1;let n=t;for(;n!==null;){if(n===e)return!0;n.tagName==="SLOT"&&n.assignedSlot?n=n.assignedSlot.parentNode:rT(n)?n=n.host:n=n.parentNode}return!1}const kt=(e=document)=>{var t;if(!Sr())return e.activeElement;let n=e.activeElement;for(;n&&"shadowRoot"in n&&(!((t=n.shadowRoot)===null||t===void 0)&&t.activeElement);)n=n.shadowRoot.activeElement;return n};function ue(e){if(Sr()&&e.target instanceof Element&&e.target.shadowRoot){var t,n;if("composedPath"in e)return(t=e.composedPath()[0])!==null&&t!==void 0?t:null;if("composedPath"in e.nativeEvent)return(n=e.nativeEvent.composedPath()[0])!==null&&n!==void 0?n:null}return e.target}function Jp(e){if(!e)return!1;let t=e.getRootNode(),n=ht(e);if(!(t instanceof n.Document||t instanceof n.ShadowRoot))return!1;let o=t.activeElement;return o!=null&&e.contains(o)}class sT{get currentNode(){return this._currentNode}set currentNode(t){if(!ye(this.root,t))throw new Error("Cannot set currentNode to a node that is not contained by the root node.");const n=[];let o=t,a=t;for(this._currentNode=t;o&&o!==this.root;)if(o.nodeType===Node.DOCUMENT_FRAGMENT_NODE){const i=o,l=this._doc.createTreeWalker(i,this.whatToShow,{acceptNode:this._acceptNode});n.push(l),l.currentNode=a,this._currentSetFor.add(l),o=a=i.host}else o=o.parentNode;const s=this._doc.createTreeWalker(this.root,this.whatToShow,{acceptNode:this._acceptNode});n.push(s),s.currentNode=a,this._currentSetFor.add(s),this._walkerStack=n}get doc(){return this._doc}firstChild(){let t=this.currentNode,n=this.nextNode();return ye(t,n)?(n&&(this.currentNode=n),n):(this.currentNode=t,null)}lastChild(){let n=this._walkerStack[0].lastChild();return n&&(this.currentNode=n),n}nextNode(){const t=this._walkerStack[0].nextNode();if(t){if(t.shadowRoot){var n;let a;if(typeof this.filter=="function"?a=this.filter(t):!((n=this.filter)===null||n===void 0)&&n.acceptNode&&(a=this.filter.acceptNode(t)),a===NodeFilter.FILTER_ACCEPT)return this.currentNode=t,t;let s=this.nextNode();return s&&(this.currentNode=s),s}return t&&(this.currentNode=t),t}else if(this._walkerStack.length>1){this._walkerStack.shift();let o=this.nextNode();return o&&(this.currentNode=o),o}else return null}previousNode(){const t=this._walkerStack[0];if(t.currentNode===t.root){if(this._currentSetFor.has(t))if(this._currentSetFor.delete(t),this._walkerStack.length>1){this._walkerStack.shift();let a=this.previousNode();return a&&(this.currentNode=a),a}else return null;return null}const n=t.previousNode();if(n){if(n.shadowRoot){var o;let s;if(typeof this.filter=="function"?s=this.filter(n):!((o=this.filter)===null||o===void 0)&&o.acceptNode&&(s=this.filter.acceptNode(n)),s===NodeFilter.FILTER_ACCEPT)return n&&(this.currentNode=n),n;let i=this.lastChild();return i&&(this.currentNode=i),i}return n&&(this.currentNode=n),n}else if(this._walkerStack.length>1){this._walkerStack.shift();let a=this.previousNode();return a&&(this.currentNode=a),a}else return null}nextSibling(){return null}previousSibling(){return null}parentNode(){return null}constructor(t,n,o,a){this._walkerStack=[],this._currentSetFor=new Set,this._acceptNode=i=>{if(i.nodeType===Node.ELEMENT_NODE){const d=i.shadowRoot;if(d){const c=this._doc.createTreeWalker(d,this.whatToShow,{acceptNode:this._acceptNode});return this._walkerStack.unshift(c),NodeFilter.FILTER_ACCEPT}else{var l;if(typeof this.filter=="function")return this.filter(i);if(!((l=this.filter)===null||l===void 0)&&l.acceptNode)return this.filter.acceptNode(i);if(this.filter===null)return NodeFilter.FILTER_ACCEPT}}return NodeFilter.FILTER_SKIP},this._doc=t,this.root=n,this.filter=a??null,this.whatToShow=o??NodeFilter.SHOW_ALL,this._currentNode=n,this._walkerStack.unshift(t.createTreeWalker(n,o,this._acceptNode));const s=n.shadowRoot;if(s){const i=this._doc.createTreeWalker(s,this.whatToShow,{acceptNode:this._acceptNode});this._walkerStack.unshift(i)}}}function iT(e,t,n,o){return Sr()?new sT(e,t,n,o):e.createTreeWalker(t,n,o)}function lT(...e){return e.length===1&&e[0]?e[0]:t=>{let n=!1;const o=e.map(a=>{const s=Xp(a,t);return n||(n=typeof s=="function"),s});if(n)return()=>{o.forEach((a,s)=>{typeof a=="function"?a():Xp(e[s],null)})}}}function Xp(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function ct(...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]=_s(s,i):(a==="className"||a==="UNSAFE_className")&&typeof s=="string"&&typeof i=="string"?t[a]=A(s,i):a==="id"&&s&&i?t.id=nT(s,i):a==="ref"&&s&&i?t.ref=lT(s,i):t[a]=i!==void 0?i:s}}return t}const cT=new Set(["id"]),dT=new Set(["aria-label","aria-labelledby","aria-describedby","aria-details"]),pT=new Set(["href","hrefLang","target","rel","download","ping","referrerPolicy"]),uT=new Set(["dir","lang","hidden","inert","translate"]),Zp=new Set(["onClick","onAuxClick","onContextMenu","onDoubleClick","onMouseDown","onMouseEnter","onMouseLeave","onMouseMove","onMouseOut","onMouseOver","onMouseUp","onTouchCancel","onTouchEnd","onTouchMove","onTouchStart","onPointerDown","onPointerMove","onPointerUp","onPointerCancel","onPointerEnter","onPointerLeave","onPointerOver","onPointerOut","onGotPointerCapture","onLostPointerCapture","onScroll","onWheel","onAnimationStart","onAnimationEnd","onAnimationIteration","onTransitionCancel","onTransitionEnd","onTransitionRun","onTransitionStart"]),mT=/^(data-.*)$/;function fT(e,t={}){let{labelable:n,isLink:o,global:a,events:s=a,propNames:i}=t,l={};for(const d in e)Object.prototype.hasOwnProperty.call(e,d)&&(cT.has(d)||n&&dT.has(d)||o&&pT.has(d)||a&&uT.has(d)||s&&(Zp.has(d)||d.endsWith("Capture")&&Zp.has(d.slice(0,-7)))||i?.has(d)||mT.test(d))&&(l[d]=e[d]);return l}function Bt(e){if(ST())e.focus({preventScroll:!0});else{let t=gT(e);e.focus(),hT(t)}}let gr=null;function ST(){if(gr==null){gr=!1;try{document.createElement("div").focus({get preventScroll(){return gr=!0,!0}})}catch{}}return gr}function gT(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 hT(e){for(let{element:t,scrollTop:n,scrollLeft:o}of e)t.scrollTop=n,t.scrollLeft=o}function hr(e){var t;if(typeof window>"u"||window.navigator==null)return!1;let n=(t=window.navigator.userAgentData)===null||t===void 0?void 0:t.brands;return Array.isArray(n)&&n.some(o=>e.test(o.brand))||e.test(window.navigator.userAgent)}function Rs(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 _t(e){if(process.env.NODE_ENV==="test")return e;let t=null;return()=>(t==null&&(t=e()),t)}const cn=_t(function(){return Rs(/^Mac/i)}),bT=_t(function(){return Rs(/^iPhone/i)}),Qp=_t(function(){return Rs(/^iPad/i)||cn()&&navigator.maxTouchPoints>1}),br=_t(function(){return bT()||Qp()}),vT=_t(function(){return cn()||br()}),yT=_t(function(){return hr(/AppleWebKit/i)&&!eu()}),eu=_t(function(){return hr(/Chrome/i)}),tu=_t(function(){return hr(/Android/i)}),ET=_t(function(){return hr(/Firefox/i)}),TT=w.createContext({isNative:!0,open:CT,useHref:e=>e});function Fs(){return w.useContext(TT)}function Rt(e,t,n=!0){var o,a;let{metaKey:s,ctrlKey:i,altKey:l,shiftKey:d}=t;ET()&&(!((a=window.event)===null||a===void 0||(o=a.type)===null||o===void 0)&&o.startsWith("key"))&&e.target==="_blank"&&(cn()?s=!0:i=!0);let c=yT()&&cn()&&!Qp()&&process.env.NODE_ENV!=="test"?new KeyboardEvent("keydown",{keyIdentifier:"Enter",metaKey:s,ctrlKey:i,altKey:l,shiftKey:d}):new MouseEvent("click",{metaKey:s,ctrlKey:i,altKey:l,shiftKey:d,detail:1,bubbles:!0,cancelable:!0});Rt.isOpening=n,Bt(e),e.dispatchEvent(c),Rt.isOpening=!1}Rt.isOpening=!1;function wT(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 CT(e,t){wT(e,n=>Rt(n,t))}function DT(e){let t=Fs();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 Ut=new Map,As=new Set;function nu(){if(typeof window>"u")return;function e(o){return"propertyName"in o}let t=o=>{let a=ue(o);if(!e(o)||!a)return;let s=Ut.get(a);s||(s=new Set,Ut.set(a,s),a.addEventListener("transitioncancel",n,{once:!0})),s.add(o.propertyName)},n=o=>{let a=ue(o);if(!e(o)||!a)return;let s=Ut.get(a);if(s&&(s.delete(o.propertyName),s.size===0&&(a.removeEventListener("transitioncancel",n),Ut.delete(a)),Ut.size===0)){for(let i of As)i();As.clear()}};document.body.addEventListener("transitionrun",t),document.body.addEventListener("transitionend",n)}typeof document<"u"&&(document.readyState!=="loading"?nu():document.addEventListener("DOMContentLoaded",nu));function NT(){for(const[e]of Ut)"isConnected"in e&&!e.isConnected&&Ut.delete(e)}function ou(e){requestAnimationFrame(()=>{NT(),Ut.size===0?e():As.add(e)})}function ru(){let e=w.useRef(new Map),t=w.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,d,l)},[]),n=w.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=w.useCallback(()=>{e.current.forEach((a,s)=>{n(a.eventTarget,a.type,s,a.options)})},[n]);return w.useEffect(()=>o,[o]),{addGlobalListener:t,removeGlobalListener:n,removeAllGlobalListeners:o}}function au(e,t){let{id:n,"aria-label":o,"aria-labelledby":a}=e;return n=fr(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}}var Vs;const IT=(Vs=w.useInsertionEffect)!==null&&Vs!==void 0?Vs:It;function po(e){const t=w.useRef(null);return IT(()=>{t.current=e},[e]),w.useCallback((...n)=>{const o=t.current;return o?.(...n)},[])}function su(e,t){const n=w.useRef(!0),o=w.useRef(null);It(()=>(n.current=!0,()=>{n.current=!1}),[]),It(()=>{n.current?n.current=!1:(!o.current||t.some((a,s)=>!Object.is(a,o[s])))&&e(),o.current=t},t)}function iu(e,t){It(()=>{if(e&&e.ref&&t)return e.ref.current=t.current,()=>{e.ref&&(e.ref.current=null)}})}function kT(e,t){if(!e)return!1;let n=window.getComputedStyle(e),o=document.scrollingElement||document.documentElement,a=/(auto|scroll)/.test(n.overflow+n.overflowX+n.overflowY);return e===o&&n.overflow!=="hidden"&&(a=!0),a&&t&&(a=e.scrollHeight!==e.clientHeight||e.scrollWidth!==e.clientWidth),a}function lu(e,t){let n=[],o=document.scrollingElement||document.documentElement;do kT(e,t)&&n.push(e),e=e.parentElement;while(e&&e!==o);return n}function Mn(e){return cn()?e.metaKey:e.ctrlKey}let xT=0;const $s=new Map;function MT(e){let[t,n]=w.useState();return It(()=>{if(!e)return;let o=$s.get(e);if(o)n(o.element.id);else{let a=`react-aria-description-${xT++}`;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},$s.set(e,o)}return o.refCount++,()=>{o&&--o.refCount===0&&(o.element.remove(),$s.delete(e))}},[e]),{"aria-describedby":e?t:void 0}}function vr(e,t,n,o){let a=po(n),s=n==null;w.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])}function Ks(e,t,n={}){let{block:o="nearest",inline:a="nearest"}=n;if(e===t)return;let s=e.scrollTop,i=e.scrollLeft,l=t.getBoundingClientRect(),d=e.getBoundingClientRect(),c=window.getComputedStyle(t),u=window.getComputedStyle(e),m=document.scrollingElement||document.documentElement,p=e===m?0:d.top,f=e===m?e.clientHeight:d.bottom,h=e===m?0:d.left,v=e===m?e.clientWidth:d.right,E=parseInt(c.scrollMarginTop,10)||0,y=parseInt(c.scrollMarginBottom,10)||0,b=parseInt(c.scrollMarginLeft,10)||0,N=parseInt(c.scrollMarginRight,10)||0,C=parseInt(u.scrollPaddingTop,10)||0,T=parseInt(u.scrollPaddingBottom,10)||0,x=parseInt(u.scrollPaddingLeft,10)||0,B=parseInt(u.scrollPaddingRight,10)||0,M=parseInt(u.borderTopWidth,10)||0,P=parseInt(u.borderBottomWidth,10)||0,F=parseInt(u.borderLeftWidth,10)||0,j=parseInt(u.borderRightWidth,10)||0,te=l.top-E,V=l.bottom+y,G=l.left-b,Y=l.right+N,U=e===m?0:F+j,$=e===m?0:M+P,Q=e.offsetWidth-e.clientWidth-U,K=e.offsetHeight-e.clientHeight-$,S=p+M+C,I=f-P-T-K,D=h+F+x,H=v-j-B;u.direction==="rtl"&&!br()?D+=Q:H-=Q;let z=te<S||V>I,Z=G<D||Y>H;if(z&&o==="start")s+=te-S;else if(z&&o==="center")s+=(te+V)/2-(S+I)/2;else if(z&&o==="end")s+=V-I;else if(z&&o==="nearest"){let O=te-S,J=V-I;s+=Math.abs(O)<=Math.abs(J)?O:J}if(Z&&a==="start")i+=G-D;else if(Z&&a==="center")i+=(G+Y)/2-(D+H)/2;else if(Z&&a==="end")i+=Y-H;else if(Z&&a==="nearest"){let O=G-D,J=Y-H;i+=Math.abs(O)<=Math.abs(J)?O:J}if(process.env.NODE_ENV==="test"){e.scrollLeft=i,e.scrollTop=s;return}e.scrollTo({left:i,top:s})}function cu(e,t={}){let{containingElement:n}=t;if(e&&e.isConnected){let i=document.scrollingElement||document.documentElement;if(!(window.getComputedStyle(i).overflow==="hidden")&&!eu()){var o;let{left:d,top:c}=e.getBoundingClientRect();e==null||(o=e.scrollIntoView)===null||o===void 0||o.call(e,{block:"nearest"});let{left:u,top:m}=e.getBoundingClientRect();if(Math.abs(d-u)>1||Math.abs(c-m)>1){var a,s;n==null||(a=n.scrollIntoView)===null||a===void 0||a.call(n,{block:"center",inline:"center"}),(s=e.scrollIntoView)===null||s===void 0||s.call(e,{block:"nearest"})}}else{let{left:d,top:c}=e.getBoundingClientRect(),u=lu(e,!0);for(let f of u)Ks(f,e);let{left:m,top:p}=e.getBoundingClientRect();if(Math.abs(d-m)>1||Math.abs(c-p)>1){u=n?lu(n,!0):[];for(let f of u)Ks(f,n,{block:"center",inline:"center"})}}}}function Hs(e){return e.pointerType===""&&e.isTrusted?!0:tu()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function LT(e){return!tu()&&e.width===0&&e.height===0||e.width===1&&e.height===1&&e.pressure===0&&e.detail===0&&e.pointerType==="mouse"}const PT="react-aria-clear-focus",OT="react-aria-focus",BT=typeof Element<"u"&&"checkVisibility"in Element.prototype;function _T(e){const t=ht(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 RT(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 Ws(e,t){return BT?e.checkVisibility({visibilityProperty:!0})&&!e.closest("[data-react-aria-prevent-focus]"):e.nodeName!=="#comment"&&_T(e)&&RT(e,t)&&(!e.parentElement||Ws(e.parentElement,e))}const Gs=["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]:not([contenteditable^="false"])',"permission"],FT=Gs.join(":not([hidden]),")+",[tabindex]:not([disabled]):not([hidden])";Gs.push('[tabindex]:not([tabindex="-1"]):not([disabled])');const AT=Gs.join(':not([hidden]):not([tabindex="-1"]),');function du(e){return e.matches(FT)&&Ws(e)&&!uu(e)}function pu(e){return e.matches(AT)&&Ws(e)&&!uu(e)}function uu(e){let t=e;for(;t!=null;){if(t instanceof t.ownerDocument.defaultView.HTMLElement&&t.inert)return!0;t=t.parentElement}return!1}var Us;const VT=typeof document<"u"?(Us=w.useInsertionEffect)!==null&&Us!==void 0?Us:w.useLayoutEffect:()=>{};function mu(e,t,n){let[o,a]=w.useState(e||t),s=w.useRef(o),i=w.useRef(e!==void 0),l=e!==void 0;w.useEffect(()=>{let m=i.current;m!==l&&process.env.NODE_ENV!=="production"&&console.warn(`WARN: A component changed from ${m?"controlled":"uncontrolled"} to ${l?"controlled":"uncontrolled"}.`),i.current=l},[l]);let d=l?e:o;VT(()=>{s.current=d});let[,c]=w.useReducer(()=>({}),{}),u=w.useCallback((m,...p)=>{let f=typeof m=="function"?m(s.current):m;Object.is(s.current,f)||(s.current=f,a(f),c(),n?.(f,...p))},[n]);return[d,u]}function fu(e){let t=e;return t.nativeEvent=e,t.isDefaultPrevented=()=>t.defaultPrevented,t.isPropagationStopped=()=>t.cancelBubble,t.persist=()=>{},t}function $T(e,t){Object.defineProperty(e,"target",{value:t}),Object.defineProperty(e,"currentTarget",{value:t})}function KT(e){let t=w.useRef({isFocused:!1,observer:null});return It(()=>{const n=t.current;return()=>{n.observer&&(n.observer.disconnect(),n.observer=null)}},[]),w.useCallback(n=>{let o=ue(n);if(o instanceof HTMLButtonElement||o instanceof HTMLInputElement||o instanceof HTMLTextAreaElement||o instanceof HTMLSelectElement){t.current.isFocused=!0;let a=o,s=i=>{if(t.current.isFocused=!1,a.disabled){let l=fu(i);e?.(l)}t.current.observer&&(t.current.observer.disconnect(),t.current.observer=null)};a.addEventListener("focusout",s,{once:!0}),t.current.observer=new MutationObserver(()=>{if(t.current.isFocused&&a.disabled){var i;(i=t.current.observer)===null||i===void 0||i.disconnect();let l=a===kt()?null:kt();a.dispatchEvent(new FocusEvent("blur",{relatedTarget:l})),a.dispatchEvent(new FocusEvent("focusout",{bubbles:!0,relatedTarget:l}))}}),t.current.observer.observe(a,{attributes:!0,attributeFilter:["disabled"]})}},[e])}let yr=!1;function Su(e){for(;e&&!du(e);)e=e.parentElement;let t=ht(e),n=t.document.activeElement;if(!n||n===e)return;yr=!0;let o=!1,a=u=>{(ue(u)===n||o)&&u.stopImmediatePropagation()},s=u=>{(ue(u)===n||o)&&(u.stopImmediatePropagation(),!e&&!o&&(o=!0,Bt(n),d()))},i=u=>{(ue(u)===e||o)&&u.stopImmediatePropagation()},l=u=>{(ue(u)===e||o)&&(u.stopImmediatePropagation(),o||(o=!0,Bt(n),d()))};t.addEventListener("blur",a,!0),t.addEventListener("focusout",s,!0),t.addEventListener("focusin",l,!0),t.addEventListener("focus",i,!0);let d=()=>{cancelAnimationFrame(c),t.removeEventListener("blur",a,!0),t.removeEventListener("focusout",s,!0),t.removeEventListener("focusin",l,!0),t.removeEventListener("focus",i,!0),yr=!1,o=!1},c=requestAnimationFrame(d);return d}let Ln="default",zs="",Er=new WeakMap;function gu(e){if(br()){if(Ln==="default"){const t=ke(e);zs=t.documentElement.style.webkitUserSelect,t.documentElement.style.webkitUserSelect="none"}Ln="disabled"}else if(e instanceof HTMLElement||e instanceof SVGElement){let t="userSelect"in e.style?"userSelect":"webkitUserSelect";Er.set(e,e.style[t]),e.style[t]="none"}}function js(e){if(br()){if(Ln!=="disabled")return;Ln="restoring",setTimeout(()=>{ou(()=>{if(Ln==="restoring"){const t=ke(e);t.documentElement.style.webkitUserSelect==="none"&&(t.documentElement.style.webkitUserSelect=zs||""),zs="",Ln="default"}})},300)}else if((e instanceof HTMLElement||e instanceof SVGElement)&&e&&Er.has(e)){let t=Er.get(e),n="userSelect"in e.style?"userSelect":"webkitUserSelect";e.style[n]==="none"&&(e.style[n]=t),e.getAttribute("style")===""&&e.removeAttribute("style"),Er.delete(e)}}const hu=w.createContext({register:()=>{}});hu.displayName="PressResponderContext";function HT(e,t){return t.get?t.get.call(e):t.value}function bu(e,t,n){if(!t.has(e))throw new TypeError("attempted to "+n+" private field on non-instance");return t.get(e)}function WT(e,t){var n=bu(e,t,"get");return HT(e,n)}function GT(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}function UT(e,t,n){GT(e,t),t.set(e,n)}function zT(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 vu(e,t,n){var o=bu(e,t,"set");return zT(e,o,n),n}function jT(e){let t=w.useContext(hu);if(t){let{register:n,ref:o,...a}=t;e=ct(a,e),n()}return iu(t,e.ref),e}var Tr=new WeakMap;class wr{continuePropagation(){vu(this,Tr,!1)}get shouldStopPropagation(){return WT(this,Tr)}constructor(t,n,o,a){UT(this,Tr,{writable:!0,value:void 0}),vu(this,Tr,!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,this.key=o.key}}const yu=Symbol("linkClicked"),Eu="react-aria-pressable-style",Tu="data-react-aria-pressable";function wu(e){let{onPress:t,onPressChange:n,onPressStart:o,onPressEnd:a,onPressUp:s,onClick:i,isDisabled:l,isPressed:d,preventFocusOnPress:c,shouldCancelOnPointerExit:u,allowTextSelectionOnPress:m,ref:p,...f}=jT(e),[h,v]=w.useState(!1),E=w.useRef({isPressed:!1,ignoreEmulatedMouseEvents:!1,didFirePressStart:!1,isTriggeringEvent:!1,activePointerId:null,target:null,isOverTarget:!1,pointerType:null,disposables:[]}),{addGlobalListener:y,removeAllGlobalListeners:b,removeGlobalListener:N}=ru(),C=w.useCallback((S,I)=>{let D=E.current;if(l||D.didFirePressStart)return!1;let H=!0;if(D.isTriggeringEvent=!0,o){let z=new wr("pressstart",I,S);o(z),H=z.shouldStopPropagation}return n&&n(!0),D.isTriggeringEvent=!1,D.didFirePressStart=!0,v(!0),H},[l,o,n]),T=w.useCallback((S,I,D=!0)=>{let H=E.current;if(!H.didFirePressStart)return!1;H.didFirePressStart=!1,H.isTriggeringEvent=!0;let z=!0;if(a){let Z=new wr("pressend",I,S);a(Z),z=Z.shouldStopPropagation}if(n&&n(!1),v(!1),t&&D&&!l){let Z=new wr("press",I,S);t(Z),z&&(z=Z.shouldStopPropagation)}return H.isTriggeringEvent=!1,z},[l,a,n,t]),x=po(T),B=w.useCallback((S,I)=>{let D=E.current;if(l)return!1;if(s){D.isTriggeringEvent=!0;let H=new wr("pressup",I,S);return s(H),D.isTriggeringEvent=!1,H.shouldStopPropagation}return!0},[l,s]),M=po(B),P=w.useCallback(S=>{let I=E.current;if(I.isPressed&&I.target){I.didFirePressStart&&I.pointerType!=null&&T(dn(I.target,S),I.pointerType,!1),I.isPressed=!1,Q(null),I.isOverTarget=!1,I.activePointerId=null,I.pointerType=null,b(),m||js(I.target);for(let D of I.disposables)D();I.disposables=[]}},[m,b,T]),F=po(P),j=w.useCallback(S=>{u&&P(S)},[u,P]),te=w.useCallback(S=>{l||i?.(S)},[l,i]),V=w.useCallback((S,I)=>{if(!l&&i){let D=new MouseEvent("click",S);$T(D,I),i(fu(D))}},[l,i]),G=po(V),[Y,U]=w.useState(!1);It(()=>{let S=E.current;if(Y){let I=Z=>{var O;if(S.isPressed&&S.target&&qs(Z,S.target)){var J;Nu(ue(Z),Z.key)&&Z.preventDefault();let W=ue(Z),ee=ye(S.target,W);x(dn(S.target,Z),"keyboard",ee),ee&&G(Z,S.target),b(),Z.key!=="Enter"&&Ys(S.target)&&ye(S.target,W)&&!Z[yu]&&(Z[yu]=!0,Rt(S.target,Z,!1)),S.isPressed=!1,U(!1),(J=S.metaKeyEvents)===null||J===void 0||J.delete(Z.key)}else if(Z.key==="Meta"&&(!((O=S.metaKeyEvents)===null||O===void 0)&&O.size)){var R;let W=S.metaKeyEvents;S.metaKeyEvents=void 0;for(let ee of W.values())(R=S.target)===null||R===void 0||R.dispatchEvent(new KeyboardEvent("keyup",ee))}},D=S.target,z=_s(Z=>{D&&qs(Z,D)&&!Z.repeat&&ye(D,ue(Z))&&S.target&&M(dn(S.target,Z),"keyboard")},I);return y(ke(S.target),"keyup",z,!0),()=>{N(ke(S.target),"keyup",z,!0)}}},[Y,y,b,N]);let[$,Q]=w.useState(null);It(()=>{let S=E.current;if($==="pointer"){let I=H=>{if(H.pointerId===S.activePointerId&&S.isPressed&&H.button===0&&S.target){if(ye(S.target,ue(H))&&S.pointerType!=null){let z=!1,Z=setTimeout(()=>{S.isPressed&&S.target instanceof HTMLElement&&(z?F(H):(Bt(S.target),S.target.click()))},80);H.currentTarget&&y(H.currentTarget,"click",()=>z=!0,!0),S.disposables.push(()=>clearTimeout(Z))}else F(H);S.isOverTarget=!1}},D=H=>{F(H)};return y(ke(S.target),"pointerup",I,!1),y(ke(S.target),"pointercancel",D,!1),()=>{N(ke(S.target),"pointerup",I,!1),N(ke(S.target),"pointercancel",D,!1)}}else if($==="mouse"&&process.env.NODE_ENV==="test"){let I=D=>{if(D.button===0){if(S.ignoreEmulatedMouseEvents){S.ignoreEmulatedMouseEvents=!1;return}S.target&&ye(S.target,D.target)&&S.pointerType!=null||F(D),S.isOverTarget=!1}};return y(ke(S.target),"mouseup",I,!1),()=>{N(ke(S.target),"mouseup",I,!1)}}else if($==="touch"&&process.env.NODE_ENV==="test"){let I=D=>{S.isPressed&&ye(ue(D),S.target)&&F({currentTarget:S.target,shiftKey:!1,ctrlKey:!1,metaKey:!1,altKey:!1})};return y(ht(S.target),"scroll",I,!0),()=>{N(ht(S.target),"scroll",I,!0)}}},[$,y,N]);let K=w.useMemo(()=>{let S=E.current,I={onKeyDown(D){if(qs(D.nativeEvent,D.currentTarget)&&ye(D.currentTarget,ue(D))){var H;Nu(ue(D),D.key)&&D.preventDefault();let z=!0;!S.isPressed&&!D.repeat&&(S.target=D.currentTarget,S.isPressed=!0,U(!0),S.pointerType="keyboard",z=C(D,"keyboard")),z&&D.stopPropagation(),D.metaKey&&cn()&&((H=S.metaKeyEvents)===null||H===void 0||H.set(D.key,D.nativeEvent))}else D.key==="Meta"&&(S.metaKeyEvents=new Map)},onClick(D){if(!(D&&!ye(D.currentTarget,ue(D)))&&D&&D.button===0&&!S.isTriggeringEvent&&!Rt.isOpening){let H=!0;if(l&&D.preventDefault(),!S.ignoreEmulatedMouseEvents&&!S.isPressed&&(S.pointerType==="virtual"||Hs(D.nativeEvent))){let z=C(D,"virtual"),Z=B(D,"virtual"),O=T(D,"virtual");te(D),H=z&&Z&&O}else if(S.isPressed&&S.pointerType!=="keyboard"){let z=S.pointerType||D.nativeEvent.pointerType||"virtual",Z=B(dn(D.currentTarget,D),z),O=T(dn(D.currentTarget,D),z,!0);H=Z&&O,S.isOverTarget=!1,te(D),P(D)}S.ignoreEmulatedMouseEvents=!1,H&&D.stopPropagation()}}};return typeof PointerEvent<"u"?(I.onPointerDown=D=>{if(D.button!==0||!ye(D.currentTarget,ue(D)))return;if(LT(D.nativeEvent)){S.pointerType="virtual";return}S.pointerType=D.pointerType;let H=!0;if(!S.isPressed){S.isPressed=!0,Q("pointer"),S.isOverTarget=!0,S.activePointerId=D.pointerId,S.target=D.currentTarget,m||gu(S.target),H=C(D,S.pointerType);let z=ue(D);"releasePointerCapture"in z&&("hasPointerCapture"in z?z.hasPointerCapture(D.pointerId)&&z.releasePointerCapture(D.pointerId):z.releasePointerCapture(D.pointerId))}H&&D.stopPropagation()},I.onMouseDown=D=>{if(ye(D.currentTarget,ue(D))&&D.button===0){if(c){let H=Su(D.target);H&&S.disposables.push(H)}D.stopPropagation()}},I.onPointerUp=D=>{!ye(D.currentTarget,ue(D))||S.pointerType==="virtual"||D.button===0&&!S.isPressed&&B(D,S.pointerType||D.pointerType)},I.onPointerEnter=D=>{D.pointerId===S.activePointerId&&S.target&&!S.isOverTarget&&S.pointerType!=null&&(S.isOverTarget=!0,C(dn(S.target,D),S.pointerType))},I.onPointerLeave=D=>{D.pointerId===S.activePointerId&&S.target&&S.isOverTarget&&S.pointerType!=null&&(S.isOverTarget=!1,T(dn(S.target,D),S.pointerType,!1),j(D))},I.onDragStart=D=>{ye(D.currentTarget,ue(D))&&P(D)}):process.env.NODE_ENV==="test"&&(I.onMouseDown=D=>{if(D.button!==0||!ye(D.currentTarget,ue(D)))return;if(S.ignoreEmulatedMouseEvents){D.stopPropagation();return}if(S.isPressed=!0,Q("mouse"),S.isOverTarget=!0,S.target=D.currentTarget,S.pointerType=Hs(D.nativeEvent)?"virtual":"mouse",Pn.flushSync(()=>C(D,S.pointerType))&&D.stopPropagation(),c){let z=Su(D.target);z&&S.disposables.push(z)}},I.onMouseEnter=D=>{if(!ye(D.currentTarget,ue(D)))return;let H=!0;S.isPressed&&!S.ignoreEmulatedMouseEvents&&S.pointerType!=null&&(S.isOverTarget=!0,H=C(D,S.pointerType)),H&&D.stopPropagation()},I.onMouseLeave=D=>{if(!ye(D.currentTarget,ue(D)))return;let H=!0;S.isPressed&&!S.ignoreEmulatedMouseEvents&&S.pointerType!=null&&(S.isOverTarget=!1,H=T(D,S.pointerType,!1),j(D)),H&&D.stopPropagation()},I.onMouseUp=D=>{ye(D.currentTarget,ue(D))&&!S.ignoreEmulatedMouseEvents&&D.button===0&&!S.isPressed&&B(D,S.pointerType||"mouse")},I.onTouchStart=D=>{if(!ye(D.currentTarget,ue(D)))return;let H=YT(D.nativeEvent);if(!H)return;S.activePointerId=H.identifier,S.ignoreEmulatedMouseEvents=!0,S.isOverTarget=!0,S.isPressed=!0,Q("touch"),S.target=D.currentTarget,S.pointerType="touch",m||gu(S.target),C(zt(S.target,D),S.pointerType)&&D.stopPropagation()},I.onTouchMove=D=>{if(!ye(D.currentTarget,ue(D)))return;if(!S.isPressed){D.stopPropagation();return}let H=Cu(D.nativeEvent,S.activePointerId),z=!0;H&&Du(H,D.currentTarget)?!S.isOverTarget&&S.pointerType!=null&&(S.isOverTarget=!0,z=C(zt(S.target,D),S.pointerType)):S.isOverTarget&&S.pointerType!=null&&(S.isOverTarget=!1,z=T(zt(S.target,D),S.pointerType,!1),j(zt(S.target,D))),z&&D.stopPropagation()},I.onTouchEnd=D=>{if(!ye(D.currentTarget,ue(D)))return;if(!S.isPressed){D.stopPropagation();return}let H=Cu(D.nativeEvent,S.activePointerId),z=!0;H&&Du(H,D.currentTarget)&&S.pointerType!=null?(B(zt(S.target,D),S.pointerType),z=T(zt(S.target,D),S.pointerType),V(D.nativeEvent,S.target)):S.isOverTarget&&S.pointerType!=null&&(z=T(zt(S.target,D),S.pointerType,!1)),z&&D.stopPropagation(),S.isPressed=!1,Q(null),S.activePointerId=null,S.isOverTarget=!1,S.ignoreEmulatedMouseEvents=!0,S.target&&!m&&js(S.target),b()},I.onTouchCancel=D=>{ye(D.currentTarget,ue(D))&&(D.stopPropagation(),S.isPressed&&P(zt(S.target,D)))},I.onDragStart=D=>{ye(D.currentTarget,ue(D))&&P(D)}),I},[l,c,b,m,P,j,T,C,B,te,V]);return w.useEffect(()=>{if(!p||process.env.NODE_ENV==="test")return;const S=ke(p.current);if(!S||!S.head||S.getElementById(Eu))return;const I=S.createElement("style");I.id=Eu,I.textContent=`
9517
9517
  @layer {
9518
- [${Eu}] {
9518
+ [${Tu}] {
9519
9519
  touch-action: pan-x pan-y pinch-zoom;
9520
9520
  }
9521
9521
  }
9522
- `.trim(),S.head.prepend(I)},[p]),w.useEffect(()=>{let S=E.current;return()=>{var I;m||zs((I=S.target)!==null&&I!==void 0?I:void 0);for(let D of S.disposables)D();S.disposables=[]}},[m]),{isPressed:d||h,pressProps:dt(f,H,{[Eu]:!0})}}function js(e){return e.tagName==="A"&&e.hasAttribute("href")}function Ys(e,t){const{key:n,code:o}=e,a=t,s=a.getAttribute("role");return(n==="Enter"||n===" "||n==="Spacebar"||o==="Space")&&!(a instanceof ht(a).HTMLInputElement&&!Nu(a,n)||a instanceof ht(a).HTMLTextAreaElement||a.isContentEditable)&&!((s==="link"||!s&&js(a))&&n!=="Enter")}function zT(e){const{targetTouches:t}=e;return t.length>0?t[0]:null}function wu(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 Gt(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 dn(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,key:t.key}}function jT(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 YT(e,t){return!(e.left>t.right||t.left>e.right||e.top>t.bottom||t.top>e.bottom)}function Cu(e,t){let n=t.getBoundingClientRect(),o=jT(e);return YT(n,o)}function qT(e){return e instanceof HTMLInputElement?!1:e instanceof HTMLButtonElement?e.type!=="submit"&&e.type!=="reset":!js(e)}function Du(e,t){return e instanceof HTMLInputElement?!Nu(e,t):qT(e)}const JT=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);function Nu(e,t){return e.type==="checkbox"||e.type==="radio"?t===" ":JT.has(e.type)}let mo=null;const XT=new Set;let fo=new Map,pn=!1,qs=!1;function Js(e,t){for(let n of XT)n(e,t)}function ZT(e){return!(e.metaKey||!cn()&&e.altKey||e.ctrlKey||e.key==="Control"||e.key==="Shift"||e.key==="Meta")}function Cr(e){pn=!0,!Bt.isOpening&&ZT(e)&&(mo="keyboard",Js("keyboard",e))}function pt(e){mo="pointer","pointerType"in e&&e.pointerType,(e.type==="mousedown"||e.type==="pointerdown")&&(pn=!0,Js("pointer",e))}function Iu(e){!Bt.isOpening&&Ks(e)&&(pn=!0,mo="virtual")}function ku(e){ue(e)===window||ue(e)===document||yr||!e.isTrusted||(!pn&&!qs&&(mo="virtual",Js("virtual",e)),pn=!1,qs=!1)}function xu(){yr||(pn=!1,qs=!0)}function Mu(e){if(typeof window>"u"||typeof document>"u"||fo.get(ht(e)))return;const t=ht(e),n=Me(e);let o=t.HTMLElement.prototype.focus;t.HTMLElement.prototype.focus=function(){pn=!0,o.apply(this,arguments)},n.addEventListener("keydown",Cr,!0),n.addEventListener("keyup",Cr,!0),n.addEventListener("click",Iu,!0),t.addEventListener("focus",ku,!0),t.addEventListener("blur",xu,!1),typeof PointerEvent<"u"?(n.addEventListener("pointerdown",pt,!0),n.addEventListener("pointermove",pt,!0),n.addEventListener("pointerup",pt,!0)):process.env.NODE_ENV==="test"&&(n.addEventListener("mousedown",pt,!0),n.addEventListener("mousemove",pt,!0),n.addEventListener("mouseup",pt,!0)),t.addEventListener("beforeunload",()=>{Lu(e)},{once:!0}),fo.set(t,{focus:o})}const Lu=(e,t)=>{const n=ht(e),o=Me(e);t&&o.removeEventListener("DOMContentLoaded",t),fo.has(n)&&(n.HTMLElement.prototype.focus=fo.get(n).focus,o.removeEventListener("keydown",Cr,!0),o.removeEventListener("keyup",Cr,!0),o.removeEventListener("click",Iu,!0),n.removeEventListener("focus",ku,!0),n.removeEventListener("blur",xu,!1),typeof PointerEvent<"u"?(o.removeEventListener("pointerdown",pt,!0),o.removeEventListener("pointermove",pt,!0),o.removeEventListener("pointerup",pt,!0)):process.env.NODE_ENV==="test"&&(o.removeEventListener("mousedown",pt,!0),o.removeEventListener("mousemove",pt,!0),o.removeEventListener("mouseup",pt,!0)),fo.delete(n))};function QT(e){const t=Me(e);let n;return t.readyState!=="loading"?Mu(e):(n=()=>{Mu(e)},t.addEventListener("DOMContentLoaded",n)),()=>Lu(e,n)}typeof document<"u"&&QT();function Xs(){return mo}function Dr(e){if(!e.isConnected)return;const t=Me(e);if(Xs()==="virtual"){let n=Dt(t);nu(()=>{const o=Dt(t);(o===n||o===t.body)&&e.isConnected&&Pt(e)})}else Pt(e)}function ew(e){let{isDisabled:t,onFocus:n,onBlur:o,onFocusChange:a}=e;const s=w.useCallback(d=>{if(ue(d)===d.currentTarget)return o&&o(d),a&&a(!1),!0},[o,a]),i=VT(s),l=w.useCallback(d=>{let c=ue(d);const u=Me(c),m=u?Dt(u):Dt();c===d.currentTarget&&c===m&&(n&&n(d),a&&a(!0),i(d))},[a,n,i]);return{focusProps:{onFocus:!t&&(n||a||o)?l:void 0,onBlur:!t&&(o||a)?s:void 0}}}function Pu(e){if(!e)return;let t=!0;return n=>{let o={...n,preventDefault(){n.preventDefault()},isDefaultPrevented(){return n.isDefaultPrevented()},stopPropagation(){t&&process.env.NODE_ENV!=="production"?console.error("stopPropagation is now the default behavior for events in React Spectrum. You can use continuePropagation() to revert this behavior."):t=!0},continuePropagation(){t=!1},isPropagationStopped(){return t}};e(o),t&&n.stopPropagation()}}function tw(e){return{keyboardProps:e.isDisabled?{}:{onKeyDown:Pu(e.onKeyDown),onKeyUp:Pu(e.onKeyUp)}}}let nw=w.createContext(null);function ow(e){let t=w.useContext(nw)||{};su(t,e);let{ref:n,...o}=t;return o}function rw(e,t){let{focusProps:n}=ew(e),{keyboardProps:o}=tw(e),a=dt(n,o),s=ow(t),i=e.isDisabled?{}:s,l=w.useRef(e.autoFocus);w.useEffect(()=>{l.current&&t.current&&Dr(t.current),l.current=!1},[t]);let d=e.excludeFromTabOrder?-1:0;return e.isDisabled&&(d=void 0),{focusableProps:dt({...a,tabIndex:d},i)}}const aw=500;function sw(e){let{isDisabled:t,onLongPressStart:n,onLongPressEnd:o,onLongPress:a,threshold:s=aw,accessibilityDescription:i}=e;const l=w.useRef(void 0);let{addGlobalListener:d,removeGlobalListener:c}=ou(),{pressProps:u}=Tu({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})),Me(p.target).activeElement!==p.target&&Pt(p.target),a&&a({...p,type:"longpress"}),l.current=void 0},s),p.pointerType==="touch")){let f=h=>{h.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=kT(a&&!t?i:void 0);return{longPressProps:dt(u,m)}}function iw(e){if(!e.form)return Array.from(Me(e).querySelectorAll(`input[type="radio"][name="${CSS.escape(e.name)}"]`)).filter(o=>!o.form);const t=e.form.elements.namedItem(e.name);let n=ht(e);return t instanceof n.RadioNodeList?Array.from(t).filter(o=>o instanceof n.HTMLInputElement):t instanceof n.HTMLInputElement?[t]:[]}function lw(e){if(e.checked)return!0;const t=iw(e);return t.length>0&&!t.some(n=>n.checked)}function Ou(e,t){return!e||!t?!1:t.some(n=>ve(n,e))}function Bu(e,t,n){let o=t?.tabbable?du:cu,a=e?.nodeType===Node.ELEMENT_NODE?e:null,s=Me(a),i=aT(s,e||s,NodeFilter.SHOW_ELEMENT,{acceptNode(l){return ve(t?.from,l)||t?.tabbable&&l.tagName==="INPUT"&&l.getAttribute("type")==="radio"&&(!lw(l)||i.currentNode.tagName==="INPUT"&&i.currentNode.type==="radio"&&i.currentNode.name===l.name)?NodeFilter.FILTER_REJECT:o(l)&&(!n||Ou(l,n))&&(!t?.accept||t.accept(l))?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});return t?.from&&(i.currentNode=t.from),i}class Zs{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 _u({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&&Ou(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 Zs;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 _u({scopeRef:null}),this.fastMap.set(null,this.root)}}class _u{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 Zs;function cw(e,t){let n=t?.isDisabled,[o,a]=w.useState(!1);return Ct(()=>{if(e?.current&&!n){let s=()=>{if(e.current){let l=Bu(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}function Ru(e){let t=pw(Me(e));t!==e&&(t&&dw(t,e),e&&Fu(e,t))}function dw(e,t){e.dispatchEvent(new FocusEvent("blur",{relatedTarget:t})),e.dispatchEvent(new FocusEvent("focusout",{bubbles:!0,relatedTarget:t}))}function Fu(e,t){e.dispatchEvent(new FocusEvent("focus",{relatedTarget:t})),e.dispatchEvent(new FocusEvent("focusin",{bubbles:!0,relatedTarget:t}))}function pw(e){let t=Dt(e),n=t?.getAttribute("aria-activedescendant");return n&&e.getElementById(n)||t}function Qs(e){return hT()?e.altKey:e.ctrlKey}function ei(e,t){var n,o;let a=`[data-key="${CSS.escape(String(t))}"]`,s=(n=e.current)===null||n===void 0?void 0:n.dataset.collection;return s&&(a=`[data-collection="${CSS.escape(s)}"]${a}`),(o=e.current)===null||o===void 0?void 0:o.querySelector(a)}const Au=new WeakMap;function uw(e){let t=fr();return Au.set(e,t),t}function mw(e){return Au.get(e)}const fw=1e3;function Sw(e){let{keyboardDelegate:t,selectionManager:n,onTypeSelect:o}=e,a=w.useRef({search:"",timeout:void 0}).current,s=i=>{let l=gw(i.key);if(!(!l||i.ctrlKey||i.metaKey||!ve(i.currentTarget,ue(i))||a.search.length===0&&l===" ")){if(l===" "&&a.search.trim().length>0&&(i.preventDefault(),"continuePropagation"in i||i.stopPropagation()),a.search+=l,t.getKeyForSearch!=null){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=""},fw)}};return{typeSelectProps:{onKeyDownCapture:t.getKeyForSearch?s:void 0}}}function gw(e){return e.length===1||!/^[A-Z]/i.test(e)?e:""}const hw=new Set(["Arab","Syrc","Samr","Mand","Thaa","Mend","Nkoo","Adlm","Rohg","Hebr"]),bw=new Set(["ae","ar","arc","bcc","bqi","ckb","dv","fa","glk","he","ku","mzn","nqo","pnb","ps","sd","ug","ur","yi"]);function vw(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 hw.has(n.script)}let t=e.split("-")[0];return bw.has(t)}const Vu=Symbol.for("react-aria.i18n.locale");function $u(){let e=typeof window<"u"&&window[Vu]||typeof navigator<"u"&&(navigator.language||navigator.userLanguage)||"en-US";try{Intl.DateTimeFormat.supportedLocalesOf([e])}catch{e="en-US"}return{locale:e,direction:vw(e)?"rtl":"ltr"}}let ti=$u(),So=new Set;function Ku(){ti=$u();for(let e of So)e(ti)}function yw(){let e=Yp(),[t,n]=w.useState(ti);return w.useEffect(()=>(So.size===0&&window.addEventListener("languagechange",Ku),So.add(n),()=>{So.delete(n),So.size===0&&window.removeEventListener("languagechange",Ku)}),[]),e?{locale:typeof window<"u"&&window[Vu]||"en-US",direction:"ltr"}:t}const Ew=w.createContext(null);function Hu(){let e=yw();return w.useContext(Ew)||e}function Tw(e){let{selectionManager:t,keyboardDelegate:n,ref:o,autoFocus:a=!1,shouldFocusWrap:s=!1,disallowEmptySelection:i=!1,disallowSelectAll:l=!1,escapeKeyBehavior:d="clearSelection",selectOnFocus:c=t.selectionBehavior==="replace",disallowTypeAhead:u=!1,shouldUseVirtualFocus:m,allowsTabNavigation:p=!1,scrollRef:f=o,linkBehavior:h="action"}=e,{direction:v}=Hu(),E=Rs(),y=W=>{if(W.altKey&&W.key==="Tab"&&W.preventDefault(),!o.current||!ve(o.current,ue(W)))return;const Y=(P,z)=>{if(P!=null){if(t.isLink(P)&&h==="selection"&&c&&!Qs(W)){On.flushSync(()=>{t.setFocusedKey(P,z)});let Q=ei(o,P),Z=t.getItemProps(P);Q&&E.open(Q,W,Z.href,Z.routerOptions);return}if(t.setFocusedKey(P,z),t.isLink(P)&&h==="override")return;W.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(P):c&&!Qs(W)&&t.replaceSelection(P)}};switch(W.key){case"ArrowDown":if(n.getKeyBelow){var V,G,ee;let P=t.focusedKey!=null?(V=n.getKeyBelow)===null||V===void 0?void 0:V.call(n,t.focusedKey):(G=n.getFirstKey)===null||G===void 0?void 0:G.call(n);P==null&&s&&(P=(ee=n.getFirstKey)===null||ee===void 0?void 0:ee.call(n,t.focusedKey)),P!=null&&(W.preventDefault(),Y(P))}break;case"ArrowUp":if(n.getKeyAbove){var H,S,I;let P=t.focusedKey!=null?(H=n.getKeyAbove)===null||H===void 0?void 0:H.call(n,t.focusedKey):(S=n.getLastKey)===null||S===void 0?void 0:S.call(n);P==null&&s&&(P=(I=n.getLastKey)===null||I===void 0?void 0:I.call(n,t.focusedKey)),P!=null&&(W.preventDefault(),Y(P))}break;case"ArrowLeft":if(n.getKeyLeftOf){var D,K,U;let P=t.focusedKey!=null?(D=n.getKeyLeftOf)===null||D===void 0?void 0:D.call(n,t.focusedKey):null;P==null&&s&&(P=v==="rtl"?(K=n.getFirstKey)===null||K===void 0?void 0:K.call(n,t.focusedKey):(U=n.getLastKey)===null||U===void 0?void 0:U.call(n,t.focusedKey)),P!=null&&(W.preventDefault(),Y(P,v==="rtl"?"first":"last"))}break;case"ArrowRight":if(n.getKeyRightOf){var X,_,j;let P=t.focusedKey!=null?(X=n.getKeyRightOf)===null||X===void 0?void 0:X.call(n,t.focusedKey):null;P==null&&s&&(P=v==="rtl"?(_=n.getLastKey)===null||_===void 0?void 0:_.call(n,t.focusedKey):(j=n.getFirstKey)===null||j===void 0?void 0:j.call(n,t.focusedKey)),P!=null&&(W.preventDefault(),Y(P,v==="rtl"?"last":"first"))}break;case"Home":if(n.getFirstKey){if(t.focusedKey===null&&W.shiftKey)return;W.preventDefault();let P=n.getFirstKey(t.focusedKey,xn(W));t.setFocusedKey(P),P!=null&&(xn(W)&&W.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(P):c&&t.replaceSelection(P))}break;case"End":if(n.getLastKey){if(t.focusedKey===null&&W.shiftKey)return;W.preventDefault();let P=n.getLastKey(t.focusedKey,xn(W));t.setFocusedKey(P),P!=null&&(xn(W)&&W.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(P):c&&t.replaceSelection(P))}break;case"PageDown":if(n.getKeyPageBelow&&t.focusedKey!=null){let P=n.getKeyPageBelow(t.focusedKey);P!=null&&(W.preventDefault(),Y(P))}break;case"PageUp":if(n.getKeyPageAbove&&t.focusedKey!=null){let P=n.getKeyPageAbove(t.focusedKey);P!=null&&(W.preventDefault(),Y(P))}break;case"a":xn(W)&&t.selectionMode==="multiple"&&l!==!0&&(W.preventDefault(),t.selectAll());break;case"Escape":d==="clearSelection"&&!i&&t.selectedKeys.size!==0&&(W.stopPropagation(),W.preventDefault(),t.clearSelection());break;case"Tab":if(!p){if(W.shiftKey)o.current.focus();else{let P=Bu(o.current,{tabbable:!0}),z,Q;do Q=P.lastChild(),Q&&(z=Q);while(Q);let Z=Dt();z&&(!qp(z)||Z&&!du(Z))&&Pt(z)}break}}},b=w.useRef({top:0,left:0});vr(f,"scroll",()=>{var W,Y,V,G;b.current={top:(V=(W=f.current)===null||W===void 0?void 0:W.scrollTop)!==null&&V!==void 0?V:0,left:(G=(Y=f.current)===null||Y===void 0?void 0:Y.scrollLeft)!==null&&G!==void 0?G:0}});let N=W=>{if(t.isFocused){ve(W.currentTarget,ue(W))||t.setFocused(!1);return}if(ve(W.currentTarget,ue(W))){if(t.setFocused(!0),t.focusedKey==null){var Y,V;let H=I=>{I!=null&&(t.setFocusedKey(I),c&&!t.isSelected(I)&&t.replaceSelection(I))},S=W.relatedTarget;var G,ee;S&&W.currentTarget.compareDocumentPosition(S)&Node.DOCUMENT_POSITION_FOLLOWING?H((G=t.lastSelectedKey)!==null&&G!==void 0?G:(Y=n.getLastKey)===null||Y===void 0?void 0:Y.call(n)):H((ee=t.firstSelectedKey)!==null&&ee!==void 0?ee:(V=n.getFirstKey)===null||V===void 0?void 0:V.call(n))}else f.current&&(f.current.scrollTop=b.current.top,f.current.scrollLeft=b.current.left);if(t.focusedKey!=null&&f.current){let H=ei(o,t.focusedKey);H instanceof HTMLElement&&(!qp(H)&&!m&&Pt(H),Xs()==="keyboard"&&lu(H,{containingElement:o.current}))}}},C=W=>{ve(W.currentTarget,W.relatedTarget)||t.setFocused(!1)},T=w.useRef(!1);vr(o,LT,m?W=>{let{detail:Y}=W;W.stopPropagation(),t.setFocused(!0),Y?.focusStrategy==="first"&&(T.current=!0)}:void 0),au(()=>{if(T.current){var W,Y;let V=(Y=(W=n.getFirstKey)===null||W===void 0?void 0:W.call(n))!==null&&Y!==void 0?Y:null;if(V==null){let G=Dt();Ru(o.current),Fu(G,null),t.collection.size>0&&(T.current=!1)}else t.setFocusedKey(V),T.current=!1}},[t.collection]),au(()=>{t.collection.size>0&&(T.current=!1)},[t.focusedKey]),vr(o,MT,m?W=>{var Y;W.stopPropagation(),t.setFocused(!1),!((Y=W.detail)===null||Y===void 0)&&Y.clearFocusKey&&t.setFocusedKey(null)}:void 0);const x=w.useRef(a),B=w.useRef(!1);w.useEffect(()=>{if(x.current){var W,Y;let ee=null;var V;a==="first"&&(ee=(V=(W=n.getFirstKey)===null||W===void 0?void 0:W.call(n))!==null&&V!==void 0?V:null);var G;a==="last"&&(ee=(G=(Y=n.getLastKey)===null||Y===void 0?void 0:Y.call(n))!==null&&G!==void 0?G:null);let H=t.selectedKeys;if(H.size){for(let S of H)if(t.canSelectItem(S)){ee=S;break}}t.setFocused(!0),t.setFocusedKey(ee),ee==null&&!m&&o.current&&Dr(o.current),t.collection.size>0&&(x.current=!1,B.current=!0)}});let L=w.useRef(t.focusedKey),O=w.useRef(null);w.useEffect(()=>{if(t.isFocused&&t.focusedKey!=null&&(t.focusedKey!==L.current||B.current)&&f.current&&o.current){let W=Xs(),Y=ei(o,t.focusedKey);if(!(Y instanceof HTMLElement))return;(W==="keyboard"||B.current)&&(O.current&&cancelAnimationFrame(O.current),O.current=requestAnimationFrame(()=>{f.current&&($s(f.current,Y),W!=="virtual"&&lu(Y,{containingElement:o.current}))}))}!m&&t.isFocused&&t.focusedKey==null&&L.current!=null&&o.current&&Dr(o.current),L.current=t.focusedKey,B.current=!1}),w.useEffect(()=>()=>{O.current&&cancelAnimationFrame(O.current)},[]),vr(o,"react-aria-focus-scope-restore",W=>{W.preventDefault(),t.setFocused(!0)});let R={onKeyDown:y,onFocus:N,onBlur:C,onMouseDown(W){f.current===ue(W)&&W.preventDefault()}},{typeSelectProps:q}=Sw({keyboardDelegate:n,selectionManager:t});u||(R=dt(q,R));let te;m||(te=t.focusedKey==null?0:-1);let $=uw(t.collection);return{collectionProps:dt(R,{tabIndex:te,"data-collection":$})}}function ww(e){let{id:t,selectionManager:n,key:o,ref:a,shouldSelectOnPressUp:s,shouldUseVirtualFocus:i,focus:l,isDisabled:d,onAction:c,allowsDifferentPressOrigin:u,linkBehavior:m="action"}=e,p=Rs();t=fr(t);let f=S=>{if(S.pointerType==="keyboard"&&Qs(S))n.toggleSelection(o);else{if(n.selectionMode==="none")return;if(n.isLink(o)){if(m==="selection"&&a.current){let I=n.getItemProps(o);p.open(a.current,S,I.href,I.routerOptions),n.setSelectedKeys(n.selectedKeys);return}else if(m==="override"||m==="none")return}n.selectionMode==="single"?n.isSelected(o)&&!n.disallowEmptySelection?n.toggleSelection(o):n.replaceSelection(o):S&&S.shiftKey?n.extendSelection(o):n.selectionBehavior==="toggle"||S&&(xn(S)||S.pointerType==="touch"||S.pointerType==="virtual")?n.toggleSelection(o):n.replaceSelection(o)}};w.useEffect(()=>{o===n.focusedKey&&n.isFocused&&(i?Ru(a.current):l?l():Dt()!==a.current&&a.current&&Dr(a.current))},[a,o,n.focusedKey,n.childFocusStrategy,n.isFocused,i]),d=d||n.isDisabled(o);let h={};!i&&!d?h={tabIndex:o===n.focusedKey?0:-1,onFocus(S){ue(S)===a.current&&n.setFocusedKey(o)}}:d&&(h.onMouseDown=S=>{S.preventDefault()}),w.useEffect(()=>{d&&n.focusedKey===o&&n.setFocusedKey(null)},[n,d,o]);let v=n.isLink(o)&&m==="override",E=c&&e.UNSTABLE_itemBehavior==="action",y=n.isLink(o)&&m!=="selection"&&m!=="none",b=!d&&n.canSelectItem(o)&&!v&&!E,N=(c||y)&&!d,C=N&&(n.selectionBehavior==="replace"?!b:!b||n.isEmpty),T=N&&b&&n.selectionBehavior==="replace",x=C||T,B=w.useRef(null),L=x&&b,O=w.useRef(!1),R=w.useRef(!1),q=n.getItemProps(o),te=S=>{if(c){var I;c(),(I=a.current)===null||I===void 0||I.dispatchEvent(new CustomEvent("react-aria-item-action",{bubbles:!0}))}y&&a.current&&p.open(a.current,S,q.href,q.routerOptions)},$={ref:a};if(s?($.onPressStart=S=>{B.current=S.pointerType,O.current=L,S.pointerType==="keyboard"&&(!x||Gu(S.key))&&f(S)},u?($.onPressUp=C?void 0:S=>{S.pointerType==="mouse"&&b&&f(S)},$.onPress=C?te:S=>{S.pointerType!=="keyboard"&&S.pointerType!=="mouse"&&b&&f(S)}):$.onPress=S=>{if(C||T&&S.pointerType!=="mouse"){if(S.pointerType==="keyboard"&&!Wu(S.key))return;te(S)}else S.pointerType!=="keyboard"&&b&&f(S)}):($.onPressStart=S=>{B.current=S.pointerType,O.current=L,R.current=C,b&&(S.pointerType==="mouse"&&!C||S.pointerType==="keyboard"&&(!N||Gu(S.key)))&&f(S)},$.onPress=S=>{(S.pointerType==="touch"||S.pointerType==="pen"||S.pointerType==="virtual"||S.pointerType==="keyboard"&&x&&Wu(S.key)||S.pointerType==="mouse"&&R.current)&&(x?te(S):b&&f(S))}),h["data-collection"]=mw(n.collection),h["data-key"]=o,$.preventFocusOnPress=i,i&&($=dt($,{onPressStart(S){S.pointerType!=="touch"&&(n.setFocused(!0),n.setFocusedKey(o))},onPress(S){S.pointerType==="touch"&&(n.setFocused(!0),n.setFocusedKey(o))}})),q)for(let S of["onPressStart","onPressEnd","onPressChange","onPress","onPressUp","onClick"])q[S]&&($[S]=Bs($[S],q[S]));let{pressProps:W,isPressed:Y}=Tu($),V=T?S=>{B.current==="mouse"&&(S.stopPropagation(),S.preventDefault(),te(S))}:void 0,{longPressProps:G}=sw({isDisabled:!L,onLongPress(S){S.pointerType==="touch"&&(f(S),n.setSelectionBehavior("toggle"))}}),ee=S=>{B.current==="touch"&&O.current&&S.preventDefault()},H=m!=="none"&&n.isLink(o)?S=>{Bt.isOpening||S.preventDefault()}:void 0;return{itemProps:dt(h,b||C||i&&!d?W:{},L?G:{},{onDoubleClick:V,onDragStartCapture:ee,onClick:H,id:t},i?{onMouseDown:S=>S.preventDefault()}:void 0),isPressed:Y,isSelected:n.isSelected(o),isFocused:n.isFocused&&n.focusedKey===o,isDisabled:d,allowsSelection:b,hasAction:x}}function Wu(e){return e==="Enter"}function Gu(e){return e===" "}function Cw(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}=ww({selectionManager:i,key:o,ref:n,isDisabled:c,shouldSelectOnPressUp:s,linkBehavior:"selection"}),p=ur(t,o,"tab"),f=ur(t,o,"tabpanel"),{tabIndex:h}=u,v=t.collection.getItem(o),E=uT(v?.props,{labelable:!0});delete E.id;let y=wT(v?.props),{focusableProps:b}=rw({...v?.props,isDisabled:c},n);return{tabProps:dt(E,b,y,u,{id:p,"aria-selected":d,"aria-disabled":c||void 0,"aria-controls":d?f:void 0,tabIndex:c?void 0:h,role:"tab"}),isSelected:d,isDisabled:c,isPressed:m}}function Dw(e,t,n){let o=cw(n)?void 0:0;var a;const s=ur(t,(a=e.id)!==null&&a!==void 0?a:t?.selectedKey,"tabpanel"),i=ru({...e,id:s,"aria-labelledby":ur(t,t?.selectedKey,"tab")});return{tabPanelProps:dt(i,{tabIndex:o,role:"tabpanel","aria-describedby":e["aria-describedby"],"aria-details":e["aria-details"]})}}class Nw{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){let n=t;do n=this.collection.getKeyAfter(n),n==null&&(n=this.collection.getFirstKey());while(n!=null&&this.isDisabled(n));return n}getPreviousKey(t){let n=t;do n=this.collection.getKeyBefore(n),n==null&&(n=this.collection.getLastKey());while(n!=null&&this.isDisabled(n));return n}constructor(t,n,o,a=new Set){this.collection=t,this.flipDirection=n==="rtl"&&o==="horizontal",this.disabledKeys=a,this.tabDirection=o==="horizontal"}}function Iw(e,t,n){let{orientation:o="horizontal",keyboardActivation:a="automatic"}=e,{collection:s,selectionManager:i,disabledKeys:l}=t,{direction:d}=Hu(),c=w.useMemo(()=>new Nw(s,d,o,l),[s,l,o,d]),{collectionProps:u}=Tw({ref:n,selectionManager:i,keyboardDelegate:c,selectOnFocus:a==="automatic",disallowEmptySelection:!0,scrollRef:n,linkBehavior:"selection"}),m=fr();zp.set(t,m);let p=ru({...e,id:m});return{tabListProps:{...dt(u,p),role:"tablist","aria-orientation":o,tabIndex:void 0}}}function Uu({item:e,state:t}){const{key:n}=e,o=r.useRef(null),{tabProps:a}=Cw({key:n},t,o),s=t.selectedKey===n,i=t.disabledKeys.has(n);return r.createElement("div",{...a,ref:o,className:A("sps-nav__item","sps-nav__link",s&&"active",i&&"sps-nav__item--disabled")},e.rendered)}function zu({state:e,...t}){const n=r.useRef(null),{tabPanelProps:o}=Dw(t,e,n);return r.createElement("div",{...o,ref:n,className:"sps-card__body"},e.selectedItem?e.selectedItem.props.children:null)}class ju{*[Symbol.iterator](){yield*this.iterable}get size(){return this._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=l=>{if(this.keyMap.set(l.key,l),l.childNodes&&l.type==="section")for(let d of l.childNodes)n(d)};for(let l of t)n(l);let o=null,a=0,s=0;for(let[l,d]of this.keyMap)o?(o.nextKey=l,d.prevKey=o.key):(this.firstKey=l,d.prevKey=void 0),d.type==="item"&&(d.index=a++),(d.type==="section"||d.type==="item")&&s++,o=d,o.nextKey=void 0;this._size=s;var i;this.lastKey=(i=o?.key)!==null&&i!==void 0?i:null}}class bt extends Set{constructor(t,n,o){super(t),t instanceof bt?(this.anchorKey=n??t.anchorKey,this.currentKey=o??t.currentKey):(this.anchorKey=n??null,this.currentKey=o??null)}}function kw(e,t){if(e.size!==t.size)return!1;for(let n of e)if(!t.has(n))return!1;return!0}function xw(e){let{selectionMode:t="none",disallowEmptySelection:n=!1,allowDuplicateSelectionEvents:o,selectionBehavior:a="toggle",disabledBehavior:s="all"}=e,i=w.useRef(!1),[,l]=w.useState(!1),d=w.useRef(null),c=w.useRef(null),[,u]=w.useState(null),m=w.useMemo(()=>Yu(e.selectedKeys),[e.selectedKeys]),p=w.useMemo(()=>Yu(e.defaultSelectedKeys,new bt),[e.defaultSelectedKeys]),[f,h]=uu(m,p,e.onSelectionChange),v=w.useMemo(()=>e.disabledKeys?new Set(e.disabledKeys):new Set,[e.disabledKeys]),[E,y]=w.useState(a);a==="replace"&&E==="toggle"&&typeof f=="object"&&f.size===0&&y("replace");let b=w.useRef(a);return w.useEffect(()=>{a!==b.current&&(y(a),b.current=a)},[a]),{selectionMode:t,disallowEmptySelection:n,selectionBehavior:E,setSelectionBehavior:y,get isFocused(){return i.current},setFocused(N){i.current=N,l(N)},get focusedKey(){return d.current},get childFocusStrategy(){return c.current},setFocusedKey(N,C="first"){d.current=N,c.current=C,u(N)},selectedKeys:f,setSelectedKeys(N){(o||!kw(N,f))&&h(N)},disabledKeys:v,disabledBehavior:s}}function Yu(e,t){return e?e==="all"?"all":new bt(e):t}class ni{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){if(this.state.selectionMode==="none")return!1;let n=this.getKey(t);return n==null?!1:this.state.selectedKeys==="all"?this.canSelectItem(n):this.state.selectedKeys.has(n)}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 o of this.state.selectedKeys){let a=this.collection.getItem(o);(!t||a&&un.compareNodeOrder(this.collection,a,t)<0)&&(t=a)}var n;return(n=t?.key)!==null&&n!==void 0?n:null}get lastSelectedKey(){let t=null;for(let o of this.state.selectedKeys){let a=this.collection.getItem(o);(!t||a&&un.compareNodeOrder(this.collection,a,t)>0)&&(t=a)}var n;return(n=t?.key)!==null&&n!==void 0?n:null}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}let n=this.getKey(t);if(n==null)return;let o;if(this.state.selectedKeys==="all")o=new bt([n],n,n);else{let i=this.state.selectedKeys;var a;let l=(a=i.anchorKey)!==null&&a!==void 0?a:n;o=new bt(i,l,n);var s;for(let d of this.getKeyRange(l,(s=i.currentKey)!==null&&s!==void 0?s:n))o.delete(d);for(let d of this.getKeyRange(n,l))this.canSelectItem(d)&&o.add(d)}this.state.setSelectedKeys(o)}getKeyRange(t,n){let o=this.collection.getItem(t),a=this.collection.getItem(n);return o&&a?un.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&&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}let n=this.getKey(t);if(n==null)return;let o=new bt(this.state.selectedKeys==="all"?this.getSelectAllKeys():this.state.selectedKeys);o.has(n)?o.delete(n):this.canSelectItem(n)&&(o.add(n),o.anchorKey=n,o.currentKey=n),!(this.disallowEmptySelection&&o.size===0)&&this.state.setSelectedKeys(o)}replaceSelection(t){if(this.selectionMode==="none")return;let n=this.getKey(t);if(n==null)return;let o=this.canSelectItem(n)?new bt([n],n,n):new bt;this.state.setSelectedKeys(o)}setSelectedKeys(t){if(this.selectionMode==="none")return;let n=new bt;for(let o of t){let a=this.getKey(o);if(a!=null&&(n.add(a),this.selectionMode==="single"))break}this.state.setSelectedKeys(n)}getSelectAllKeys(){let t=[],n=o=>{for(;o!=null;){if(this.canSelectItem(o)){var a;let i=this.collection.getItem(o);i?.type==="item"&&t.push(o);var s;i?.hasChildNodes&&(this.allowsCellSelection||i.type!=="item")&&n((s=(a=un.getFirstItem(un.getChildNodes(i,this.collection)))===null||a===void 0?void 0:a.key)!==null&&s!==void 0?s:null)}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 bt)}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}withCollection(t){return new ni(t,this.state,{allowsCellSelection:this.allowsCellSelection,layoutDelegate:this.layoutDelegate||void 0})}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 Mw(e){let{filter:t,layoutDelegate:n}=e,o=xw(e),a=w.useMemo(()=>e.disabledKeys?new Set(e.disabledKeys):new Set,[e.disabledKeys]),s=w.useCallback(c=>t?new ju(t(c)):new ju(c),[t]),i=w.useMemo(()=>({suppressTextValueWarning:e.suppressTextValueWarning}),[e.suppressTextValueWarning]),l=un.useCollection(e,s,i),d=w.useMemo(()=>new ni(l,o,{layoutDelegate:n}),[l,o,n]);return Lw(l,d),{collection:l,disabledKeys:a,selectionManager:d}}function Lw(e,t){const n=w.useRef(null);w.useEffect(()=>{if(t.focusedKey!=null&&!e.getItem(t.focusedKey)&&n.current){const u=n.current.getItem(t.focusedKey),m=[...n.current.getKeys()].map(y=>{const b=n.current.getItem(y);return b?.type==="item"?b:null}).filter(y=>y!==null),p=[...e.getKeys()].map(y=>{const b=e.getItem(y);return b?.type==="item"?b:null}).filter(y=>y!==null);var o,a;const f=((o=m?.length)!==null&&o!==void 0?o:0)-((a=p?.length)!==null&&a!==void 0?a:0);var s,i,l;let h=Math.min(f>1?Math.max(((s=u?.index)!==null&&s!==void 0?s:0)-f+1,0):(i=u?.index)!==null&&i!==void 0?i:0,((l=p?.length)!==null&&l!==void 0?l:0)-1),v=null,E=!1;for(;h>=0;){if(!t.isDisabled(p[h].key)){v=p[h];break}if(h<p.length-1&&!E)h++;else{E=!0;var d,c;h>((d=u?.index)!==null&&d!==void 0?d:0)&&(h=(c=u?.index)!==null&&c!==void 0?c:0),h--}}t.setFocusedKey(v?v.key:null)}n.current=e},[e,t])}function Pw(e){var t;let[n,o]=uu(e.selectedKey,(t=e.defaultSelectedKey)!==null&&t!==void 0?t:null,e.onSelectionChange),a=w.useMemo(()=>n!=null?[n]:[],[n]),{collection:s,disabledKeys:i,selectionManager:l}=Mw({...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 Ow(e){var t,n;let o=Pw({...e,onSelectionChange:e.onSelectionChange?d=>{var c;d!=null&&((c=e.onSelectionChange)===null||c===void 0||c.call(e,d))}:void 0,suppressTextValueWarning:!0,defaultSelectedKey:(n=(t=e.defaultSelectedKey)!==null&&t!==void 0?t:qu(e.collection,e.disabledKeys?new Set(e.disabledKeys):new Set))!==null&&n!==void 0?n:void 0}),{selectionManager:a,collection:s,selectedKey:i}=o,l=w.useRef(i);return w.useEffect(()=>{let d=i;e.selectedKey==null&&(a.isEmpty||d==null||!s.getItem(d))&&(d=qu(s,o.disabledKeys),d!=null&&a.setSelectedKeys([d])),(d!=null&&a.focusedKey==null||!a.isFocused&&d!==l.current)&&a.setFocusedKey(d),l.current=d}),{...o,isDisabled:e.isDisabled||!1}}function qu(e,t){let n=null;if(e){var o,a,s,i;for(n=e.getFirstKey();n!=null&&(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);n!=null&&(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 Bw={},_w={};function oi(e){const{selectedKey:t,defaultSelectedKey:n,...o}=e,a={...o,selectedKey:t??void 0,defaultSelectedKey:n??void 0},s=Ow(a),i=r.useRef(null),{tabListProps:l}=Iw(a,s,i);return r.createElement(r.Fragment,null,r.createElement("div",{...l,ref:i,className:"sps-nav sps-nav--tabs sps-tabs-v2"},[...s.collection].map(d=>r.createElement(Uu,{key:d.key,item:d,state:s}))),r.createElement(zu,{key:s.selectedItem?s.selectedItem.key:null,state:s}))}Object.assign(oi,{props:Bw,propTypes:_w,displayName:"SpsTabsV2"});const Rw={};function ri({children:e,className:t,...n}){return r.createElement("div",{className:A("sps-card__footer",t),...n},e)}Object.assign(ri,{props:Rw,displayName:"SpsCardV2Footer"});const Fw={};function ai({children:e,className:t,...n}){return r.createElement("div",{className:A("sps-card__header",t),...n},e)}Object.assign(ai,{props:Fw,displayName:"SpsCardV2Header"});const Aw={};function Ju({children:e,className:t,...n}){const[o,a,s,i,l]=at(e,[{type:ai},{type:oi},{type:Nm.Tabs},{type:ri}]),d=a.length>0?a:s;return r.createElement("div",{className:A("sps-card",t),...n},o,d.length>0?d:r.createElement("div",{className:"sps-card__body"},l),i)}Object.assign(Ju,{props:Aw,displayName:"SpsCardV2"});const Vw={};function Xu({children:e,className:t,...n}){return r.createElement("div",{className:A("sps-card__title",t),...n},e)}Object.assign(Xu,{props:Vw,displayName:"SpsCardV2Title"});const $w={...md,controlsDisabled:"boolean",footerLinks:"ReactNodeOrRenderFn",formMeta:"SpsFormSetMeta<any>",isOpen:"boolean",onClear:"() => void",onSubmit:"React.FormEventHandler"};function Zu(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}=ge.useWoodlandLanguage();function h(){c&&c()}const v=A(m||"sps-advanced-search",d&&"sps-advanced-search--open",n);return r.createElement("div",{className:v,...p},r.createElement(so,{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:F.ButtonKind.DEFAULT,type:F.ButtonType.BUTTON,className:"mr-2",onClick:h,disabled:o},f("advancedSearch.clear")),r.createElement(Ie,{kind:F.ButtonKind.KEY,type:F.ButtonType.SUBMIT,disabled:o},f("advancedSearch.search"))))))}Object.assign(Zu,{props:$w,displayName:"SpsAdvancedSearch"});const Kw={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:g.code`
9522
+ `.trim(),S.head.prepend(I)},[p]),w.useEffect(()=>{let S=E.current;return()=>{var I;m||js((I=S.target)!==null&&I!==void 0?I:void 0);for(let D of S.disposables)D();S.disposables=[]}},[m]),{isPressed:d||h,pressProps:ct(f,K,{[Tu]:!0})}}function Ys(e){return e.tagName==="A"&&e.hasAttribute("href")}function qs(e,t){const{key:n,code:o}=e,a=t,s=a.getAttribute("role");return(n==="Enter"||n===" "||n==="Spacebar"||o==="Space")&&!(a instanceof ht(a).HTMLInputElement&&!Iu(a,n)||a instanceof ht(a).HTMLTextAreaElement||a.isContentEditable)&&!((s==="link"||!s&&Ys(a))&&n!=="Enter")}function YT(e){const{targetTouches:t}=e;return t.length>0?t[0]:null}function Cu(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 zt(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 dn(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,key:t.key}}function qT(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 JT(e,t){return!(e.left>t.right||t.left>e.right||e.top>t.bottom||t.top>e.bottom)}function Du(e,t){let n=t.getBoundingClientRect(),o=qT(e);return JT(n,o)}function XT(e){return e instanceof HTMLInputElement?!1:e instanceof HTMLButtonElement?e.type!=="submit"&&e.type!=="reset":!Ys(e)}function Nu(e,t){return e instanceof HTMLInputElement?!Iu(e,t):XT(e)}const ZT=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);function Iu(e,t){return e.type==="checkbox"||e.type==="radio"?t===" ":ZT.has(e.type)}let uo=null;const QT=new Set;let mo=new Map,pn=!1,Js=!1;function Xs(e,t){for(let n of QT)n(e,t)}function ew(e){return!(e.metaKey||!cn()&&e.altKey||e.ctrlKey||e.key==="Control"||e.key==="Shift"||e.key==="Meta")}function Cr(e){pn=!0,!Rt.isOpening&&ew(e)&&(uo="keyboard",Xs("keyboard",e))}function dt(e){uo="pointer","pointerType"in e&&e.pointerType,(e.type==="mousedown"||e.type==="pointerdown")&&(pn=!0,Xs("pointer",e))}function ku(e){!Rt.isOpening&&Hs(e)&&(pn=!0,uo="virtual")}function xu(e){ue(e)===window||ue(e)===document||yr||!e.isTrusted||(!pn&&!Js&&(uo="virtual",Xs("virtual",e)),pn=!1,Js=!1)}function Mu(){yr||(pn=!1,Js=!0)}function Lu(e){if(typeof window>"u"||typeof document>"u"||mo.get(ht(e)))return;const t=ht(e),n=ke(e);let o=t.HTMLElement.prototype.focus;t.HTMLElement.prototype.focus=function(){pn=!0,o.apply(this,arguments)},n.addEventListener("keydown",Cr,!0),n.addEventListener("keyup",Cr,!0),n.addEventListener("click",ku,!0),t.addEventListener("focus",xu,!0),t.addEventListener("blur",Mu,!1),typeof PointerEvent<"u"?(n.addEventListener("pointerdown",dt,!0),n.addEventListener("pointermove",dt,!0),n.addEventListener("pointerup",dt,!0)):process.env.NODE_ENV==="test"&&(n.addEventListener("mousedown",dt,!0),n.addEventListener("mousemove",dt,!0),n.addEventListener("mouseup",dt,!0)),t.addEventListener("beforeunload",()=>{Pu(e)},{once:!0}),mo.set(t,{focus:o})}const Pu=(e,t)=>{const n=ht(e),o=ke(e);t&&o.removeEventListener("DOMContentLoaded",t),mo.has(n)&&(n.HTMLElement.prototype.focus=mo.get(n).focus,o.removeEventListener("keydown",Cr,!0),o.removeEventListener("keyup",Cr,!0),o.removeEventListener("click",ku,!0),n.removeEventListener("focus",xu,!0),n.removeEventListener("blur",Mu,!1),typeof PointerEvent<"u"?(o.removeEventListener("pointerdown",dt,!0),o.removeEventListener("pointermove",dt,!0),o.removeEventListener("pointerup",dt,!0)):process.env.NODE_ENV==="test"&&(o.removeEventListener("mousedown",dt,!0),o.removeEventListener("mousemove",dt,!0),o.removeEventListener("mouseup",dt,!0)),mo.delete(n))};function tw(e){const t=ke(e);let n;return t.readyState!=="loading"?Lu(e):(n=()=>{Lu(e)},t.addEventListener("DOMContentLoaded",n)),()=>Pu(e,n)}typeof document<"u"&&tw();function Zs(){return uo}function Dr(e){if(!e.isConnected)return;const t=ke(e);if(Zs()==="virtual"){let n=kt(t);ou(()=>{const o=kt(t);(o===n||o===t.body)&&e.isConnected&&Bt(e)})}else Bt(e)}function nw(e){let{isDisabled:t,onFocus:n,onBlur:o,onFocusChange:a}=e;const s=w.useCallback(d=>{if(ue(d)===d.currentTarget)return o&&o(d),a&&a(!1),!0},[o,a]),i=KT(s),l=w.useCallback(d=>{let c=ue(d);const u=ke(c),m=u?kt(u):kt();c===d.currentTarget&&c===m&&(n&&n(d),a&&a(!0),i(d))},[a,n,i]);return{focusProps:{onFocus:!t&&(n||a||o)?l:void 0,onBlur:!t&&(o||a)?s:void 0}}}function Ou(e){if(!e)return;let t=!0;return n=>{let o={...n,preventDefault(){n.preventDefault()},isDefaultPrevented(){return n.isDefaultPrevented()},stopPropagation(){t&&process.env.NODE_ENV!=="production"?console.error("stopPropagation is now the default behavior for events in React Spectrum. You can use continuePropagation() to revert this behavior."):t=!0},continuePropagation(){t=!1},isPropagationStopped(){return t}};e(o),t&&n.stopPropagation()}}function ow(e){return{keyboardProps:e.isDisabled?{}:{onKeyDown:Ou(e.onKeyDown),onKeyUp:Ou(e.onKeyUp)}}}let rw=w.createContext(null);function aw(e){let t=w.useContext(rw)||{};iu(t,e);let{ref:n,...o}=t;return o}function sw(e,t){let{focusProps:n}=nw(e),{keyboardProps:o}=ow(e),a=ct(n,o),s=aw(t),i=e.isDisabled?{}:s,l=w.useRef(e.autoFocus);w.useEffect(()=>{l.current&&t.current&&Dr(t.current),l.current=!1},[t]);let d=e.excludeFromTabOrder?-1:0;return e.isDisabled&&(d=void 0),{focusableProps:ct({...a,tabIndex:d},i)}}const iw=500;function lw(e){let{isDisabled:t,onLongPressStart:n,onLongPressEnd:o,onLongPress:a,threshold:s=iw,accessibilityDescription:i}=e;const l=w.useRef(void 0);let{addGlobalListener:d,removeGlobalListener:c}=ru(),{pressProps:u}=wu({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})),ke(p.target).activeElement!==p.target&&Bt(p.target),a&&a({...p,type:"longpress"}),l.current=void 0},s),p.pointerType==="touch")){let f=h=>{h.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=MT(a&&!t?i:void 0);return{longPressProps:ct(u,m)}}function cw(e){if(!e.form)return Array.from(ke(e).querySelectorAll(`input[type="radio"][name="${CSS.escape(e.name)}"]`)).filter(o=>!o.form);const t=e.form.elements.namedItem(e.name);let n=ht(e);return t instanceof n.RadioNodeList?Array.from(t).filter(o=>o instanceof n.HTMLInputElement):t instanceof n.HTMLInputElement?[t]:[]}function dw(e){if(e.checked)return!0;const t=cw(e);return t.length>0&&!t.some(n=>n.checked)}function Bu(e,t){return!e||!t?!1:t.some(n=>ye(n,e))}function _u(e,t,n){let o=t?.tabbable?pu:du,a=e?.nodeType===Node.ELEMENT_NODE?e:null,s=ke(a),i=iT(s,e||s,NodeFilter.SHOW_ELEMENT,{acceptNode(l){return ye(t?.from,l)||t?.tabbable&&l.tagName==="INPUT"&&l.getAttribute("type")==="radio"&&(!dw(l)||i.currentNode.tagName==="INPUT"&&i.currentNode.type==="radio"&&i.currentNode.name===l.name)?NodeFilter.FILTER_REJECT:o(l)&&(!n||Bu(l,n))&&(!t?.accept||t.accept(l))?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});return t?.from&&(i.currentNode=t.from),i}class Qs{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 Ru({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&&Bu(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 Qs;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 Ru({scopeRef:null}),this.fastMap.set(null,this.root)}}class Ru{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 Qs;function pw(e,t){let n=t?.isDisabled,[o,a]=w.useState(!1);return It(()=>{if(e?.current&&!n){let s=()=>{if(e.current){let l=_u(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}function Fu(e){let t=mw(ke(e));t!==e&&(t&&uw(t,e),e&&Au(e,t))}function uw(e,t){e.dispatchEvent(new FocusEvent("blur",{relatedTarget:t})),e.dispatchEvent(new FocusEvent("focusout",{bubbles:!0,relatedTarget:t}))}function Au(e,t){e.dispatchEvent(new FocusEvent("focus",{relatedTarget:t})),e.dispatchEvent(new FocusEvent("focusin",{bubbles:!0,relatedTarget:t}))}function mw(e){let t=kt(e),n=t?.getAttribute("aria-activedescendant");return n&&e.getElementById(n)||t}function ei(e){return vT()?e.altKey:e.ctrlKey}function ti(e,t){var n,o;let a=`[data-key="${CSS.escape(String(t))}"]`,s=(n=e.current)===null||n===void 0?void 0:n.dataset.collection;return s&&(a=`[data-collection="${CSS.escape(s)}"]${a}`),(o=e.current)===null||o===void 0?void 0:o.querySelector(a)}const Vu=new WeakMap;function fw(e){let t=fr();return Vu.set(e,t),t}function Sw(e){return Vu.get(e)}const gw=1e3;function hw(e){let{keyboardDelegate:t,selectionManager:n,onTypeSelect:o}=e,a=w.useRef({search:"",timeout:void 0}).current,s=i=>{let l=bw(i.key);if(!(!l||i.ctrlKey||i.metaKey||!ye(i.currentTarget,ue(i))||a.search.length===0&&l===" ")){if(l===" "&&a.search.trim().length>0&&(i.preventDefault(),"continuePropagation"in i||i.stopPropagation()),a.search+=l,t.getKeyForSearch!=null){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=""},gw)}};return{typeSelectProps:{onKeyDownCapture:t.getKeyForSearch?s:void 0}}}function bw(e){return e.length===1||!/^[A-Z]/i.test(e)?e:""}const vw=new Set(["Arab","Syrc","Samr","Mand","Thaa","Mend","Nkoo","Adlm","Rohg","Hebr"]),yw=new Set(["ae","ar","arc","bcc","bqi","ckb","dv","fa","glk","he","ku","mzn","nqo","pnb","ps","sd","ug","ur","yi"]);function Ew(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 vw.has(n.script)}let t=e.split("-")[0];return yw.has(t)}const $u=Symbol.for("react-aria.i18n.locale");function Ku(){let e=typeof window<"u"&&window[$u]||typeof navigator<"u"&&(navigator.language||navigator.userLanguage)||"en-US";try{Intl.DateTimeFormat.supportedLocalesOf([e])}catch{e="en-US"}return{locale:e,direction:Ew(e)?"rtl":"ltr"}}let ni=Ku(),fo=new Set;function Hu(){ni=Ku();for(let e of fo)e(ni)}function Tw(){let e=qp(),[t,n]=w.useState(ni);return w.useEffect(()=>(fo.size===0&&window.addEventListener("languagechange",Hu),fo.add(n),()=>{fo.delete(n),fo.size===0&&window.removeEventListener("languagechange",Hu)}),[]),e?{locale:typeof window<"u"&&window[$u]||"en-US",direction:"ltr"}:t}const ww=w.createContext(null);function Wu(){let e=Tw();return w.useContext(ww)||e}function Cw(e){let{selectionManager:t,keyboardDelegate:n,ref:o,autoFocus:a=!1,shouldFocusWrap:s=!1,disallowEmptySelection:i=!1,disallowSelectAll:l=!1,escapeKeyBehavior:d="clearSelection",selectOnFocus:c=t.selectionBehavior==="replace",disallowTypeAhead:u=!1,shouldUseVirtualFocus:m,allowsTabNavigation:p=!1,scrollRef:f=o,linkBehavior:h="action"}=e,{direction:v}=Wu(),E=Fs(),y=G=>{if(G.altKey&&G.key==="Tab"&&G.preventDefault(),!o.current||!ye(o.current,ue(G)))return;const Y=(R,W)=>{if(R!=null){if(t.isLink(R)&&h==="selection"&&c&&!ei(G)){Pn.flushSync(()=>{t.setFocusedKey(R,W)});let ee=ti(o,R),q=t.getItemProps(R);ee&&E.open(ee,G,q.href,q.routerOptions);return}if(t.setFocusedKey(R,W),t.isLink(R)&&h==="override")return;G.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(R):c&&!ei(G)&&t.replaceSelection(R)}};switch(G.key){case"ArrowDown":if(n.getKeyBelow){var U,$,Q;let R=t.focusedKey!=null?(U=n.getKeyBelow)===null||U===void 0?void 0:U.call(n,t.focusedKey):($=n.getFirstKey)===null||$===void 0?void 0:$.call(n);R==null&&s&&(R=(Q=n.getFirstKey)===null||Q===void 0?void 0:Q.call(n,t.focusedKey)),R!=null&&(G.preventDefault(),Y(R))}break;case"ArrowUp":if(n.getKeyAbove){var K,S,I;let R=t.focusedKey!=null?(K=n.getKeyAbove)===null||K===void 0?void 0:K.call(n,t.focusedKey):(S=n.getLastKey)===null||S===void 0?void 0:S.call(n);R==null&&s&&(R=(I=n.getLastKey)===null||I===void 0?void 0:I.call(n,t.focusedKey)),R!=null&&(G.preventDefault(),Y(R))}break;case"ArrowLeft":if(n.getKeyLeftOf){var D,H,z;let R=t.focusedKey!=null?(D=n.getKeyLeftOf)===null||D===void 0?void 0:D.call(n,t.focusedKey):null;R==null&&s&&(R=v==="rtl"?(H=n.getFirstKey)===null||H===void 0?void 0:H.call(n,t.focusedKey):(z=n.getLastKey)===null||z===void 0?void 0:z.call(n,t.focusedKey)),R!=null&&(G.preventDefault(),Y(R,v==="rtl"?"first":"last"))}break;case"ArrowRight":if(n.getKeyRightOf){var Z,O,J;let R=t.focusedKey!=null?(Z=n.getKeyRightOf)===null||Z===void 0?void 0:Z.call(n,t.focusedKey):null;R==null&&s&&(R=v==="rtl"?(O=n.getLastKey)===null||O===void 0?void 0:O.call(n,t.focusedKey):(J=n.getFirstKey)===null||J===void 0?void 0:J.call(n,t.focusedKey)),R!=null&&(G.preventDefault(),Y(R,v==="rtl"?"last":"first"))}break;case"Home":if(n.getFirstKey){if(t.focusedKey===null&&G.shiftKey)return;G.preventDefault();let R=n.getFirstKey(t.focusedKey,Mn(G));t.setFocusedKey(R),R!=null&&(Mn(G)&&G.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(R):c&&t.replaceSelection(R))}break;case"End":if(n.getLastKey){if(t.focusedKey===null&&G.shiftKey)return;G.preventDefault();let R=n.getLastKey(t.focusedKey,Mn(G));t.setFocusedKey(R),R!=null&&(Mn(G)&&G.shiftKey&&t.selectionMode==="multiple"?t.extendSelection(R):c&&t.replaceSelection(R))}break;case"PageDown":if(n.getKeyPageBelow&&t.focusedKey!=null){let R=n.getKeyPageBelow(t.focusedKey);R!=null&&(G.preventDefault(),Y(R))}break;case"PageUp":if(n.getKeyPageAbove&&t.focusedKey!=null){let R=n.getKeyPageAbove(t.focusedKey);R!=null&&(G.preventDefault(),Y(R))}break;case"a":Mn(G)&&t.selectionMode==="multiple"&&l!==!0&&(G.preventDefault(),t.selectAll());break;case"Escape":d==="clearSelection"&&!i&&t.selectedKeys.size!==0&&(G.stopPropagation(),G.preventDefault(),t.clearSelection());break;case"Tab":if(!p){if(G.shiftKey)o.current.focus();else{let R=_u(o.current,{tabbable:!0}),W,ee;do ee=R.lastChild(),ee&&(W=ee);while(ee);let q=kt();W&&(!Jp(W)||q&&!pu(q))&&Bt(W)}break}}},b=w.useRef({top:0,left:0});vr(f,"scroll",()=>{var G,Y,U,$;b.current={top:(U=(G=f.current)===null||G===void 0?void 0:G.scrollTop)!==null&&U!==void 0?U:0,left:($=(Y=f.current)===null||Y===void 0?void 0:Y.scrollLeft)!==null&&$!==void 0?$:0}});let N=G=>{if(t.isFocused){ye(G.currentTarget,ue(G))||t.setFocused(!1);return}if(ye(G.currentTarget,ue(G))){if(t.setFocused(!0),t.focusedKey==null){var Y,U;let K=I=>{I!=null&&(t.setFocusedKey(I),c&&!t.isSelected(I)&&t.replaceSelection(I))},S=G.relatedTarget;var $,Q;S&&G.currentTarget.compareDocumentPosition(S)&Node.DOCUMENT_POSITION_FOLLOWING?K(($=t.lastSelectedKey)!==null&&$!==void 0?$:(Y=n.getLastKey)===null||Y===void 0?void 0:Y.call(n)):K((Q=t.firstSelectedKey)!==null&&Q!==void 0?Q:(U=n.getFirstKey)===null||U===void 0?void 0:U.call(n))}else f.current&&(f.current.scrollTop=b.current.top,f.current.scrollLeft=b.current.left);if(t.focusedKey!=null&&f.current){let K=ti(o,t.focusedKey);K instanceof HTMLElement&&(!Jp(K)&&!m&&Bt(K),Zs()==="keyboard"&&cu(K,{containingElement:o.current}))}}},C=G=>{ye(G.currentTarget,G.relatedTarget)||t.setFocused(!1)},T=w.useRef(!1);vr(o,OT,m?G=>{let{detail:Y}=G;G.stopPropagation(),t.setFocused(!0),Y?.focusStrategy==="first"&&(T.current=!0)}:void 0),su(()=>{if(T.current){var G,Y;let U=(Y=(G=n.getFirstKey)===null||G===void 0?void 0:G.call(n))!==null&&Y!==void 0?Y:null;if(U==null){let $=kt();Fu(o.current),Au($,null),t.collection.size>0&&(T.current=!1)}else t.setFocusedKey(U),T.current=!1}},[t.collection]),su(()=>{t.collection.size>0&&(T.current=!1)},[t.focusedKey]),vr(o,PT,m?G=>{var Y;G.stopPropagation(),t.setFocused(!1),!((Y=G.detail)===null||Y===void 0)&&Y.clearFocusKey&&t.setFocusedKey(null)}:void 0);const x=w.useRef(a),B=w.useRef(!1);w.useEffect(()=>{if(x.current){var G,Y;let Q=null;var U;a==="first"&&(Q=(U=(G=n.getFirstKey)===null||G===void 0?void 0:G.call(n))!==null&&U!==void 0?U:null);var $;a==="last"&&(Q=($=(Y=n.getLastKey)===null||Y===void 0?void 0:Y.call(n))!==null&&$!==void 0?$:null);let K=t.selectedKeys;if(K.size){for(let S of K)if(t.canSelectItem(S)){Q=S;break}}t.setFocused(!0),t.setFocusedKey(Q),Q==null&&!m&&o.current&&Dr(o.current),t.collection.size>0&&(x.current=!1,B.current=!0)}});let M=w.useRef(t.focusedKey),P=w.useRef(null);w.useEffect(()=>{if(t.isFocused&&t.focusedKey!=null&&(t.focusedKey!==M.current||B.current)&&f.current&&o.current){let G=Zs(),Y=ti(o,t.focusedKey);if(!(Y instanceof HTMLElement))return;(G==="keyboard"||B.current)&&(P.current&&cancelAnimationFrame(P.current),P.current=requestAnimationFrame(()=>{f.current&&(Ks(f.current,Y),G!=="virtual"&&cu(Y,{containingElement:o.current}))}))}!m&&t.isFocused&&t.focusedKey==null&&M.current!=null&&o.current&&Dr(o.current),M.current=t.focusedKey,B.current=!1}),w.useEffect(()=>()=>{P.current&&cancelAnimationFrame(P.current)},[]),vr(o,"react-aria-focus-scope-restore",G=>{G.preventDefault(),t.setFocused(!0)});let F={onKeyDown:y,onFocus:N,onBlur:C,onMouseDown(G){f.current===ue(G)&&G.preventDefault()}},{typeSelectProps:j}=hw({keyboardDelegate:n,selectionManager:t});u||(F=ct(j,F));let te;m||(te=t.focusedKey==null?0:-1);let V=fw(t.collection);return{collectionProps:ct(F,{tabIndex:te,"data-collection":V})}}function Dw(e){let{id:t,selectionManager:n,key:o,ref:a,shouldSelectOnPressUp:s,shouldUseVirtualFocus:i,focus:l,isDisabled:d,onAction:c,allowsDifferentPressOrigin:u,linkBehavior:m="action"}=e,p=Fs();t=fr(t);let f=S=>{if(S.pointerType==="keyboard"&&ei(S))n.toggleSelection(o);else{if(n.selectionMode==="none")return;if(n.isLink(o)){if(m==="selection"&&a.current){let I=n.getItemProps(o);p.open(a.current,S,I.href,I.routerOptions),n.setSelectedKeys(n.selectedKeys);return}else if(m==="override"||m==="none")return}n.selectionMode==="single"?n.isSelected(o)&&!n.disallowEmptySelection?n.toggleSelection(o):n.replaceSelection(o):S&&S.shiftKey?n.extendSelection(o):n.selectionBehavior==="toggle"||S&&(Mn(S)||S.pointerType==="touch"||S.pointerType==="virtual")?n.toggleSelection(o):n.replaceSelection(o)}};w.useEffect(()=>{o===n.focusedKey&&n.isFocused&&(i?Fu(a.current):l?l():kt()!==a.current&&a.current&&Dr(a.current))},[a,o,n.focusedKey,n.childFocusStrategy,n.isFocused,i]),d=d||n.isDisabled(o);let h={};!i&&!d?h={tabIndex:o===n.focusedKey?0:-1,onFocus(S){ue(S)===a.current&&n.setFocusedKey(o)}}:d&&(h.onMouseDown=S=>{S.preventDefault()}),w.useEffect(()=>{d&&n.focusedKey===o&&n.setFocusedKey(null)},[n,d,o]);let v=n.isLink(o)&&m==="override",E=c&&e.UNSTABLE_itemBehavior==="action",y=n.isLink(o)&&m!=="selection"&&m!=="none",b=!d&&n.canSelectItem(o)&&!v&&!E,N=(c||y)&&!d,C=N&&(n.selectionBehavior==="replace"?!b:!b||n.isEmpty),T=N&&b&&n.selectionBehavior==="replace",x=C||T,B=w.useRef(null),M=x&&b,P=w.useRef(!1),F=w.useRef(!1),j=n.getItemProps(o),te=S=>{if(c){var I;c(),(I=a.current)===null||I===void 0||I.dispatchEvent(new CustomEvent("react-aria-item-action",{bubbles:!0}))}y&&a.current&&p.open(a.current,S,j.href,j.routerOptions)},V={ref:a};if(s?(V.onPressStart=S=>{B.current=S.pointerType,P.current=M,S.pointerType==="keyboard"&&(!x||Uu(S.key))&&f(S)},u?(V.onPressUp=C?void 0:S=>{S.pointerType==="mouse"&&b&&f(S)},V.onPress=C?te:S=>{S.pointerType!=="keyboard"&&S.pointerType!=="mouse"&&b&&f(S)}):V.onPress=S=>{if(C||T&&S.pointerType!=="mouse"){if(S.pointerType==="keyboard"&&!Gu(S.key))return;te(S)}else S.pointerType!=="keyboard"&&b&&f(S)}):(V.onPressStart=S=>{B.current=S.pointerType,P.current=M,F.current=C,b&&(S.pointerType==="mouse"&&!C||S.pointerType==="keyboard"&&(!N||Uu(S.key)))&&f(S)},V.onPress=S=>{(S.pointerType==="touch"||S.pointerType==="pen"||S.pointerType==="virtual"||S.pointerType==="keyboard"&&x&&Gu(S.key)||S.pointerType==="mouse"&&F.current)&&(x?te(S):b&&f(S))}),h["data-collection"]=Sw(n.collection),h["data-key"]=o,V.preventFocusOnPress=i,i&&(V=ct(V,{onPressStart(S){S.pointerType!=="touch"&&(n.setFocused(!0),n.setFocusedKey(o))},onPress(S){S.pointerType==="touch"&&(n.setFocused(!0),n.setFocusedKey(o))}})),j)for(let S of["onPressStart","onPressEnd","onPressChange","onPress","onPressUp","onClick"])j[S]&&(V[S]=_s(V[S],j[S]));let{pressProps:G,isPressed:Y}=wu(V),U=T?S=>{B.current==="mouse"&&(S.stopPropagation(),S.preventDefault(),te(S))}:void 0,{longPressProps:$}=lw({isDisabled:!M,onLongPress(S){S.pointerType==="touch"&&(f(S),n.setSelectionBehavior("toggle"))}}),Q=S=>{B.current==="touch"&&P.current&&S.preventDefault()},K=m!=="none"&&n.isLink(o)?S=>{Rt.isOpening||S.preventDefault()}:void 0;return{itemProps:ct(h,b||C||i&&!d?G:{},M?$:{},{onDoubleClick:U,onDragStartCapture:Q,onClick:K,id:t},i?{onMouseDown:S=>S.preventDefault()}:void 0),isPressed:Y,isSelected:n.isSelected(o),isFocused:n.isFocused&&n.focusedKey===o,isDisabled:d,allowsSelection:b,hasAction:x}}function Gu(e){return e==="Enter"}function Uu(e){return e===" "}function Nw(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}=Dw({selectionManager:i,key:o,ref:n,isDisabled:c,shouldSelectOnPressUp:s,linkBehavior:"selection"}),p=ur(t,o,"tab"),f=ur(t,o,"tabpanel"),{tabIndex:h}=u,v=t.collection.getItem(o),E=fT(v?.props,{labelable:!0});delete E.id;let y=DT(v?.props),{focusableProps:b}=sw({...v?.props,isDisabled:c},n);return{tabProps:ct(E,b,y,u,{id:p,"aria-selected":d,"aria-disabled":c||void 0,"aria-controls":d?f:void 0,tabIndex:c?void 0:h,role:"tab"}),isSelected:d,isDisabled:c,isPressed:m}}function Iw(e,t,n){let o=pw(n)?void 0:0;var a;const s=ur(t,(a=e.id)!==null&&a!==void 0?a:t?.selectedKey,"tabpanel"),i=au({...e,id:s,"aria-labelledby":ur(t,t?.selectedKey,"tab")});return{tabPanelProps:ct(i,{tabIndex:o,role:"tabpanel","aria-describedby":e["aria-describedby"],"aria-details":e["aria-details"]})}}class kw{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){let n=t;do n=this.collection.getKeyAfter(n),n==null&&(n=this.collection.getFirstKey());while(n!=null&&this.isDisabled(n));return n}getPreviousKey(t){let n=t;do n=this.collection.getKeyBefore(n),n==null&&(n=this.collection.getLastKey());while(n!=null&&this.isDisabled(n));return n}constructor(t,n,o,a=new Set){this.collection=t,this.flipDirection=n==="rtl"&&o==="horizontal",this.disabledKeys=a,this.tabDirection=o==="horizontal"}}function xw(e,t,n){let{orientation:o="horizontal",keyboardActivation:a="automatic"}=e,{collection:s,selectionManager:i,disabledKeys:l}=t,{direction:d}=Wu(),c=w.useMemo(()=>new kw(s,d,o,l),[s,l,o,d]),{collectionProps:u}=Cw({ref:n,selectionManager:i,keyboardDelegate:c,selectOnFocus:a==="automatic",disallowEmptySelection:!0,scrollRef:n,linkBehavior:"selection"}),m=fr();jp.set(t,m);let p=au({...e,id:m});return{tabListProps:{...ct(u,p),role:"tablist","aria-orientation":o,tabIndex:void 0}}}function zu({item:e,state:t}){const{key:n}=e,o=r.useRef(null),{tabProps:a}=Nw({key:n},t,o),s=t.selectedKey===n,i=t.disabledKeys.has(n);return r.createElement("div",{...a,ref:o,className:A("sps-nav__item","sps-nav__link",s&&"active",i&&"sps-nav__item--disabled")},e.rendered)}function ju({state:e,...t}){const n=r.useRef(null),{tabPanelProps:o}=Iw(t,e,n);return r.createElement("div",{...o,ref:n,className:"sps-card__body"},e.selectedItem?e.selectedItem.props.children:null)}class Yu{*[Symbol.iterator](){yield*this.iterable}get size(){return this._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=l=>{if(this.keyMap.set(l.key,l),l.childNodes&&l.type==="section")for(let d of l.childNodes)n(d)};for(let l of t)n(l);let o=null,a=0,s=0;for(let[l,d]of this.keyMap)o?(o.nextKey=l,d.prevKey=o.key):(this.firstKey=l,d.prevKey=void 0),d.type==="item"&&(d.index=a++),(d.type==="section"||d.type==="item")&&s++,o=d,o.nextKey=void 0;this._size=s;var i;this.lastKey=(i=o?.key)!==null&&i!==void 0?i:null}}class bt extends Set{constructor(t,n,o){super(t),t instanceof bt?(this.anchorKey=n??t.anchorKey,this.currentKey=o??t.currentKey):(this.anchorKey=n??null,this.currentKey=o??null)}}function Mw(e,t){if(e.size!==t.size)return!1;for(let n of e)if(!t.has(n))return!1;return!0}function Lw(e){let{selectionMode:t="none",disallowEmptySelection:n=!1,allowDuplicateSelectionEvents:o,selectionBehavior:a="toggle",disabledBehavior:s="all"}=e,i=w.useRef(!1),[,l]=w.useState(!1),d=w.useRef(null),c=w.useRef(null),[,u]=w.useState(null),m=w.useMemo(()=>qu(e.selectedKeys),[e.selectedKeys]),p=w.useMemo(()=>qu(e.defaultSelectedKeys,new bt),[e.defaultSelectedKeys]),[f,h]=mu(m,p,e.onSelectionChange),v=w.useMemo(()=>e.disabledKeys?new Set(e.disabledKeys):new Set,[e.disabledKeys]),[E,y]=w.useState(a);a==="replace"&&E==="toggle"&&typeof f=="object"&&f.size===0&&y("replace");let b=w.useRef(a);return w.useEffect(()=>{a!==b.current&&(y(a),b.current=a)},[a]),{selectionMode:t,disallowEmptySelection:n,selectionBehavior:E,setSelectionBehavior:y,get isFocused(){return i.current},setFocused(N){i.current=N,l(N)},get focusedKey(){return d.current},get childFocusStrategy(){return c.current},setFocusedKey(N,C="first"){d.current=N,c.current=C,u(N)},selectedKeys:f,setSelectedKeys(N){(o||!Mw(N,f))&&h(N)},disabledKeys:v,disabledBehavior:s}}function qu(e,t){return e?e==="all"?"all":new bt(e):t}class oi{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){if(this.state.selectionMode==="none")return!1;let n=this.getKey(t);return n==null?!1:this.state.selectedKeys==="all"?this.canSelectItem(n):this.state.selectedKeys.has(n)}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 o of this.state.selectedKeys){let a=this.collection.getItem(o);(!t||a&&un.compareNodeOrder(this.collection,a,t)<0)&&(t=a)}var n;return(n=t?.key)!==null&&n!==void 0?n:null}get lastSelectedKey(){let t=null;for(let o of this.state.selectedKeys){let a=this.collection.getItem(o);(!t||a&&un.compareNodeOrder(this.collection,a,t)>0)&&(t=a)}var n;return(n=t?.key)!==null&&n!==void 0?n:null}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}let n=this.getKey(t);if(n==null)return;let o;if(this.state.selectedKeys==="all")o=new bt([n],n,n);else{let i=this.state.selectedKeys;var a;let l=(a=i.anchorKey)!==null&&a!==void 0?a:n;o=new bt(i,l,n);var s;for(let d of this.getKeyRange(l,(s=i.currentKey)!==null&&s!==void 0?s:n))o.delete(d);for(let d of this.getKeyRange(n,l))this.canSelectItem(d)&&o.add(d)}this.state.setSelectedKeys(o)}getKeyRange(t,n){let o=this.collection.getItem(t),a=this.collection.getItem(n);return o&&a?un.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&&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}let n=this.getKey(t);if(n==null)return;let o=new bt(this.state.selectedKeys==="all"?this.getSelectAllKeys():this.state.selectedKeys);o.has(n)?o.delete(n):this.canSelectItem(n)&&(o.add(n),o.anchorKey=n,o.currentKey=n),!(this.disallowEmptySelection&&o.size===0)&&this.state.setSelectedKeys(o)}replaceSelection(t){if(this.selectionMode==="none")return;let n=this.getKey(t);if(n==null)return;let o=this.canSelectItem(n)?new bt([n],n,n):new bt;this.state.setSelectedKeys(o)}setSelectedKeys(t){if(this.selectionMode==="none")return;let n=new bt;for(let o of t){let a=this.getKey(o);if(a!=null&&(n.add(a),this.selectionMode==="single"))break}this.state.setSelectedKeys(n)}getSelectAllKeys(){let t=[],n=o=>{for(;o!=null;){if(this.canSelectItem(o)){var a;let i=this.collection.getItem(o);i?.type==="item"&&t.push(o);var s;i?.hasChildNodes&&(this.allowsCellSelection||i.type!=="item")&&n((s=(a=un.getFirstItem(un.getChildNodes(i,this.collection)))===null||a===void 0?void 0:a.key)!==null&&s!==void 0?s:null)}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 bt)}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}withCollection(t){return new oi(t,this.state,{allowsCellSelection:this.allowsCellSelection,layoutDelegate:this.layoutDelegate||void 0})}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 Pw(e){let{filter:t,layoutDelegate:n}=e,o=Lw(e),a=w.useMemo(()=>e.disabledKeys?new Set(e.disabledKeys):new Set,[e.disabledKeys]),s=w.useCallback(c=>t?new Yu(t(c)):new Yu(c),[t]),i=w.useMemo(()=>({suppressTextValueWarning:e.suppressTextValueWarning}),[e.suppressTextValueWarning]),l=un.useCollection(e,s,i),d=w.useMemo(()=>new oi(l,o,{layoutDelegate:n}),[l,o,n]);return Ow(l,d),{collection:l,disabledKeys:a,selectionManager:d}}function Ow(e,t){const n=w.useRef(null);w.useEffect(()=>{if(t.focusedKey!=null&&!e.getItem(t.focusedKey)&&n.current){const u=n.current.getItem(t.focusedKey),m=[...n.current.getKeys()].map(y=>{const b=n.current.getItem(y);return b?.type==="item"?b:null}).filter(y=>y!==null),p=[...e.getKeys()].map(y=>{const b=e.getItem(y);return b?.type==="item"?b:null}).filter(y=>y!==null);var o,a;const f=((o=m?.length)!==null&&o!==void 0?o:0)-((a=p?.length)!==null&&a!==void 0?a:0);var s,i,l;let h=Math.min(f>1?Math.max(((s=u?.index)!==null&&s!==void 0?s:0)-f+1,0):(i=u?.index)!==null&&i!==void 0?i:0,((l=p?.length)!==null&&l!==void 0?l:0)-1),v=null,E=!1;for(;h>=0;){if(!t.isDisabled(p[h].key)){v=p[h];break}if(h<p.length-1&&!E)h++;else{E=!0;var d,c;h>((d=u?.index)!==null&&d!==void 0?d:0)&&(h=(c=u?.index)!==null&&c!==void 0?c:0),h--}}t.setFocusedKey(v?v.key:null)}n.current=e},[e,t])}function Bw(e){var t;let[n,o]=mu(e.selectedKey,(t=e.defaultSelectedKey)!==null&&t!==void 0?t:null,e.onSelectionChange),a=w.useMemo(()=>n!=null?[n]:[],[n]),{collection:s,disabledKeys:i,selectionManager:l}=Pw({...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 _w(e){var t,n;let o=Bw({...e,onSelectionChange:e.onSelectionChange?d=>{var c;d!=null&&((c=e.onSelectionChange)===null||c===void 0||c.call(e,d))}:void 0,suppressTextValueWarning:!0,defaultSelectedKey:(n=(t=e.defaultSelectedKey)!==null&&t!==void 0?t:Ju(e.collection,e.disabledKeys?new Set(e.disabledKeys):new Set))!==null&&n!==void 0?n:void 0}),{selectionManager:a,collection:s,selectedKey:i}=o,l=w.useRef(i);return w.useEffect(()=>{let d=i;e.selectedKey==null&&(a.isEmpty||d==null||!s.getItem(d))&&(d=Ju(s,o.disabledKeys),d!=null&&a.setSelectedKeys([d])),(d!=null&&a.focusedKey==null||!a.isFocused&&d!==l.current)&&a.setFocusedKey(d),l.current=d}),{...o,isDisabled:e.isDisabled||!1}}function Ju(e,t){let n=null;if(e){var o,a,s,i;for(n=e.getFirstKey();n!=null&&(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);n!=null&&(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 Rw={},Fw={};function ri(e){const{selectedKey:t,defaultSelectedKey:n,...o}=e,a={...o,selectedKey:t??void 0,defaultSelectedKey:n??void 0},s=_w(a),i=r.useRef(null),{tabListProps:l}=xw(a,s,i);return r.createElement(r.Fragment,null,r.createElement("div",{...l,ref:i,className:"sps-nav sps-nav--tabs sps-tabs-v2"},[...s.collection].map(d=>r.createElement(zu,{key:d.key,item:d,state:s}))),r.createElement(ju,{key:s.selectedItem?s.selectedItem.key:null,state:s}))}Object.assign(ri,{props:Rw,propTypes:Fw,displayName:"SpsTabsV2"});const Aw={};function ai({children:e,className:t,...n}){return r.createElement("div",{className:A("sps-card__footer",t),...n},e)}Object.assign(ai,{props:Aw,displayName:"SpsCardV2Footer"});const Vw={};function si({children:e,className:t,...n}){return r.createElement("div",{className:A("sps-card__header",t),...n},e)}Object.assign(si,{props:Vw,displayName:"SpsCardV2Header"});const $w={};function Xu({children:e,className:t,...n}){const[o,a,s,i,l]=rt(e,[{type:si},{type:ri},{type:km.Tabs},{type:ai}]),d=a.length>0?a:s;return r.createElement("div",{className:A("sps-card",t),...n},o,d.length>0?d:r.createElement("div",{className:"sps-card__body"},l),i)}Object.assign(Xu,{props:$w,displayName:"SpsCardV2"});const Kw={};function Zu({children:e,className:t,...n}){return r.createElement("div",{className:A("sps-card__title",t),...n},e)}Object.assign(Zu,{props:Kw,displayName:"SpsCardV2Title"});const Hw={...fd,controlsDisabled:"boolean",footerLinks:"ReactNodeOrRenderFn",formMeta:"SpsFormSetMeta<any>",isOpen:"boolean",onClear:"() => void",onSubmit:"React.FormEventHandler"};function Qu(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}=he.useWoodlandLanguage();function h(){c&&c()}const v=A(m||"sps-advanced-search",d&&"sps-advanced-search--open",n);return r.createElement("div",{className:v,...p},r.createElement(ao,{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"},qe(a)),r.createElement("div",{className:"sps-advanced-search__footer-controls"},r.createElement(Ie,{kind:_.ButtonKind.DEFAULT,type:_.ButtonType.BUTTON,className:"mr-2",onClick:h,disabled:o},f("advancedSearch.clear")),r.createElement(Ie,{kind:_.ButtonKind.KEY,type:_.ButtonType.SUBMIT,disabled:o},f("advancedSearch.search"))))))}Object.assign(Qu,{props:Hw,displayName:"SpsAdvancedSearch"});const Ww={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:g.code`
9523
9523
  import {
9524
9524
  SpsListToolbar,
9525
9525
  SpsListToolbarSearch,
@@ -9750,7 +9750,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
9750
9750
  </SpsAdvancedSearch>
9751
9751
  </>;
9752
9752
  }
9753
- `}}}},Hw=function({viewing:e,in:t,onChange:n}){const{t:o}=ge.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:F.ButtonKind.LINK,onClick:n},o("contextBar.change",{defaultValue:"Change"})))},Ww={disabled:"boolean",formMeta:"SpsFormFieldMeta<number>",name:"string",onChange:"ChangeEventHandler<number>",value:"number"};function Gw(e){return e?Number.parseInt(e.replace(/[^\d]/g,""),10)/100:null}function Uw(e){return typeof e=="number"?e.toFixed(2):""}function Qu({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}=Ge(o,n),p=r.useRef(null);function f(b){n&&(n.setValue(b),n.markAsDirty()),s&&s(b)}function h(){f(null)}function v(b){f(Gw(b.target.value))}function E(b){b.currentTarget.setSelectionRange(b.currentTarget.value.length,b.currentTarget.value.length)}const y=A("sps-text-input",e);return r.createElement(Be,{id:u,className:y,formMeta:n,inputRef:p,ref:i},r.createElement("div",{className:A("sps-form-control",t&&"disabled")},r.createElement(St,{className:"sps-text-input__icon",icon:F.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:v,title:l,value:Uw(d),disabled:t,...c}),d!==null&&!t&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:h})))}Object.assign(Qu,{props:Ww,displayName:"SpsCurrencyInput"});const zw={basic:{label:"Basic",examples:{basic:{react:g.code`
9753
+ `}}}},Gw=function({viewing:e,in:t,onChange:n}){const{t:o}=he.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:_.ButtonKind.LINK,onClick:n},o("contextBar.change",{defaultValue:"Change"})))},Uw={disabled:"boolean",formMeta:"SpsFormFieldMeta<number>",name:"string",onChange:"ChangeEventHandler<number>",value:"number"};function zw(e){return e?Number.parseInt(e.replace(/[^\d]/g,""),10)/100:null}function jw(e){return typeof e=="number"?e.toFixed(2):""}function em({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 h(){f(null)}function v(b){f(zw(b.target.value))}function E(b){b.currentTarget.setSelectionRange(b.currentTarget.value.length,b.currentTarget.value.length)}const y=A("sps-text-input",e);return r.createElement(Oe,{id:u,className:y,formMeta:n,inputRef:p,ref:i},r.createElement("div",{className:A("sps-form-control",t&&"disabled")},r.createElement(St,{className:"sps-text-input__icon",icon:_.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:v,title:l,value:jw(d),disabled:t,...c}),d!==null&&!t&&r.createElement("i",{className:"sps-icon sps-icon-x-circle sps-form-control__clear-btn",onClick:h})))}Object.assign(em,{props:Uw,displayName:"SpsCurrencyInput"});const Yw={basic:{label:"Basic",examples:{basic:{react:g.code`
9754
9754
  import {
9755
9755
  useSpsForm,
9756
9756
  SpsCurrencyInput,
@@ -9796,7 +9796,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
9796
9796
  </>
9797
9797
  )
9798
9798
  }
9799
- `}}}},jw={};function si(e){const{children:t,className:n,unsafelyReplaceClassName:o,...a}=e,s=A(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(si,{props:jw,displayName:"SpsFocusedTaskActions"});const Yw={fullWidth:"boolean",isOpen:"boolean",onClose:"() => void"};function ii(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}=ge.useWoodlandLanguage();r.useEffect(()=>{document.body.style.overflow=a?"hidden":""},[a]),r.useEffect(()=>()=>{document.body.style.overflow=""},[]);const p=A(d||"sps-focused-task","z-stratum-dialog",o&&"sps-focused-task--full-width",a&&"sps-focused-task--open",n),[f,h]=at(t,[{type:si}]);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:F.ButtonKind.ICON,icon:F.SpsIcon.X,onClick:s,title:m("focusedTask.close",{defaultValue:"Close"})})),r.createElement("div",{className:"sps-focused-task__body"},r.createElement(rt.Provider,{value:{parentElementRef:u}},a&&h)),f)}Object.assign(ii,{props:Yw,displayName:"SpsFocusedTask"});const qw={basic:{examples:{basic:{react:g.code`
9799
+ `}}}},qw={};function ii(e){const{children:t,className:n,unsafelyReplaceClassName:o,...a}=e,s=A(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(ii,{props:qw,displayName:"SpsFocusedTaskActions"});const Jw={fullWidth:"boolean",isOpen:"boolean",onClose:"() => void"};function li(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}=he.useWoodlandLanguage();r.useEffect(()=>{document.body.style.overflow=a?"hidden":""},[a]),r.useEffect(()=>()=>{document.body.style.overflow=""},[]);const p=A(d||"sps-focused-task","z-stratum-dialog",o&&"sps-focused-task--full-width",a&&"sps-focused-task--open",n),[f,h]=rt(t,[{type:ii}]);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:_.ButtonKind.ICON,icon:_.SpsIcon.X,onClick:s,title:m("focusedTask.close",{defaultValue:"Close"})})),r.createElement("div",{className:"sps-focused-task__body"},r.createElement(ot.Provider,{value:{parentElementRef:u}},a&&h)),f)}Object.assign(li,{props:Jw,displayName:"SpsFocusedTask"});const Xw={basic:{examples:{basic:{react:g.code`
9800
9800
  import {
9801
9801
  SpsButton,
9802
9802
  SpsFocusedTask,
@@ -9880,7 +9880,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
9880
9880
  </>
9881
9881
  );
9882
9882
  }
9883
- `}}}},Jw={imgSrc:"string",kind:"GrowlerKind",onClose:"() => void",persist:"boolean",title:"string"};function li(e){const{children:t,className:n,imgSrc:o,kind:a=F.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}=ge.useWoodlandLanguage(),[p,f]=r.useState(!0),[h,v]=r.useState(!1);function E(){return[window.setTimeout(()=>v(!0),F.GROWLER_VISIBLE_DURATION_MS),window.setTimeout(()=>{f(!1),u.current&&u.current()},F.GROWLER_VISIBLE_DURATION_MS+F.GROWLER_FADEOUT_DURATION_MS)]}const y=r.useRef([]);function b(){i||(y.current=E())}function N(){for(const O of y.current)window.clearTimeout(O);y.current=[]}function C(){N(),f(!0),v(!1)}function T(){C(),v(!1),f(!1),s&&s()}const x=a===F.GrowlerKind.PROGRESS?"sps-spinner":A("sps-icon",`sps-icon-${F.GrowlerIcon.get(a)}`),B=A(d||"sps-growler",p&&"show",h&&"fade",`sps-growler--${a}`,n);return r.useEffect(()=>(b(),()=>{N()}),[]),hn("sps-growler-display-area",["sps-growler-area","z-stratum-growlers"])(r.createElement("div",{role:"alert",className:B,onMouseEnter:C,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(li,{props:Jw,displayName:"SpsGrowler"});function Xw(){const[e,t]=r.useState([]),n=r.useCallback(()=>e.map(a=>r.createElement(li,{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||F.GrowlerKind.INFO,id:a.id||We()}])},[]);return[n,o]}const Zw={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:g.code`
9883
+ `}}}},Zw={imgSrc:"string",kind:"GrowlerKind",onClose:"() => void",persist:"boolean",title:"string"};function ci(e){const{children:t,className:n,imgSrc:o,kind: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}=he.useWoodlandLanguage(),[p,f]=r.useState(!0),[h,v]=r.useState(!1);function E(){return[window.setTimeout(()=>v(!0),_.GROWLER_VISIBLE_DURATION_MS),window.setTimeout(()=>{f(!1),u.current&&u.current()},_.GROWLER_VISIBLE_DURATION_MS+_.GROWLER_FADEOUT_DURATION_MS)]}const y=r.useRef([]);function b(){i||(y.current=E())}function N(){for(const P of y.current)window.clearTimeout(P);y.current=[]}function C(){N(),f(!0),v(!1)}function T(){C(),v(!1),f(!1),s&&s()}const x=a===_.GrowlerKind.PROGRESS?"sps-spinner":A("sps-icon",`sps-icon-${_.GrowlerIcon.get(a)}`),B=A(d||"sps-growler",p&&"show",h&&"fade",`sps-growler--${a}`,n);return r.useEffect(()=>(b(),()=>{N()}),[]),hn("sps-growler-display-area",["sps-growler-area","z-stratum-growlers"])(r.createElement("div",{role:"alert",className:B,onMouseEnter:C,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(ci,{props:Zw,displayName:"SpsGrowler"});function Qw(){const[e,t]=r.useState([]),n=r.useCallback(()=>e.map(a=>r.createElement(ci,{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([])}},qe(a.content))),[e]),o=r.useCallback(a=>{t(s=>[...s,{...a,kind:a.kind||_.GrowlerKind.INFO,id:a.id||He()}])},[]);return[n,o]}const eC={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:g.code`
9884
9884
  import { SpsButton, SpsGrowler } from "@spscommerce/ds-react";
9885
9885
  import { ButtonKind, GrowlerKind } from "@spscommerce/ds-shared";
9886
9886
 
@@ -10168,7 +10168,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
10168
10168
  </>
10169
10169
  );
10170
10170
  }
10171
- `}}}};function Qw(e){const{children:t}=e;return r.createElement("div",{className:"insight-tile-wrapper"},t)}const eC={horizontal:"boolean",icon:"SpsIcon",kind:"SpsInsightTileKind",title:"string",metric:"number | string",partnerCount:"number",totalPartners:"number"};function em(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=A(u||"sps-insight-tile",`sps-insight-tile--${s}`,n,o&&"sps-insight-tile--horizontal",t&&"sps-insight-tile--has-detail"),{t:f}=ge.useWoodlandLanguage(),[h,v,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-${F.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,h),r.createElement("div",null,v),r.createElement("div",null,E)),r.createElement("div",{className:"sps-insight-tile__partners-text"},f("insightTile.partners",{defaultValue:"PARTNERS"})))))}Object.assign(em,{props:eC,displayName:"SpsInsightTile"});const tC={inline:"boolean"};function tm(e){const{children:t,className:n,inline:o,"data-testid":a,unsafelyReplaceClassName:s,...i}=e,l=A(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(tm,{props:tC,displayName:"SpsKeyValueList"});const nC={itemKey:{type:"string | nodeOrRenderFn",required:!0},titleColor:"KeyValueListTitleColor"};function nm(e){const{children:t,className:n,itemKey:o,titleColor:a=F.KeyValueListTitleColor.LIGHT,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,d=A(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(nm,{props:nC,displayName:"SpsKeyValueListItem"});const oC={color:"TagKind",href:"String",icon:"SpsIcon",tagKey:{type:"String",required:!0},value:{type:"String",required:!0}};function om(e){const{color:t=F.TagKind.KEY,className:n,"data-testid":o,href:a,icon:s,tagKey:i,value:l,unsafelyReplaceClassName:d,...c}=e,u=A(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(ft,{icon:s,kind:t,className:"sps-key-value-tag--key"},i),r.createElement(ft,{className:`sps-key-value-tag--value ${t}`},a&&r.createElement("a",{href:a},l),!a&&l))}Object.assign(om,{props:oC,displayName:"SpsKeyValueTag"});const rC={basic:{label:"Basic",examples:{basic:{react:g.code`
10171
+ `}}}};function tC(e){const{children:t}=e;return r.createElement("div",{className:"insight-tile-wrapper"},t)}const nC={horizontal:"boolean",icon:"SpsIcon",kind:"SpsInsightTileKind",title:"string",metric:"number | string",partnerCount:"number",totalPartners:"number"};function tm(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=A(u||"sps-insight-tile",`sps-insight-tile--${s}`,n,o&&"sps-insight-tile--horizontal",t&&"sps-insight-tile--has-detail"),{t:f}=he.useWoodlandLanguage(),[h,v,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-${_.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,h),r.createElement("div",null,v),r.createElement("div",null,E)),r.createElement("div",{className:"sps-insight-tile__partners-text"},f("insightTile.partners",{defaultValue:"PARTNERS"})))))}Object.assign(tm,{props:nC,displayName:"SpsInsightTile"});const oC={inline:"boolean"};function nm(e){const{children:t,className:n,inline:o,"data-testid":a,unsafelyReplaceClassName:s,...i}=e,l=A(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(nm,{props:oC,displayName:"SpsKeyValueList"});const rC={itemKey:{type:"string | nodeOrRenderFn",required:!0},titleColor:"KeyValueListTitleColor"};function om(e){const{children:t,className:n,itemKey:o,titleColor:a=_.KeyValueListTitleColor.LIGHT,"data-testid":s,unsafelyReplaceClassName:i,...l}=e,d=A(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(om,{props:rC,displayName:"SpsKeyValueListItem"});const aC={color:"TagKind",href:"String",icon:"SpsIcon",tagKey:{type:"String",required:!0},value:{type:"String",required:!0}};function rm(e){const{color:t=_.TagKind.KEY,className:n,"data-testid":o,href:a,icon:s,tagKey:i,value:l,unsafelyReplaceClassName:d,...c}=e,u=A(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(ft,{icon:s,kind:t,className:"sps-key-value-tag--key"},i),r.createElement(ft,{className:`sps-key-value-tag--value ${t}`},a&&r.createElement("a",{href:a},l),!a&&l))}Object.assign(rm,{props:aC,displayName:"SpsKeyValueTag"});const sC={basic:{label:"Basic",examples:{basic:{react:g.code`
10172
10172
  import { SpsKeyValueTag } from "@spscommerce/ds-react";
10173
10173
  function Component() {
10174
10174
  return (
@@ -10197,7 +10197,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
10197
10197
  </>
10198
10198
  )
10199
10199
  }
10200
- `}}}};function rm(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=A(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:A("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(rm,{displayName:"SpsTabs"});const aC={resultsCount:"number",totalResults:"number",onClear:"() => void"};function am(e){const{children:t,className:n,resultsCount:o,totalResults:a,onClear:s,"data-testid":i,unsafelyReplaceClassName:l,...d}=e,{t:c}=ge.useWoodlandLanguage(),u=A(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(am,{props:aC,displayName:"SpsSearchResultsBar"});const sC={results:"number || string || null",selections:"{ [key: string]: string[] }",zeroStateText:"string",onClear:"() => void"};function ci(e){const{className:t,results:n,selections:o,zeroStateText:a,onClear:s,"data-testid":i,unsafelyReplaceClassName:l,...d}=e,{t:c}=ge.useWoodlandLanguage(),u=A(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(ft,{kind:F.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((h,v)=>r.createElement(ft,{key:v,kind:F.TagKind.KEY},r.createElement("span",null,h))))):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:F.ButtonKind.LINK,onClick:s},c("searchResultsBar.clearResults",{defaultValue:"Clear Results"}))))}Object.assign(ci,{props:sC,displayName:"SpsSearchResultsBarV2"});const iC={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:g.code`
10200
+ `}}}};function am(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=A(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:A("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(am,{displayName:"SpsTabs"});const iC={resultsCount:"number",totalResults:"number",onClear:"() => void"};function sm(e){const{children:t,className:n,resultsCount:o,totalResults:a,onClear:s,"data-testid":i,unsafelyReplaceClassName:l,...d}=e,{t:c}=he.useWoodlandLanguage(),u=A(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(sm,{props:iC,displayName:"SpsSearchResultsBar"});const lC={results:"number || string || null",selections:"{ [key: string]: string[] }",zeroStateText:"string",onClear:"() => void"};function di(e){const{className:t,results:n,selections:o,zeroStateText:a,onClear:s,"data-testid":i,unsafelyReplaceClassName:l,...d}=e,{t:c}=he.useWoodlandLanguage(),u=A(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(ft,{kind:_.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((h,v)=>r.createElement(ft,{key:v,kind:_.TagKind.KEY},r.createElement("span",null,h))))):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:_.ButtonKind.LINK,onClick:s},c("searchResultsBar.clearResults",{defaultValue:"Clear Results"}))))}Object.assign(di,{props:lC,displayName:"SpsSearchResultsBarV2"});const cC={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:g.code`
10201
10201
  import {
10202
10202
  useSpsForm,
10203
10203
  SpsListToolbar,
@@ -10415,7 +10415,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
10415
10415
  </>
10416
10416
  )
10417
10417
  }
10418
- `}}}},lC={onSubmit:"FormEventHandler"};function di(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(In,{className:"sps-list-toolbar__search-field"},t))}Object.assign(di,{props:lC,displayName:"SpsListToolbarSearch"});const cC={};function pi(e){const{children:t}=e;return r.createElement("div",null,t)}Object.assign(pi,{props:cC,displayName:"SpsListToolbarSearchInfo"});const dC={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 sm(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:h,pinResultsBar:v,pinToolbar:E=!0,"data-testid":y,...b}=e,{t:N}=ge.useWoodlandLanguage();let C=null;const[T,x]=r.useState(!1),B=r.useRef(null),L=r.useRef(null),O=g.lockToAnimationFrames(()=>{if(B.current&&E){const H=B.current.getBoundingClientRect();H&&H.height>0&&H.top<=60&&(typeof C=="number"?window.scrollY<C&&(C=null,x(!1)):(C=window.scrollY,x(!0),s&&s(!1)))}});r.useEffect(()=>(window.addEventListener("scroll",O),()=>{window.removeEventListener("scroll",O)}),[]);const R=r.useRef();r.useLayoutEffect(()=>{if(L.current&&B.current&&E){if(T&&R.current)L.current.style.height=R.current.height,L.current.style.width=R.current.width,L.current.style.marginBottom=R.current.marginBottom;else if(!T){L.current.style.height="",L.current.style.width="",L.current.style.marginBottom="";const H=window.getComputedStyle(B.current);R.current={height:H.height,width:H.width,marginBottom:H.marginBottom}}}},[T]);function q(H){i&&i(H)}function te(){s&&s(!n?.isOpen)}function $(H){u&&u(H)}r.useEffect(()=>{$(T)},[T]);const W=A(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),[Y,V,G,ee]=at(o,[{type:di},{type:pi},{type:ci}]);return r.createElement("div",{className:"sps-list-toolbar__wrapper",ref:L},r.createElement("div",{className:W,"data-testid":y,ref:B,...b},r.createElement("div",{className:"sps-list-toolbar__content"},!!m&&r.createElement("div",{className:"sps-list-toolbar__selection-controls"},r.createElement(Xt,{checked:p,indeterminate:f,onChange:()=>{h?.(!p)}})),l&&r.createElement(rm,{tabs:l,onTabChange:q,activeTab:t,"data-testid":`${y}__tabs`}),r.createElement("div",{className:"sps-list-toolbar__search-controls"},!d&&Y,!d&&V,Y.length>0&&n&&r.createElement("div",{className:"sps-list-toolbar__advanced-search-toggle","data-testid":`${y}__advanced-search`},r.createElement("div",{className:"sps-list-toolbar__advanced-search-toggle-button-wrapper"},r.createElement(Ie,{kind:F.ButtonKind.LINK,onClick:te},N("listToolbar.advancedSearchToggle",{defaultValue:"Advanced Search"}))),(n.enteredFields||0)>0&&r.createElement(ft,{"data-testid":`${y}__entered_fields`,kind:F.TagKind.INFO},r.createElement("span",null,n.enteredFields))),d&&r.createElement("div",{"data-testid":`${y}-title`,className:"sps-list-toolbar__advanced-search-title"},d)),T?r.createElement("div",{className:"sps-list-toolbar__header-content"},r.createElement(rt.Provider,{value:{fixed:!0}},ee)):r.createElement("div",{className:"sps-list-toolbar__header-content"},ee)),r.createElement("div",null,(!T||v)&&G)))}Object.assign(sm,{props:dC,displayName:"SpsListToolbar"});const pC={options:"SortOption[]",activeOption:"SortOption",onSortChange:"(option: SortOption) => void",defaultOption:"SortOption"};function im(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=A(i||"sps-list-toolbar-sort-by",s);return r.createElement(sn,{className:d,icon:a?.icon||o?.icon,label:a?.label||o?.label,options:l})}Object.assign(im,{props:pC,displayName:"SpsListToolbarSortBy"});function lm(){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:F.ButtonKind.LINK,onClick:o},"View Content Order Example"),r.createElement(ii,{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(ln,null,r.createElement(Kt,null,r.createElement(Fe,{style:{width:"80px"}},"Order"),r.createElement(Fe,null,"Section"),r.createElement(Fe,null,"Notes")),r.createElement(Ht,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 uC={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(lm,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:g.code`
10418
+ `}}}},dC={onSubmit:"FormEventHandler"};function pi(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(kn,{className:"sps-list-toolbar__search-field"},t))}Object.assign(pi,{props:dC,displayName:"SpsListToolbarSearch"});const pC={};function ui(e){const{children:t}=e;return r.createElement("div",null,t)}Object.assign(ui,{props:pC,displayName:"SpsListToolbarSearchInfo"});const uC={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 im(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:h,pinResultsBar:v,pinToolbar:E=!0,"data-testid":y,...b}=e,{t:N}=he.useWoodlandLanguage();let C=null;const[T,x]=r.useState(!1),B=r.useRef(null),M=r.useRef(null),P=g.lockToAnimationFrames(()=>{if(B.current&&E){const K=B.current.getBoundingClientRect();K&&K.height>0&&K.top<=60&&(typeof C=="number"?window.scrollY<C&&(C=null,x(!1)):(C=window.scrollY,x(!0),s&&s(!1)))}});r.useEffect(()=>(window.addEventListener("scroll",P),()=>{window.removeEventListener("scroll",P)}),[]);const F=r.useRef();r.useLayoutEffect(()=>{if(M.current&&B.current&&E){if(T&&F.current)M.current.style.height=F.current.height,M.current.style.width=F.current.width,M.current.style.marginBottom=F.current.marginBottom;else if(!T){M.current.style.height="",M.current.style.width="",M.current.style.marginBottom="";const K=window.getComputedStyle(B.current);F.current={height:K.height,width:K.width,marginBottom:K.marginBottom}}}},[T]);function j(K){i&&i(K)}function te(){s&&s(!n?.isOpen)}function V(K){u&&u(K)}r.useEffect(()=>{V(T)},[T]);const G=A(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),[Y,U,$,Q]=rt(o,[{type:pi},{type:ui},{type:di}]);return r.createElement("div",{className:"sps-list-toolbar__wrapper",ref:M},r.createElement("div",{className:G,"data-testid":y,ref:B,...b},r.createElement("div",{className:"sps-list-toolbar__content"},!!m&&r.createElement("div",{className:"sps-list-toolbar__selection-controls"},r.createElement(Xt,{checked:p,indeterminate:f,onChange:()=>{h?.(!p)}})),l&&r.createElement(am,{tabs:l,onTabChange:j,activeTab:t,"data-testid":`${y}__tabs`}),r.createElement("div",{className:"sps-list-toolbar__search-controls"},!d&&Y,!d&&U,Y.length>0&&n&&r.createElement("div",{className:"sps-list-toolbar__advanced-search-toggle","data-testid":`${y}__advanced-search`},r.createElement("div",{className:"sps-list-toolbar__advanced-search-toggle-button-wrapper"},r.createElement(Ie,{kind:_.ButtonKind.LINK,onClick:te},N("listToolbar.advancedSearchToggle",{defaultValue:"Advanced Search"}))),(n.enteredFields||0)>0&&r.createElement(ft,{"data-testid":`${y}__entered_fields`,kind:_.TagKind.INFO},r.createElement("span",null,n.enteredFields))),d&&r.createElement("div",{"data-testid":`${y}-title`,className:"sps-list-toolbar__advanced-search-title"},d)),T?r.createElement("div",{className:"sps-list-toolbar__header-content"},r.createElement(ot.Provider,{value:{fixed:!0}},Q)):r.createElement("div",{className:"sps-list-toolbar__header-content"},Q)),r.createElement("div",null,(!T||v)&&$)))}Object.assign(im,{props:uC,displayName:"SpsListToolbar"});const mC={options:"SortOption[]",activeOption:"SortOption",onSortChange:"(option: SortOption) => void",defaultOption:"SortOption"};function lm(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=A(i||"sps-list-toolbar-sort-by",s);return r.createElement(sn,{className:d,icon:a?.icon||o?.icon,label:a?.label||o?.label,options:l})}Object.assign(lm,{props:mC,displayName:"SpsListToolbarSortBy"});function cm(){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:_.ButtonKind.LINK,onClick:o},"View Content Order Example"),r.createElement(li,{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(ln,null,r.createElement(Wt,null,r.createElement(Re,{style:{width:"80px"}},"Order"),r.createElement(Re,null,"Section"),r.createElement(Re,null,"Notes")),r.createElement(Gt,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 fC={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(cm,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:g.code`
10419
10419
  import {
10420
10420
  SpsListToolbar,
10421
10421
  SpsListToolbarSearch,
@@ -11106,7 +11106,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
11106
11106
  </SpsListToolbar>
11107
11107
  )
11108
11108
  }
11109
- `}}}};var cm=(e=>(e.Ok="Ok",e.Cancel="Cancel",e))(cm||{});const mC=()=>{const[e,t]=w.useState([]),n=c=>{const u=[...e],m={...c};return m.key=We(),new Promise(f=>{u.push({component:m,resolve:f}),t(u)})},o=c=>{const u=[...e];u.pop()?.resolve(c),t(u)},[a,s]=w.useState(!1),[i,l]=w.useState();w.useEffect(()=>{a&&(o(i),s(!1))},[a]);const d=c=>{s(!0),l(c)};return[e.map(c=>c.component),n,d]};function fC(e,t){const n={...F.SPS_ACTION_DEFAULTS,...e},[o,a]=Tt(n);return Object.assign(t,o),[t,s=>{a(s),Object.assign(t,o)}]}const SC={};function dm(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=A(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(dm,{props:SC,displayName:"SpsPageTitle"});const gC={};function pm(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=A(a||"sps-page-title__subtitle",n);return r.createElement("div",{className:i,"data-testid":o,...s},t)}Object.assign(pm,{props:gC,displayName:"SpsPageSubtitle"});const hC={basic:{label:"Basic",examples:{basic:{imports:g.code`
11109
+ `}}}};var dm=(e=>(e.Ok="Ok",e.Cancel="Cancel",e))(dm||{});const SC=()=>{const[e,t]=w.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]=w.useState(!1),[i,l]=w.useState();w.useEffect(()=>{a&&(o(i),s(!1))},[a]);const d=c=>{s(!0),l(c)};return[e.map(c=>c.component),n,d]};function gC(e,t){const n={..._.SPS_ACTION_DEFAULTS,...e},[o,a]=Dt(n);return Object.assign(t,o),[t,s=>{a(s),Object.assign(t,o)}]}const hC={};function pm(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=A(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(pm,{props:hC,displayName:"SpsPageTitle"});const bC={};function um(e){const{children:t,className:n,"data-testid":o,unsafelyReplaceClassName:a,...s}=e,i=A(a||"sps-page-title__subtitle",n);return r.createElement("div",{className:i,"data-testid":o,...s},t)}Object.assign(um,{props:bC,displayName:"SpsPageSubtitle"});const vC={basic:{label:"Basic",examples:{basic:{imports:g.code`
11110
11110
  import { SpsPageTitle } from "@spscommerce/ds-react";
11111
11111
  `,jsx:g.code`
11112
11112
  <SpsPageTitle>
@@ -11140,7 +11140,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
11140
11140
  MacNeil Automotive Parts
11141
11141
  </SpsPageSubtitle>
11142
11142
  </SpsPageTitle>
11143
- `}}}},bC={active:"boolean",as:"React.ElementType"};function ui(e){const{active:t,as:n="a",children:o,className:a,unsafelyReplaceClassName:s,...i}=e,l=A(s||"sps-nav__item","sps-nav__link",t&&"active");return r.createElement(n,{className:l,...i},o)}Object.assign(ui,{props:bC,displayName:"SpsProductBarTab"});const vC={activeTab:"string",fullWidth:"boolean",onTabChange:"(newTab: string) => void",onProductNameClick:"React.MouseEventHandler",productLogoSrc:"string",productName:"string",productNameHref:"string",tabs:"Array<string>"};function um(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}=ge.useWoodlandLanguage(),h=r.useRef(null),[v,E]=at(n,[{type:ui}]),[y,b]=r.useState(t||u[0]);r.useEffect(()=>{b(t||u[0])},[t]);function N(T){b(T),i&&i(T)}const C=A(m||"sps-navbar-container","z-stratum-bar",o);return r.createElement("div",{className:C,...p,ref:h},r.createElement("nav",{className:A("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:A("sps-nav__item","sps-nav__link",T===y&&"active"),key:T,onClick:()=>N(T)},r.createElement("span",null,T),T===y&&r.createElement("span",{className:"sr-only"},"(",f("productBar.current",{defaultValue:"current"}),")"))),v),r.createElement("div",{className:"sps-navbar__content"},r.createElement(rt.Provider,{value:{parentElementRef:h,fixed:!0}},E))))}Object.assign(um,{props:vC,displayName:"SpsProductBar"});const yC={basic:{label:"Basic",description:g.code`
11143
+ `}}}},yC={active:"boolean",as:"React.ElementType"};function mi(e){const{active:t,as:n="a",children:o,className:a,unsafelyReplaceClassName:s,...i}=e,l=A(s||"sps-nav__item","sps-nav__link",t&&"active");return r.createElement(n,{className:l,...i},o)}Object.assign(mi,{props:yC,displayName:"SpsProductBarTab"});const EC={activeTab:"string",fullWidth:"boolean",onTabChange:"(newTab: string) => void",onProductNameClick:"React.MouseEventHandler",productLogoSrc:"string",productName:"string",productNameHref:"string",tabs:"Array<string>"};function mm(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}=he.useWoodlandLanguage(),h=r.useRef(null),[v,E]=rt(n,[{type:mi}]),[y,b]=r.useState(t||u[0]);r.useEffect(()=>{b(t||u[0])},[t]);function N(T){b(T),i&&i(T)}const C=A(m||"sps-navbar-container","z-stratum-bar",o);return r.createElement("div",{className:C,...p,ref:h},r.createElement("nav",{className:A("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:A("sps-nav__item","sps-nav__link",T===y&&"active"),key:T,onClick:()=>N(T)},r.createElement("span",null,T),T===y&&r.createElement("span",{className:"sr-only"},"(",f("productBar.current",{defaultValue:"current"}),")"))),v),r.createElement("div",{className:"sps-navbar__content"},r.createElement(ot.Provider,{value:{parentElementRef:h,fixed:!0}},E))))}Object.assign(mm,{props:EC,displayName:"SpsProductBar"});const TC={basic:{label:"Basic",description:g.code`
11144
11144
  <p>Product navigation bar</p>
11145
11145
  `,examples:{basic:{react:g.code`
11146
11146
  import { SpsProductBar, SpsButton } from "@spscommerce/ds-react";
@@ -11245,7 +11245,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
11245
11245
  </SpsProductBar>
11246
11246
  )
11247
11247
  }
11248
- `}}}},EC={percentComplete:"number",title:"string",detail:"string",disabled:"boolean",onClose:"() => void"};function mm(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}=ge.useWoodlandLanguage(),p=A(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:F.ButtonKind.ICON,icon:F.SpsIcon.X,onClick:s,title:m("progressBar.closeButtonTitle",{defaultValue:"Close progress bar"})})))}Object.assign(mm,{props:EC,displayName:"SpsProgressBar"});const TC={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(ln,null,r.createElement(Kt,null,r.createElement(Fe,null,"Section"),r.createElement(Fe,null,"Content Type"),r.createElement(Fe,null,"Required"),r.createElement(Fe,null,"Description/Guidelines")),r.createElement(Ht,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:g.code`
11248
+ `}}}},wC={percentComplete:"number",title:"string",detail:"string",disabled:"boolean",onClose:"() => void"};function fm(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}=he.useWoodlandLanguage(),p=A(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:_.ButtonKind.ICON,icon:_.SpsIcon.X,onClick:s,title:m("progressBar.closeButtonTitle",{defaultValue:"Close progress bar"})})))}Object.assign(fm,{props:wC,displayName:"SpsProgressBar"});const CC={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(ln,null,r.createElement(Wt,null,r.createElement(Re,null,"Section"),r.createElement(Re,null,"Content Type"),r.createElement(Re,null,"Required"),r.createElement(Re,null,"Description/Guidelines")),r.createElement(Gt,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:g.code`
11249
11249
  import { SpsCard, SpsProgressBar } from "@spscommerce/ds-react";
11250
11250
  function Component() {
11251
11251
  function handleClose() {
@@ -11294,7 +11294,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
11294
11294
  </SpsCard>
11295
11295
  )
11296
11296
  }
11297
- `}}}},wC={maxHeight:"string"};function fm(e){const{children:t,maxHeight:n}=e;return r.createElement("div",{className:"sps-scrollable-container",style:{maxHeight:n}},t)}Object.assign(fm,{props:wC,displayName:"SpsScrollableContainer"});const CC={channelId:{type:"string",required:!0}};function Sm(e){const{channelId:t,className:n,unsafelyReplaceClassName:o,...a}=e,{t:s}=ge.useWoodlandLanguage(),i=A(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-${F.SpsIcon.CONVERSATION}`,"aria-hidden":"true"}),r.createElement("span",null,s("slackLink.label",{defaultValue:"Chat"})))}Object.assign(Sm,{props:CC,displayName:"SpsSlackLink"});const DC={basic:{examples:{basic:{react:g.code`
11297
+ `}}}},DC={maxHeight:"string"};function Sm(e){const{children:t,maxHeight:n}=e;return r.createElement("div",{className:"sps-scrollable-container",style:{maxHeight:n}},t)}Object.assign(Sm,{props:DC,displayName:"SpsScrollableContainer"});const NC={channelId:{type:"string",required:!0}};function gm(e){const{channelId:t,className:n,unsafelyReplaceClassName:o,...a}=e,{t:s}=he.useWoodlandLanguage(),i=A(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-${_.SpsIcon.CONVERSATION}`,"aria-hidden":"true"}),r.createElement("span",null,s("slackLink.label",{defaultValue:"Chat"})))}Object.assign(gm,{props:NC,displayName:"SpsSlackLink"});const IC={basic:{examples:{basic:{react:g.code`
11298
11298
  import { SpsProductBar, SpsSlackLink } from "@spscommerce/ds-react";
11299
11299
  function DemoComponent() {
11300
11300
  return (
@@ -11307,7 +11307,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
11307
11307
  ><SpsSlackLink channelId="CELEGDK4Y" /></SpsProductBar>
11308
11308
  );
11309
11309
  }
11310
- `}}}},NC={sortKey:"string",sortDisabled:"boolean",sort:"SortedColumn[]",onSortChange:"SortChangeHandler",widthPx:"number",widthRem:"number"};function mi({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 y=!!o&&!s&&Array.isArray(a)&&a.find(b=>b.key===o);return y?y.direction:void 0},[a,o,s]),h=A(n||"sps-sorting-header__cell",f===F.SortDirection.ASCENDING&&"sps-sorting-header__cell--sorted-asc",f===F.SortDirection.DESCENDING&&"sps-sorting-header__cell--sorted-desc",s&&"sps-sorting-header__cell--sort-disabled",e),v=c?c/16:u,E=v?{...m,width:`${v}rem`}:m;return r.createElement("div",{className:h,onClick:y=>{o&&!s&&i&&i([{key:o,direction:f===F.SortDirection.ASCENDING?F.SortDirection.DESCENDING:F.SortDirection.ASCENDING}]),l&&l(y)},"data-testid":t,style:E,...p},d)}Object.assign(mi,{props:NC,displayName:"SpsSortingHeaderCell"});const IC={sort:"SortedColumn[]",onSortChange:"SortChangeHandler"};function gm({className:e,"data-testid":t,unsafelyReplaceClassName:n,sort:o,onSortChange:a,children:s,...i}){const l=A(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===mi?r.cloneElement(c,d):c))}Object.assign(gm,{props:IC,displayName:"SpsSortingHeader"});const kC={basic:{label:"Basic Sorting Header",examples:{basic:{react:g.code`
11310
+ `}}}},kC={sortKey:"string",sortDisabled:"boolean",sort:"SortedColumn[]",onSortChange:"SortChangeHandler",widthPx:"number",widthRem:"number"};function fi({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 y=!!o&&!s&&Array.isArray(a)&&a.find(b=>b.key===o);return y?y.direction:void 0},[a,o,s]),h=A(n||"sps-sorting-header__cell",f===_.SortDirection.ASCENDING&&"sps-sorting-header__cell--sorted-asc",f===_.SortDirection.DESCENDING&&"sps-sorting-header__cell--sorted-desc",s&&"sps-sorting-header__cell--sort-disabled",e),v=c?c/16:u,E=v?{...m,width:`${v}rem`}:m;return r.createElement("div",{className:h,onClick:y=>{o&&!s&&i&&i([{key:o,direction:f===_.SortDirection.ASCENDING?_.SortDirection.DESCENDING:_.SortDirection.ASCENDING}]),l&&l(y)},"data-testid":t,style:E,...p},d)}Object.assign(fi,{props:kC,displayName:"SpsSortingHeaderCell"});const xC={sort:"SortedColumn[]",onSortChange:"SortChangeHandler"};function hm({className:e,"data-testid":t,unsafelyReplaceClassName:n,sort:o,onSortChange:a,children:s,...i}){const l=A(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===fi?r.cloneElement(c,d):c))}Object.assign(hm,{props:xC,displayName:"SpsSortingHeader"});const MC={basic:{label:"Basic Sorting Header",examples:{basic:{react:g.code`
11311
11311
  import { SpsSortingHeader, SpsSortingHeaderCell } from "@spscommerce/ds-react";
11312
11312
  function DemoComponent() {
11313
11313
  const [sort, setSort] = React.useState([{ key: 'id', direction: SortDirection.DESCENDING }]);
@@ -11355,7 +11355,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
11355
11355
  </>
11356
11356
  )
11357
11357
  }
11358
- `}}}},xC={title:"string",stepsCount:"number",completedStepsCount:"number",disabled:"boolean",showStepsCounter:"boolean",color:"SteppedProgressBarColor",data:"SteppedProgressBarData[]"};function hm(e){const{title:t,stepsCount:n,completedStepsCount:o=0,disabled:a,showStepsCounter:s,className:i,data:l,color:d=F.SteppedProgressBarColor.PURPLE}=e,c=Array.from(Array(n)).map((m,p)=>({id:_t().current||void 0,...l?.find(f=>f.index===p)})),u=A("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:A("sps-stepped-progress-bar__step",o>p&&!m.skipped&&"sps-stepped-progress-bar__step-complete")},m.icon&&r.createElement(St,{icon:m.icon,size:F.SpsIconSize.SMALL,className:A("d-block",(m.index||0)>o-1?"gray400":"white")}),m.title&&m.id&&r.createElement(ct,{for:m.id,title:m.title},m.description))))))}Object.assign(hm,{props:xC,displayName:"SpsSteppedProgressBar"});const MC={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(ln,null,r.createElement(Kt,null,r.createElement(Fe,null,"Section"),r.createElement(Fe,null,"Content Type"),r.createElement(Fe,null,"Required"),r.createElement(Fe,null,"Description/Guidelines")),r.createElement(Ht,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:g.code`
11358
+ `}}}},LC={title:"string",stepsCount:"number",completedStepsCount:"number",disabled:"boolean",showStepsCounter:"boolean",color:"SteppedProgressBarColor",data:"SteppedProgressBarData[]"};function bm(e){const{title:t,stepsCount:n,completedStepsCount:o=0,disabled:a,showStepsCounter:s,className:i,data:l,color:d=_.SteppedProgressBarColor.PURPLE}=e,c=Array.from(Array(n)).map((m,p)=>({id:Ft().current||void 0,...l?.find(f=>f.index===p)})),u=A("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:A("sps-stepped-progress-bar__step",o>p&&!m.skipped&&"sps-stepped-progress-bar__step-complete")},m.icon&&r.createElement(St,{icon:m.icon,size:_.SpsIconSize.SMALL,className:A("d-block",(m.index||0)>o-1?"gray400":"white")}),m.title&&m.id&&r.createElement(lt,{for:m.id,title:m.title},m.description))))))}Object.assign(bm,{props:LC,displayName:"SpsSteppedProgressBar"});const PC={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(ln,null,r.createElement(Wt,null,r.createElement(Re,null,"Section"),r.createElement(Re,null,"Content Type"),r.createElement(Re,null,"Required"),r.createElement(Re,null,"Description/Guidelines")),r.createElement(Gt,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:g.code`
11359
11359
  import { SpsCard, SpsSteppedProgressBar } from "@spscommerce/ds-react";
11360
11360
  function Component() {
11361
11361
  const data = [
@@ -11451,7 +11451,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
11451
11451
  </SpsCard>
11452
11452
  )
11453
11453
  }
11454
- `}}}},LC={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 bm(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,h=A(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:h,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:A("sps-icon","sps-icon-status-warning")})),s&&(i?Je(i):r.createElement("i",{className:A("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:A("sps-icon","sps-icon-tabs")}))))))}Object.assign(bm,{props:LC,displayName:"SpsTile"});const PC={};function vm(e){const{children:t,unsafelyReplaceClassName:n,"data-testid":o,className:a,...s}=e,i=A(n||"sps-tile-list",a||"sfg-row");return r.createElement("div",{className:i,"data-testid":o,...s},t)}Object.assign(vm,{props:PC,displayName:"SpsTileList"});const OC={basic:{label:"Basic",examples:{basic:{react:g.code`
11454
+ `}}}},OC={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 vm(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,h=A(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:h,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?qe(u):r.createElement("i",{className:A("sps-icon","sps-icon-status-warning")})),s&&(i?qe(i):r.createElement("i",{className:A("sps-icon","sps-icon-ban")}))),p&&r.createElement("div",{className:"sps-tile--tag"},qe(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:""}):qe(a)),r.createElement("div",{className:"sps-tile--title"},r.createElement("p",null,l,o==="_blank"&&r.createElement("i",{className:A("sps-icon","sps-icon-tabs")}))))))}Object.assign(vm,{props:OC,displayName:"SpsTile"});const BC={};function ym(e){const{children:t,unsafelyReplaceClassName:n,"data-testid":o,className:a,...s}=e,i=A(n||"sps-tile-list",a||"sfg-row");return r.createElement("div",{className:i,"data-testid":o,...s},t)}Object.assign(ym,{props:BC,displayName:"SpsTileList"});const _C={basic:{label:"Basic",examples:{basic:{react:g.code`
11455
11455
  import { SpsTileList, SpsTile } from "@spscommerce/ds-react";
11456
11456
  function Component() {
11457
11457
  const apps = [
@@ -11653,7 +11653,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
11653
11653
  </>
11654
11654
  )
11655
11655
  }
11656
- `}}}},BC={value:{type:"number",required:"true"},title:{type:"string",required:"true"},kind:"SpsFilterTileKind",active:"boolean"};function ym(e){const{value:t,title:n,kind:o=F.SpsFilterTileKind.GENERAL,active:a,className:s,unsafelyReplaceClassName:i,...l}=e,[d,c]=r.useState(!1),u=a||d,m=A(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(ym,{props:BC,displayName:"SpsFilterTile"});const _C={};function Em(e){const{children:t,unsafelyReplaceClassName:n,"data-testid":o,className:a,...s}=e,i=A(n||"sps-filter-tile-list",a);return r.createElement("div",{className:i,...s},t)}Object.assign(Em,{props:_C,displayName:"SpsFilterTileList"});const RC={basic:{label:"Basic",examples:{basic:{react:g.code`
11656
+ `}}}},RC={value:{type:"number",required:"true"},title:{type:"string",required:"true"},kind:"SpsFilterTileKind",active:"boolean"};function Em(e){const{value:t,title:n,kind:o=_.SpsFilterTileKind.GENERAL,active:a,className:s,unsafelyReplaceClassName:i,...l}=e,[d,c]=r.useState(!1),u=a||d,m=A(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(Em,{props:RC,displayName:"SpsFilterTile"});const FC={};function Tm(e){const{children:t,unsafelyReplaceClassName:n,"data-testid":o,className:a,...s}=e,i=A(n||"sps-filter-tile-list",a);return r.createElement("div",{className:i,...s},t)}Object.assign(Tm,{props:FC,displayName:"SpsFilterTileList"});const AC={basic:{label:"Basic",examples:{basic:{react:g.code`
11657
11657
  import {
11658
11658
  SpsFilterTileList,
11659
11659
  SpsFilterTile,
@@ -11709,7 +11709,7 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
11709
11709
  </>
11710
11710
  )
11711
11711
  }
11712
- `}}}},Tm={};function fi(e){const{className:t,...n}=e,o=A("sps-vertical-rule",t);return r.createElement("div",{className:o,...n})}Object.assign(fi,{props:Tm,displayName:"SpsVerticalRule / SpsVr"});function wm(e){return r.createElement(fi,{...e})}Object.assign(wm,{props:Tm,displayName:"SpsDescriptionListTerm / SpsDt"});const FC={illustration:"string",icon:{type:"SpsIcon",deprecated:!0},heading:"ReactNodeOrRenderFn",subHeading:"ReactNodeOrRenderFn"};function Cm(e){const{className:t,heading:n,icon:o,illustration:a=gi.BUILDING_SMALL,subHeading:s,"data-testid":i,unsafelyReplaceClassName:l,...d}=e,c=A(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(Cm,{props:FC,displayName:"SpsMicroZeroState"});const AC={illustration:"string",artwork:{type:"string",deprecated:!0},heading:{type:"string",required:!0},subHeading:"string"};function Dm(e){const{artwork:t,children:n,className:o,heading:a,illustration:s,subHeading:i,"data-testid":l,unsafelyReplaceClassName:d,...c}=e,u=s||t||gi.BUILDING_LARGE,m=A(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(Dm,{props:AC,displayName:"SpsZeroState"});const VC={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:F.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:g.code`
11712
+ `}}}},wm={};function Si(e){const{className:t,...n}=e,o=A("sps-vertical-rule",t);return r.createElement("div",{className:o,...n})}Object.assign(Si,{props:wm,displayName:"SpsVerticalRule / SpsVr"});function Cm(e){return r.createElement(Si,{...e})}Object.assign(Cm,{props:wm,displayName:"SpsDescriptionListTerm / SpsDt"});const VC={illustration:"string",icon:{type:"SpsIcon",deprecated:!0},heading:"ReactNodeOrRenderFn",subHeading:"ReactNodeOrRenderFn"};function Dm(e){const{className:t,heading:n,icon:o,illustration:a=hi.BUILDING_SMALL,subHeading:s,"data-testid":i,unsafelyReplaceClassName:l,...d}=e,c=A(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(Dm,{props:VC,displayName:"SpsMicroZeroState"});const $C={illustration:"string",artwork:{type:"string",deprecated:!0},heading:{type:"string",required:!0},subHeading:"string"};function Nm(e){const{artwork:t,children:n,className:o,heading:a,illustration:s,subHeading:i,"data-testid":l,unsafelyReplaceClassName:d,...c}=e,u=s||t||hi.BUILDING_LARGE,m=A(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(Nm,{props:$C,displayName:"SpsZeroState"});const KC={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:_.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:g.code`
11713
11713
  import { SpsCard, SpsZeroState } from "@spscommerce/ds-react";
11714
11714
  import { Illustrations } from "@sps-woodland/illustrations";
11715
11715
  `,jsx:g.code`
@@ -11823,4 +11823,4 @@ ${t.join("").replace("]","\\]").replace(" ","\\s")}]+`);return e.split(n).filter
11823
11823
  </SpsCard>
11824
11824
  </div>
11825
11825
  </div>
11826
- `}}}};k.AsTypingErrorKeys=fn,k.ContentOrderExample=lm,k.DEFAULT_DATETIME_PRESETS=Pd,k.DEFAULT_PRESETS=es,k.DragDropContext=Zc,k.Draggable=dd,k.Droppable=ja,k.FauxChangeEvent=Mt,k.MANIFEST=WE,k.ModalAction=cm,k.OnBlurErrorKeys=Qe,k.OnSubmitErrorKeys=go,k.PortalContext=rt,k.PreventativeErrorKeys=yt,k.Provide=_i,k.SimpleDateUtils=J,k.SpsAddRemoveFormRowExamples=fy,k.SpsAdvancedSearch=Zu,k.SpsAdvancedSearchExamples=Kw,k.SpsApp=cf,k.SpsAutocomplete=wt,k.SpsAutocompleteExamples=Vi,k.SpsButton=Ie,k.SpsButtonExamples=dE,k.SpsButtonGroup=lp,k.SpsCard=qa,k.SpsCardTabbedPane=Ya,k.SpsCardV2=Ju,k.SpsCardV2Footer=ri,k.SpsCardV2Header=ai,k.SpsCardV2Title=Xu,k.SpsCheckbox=Xt,k.SpsCheckboxDropdown=rs,k.SpsCheckboxExamples=$i,k.SpsClickableTag=$n,k.SpsClickableTagExamples=Ki,k.SpsColumnChooser=Xa,k.SpsColumnChooserColumn=jo,k.SpsColumnChooserExamples=Sd,k.SpsConditionalField=Ms,k.SpsConditionalFieldExamples=$p,k.SpsContentRow=Za,k.SpsContentRowCol=on,k.SpsContentRowExamples=gd,k.SpsContentRowExpansion=Yo,k.SpsContextBar=Hw,k.SpsCurrencyInput=Qu,k.SpsCurrencyInputExamples=zw,k.SpsDateRangePicker=ts,k.SpsDateRangePickerExamples=kd,k.SpsDateTime=os,k.SpsDateTimeRangePicker=ns,k.SpsDateTimeRangePickerExamples=Bd,k.SpsDatepicker=Qa,k.SpsDatepickerExamples=Dd,k.SpsDatetimeExamples=_d,k.SpsDd=Vd,k.SpsDescriptionList=Qo,k.SpsDescriptionListDefinition=er,k.SpsDescriptionListExamples=Wd,k.SpsDescriptionListTerm=nr,k.SpsDl=Fd,k.SpsDropdown=sn,k.SpsDropdownExamples=Gd,k.SpsDt=Hd,k.SpsFeedbackBlock=Ds,k.SpsFeedbackBlockExamples=OE,k.SpsFieldset=as,k.SpsFieldsetExamples=Ud,k.SpsFilterPanel=Ns,k.SpsFilterPanelCap=ks,k.SpsFilterPanelExamples=Vp,k.SpsFilterPanelFilterBox=xs,k.SpsFilterPanelSection=Is,k.SpsFilterTile=ym,k.SpsFilterTileList=Em,k.SpsFilterTileListExamples=RC,k.SpsFocusedTask=ii,k.SpsFocusedTaskActions=si,k.SpsFocusedTaskExamples=qw,k.SpsForm=so,k.SpsFormArrayMeta=Ii,k.SpsFormComponentWrapper=Be,k.SpsFormExamples=fd,k.SpsFormFieldMeta=Rn,k.SpsFormGroupMeta=Ni,k.SpsFormMetaBase=Yt,k.SpsFormSetMeta=qt,k.SpsGrowler=li,k.SpsGrowlerExamples=Zw,k.SpsI=St,k.SpsIconButtonPanel=cp,k.SpsIncrementor=ss,k.SpsIncrementorExamples=zd,k.SpsInputGroup=In,k.SpsInsightTile=em,k.SpsInsights=Qw,k.SpsKeyValueList=tm,k.SpsKeyValueListItem=nm,k.SpsKeyValueTag=om,k.SpsKeyValueTagExamples=rC,k.SpsLabel=is,k.SpsLabelExamples=jd,k.SpsListActionBar=ls,k.SpsListActionBarExamples=pp,k.SpsListToolbar=sm,k.SpsListToolbarExamples=uC,k.SpsListToolbarSearch=di,k.SpsListToolbarSearchInfo=pi,k.SpsListToolbarSortBy=im,k.SpsLocaleProvider=Fy,k.SpsMicroBlock=cs,k.SpsMicroBlockExamples=up,k.SpsMicroZeroState=Cm,k.SpsModal=ds,k.SpsModalExamples=fp,k.SpsModalFooter=rr,k.SpsMultiSelect=us,k.SpsMultiSelectExamples=Sp,k.SpsMultiValueTextInput=Ls,k.SpsMultiValueTextInputExamples=Wp,k.SpsPageSelector=ar,k.SpsPageSubtitle=pm,k.SpsPageTitle=dm,k.SpsPageTitleExamples=hC,k.SpsPagination=ms,k.SpsPaginationExamples=gp,k.SpsProductBar=um,k.SpsProductBarExamples=yC,k.SpsProductBarTab=ui,k.SpsProgressBar=mm,k.SpsProgressBarExamples=TC,k.SpsProgressRing=Ts,k.SpsRadioButton=fs,k.SpsRadioButtonExamples=hp,k.SpsScrollableContainer=fm,k.SpsSearchResultsBar=am,k.SpsSearchResultsBarExamples=iC,k.SpsSearchResultsBarV2=ci,k.SpsSelect=rn,k.SpsSelectExamples=xd,k.SpsSideNav=vp,k.SpsSideNavExamples=yp,k.SpsSlackLink=Sm,k.SpsSlackLinkExamples=DC,k.SpsSlideInPanel=ps,k.SpsSlideInPanelExamples=mp,k.SpsSortingHeader=gm,k.SpsSortingHeaderCell=mi,k.SpsSortingHeaderExamples=kC,k.SpsSpinner=_r,k.SpsSplitButton=Ss,k.SpsSplitButtonExamples=Ep,k.SpsSteppedProgressBar=hm,k.SpsSteppedProgressBarExamples=MC,k.SpsSummaryListColumn=hs,k.SpsSummaryListExamples=Tp,k.SpsSummaryListExpansion=co,k.SpsSummaryListRow=gs,k.SpsTab=Uu,k.SpsTabPanel=zu,k.SpsTable=ln,k.SpsTableBody=Ht,k.SpsTableCell=oe,k.SpsTableExamples=dp,k.SpsTableHead=Kt,k.SpsTableHeader=Fe,k.SpsTableRow=Ne,k.SpsTabsV2=oi,k.SpsTag=ft,k.SpsTagExamples=mE,k.SpsTaskQueue=bs,k.SpsTaskQueueExamples=wp,k.SpsTbody=ap,k.SpsTd=ip,k.SpsTextInput=ir,k.SpsTextInputExamples=Cp,k.SpsTextarea=vs,k.SpsTextareaExamples=Dp,k.SpsTh=Qd,k.SpsThead=tp,k.SpsTile=bm,k.SpsTileList=vm,k.SpsTileListExamples=OC,k.SpsTimeInput=Ps,k.SpsTimeInputExamples=Up,k.SpsToggle=ys,k.SpsToggleExamples=Ip,k.SpsTooltip=ct,k.SpsTooltipExamples=kp,k.SpsTooltipTitle=Es,k.SpsTr=op,k.SpsValidators=bo,k.SpsVerticalRule=fi,k.SpsVr=wm,k.SpsWf=Mp,k.SpsWfDoc=Op,k.SpsWfDs=_p,k.SpsWfStep=Fp,k.SpsWizardExamples=Lp,k.SpsWizardSidebar=ws,k.SpsWizardSubstep=Cs,k.SpsWorkflow=lr,k.SpsWorkflowDocument=cr,k.SpsWorkflowDocumentStatus=dr,k.SpsWorkflowExamples=Ap,k.SpsWorkflowStep=pr,k.SpsZeroState=Dm,k.SpsZeroStateExamples=VC,k.TooltipVisibility=Se,k.ValidationMode=Et,k.addOnChangeErrorKey=Ei,k.addOnSubmitErrorKey=Ti,k.bindProps=lf,k.contentOf=Je,k.date=_n,k.dateConstraint=Di,k.dateRange=Ci,k.findParentBranches=sr,k.flipPosition=Rr,k.formArray=cy,k.formControl=dy,k.formGroup=py,k.getMember=Ja,k.getPosition=Jt,k.letterAndNumberKeys=Fr,k.resetServerContext=lv,k.selectChildren=at,k.setDateFormat=wi,k.toggleTooltipState=tr,k.useCheckDeprecatedProps=Ri,k.useColumnCellResizer=Xd,k.useColumnHeaderResizer=Jd,k.useCustomValidator=Ym,k.useDidUpdateEffect=Ar,k.useDocumentEventListener=Vr,k.useElementId=_t,k.useForm=uy,k.useGrowlers=Xw,k.useInputPopup=bn,k.useKeyboardSensor=zc,k.useModals=mC,k.useMouseSensor=Uc,k.usePatchReducer=Tt,k.usePortal=hn,k.useServerSideValidation=my,k.useSpsAction=fC,k.useSpsForm=ki,k.useSpsLocale=io,k.useTouchSensor=jc,k.validate=vo,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})});
11826
+ `}}}};k.AsTypingErrorKeys=fn,k.ContentOrderExample=cm,k.DEFAULT_DATETIME_PRESETS=Od,k.DEFAULT_PRESETS=ts,k.DragDropContext=Qc,k.Draggable=pd,k.Droppable=Ya,k.FauxChangeEvent=Pt,k.MANIFEST=UE,k.ModalAction=dm,k.OnBlurErrorKeys=Ze,k.OnSubmitErrorKeys=go,k.PortalContext=ot,k.PreventativeErrorKeys=wt,k.Provide=Ri,k.SimpleDateUtils=X,k.SpsAddRemoveFormRowExamples=gy,k.SpsAdvancedSearch=Qu,k.SpsAdvancedSearchExamples=Ww,k.SpsApp=pf,k.SpsAutocomplete=Nt,k.SpsAutocompleteExamples=$i,k.SpsButton=Ie,k.SpsButtonExamples=uE,k.SpsButtonGroup=cp,k.SpsCard=Ja,k.SpsCardTabbedPane=qa,k.SpsCardV2=Xu,k.SpsCardV2Footer=ai,k.SpsCardV2Header=si,k.SpsCardV2Title=Zu,k.SpsCheckbox=Xt,k.SpsCheckboxDropdown=as,k.SpsCheckboxExamples=Ki,k.SpsClickableTag=Vn,k.SpsClickableTagExamples=Hi,k.SpsColumnChooser=Za,k.SpsColumnChooserColumn=jo,k.SpsColumnChooserExamples=gd,k.SpsConditionalField=Ls,k.SpsConditionalFieldExamples=Kp,k.SpsContentRow=Qa,k.SpsContentRowCol=on,k.SpsContentRowExamples=hd,k.SpsContentRowExpansion=Yo,k.SpsContextBar=Gw,k.SpsCurrencyInput=em,k.SpsCurrencyInputExamples=Yw,k.SpsDateRangePicker=ns,k.SpsDateRangePickerExamples=xd,k.SpsDateTime=rs,k.SpsDateTimeRangePicker=os,k.SpsDateTimeRangePickerExamples=_d,k.SpsDatepicker=es,k.SpsDatepickerExamples=Nd,k.SpsDatetimeExamples=Rd,k.SpsDd=$d,k.SpsDescriptionList=Qo,k.SpsDescriptionListDefinition=er,k.SpsDescriptionListExamples=Gd,k.SpsDescriptionListTerm=nr,k.SpsDl=Ad,k.SpsDropdown=sn,k.SpsDropdownExamples=Ud,k.SpsDt=Wd,k.SpsFeedbackBlock=Ns,k.SpsFeedbackBlockExamples=_E,k.SpsFieldset=ss,k.SpsFieldsetExamples=zd,k.SpsFilterPanel=Is,k.SpsFilterPanelCap=xs,k.SpsFilterPanelExamples=$p,k.SpsFilterPanelFilterBox=Ms,k.SpsFilterPanelSection=ks,k.SpsFilterTile=Em,k.SpsFilterTileList=Tm,k.SpsFilterTileListExamples=AC,k.SpsFocusedTask=li,k.SpsFocusedTaskActions=ii,k.SpsFocusedTaskExamples=Xw,k.SpsForm=ao,k.SpsFormArrayMeta=ki,k.SpsFormComponentWrapper=Oe,k.SpsFormExamples=Sd,k.SpsFormFieldMeta=_n,k.SpsFormGroupMeta=Ii,k.SpsFormMetaBase=Yt,k.SpsFormSetMeta=qt,k.SpsGrowler=ci,k.SpsGrowlerExamples=eC,k.SpsI=St,k.SpsIconButtonPanel=dp,k.SpsIncrementor=is,k.SpsIncrementorExamples=jd,k.SpsInputGroup=kn,k.SpsInsightTile=tm,k.SpsInsights=tC,k.SpsKeyValueList=nm,k.SpsKeyValueListItem=om,k.SpsKeyValueTag=rm,k.SpsKeyValueTagExamples=sC,k.SpsLabel=ls,k.SpsLabelExamples=Yd,k.SpsListActionBar=cs,k.SpsListActionBarExamples=up,k.SpsListToolbar=im,k.SpsListToolbarExamples=fC,k.SpsListToolbarSearch=pi,k.SpsListToolbarSearchInfo=ui,k.SpsListToolbarSortBy=lm,k.SpsLocaleProvider=Vy,k.SpsMicroBlock=ds,k.SpsMicroBlockExamples=mp,k.SpsMicroZeroState=Dm,k.SpsModal=ps,k.SpsModalExamples=Sp,k.SpsModalFooter=rr,k.SpsMultiSelect=ms,k.SpsMultiSelectExamples=gp,k.SpsMultiValueTextInput=Ps,k.SpsMultiValueTextInputExamples=Gp,k.SpsPageSelector=ar,k.SpsPageSubtitle=um,k.SpsPageTitle=pm,k.SpsPageTitleExamples=vC,k.SpsPagination=fs,k.SpsPaginationExamples=hp,k.SpsProductBar=mm,k.SpsProductBarExamples=TC,k.SpsProductBarTab=mi,k.SpsProgressBar=fm,k.SpsProgressBarExamples=CC,k.SpsProgressRing=ws,k.SpsRadioButton=Ss,k.SpsRadioButtonExamples=bp,k.SpsScrollableContainer=Sm,k.SpsSearchResultsBar=sm,k.SpsSearchResultsBarExamples=cC,k.SpsSearchResultsBarV2=di,k.SpsSelect=rn,k.SpsSelectExamples=Md,k.SpsSideNav=yp,k.SpsSideNavExamples=Ep,k.SpsSlackLink=gm,k.SpsSlackLinkExamples=IC,k.SpsSlideInPanel=us,k.SpsSlideInPanelExamples=fp,k.SpsSortingHeader=hm,k.SpsSortingHeaderCell=fi,k.SpsSortingHeaderExamples=MC,k.SpsSpinner=Rr,k.SpsSplitButton=gs,k.SpsSplitButtonExamples=Tp,k.SpsSteppedProgressBar=bm,k.SpsSteppedProgressBarExamples=PC,k.SpsSummaryListColumn=bs,k.SpsSummaryListExamples=wp,k.SpsSummaryListExpansion=lo,k.SpsSummaryListRow=hs,k.SpsTab=zu,k.SpsTabPanel=ju,k.SpsTable=ln,k.SpsTableBody=Gt,k.SpsTableCell=oe,k.SpsTableExamples=pp,k.SpsTableHead=Wt,k.SpsTableHeader=Re,k.SpsTableRow=Ne,k.SpsTabsV2=ri,k.SpsTag=ft,k.SpsTagExamples=SE,k.SpsTaskQueue=vs,k.SpsTaskQueueExamples=Cp,k.SpsTbody=sp,k.SpsTd=lp,k.SpsTextInput=ir,k.SpsTextInputExamples=Dp,k.SpsTextarea=ys,k.SpsTextareaExamples=Np,k.SpsTh=ep,k.SpsThead=np,k.SpsTile=vm,k.SpsTileList=ym,k.SpsTileListExamples=_C,k.SpsTimeInput=Os,k.SpsTimeInputExamples=zp,k.SpsToggle=Es,k.SpsToggleExamples=kp,k.SpsTooltip=lt,k.SpsTooltipExamples=xp,k.SpsTooltipTitle=Ts,k.SpsTr=rp,k.SpsValidators=bo,k.SpsVerticalRule=Si,k.SpsVr=Cm,k.SpsWf=Lp,k.SpsWfDoc=Bp,k.SpsWfDs=Rp,k.SpsWfStep=Ap,k.SpsWizardExamples=Pp,k.SpsWizardSidebar=Cs,k.SpsWizardSubstep=Ds,k.SpsWorkflow=lr,k.SpsWorkflowDocument=cr,k.SpsWorkflowDocumentStatus=dr,k.SpsWorkflowExamples=Vp,k.SpsWorkflowStep=pr,k.SpsZeroState=Nm,k.SpsZeroStateExamples=KC,k.TooltipVisibility=ge,k.ValidationMode=Ct,k.addOnChangeErrorKey=Ti,k.addOnSubmitErrorKey=wi,k.bindProps=df,k.contentOf=qe,k.date=Bn,k.dateConstraint=Ni,k.dateRange=Di,k.findParentBranches=sr,k.flipPosition=Fr,k.formArray=py,k.formControl=uy,k.formGroup=my,k.getMember=Xa,k.getPosition=Jt,k.letterAndNumberKeys=Ar,k.resetServerContext=dv,k.selectChildren=rt,k.setDateFormat=Ci,k.toggleTooltipState=tr,k.useCheckDeprecatedProps=Fi,k.useColumnCellResizer=Zd,k.useColumnHeaderResizer=Xd,k.useCustomValidator=Jm,k.useDidUpdateEffect=Vr,k.useDocumentEventListener=$r,k.useElementId=Ft,k.useForm=fy,k.useGrowlers=Qw,k.useInputPopup=vn,k.useKeyboardSensor=jc,k.useModals=SC,k.useMouseSensor=zc,k.usePatchReducer=Dt,k.usePortal=hn,k.useServerSideValidation=Sy,k.useSpsAction=gC,k.useSpsForm=xi,k.useSpsLocale=so,k.useTouchSensor=Yc,k.validate=vo,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})});