@nasa-terra/components 0.0.189 → 0.0.191

package/dist/chunks/chunk.7G5XKBQX.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.EC5X7NCS.js";var p=e;e.define("terra-caption");export{p as a};

package/dist/chunks/chunk.7SLBI5EP.js

@@ -0,0 +1,30 @@
+import{a as l}from"./chunk.BSMNZP56.js";import{a}from"./chunk.3TNPGXLM.js";import{a as s}from"./chunk.6PEAAW4E.js";import{a as o,b as i}from"./chunk.NAMM3J43.js";import{e as r}from"./chunk.INFVQQSJ.js";import{property as m}from"lit/decorators.js";import{html as e}from"lit";var t=class extends i{constructor(){super(...arguments);this.hasSlotController=new s(this,"title","center","right");this.siteName=""}render(){let n=this.hasSlotController.test("title"),h=this.hasSlotController.test("right");return e`
+            <header part="base" class="site-header">
+                <div class="site-header__left">
+                    <div part="logo" class="site-header__logo">
+                        <terra-icon name="nasa-logo" font-size="4rem"></terra-icon>
+                    </div>
+                    <div part="title" class="site-header__title">
+                        ${n?e`<slot name="title"></slot>`:e`<span>${this.siteName}</span>`}
+                    </div>
+                </div>
+                <div part="center" class="site-header__center">
+                    <slot name="center"></slot>
+                </div>
+                <div part="right" class="site-header__right">
+                    ${h?e`<slot name="right"></slot>`:e`
+                              <button
+                                  class="site-header__search"
+                                  type="button"
+                                  title="Search"
+                                  aria-label="Search"
+                              >
+                                  <terra-icon
+                                      name="magnifying-glass"
+                                      library="heroicons"
+                                  ></terra-icon>
+                              </button>
+                          `}
+                </div>
+            </header>
+        `}};t.styles=[o,l],t.dependencies={"terra-icon":a},r([m({attribute:"site-name"})],t.prototype,"siteName",2);export{t as a};

package/dist/chunks/chunk.7SQQMJNR.js

@@ -0,0 +1 @@
+import{b as S}from"./chunk.SJ7SUN6N.js";import{a as F}from"./chunk.LLYICQ3I.js";import{b as x}from"./chunk.7J2F6HQM.js";import{a as b,b as d,g as y,i as u}from"./chunk.INFVQQSJ.js";var _="3",f={PROD:"PROD",UAT:"UAT"},T={[f.PROD]:"https://harmony.earthdata.nasa.gov",[f.UAT]:"https://harmony.uat.earthdata.nasa.gov",ANONYMOUS_ACCESS:"https://sjldutoe6c.execute-api.us-east-1.amazonaws.com/default/harmony-proxy"},E={[f.PROD]:"https://api.giovanni.earthdata.nasa.gov",[f.UAT]:"https://api.giovanni.uat.earthdata.nasa.gov"};var w=new Set(["successful","failed","canceled","complete_with_errors"]);var p,m,h,N,v,I,O,L,C,H,A=class{constructor(){y(this,p);y(this,h);y(this,v);y(this,O);y(this,C)}async getCollectionCapabilities(e,t){if(!e)throw new x({message:"`collectionConceptId` is required"});let r=await u(this,p,m).call(this,`capabilities?collectionId=${e}&version=${_}`,t);return r.variables=this.addConceptIdToVariables(r.variables),r.configuredOutputFormats=this.getOutputFormatOptions(r),r}async getJobs(e,t){let r=new URLSearchParams;return e!=null&&e.page&&r.append("page",e.page.toString()),e!=null&&e.limit&&r.append("limit",e.limit.toString()),e!=null&&e.label&&r.append("label",e.label),u(this,p,m).call(this,`jobs?${r.toString()}`,t)}async createJob(e,t){return u(this,p,m).call(this,e.requestUrl,t)}async getJobStatus(e,t){return u(this,p,m).call(this,`jobs/${e}`,t)}async removeJobLabels(e,t){let r=`${T[f.PROD]}/labels`;return F.delete(r,{body:{jobID:e.jobIDs,label:e.labels},headers:b({"Content-Type":"application/json"},(t==null?void 0:t.bearerToken)&&{Authorization:`Bearer ${t.bearerToken}`}),signal:t==null?void 0:t.signal})}async cancelJob(e,t){return u(this,p,m).call(this,`jobs/${e}/cancel`,t)}async fetchUrl(e,t){let r=e.replace(E.PROD,"").replace(E.UAT,"");return u(this,p,m).call(this,r,t)}addConceptIdToVariables(e){return e.map(t=>{let r=t.href.match(/\/concepts\/(V\d+-\w+)$/);return r&&(t.conceptId=r[1]),t})}getOutputFormatOptions(e){let t=u(this,v,I).call(this,e),r=u(this,h,N).call(this,e),a=r?u(this,C,H).call(this,e):[];if(r&&!t)return a;let o=[];return u(this,O,L).call(this,e).forEach(i=>{let s=i,l=`Download data in ${i} format`;switch(i){case"application/x-hdf":case"application/octet-stream":s="HDF-EOS5",l="Download data in HDF-EOS5 format";break;case"application/x-netcdf4":case"application/netcdf":s="NetCDF",l="Download data in NetCDF format";break;case"application/x-netcdf4;profile=opendap_url":s="OPeNDAP URL (x-netcdf4)",l="Download data in OPeNDAP URL (x-netcdf4) format";break;case"text/csv":s="CSV",l="Download data in CSV format";break;case"image/tiff":case"image/tif":s="TIFF",l="Download data in TIFF format";break;case"image/png":s="PNG",l="Download data in PNG format";break;case"image/jpg":case"image/jpeg":s="JPEG",l="Download data in JPEG format";break;case"application/shapefile+zip":s="Shapefile+zip",l="Download data in Shapefile+zip format";break;case"application/x-zarr":s="ZARR",l="Download data in ZARR format";break;default:s=i,l=`Download data in ${i} format`}o.push({key:i,label:s,description:l})}),r&&t&&o.push(...a),o}};p=new WeakSet,m=function(e,t){let r=T[f.PROD];return t!=null&&t.bearerToken||(r=T.ANONYMOUS_ACCESS),e.startsWith("http")||(e=`${r}/${e}`),F.get(e,{signal:t==null?void 0:t.signal,headers:b({},(t==null?void 0:t.bearerToken)&&{Authorization:`Bearer ${t.bearerToken}`})})},h=new WeakSet,N=function(e){var t,r;return(r=(t=e==null?void 0:e.services)==null?void 0:t.some(a=>a.name.toLowerCase().includes("giovanni")))!=null?r:!1},v=new WeakSet,I=function(e){var t,r;return(r=(t=e==null?void 0:e.services)==null?void 0:t.some(a=>!a.name.toLowerCase().includes("giovanni")))!=null?r:!1},O=new WeakSet,L=function(e){if(!(e!=null&&e.services))return[];let t=e.services.filter(o=>!o.name.toLowerCase().includes("giovanni")),r=new Set;t.forEach(o=>{var c;(c=o.capabilities.outputFormats)==null||c.forEach(i=>{typeof i!="string"&&"mimeType"in i?r.add(i.mimeType):r.add(i)})});let a=Array.from(r);return a.includes("application/netcdf")&&a.includes("application/x-netcdf4")?a.filter(o=>o!=="application/netcdf"):a},C=new WeakSet,H=function(e){let t=[];return e.services.forEach(r=>{let a=r.name.toLowerCase();a.includes("giovanni-time-series")&&t.push({key:"text/csv",label:"CSV (point-based time series; one file)",description:"Single variable plotted over time",isGiovanniFormat:!0}),a.includes("giovanni-averaging")&&t.push({key:"image/tiff",label:"GeoTIFF (time-averaged map; one file)",description:"Time averaged representation as map",isGiovanniFormat:!0},{key:"text/csv",label:"CSV (area-averaged time series; one file)",description:"Area averaged data over time",isGiovanniFormat:!0})}),t.filter((r,a,o)=>o.findIndex(c=>c.label===r.label)===a)};var g=new A;var R=class{async store(e,t){await S(async r=>{let a={harmonyJobId:e,blob:t,createdAt:Date.now()};await r.put("thumbnails",a)})}async get(e){return S(async t=>{let r=await t.get("thumbnails",e);return r==null?void 0:r.blob})}async delete(e){await S(async t=>{await t.delete("thumbnails",e)})}};var k=3e3,q=1e4,G=new R;function U(n){return!!(n&&n!=="new")}function ne(n,e){return{queryKey:["harmony","capabilities",n],queryFn:async({signal:t})=>g.getCollectionCapabilities(n,d(b({},e),{signal:t})),enabled:!!n}}function ae(n,e){return{queryKey:["harmony","jobs",n],queryFn:async({signal:t})=>{let r=await g.getJobs(n,d(b({},e),{signal:t})),a=await Promise.all(r.jobs.map(async o=>{let c=await G.get(o.jobID);return c?d(b({},o),{thumbnailBlob:c}):o}));return d(b({},r),{jobs:a})},enabled:!!(e!=null&&e.bearerToken),refetchInterval:()=>n!=null&&n.page&&n.page!==1?!1:q}}function oe(n,e){return{queryKey:["harmony","jobs",n],queryFn:async({signal:t})=>U(n)?g.getJobStatus(n,d(b({},e),{signal:t})):null,enabled:U(n),refetchInterval:t=>{var a;let r=(a=t.state.data)==null?void 0:a.status;return r&&w.has(r)?!1:k},staleTime:0,gcTime:0}}function ie(){return{mutationFn:({harmonyRequest:n,options:e})=>g.createJob(n,e)}}function se(){return{mutationFn:({jobId:n,options:e})=>g.cancelJob(n,e)}}function le(){return{mutationFn:({jobIDs:n,labels:e,options:t})=>g.removeJobLabels({jobIDs:n,labels:e},t)}}export{f as a,T as b,w as c,g as d,R as e,ne as f,ae as g,oe as h,ie as i,se as j,le as k};

package/dist/chunks/chunk.7UWDBFRT.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.VOIIKZBP.js";import*as t from"react";import{createComponent as r}from"@lit/react";var p="terra-stepper-step";e.define("terra-stepper-step");var a=r({tagName:p,elementClass:e,react:t,events:{},displayName:"TerraStepperStep"}),f=a;export{f as a};

package/dist/chunks/chunk.7W6I25NB.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.7SLBI5EP.js";import*as r from"react";import{createComponent as t}from"@lit/react";var a="terra-site-header";e.define("terra-site-header");var o=t({tagName:a,elementClass:e,react:r,events:{},displayName:"TerraSiteHeader"}),c=o;export{c as a};

package/dist/chunks/chunk.A4KCKDEI.js

@@ -0,0 +1,52 @@
+import{css as r}from"lit";var n=r`
+    :host {
+        display: inline-block;
+    }
+
+    .dropdown::part(popup) {
+        z-index: var(--terra-z-index-dropdown);
+    }
+
+    .dropdown[data-current-placement^='top']::part(popup) {
+        transform-origin: bottom;
+    }
+
+    .dropdown[data-current-placement^='bottom']::part(popup) {
+        transform-origin: top;
+    }
+
+    .dropdown[data-current-placement^='left']::part(popup) {
+        transform-origin: right;
+    }
+
+    .dropdown[data-current-placement^='right']::part(popup) {
+        transform-origin: left;
+    }
+
+    .dropdown__trigger {
+        display: block;
+    }
+
+    .dropdown__panel {
+        font-family: var(--terra-font-family--inter);
+        font-size: var(--terra-font-size-medium);
+        font-weight: var(--terra-font-weight-normal);
+        box-shadow: var(--terra-shadow-large);
+        border-radius: var(--terra-container-menu-border-radius);
+        pointer-events: none;
+        background: var(--terra-container-menu-bg);
+        border: solid var(--terra-container-menu-border-width)
+            var(--terra-container-menu-border);
+    }
+
+    .dropdown--open .dropdown__panel {
+        display: block;
+        pointer-events: all;
+    }
+
+    /* When users slot a menu, make sure it conforms to the popup's auto-size */
+    ::slotted(terra-menu) {
+        max-width: var(--auto-size-available-width) !important;
+        max-height: var(--auto-size-available-height) !important;
+    }
+`;export{n as a};

package/dist/chunks/chunk.A6GLN7RV.js

@@ -0,0 +1,157 @@
+import{a as $}from"./chunk.ZJWPN6CD.js";import{a as I}from"./chunk.3AURCEYI.js";import{c as D}from"./chunk.77X2UDZ7.js";import{a as E}from"./chunk.YU2YXPZA.js";import{a as f,c as g}from"./chunk.VOQBVUDI.js";import{a as b,c as v}from"./chunk.U6R2SR47.js";import{a as k}from"./chunk.X5OPH5X7.js";import{b as x}from"./chunk.UTJA3S5Z.js";import{a as w}from"./chunk.3TNPGXLM.js";import{a as m}from"./chunk.CUJNKBC6.js";import{a as y}from"./chunk.6PEAAW4E.js";import{a as d}from"./chunk.J5Q4TWEG.js";import{a as C,b as O}from"./chunk.NAMM3J43.js";import{e as s}from"./chunk.INFVQQSJ.js";import{classMap as L}from"lit/directives/class-map.js";import{html as p}from"lit";import{property as n,query as c,state as u}from"lit/decorators.js";import{unsafeHTML as _}from"lit/directives/unsafe-html.js";var i=class extends O{constructor(){super(...arguments);this.formControlController=new x(this,{assumeInteractionOn:["terra-blur","terra-input"]});this.hasSlotController=new y(this,"help-text","label");this.typeToSelectString="";this.hasFocus=!1;this.displayLabel="";this.selectedOptions=[];this.valueHasChanged=!1;this.name="";this._value="";this.defaultValue="";this.size="medium";this.placeholder="";this.multiple=!1;this.maxOptionsVisible=3;this.disabled=!1;this.clearable=!1;this.open=!1;this.hoist=!1;this.filled=!1;this.pill=!1;this.label="";this.placement="bottom";this.helpText="";this.form="";this.required=!1;this.getTag=t=>p`
+            <terra-tag
+                part="tag"
+                variant="topic"
+                size=${this.size}
+                @terra-remove=${e=>this.handleTagRemove(e,t)}
+            >
+                ${t.getTextLabel()}
+            </terra-tag>
+        `;this.handleDocumentFocusIn=t=>{let e=t.composedPath();this&&!e.includes(this)&&this.hide()};this.handleDocumentKeyDown=t=>{let e=t.target,o=e.closest(".select__clear")!==null,l=e.closest("terra-icon-button")!==null;if(!(o||l)){if(t.key==="Escape"&&this.open&&!this.closeWatcher&&(t.preventDefault(),t.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})),t.key==="Enter"||t.key===" "&&this.typeToSelectString===""){if(t.preventDefault(),t.stopImmediatePropagation(),!this.open){this.show();return}this.currentOption&&!this.currentOption.disabled&&(this.valueHasChanged=!0,this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then(()=>{this.emit("terra-input"),this.emit("terra-change")}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})));return}if(["ArrowUp","ArrowDown","Home","End"].includes(t.key)){let r=this.getAllOptions(),a=r.indexOf(this.currentOption),h=Math.max(0,a);if(t.preventDefault(),!this.open&&(this.show(),this.currentOption))return;t.key==="ArrowDown"?(h=a+1,h>r.length-1&&(h=0)):t.key==="ArrowUp"?(h=a-1,h<0&&(h=r.length-1)):t.key==="Home"?h=0:t.key==="End"&&(h=r.length-1),this.setCurrentOption(r[h])}if(t.key&&t.key.length===1||t.key==="Backspace"){let r=this.getAllOptions();if(t.metaKey||t.ctrlKey||t.altKey)return;if(!this.open){if(t.key==="Backspace")return;this.show()}t.stopPropagation(),t.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout(()=>this.typeToSelectString="",1e3),t.key==="Backspace"?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=t.key.toLowerCase();for(let a of r)if(a.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(a);break}}}};this.handleDocumentMouseDown=t=>{let e=t.composedPath();this&&!e.includes(this)&&this.hide()}}get value(){return this._value}set value(t){this.multiple?t=Array.isArray(t)?t:t.split(" "):t=Array.isArray(t)?t.join(" "):t,this._value!==t&&(this.valueHasChanged=!0,this._value=t)}get validity(){return this.valueInput.validity}get validationMessage(){return this.valueInput.validationMessage}connectedCallback(){super.connectedCallback(),setTimeout(()=>{this.handleDefaultSlotChange()}),this.open=!1}addOpenListeners(){var t;document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown),this.getRootNode()!==document&&this.getRootNode().addEventListener("focusin",this.handleDocumentFocusIn),"CloseWatcher"in window&&((t=this.closeWatcher)==null||t.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.open&&(this.hide(),this.displayInput.focus({preventScroll:!0}))})}removeOpenListeners(){var t;document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),this.getRootNode()!==document&&this.getRootNode().removeEventListener("focusin",this.handleDocumentFocusIn),(t=this.closeWatcher)==null||t.destroy()}handleFocus(){this.hasFocus=!0,this.displayInput.setSelectionRange(0,0),this.emit("terra-focus")}handleBlur(){this.hasFocus=!1,this.emit("terra-blur")}handleLabelClick(){this.displayInput.focus()}handleComboboxMouseDown(t){let o=t.composedPath().some(l=>l instanceof Element&&l.tagName.toLowerCase()==="terra-icon-button");this.disabled||o||(t.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open)}handleComboboxKeyDown(t){t.key!=="Tab"&&(t.stopPropagation(),this.handleDocumentKeyDown(t))}handleClearClick(t){t.stopPropagation(),this.valueHasChanged=!0,this.value!==""&&(this.setSelectedOptions([]),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then(()=>{this.emit("terra-clear"),this.emit("terra-input"),this.emit("terra-change")}))}handleClearMouseDown(t){t.stopPropagation(),t.preventDefault()}handleOptionClick(t){let o=t.target.closest("terra-option"),l=this.value;o&&!o.disabled&&(this.valueHasChanged=!0,this.multiple?this.toggleOptionSelection(o):this.setSelectedOptions(o),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})),this.value!==l&&this.updateComplete.then(()=>{this.emit("terra-input"),this.emit("terra-change")}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))}handleDefaultSlotChange(){customElements.get("terra-option")||customElements.whenDefined("terra-option").then(()=>this.handleDefaultSlotChange());let t=this.getAllOptions(),e=this.valueHasChanged?this.value:this.defaultValue,o=Array.isArray(e)?e:[e],l=[];t.forEach(r=>l.push(r.value)),this.setSelectedOptions(t.filter(r=>o.includes(r.value)))}handleTagRemove(t,e){t.stopPropagation(),this.valueHasChanged=!0,this.disabled||(this.toggleOptionSelection(e,!1),this.updateComplete.then(()=>{this.emit("terra-input"),this.emit("terra-change")}))}getAllOptions(){return[...this.querySelectorAll("terra-option")]}getFirstOption(){return this.querySelector("terra-option")}setCurrentOption(t){this.getAllOptions().forEach(o=>{o.current=!1,o.tabIndex=-1}),t&&(this.currentOption=t,t.current=!0,t.tabIndex=0,t.focus())}setSelectedOptions(t){let e=this.getAllOptions(),o=Array.isArray(t)?t:[t];e.forEach(l=>l.selected=!1),o.length&&o.forEach(l=>l.selected=!0),this.selectionChanged()}toggleOptionSelection(t,e){e===!0||e===!1?t.selected=e:t.selected=!t.selected,this.selectionChanged()}selectionChanged(){var o,l,r;let t=this.getAllOptions();this.selectedOptions=t.filter(a=>a.selected);let e=this.valueHasChanged;if(this.multiple)this.value=this.selectedOptions.map(a=>a.value),this.placeholder&&this.value.length===0?this.displayLabel="":this.displayLabel=`${this.selectedOptions.length} selected`;else{let a=this.selectedOptions[0];this.value=(o=a==null?void 0:a.value)!=null?o:"",this.displayLabel=(r=(l=a==null?void 0:a.getTextLabel)==null?void 0:l.call(a))!=null?r:""}this.valueHasChanged=e,this.updateComplete.then(()=>{this.formControlController.updateValidity()})}get tags(){return this.selectedOptions.map((t,e)=>{if(e<this.maxOptionsVisible||this.maxOptionsVisible<=0){let o=this.getTag(t,e);return p`<div
+                    @terra-remove=${l=>this.handleTagRemove(l,t)}
+                >
+                    ${typeof o=="string"?_(o):o}
+                </div>`}else if(e===this.maxOptionsVisible)return p`<terra-tag size=${this.size}
+                    >+${this.selectedOptions.length-e}</terra-tag
+                >`;return p``})}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange())}attributeChangedCallback(t,e,o){if(super.attributeChangedCallback(t,e,o),t==="value"){let l=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=l}}handleValueChange(){if(!this.valueHasChanged){let o=this.valueHasChanged;this.value=this.defaultValue,this.valueHasChanged=o}let t=this.getAllOptions(),e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(t.filter(o=>e.includes(o.value)))}async handleOpenChange(){if(this.open&&!this.disabled){this.setCurrentOption(this.selectedOptions[0]||this.getFirstOption()),this.emit("terra-show"),this.addOpenListeners(),await g(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame(()=>{this.setCurrentOption(this.currentOption)});let{keyframes:t,options:e}=v(this,"select.show",{dir:"ltr"});await f(this.popup.popup,t,e),this.currentOption&&D(this.currentOption,this.listbox,"vertical","auto"),this.emit("terra-after-show")}else{this.emit("terra-hide"),this.removeOpenListeners(),await g(this);let{keyframes:t,options:e}=v(this,"select.hide",{dir:"ltr"});await f(this.popup.popup,t,e),this.listbox.hidden=!0,this.popup.active=!1,this.emit("terra-after-hide")}}async show(){if(this.open||this.disabled){this.open=!1;return}return this.open=!0,m(this,"terra-after-show")}async hide(){if(!this.open||this.disabled){this.open=!1;return}return this.open=!1,m(this,"terra-after-hide")}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(t){this.valueInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){this.displayInput.focus(t)}blur(){this.displayInput.blur()}render(){let t=this.hasSlotController.test("label"),e=this.hasSlotController.test("help-text"),o=this.label?!0:!!t,l=this.helpText?!0:!!e,r=this.clearable&&!this.disabled&&this.value.length>0,a=this.placeholder&&this.value&&this.value.length<=0;return p`
+            <div
+                part="form-control"
+                class=${L({"form-control":!0,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-label":o,"form-control--has-help-text":l})}
+            >
+                <label
+                    id="label"
+                    part="form-control-label"
+                    class="form-control__label"
+                    aria-hidden=${o?"false":"true"}
+                    @click=${this.handleLabelClick}
+                >
+                    <slot name="label">${this.label}</slot>
+                </label>
+
+                <div part="form-control-input" class="form-control-input">
+                    <terra-popup
+                        class=${L({select:!0,"select--standard":!0,"select--filled":this.filled,"select--pill":this.pill,"select--open":this.open,"select--disabled":this.disabled,"select--multiple":this.multiple,"select--focused":this.hasFocus,"select--placeholder-visible":a,"select--top":this.placement==="top","select--bottom":this.placement==="bottom","select--small":this.size==="small","select--medium":this.size==="medium","select--large":this.size==="large"})}
+                        placement=${this.placement}
+                        strategy=${this.hoist?"fixed":"absolute"}
+                        flip
+                        shift
+                        sync="width"
+                        auto-size="vertical"
+                        auto-size-padding="10"
+                    >
+                        <div
+                            part="combobox"
+                            class="select__combobox"
+                            slot="anchor"
+                            @keydown=${this.handleComboboxKeyDown}
+                            @mousedown=${this.handleComboboxMouseDown}
+                        >
+                            <slot
+                                part="prefix"
+                                name="prefix"
+                                class="select__prefix"
+                            ></slot>
+
+                            <input
+                                part="display-input"
+                                class="select__display-input"
+                                type="text"
+                                placeholder=${this.placeholder}
+                                .disabled=${this.disabled}
+                                .value=${this.displayLabel}
+                                autocomplete="off"
+                                spellcheck="false"
+                                autocapitalize="off"
+                                readonly
+                                aria-controls="listbox"
+                                aria-expanded=${this.open?"true":"false"}
+                                aria-haspopup="listbox"
+                                aria-labelledby="label"
+                                aria-disabled=${this.disabled?"true":"false"}
+                                aria-describedby="help-text"
+                                role="combobox"
+                                tabindex="0"
+                                @focus=${this.handleFocus}
+                                @blur=${this.handleBlur}
+                            />
+
+                            ${this.multiple?p`<div part="tags" class="select__tags">
+                                      ${this.tags}
+                                  </div>`:""}
+
+                            <input
+                                class="select__value-input"
+                                type="text"
+                                ?disabled=${this.disabled}
+                                ?required=${this.required}
+                                .value=${Array.isArray(this.value)?this.value.join(", "):this.value}
+                                tabindex="-1"
+                                aria-hidden="true"
+                                @focus=${()=>this.focus()}
+                                @invalid=${this.handleInvalid}
+                            />
+
+                            ${r?p`
+                                      <button
+                                          part="clear-button"
+                                          class="select__clear"
+                                          type="button"
+                                          aria-label="Clear selection"
+                                          @mousedown=${this.handleClearMouseDown}
+                                          @click=${this.handleClearClick}
+                                          tabindex="-1"
+                                      >
+                                          <slot name="clear-icon">
+                                              <terra-icon
+                                                  name="solid-x-circle"
+                                                  library="heroicons"
+                                              ></terra-icon>
+                                          </slot>
+                                      </button>
+                                  `:""}
+
+                            <slot
+                                name="suffix"
+                                part="suffix"
+                                class="select__suffix"
+                            ></slot>
+
+                            <slot
+                                name="expand-icon"
+                                part="expand-icon"
+                                class="select__expand-icon"
+                            >
+                                <terra-icon
+                                    library="heroicons"
+                                    name="solid-chevron-down"
+                                ></terra-icon>
+                            </slot>
+                        </div>
+
+                        <div
+                            id="listbox"
+                            role="listbox"
+                            aria-expanded=${this.open?"true":"false"}
+                            aria-multiselectable=${this.multiple?"true":"false"}
+                            aria-labelledby="label"
+                            part="listbox"
+                            class="select__listbox"
+                            tabindex="-1"
+                            @mouseup=${this.handleOptionClick}
+                            @slotchange=${this.handleDefaultSlotChange}
+                        >
+                            <slot></slot>
+                        </div>
+                    </terra-popup>
+                </div>
+
+                <div
+                    part="form-control-help-text"
+                    id="help-text"
+                    class="form-control__help-text"
+                    aria-hidden=${l?"false":"true"}
+                >
+                    <slot name="help-text">${this.helpText}</slot>
+                </div>
+            </div>
+        `}};i.styles=[C,k,I],i.dependencies={"terra-icon":w,"terra-popup":E,"terra-tag":$},s([c(".select")],i.prototype,"popup",2),s([c(".select__combobox")],i.prototype,"combobox",2),s([c(".select__display-input")],i.prototype,"displayInput",2),s([c(".select__value-input")],i.prototype,"valueInput",2),s([c(".select__listbox")],i.prototype,"listbox",2),s([u()],i.prototype,"hasFocus",2),s([u()],i.prototype,"displayLabel",2),s([u()],i.prototype,"currentOption",2),s([u()],i.prototype,"selectedOptions",2),s([u()],i.prototype,"valueHasChanged",2),s([n()],i.prototype,"name",2),s([u()],i.prototype,"value",1),s([n({attribute:"value"})],i.prototype,"defaultValue",2),s([n({reflect:!0})],i.prototype,"size",2),s([n()],i.prototype,"placeholder",2),s([n({type:Boolean,reflect:!0})],i.prototype,"multiple",2),s([n({attribute:"max-options-visible",type:Number})],i.prototype,"maxOptionsVisible",2),s([n({type:Boolean,reflect:!0})],i.prototype,"disabled",2),s([n({type:Boolean})],i.prototype,"clearable",2),s([n({type:Boolean,reflect:!0})],i.prototype,"open",2),s([n({type:Boolean})],i.prototype,"hoist",2),s([n({type:Boolean,reflect:!0})],i.prototype,"filled",2),s([n({type:Boolean,reflect:!0})],i.prototype,"pill",2),s([n()],i.prototype,"label",2),s([n({reflect:!0})],i.prototype,"placement",2),s([n({attribute:"help-text"})],i.prototype,"helpText",2),s([n({reflect:!0})],i.prototype,"form",2),s([n({type:Boolean,reflect:!0})],i.prototype,"required",2),s([n()],i.prototype,"getTag",2),s([d("disabled",{waitUntilFirstUpdate:!0})],i.prototype,"handleDisabledChange",1),s([d(["defaultValue","value"],{waitUntilFirstUpdate:!0})],i.prototype,"handleValueChange",1),s([d("open",{waitUntilFirstUpdate:!0})],i.prototype,"handleOpenChange",1);b("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});b("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{i as a};

package/dist/chunks/chunk.ACMRVRMJ.js

@@ -0,0 +1,65 @@
+import{css as r}from"lit";var t=r`
+    :host {
+        --arrow-color: var(--terra-popup-arrow-color);
+        --arrow-size: var(--terra-popup-arrow-size);
+
+        /*
+        * These properties are computed to account for the arrow's dimensions after being rotated 45º. The constant
+        * 0.7071 is derived from sin(45), which is the diagonal size of the arrow's container after rotating.
+        */
+        --arrow-size-diagonal: calc(var(--arrow-size) * 0.7071);
+        --arrow-padding-offset: calc(var(--arrow-size-diagonal) - var(--arrow-size));
+
+        display: contents;
+    }
+
+    .popup {
+        position: absolute;
+        isolation: isolate;
+        max-width: var(--auto-size-available-width, none);
+        max-height: var(--auto-size-available-height, none);
+        color: var(--terra-popup-color);
+        background-color: var(--terra-popup-background-color);
+        border-radius: var(--terra-border-radius-medium);
+        border: 1px solid var(--terra-popup-border-color);
+        box-shadow: var(--terra-shadow-large);
+    }
+
+    .popup--fixed {
+        position: fixed;
+    }
+
+    .popup:not(.popup--active) {
+        display: none;
+    }
+
+    .popup__arrow {
+        position: absolute;
+        width: calc(var(--arrow-size-diagonal) * 2);
+        height: calc(var(--arrow-size-diagonal) * 2);
+        rotate: 45deg;
+        background: var(--arrow-color);
+        z-index: -1;
+    }
+
+    /* Hover bridge */
+    .popup-hover-bridge:not(.popup-hover-bridge--visible) {
+        display: none;
+    }
+
+    .popup-hover-bridge {
+        position: fixed;
+        z-index: calc(var(--terra-z-index-dropdown) - 1);
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        clip-path: polygon(
+            var(--hover-bridge-top-left-x, 0) var(--hover-bridge-top-left-y, 0),
+            var(--hover-bridge-top-right-x, 0) var(--hover-bridge-top-right-y, 0),
+            var(--hover-bridge-bottom-right-x, 0)
+                var(--hover-bridge-bottom-right-y, 0),
+            var(--hover-bridge-bottom-left-x, 0) var(--hover-bridge-bottom-left-y, 0)
+        );
+    }
+`;export{t as a};

package/dist/chunks/chunk.ACTAEVBU.js

@@ -0,0 +1,62 @@
+import{a as y,b as v}from"./chunk.77X2UDZ7.js";import{a as O}from"./chunk.MJILATWK.js";import{a as _,b as W}from"./chunk.6MJMMDNP.js";import{a as c,c as h}from"./chunk.VOQBVUDI.js";import{a as d,c as u}from"./chunk.U6R2SR47.js";import{a as F}from"./chunk.JSEYNLAE.js";import{a as M}from"./chunk.3TNPGXLM.js";import{a as b}from"./chunk.CUJNKBC6.js";import{a as L}from"./chunk.6PEAAW4E.js";import{a as A}from"./chunk.J5Q4TWEG.js";import{a as H,b as x}from"./chunk.NAMM3J43.js";import{e as r}from"./chunk.INFVQQSJ.js";var R=o=>{var t;let{activeElement:i}=document;i&&o.contains(i)&&((t=document.activeElement)==null||t.blur())};import{classMap as U}from"lit/directives/class-map.js";import{html as q}from"lit";import{ifDefined as N}from"lit/directives/if-defined.js";import{property as S,query as C}from"lit/decorators.js";var D=new WeakMap;function K(o){let i=D.get(o);return i||(i=window.getComputedStyle(o,null),D.set(o,i)),i}function I(o){if(typeof o.checkVisibility=="function")return o.checkVisibility({checkOpacity:!1,checkVisibilityCSS:!0});let i=K(o);return i.visibility!=="hidden"&&i.display!=="none"}function $(o){let i=K(o),{overflowY:t,overflowX:s}=i;return t==="scroll"||s==="scroll"?!0:t!=="auto"||s!=="auto"?!1:o.scrollHeight>o.clientHeight&&t==="auto"||o.scrollWidth>o.clientWidth&&s==="auto"}function P(o){let i=o.tagName.toLowerCase(),t=Number(o.getAttribute("tabindex"));return o.hasAttribute("tabindex")&&(isNaN(t)||t<=-1)||o.hasAttribute("disabled")||o.closest("[inert]")||i==="input"&&o.getAttribute("type")==="radio"&&!o.hasAttribute("checked")||!I(o)?!1:(i==="audio"||i==="video")&&o.hasAttribute("controls")||o.hasAttribute("tabindex")||o.hasAttribute("contenteditable")&&o.getAttribute("contenteditable")!=="false"||["button","input","select","textarea","a","audio","video","summary","iframe"].includes(i)?!0:$(o)}function B(o,i){var t;return((t=o.getRootNode({composed:!0}))==null?void 0:t.host)!==i}function T(o){let i=new WeakMap,t=[];function s(e){if(e instanceof Element){if(e.hasAttribute("inert")||e.closest("[inert]")||i.has(e))return;i.set(e,!0),!t.includes(e)&&P(e)&&t.push(e),e instanceof HTMLSlotElement&&B(e,o)&&e.assignedElements({flatten:!0}).forEach(a=>{s(a)}),e.shadowRoot!==null&&e.shadowRoot.mode==="open"&&s(e.shadowRoot)}for(let a of e.children)s(a)}return s(o),t.sort((e,a)=>{let p=Number(e.getAttribute("tabindex"))||0;return(Number(a.getAttribute("tabindex"))||0)-p})}var m=[],f=class{constructor(i){this.tabDirection="forward";this.handleFocusIn=()=>{this.isActive()&&this.checkFocus()};this.handleKeyDown=i=>{var p;if(i.key!=="Tab"||this.isExternalActivated||!this.isActive())return;let t=W();if(this.previousFocus=t,this.previousFocus&&this.possiblyHasTabbableChildren(this.previousFocus))return;i.shiftKey?this.tabDirection="backward":this.tabDirection="forward";let s=T(this.element),e=s.findIndex(l=>l===t);this.previousFocus=this.currentFocus;let a=this.tabDirection==="forward"?1:-1;for(;;){e+a>=s.length?e=0:e+a<0?e=s.length-1:e+=a,this.previousFocus=this.currentFocus;let l=s[e];if(this.tabDirection==="backward"&&this.previousFocus&&this.possiblyHasTabbableChildren(this.previousFocus)||l&&this.possiblyHasTabbableChildren(l))return;i.preventDefault(),this.currentFocus=l,(p=this.currentFocus)==null||p.focus({preventScroll:!1});let k=[..._()];if(k.includes(this.currentFocus)||!k.includes(this.previousFocus))break}setTimeout(()=>this.checkFocus())};this.handleKeyUp=()=>{this.tabDirection="forward"};this.element=i,this.elementsWithTabbableControls=["iframe"]}activate(){m.push(this.element),document.addEventListener("focusin",this.handleFocusIn),document.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keyup",this.handleKeyUp)}deactivate(){m=m.filter(i=>i!==this.element),this.currentFocus=null,document.removeEventListener("focusin",this.handleFocusIn),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("keyup",this.handleKeyUp)}isActive(){return m[m.length-1]===this.element}activateExternal(){this.isExternalActivated=!0}deactivateExternal(){this.isExternalActivated=!1}checkFocus(){if(this.isActive()&&!this.isExternalActivated){let i=T(this.element);if(!this.element.matches(":focus-within")){let t=i[0],s=i[i.length-1],e=this.tabDirection==="forward"?t:s;typeof(e==null?void 0:e.focus)=="function"&&(this.currentFocus=e,e.focus({preventScroll:!1}))}}}possiblyHasTabbableChildren(i){return this.elementsWithTabbableControls.includes(i.tagName.toLowerCase())||i.hasAttribute("controls")}};var n=class extends x{constructor(){super(...arguments);this.hasSlotController=new L(this,"footer");this.modal=new f(this);this.open=!1;this.label="";this.noHeader=!1;this.handleDocumentKeyDown=t=>{t.key==="Escape"&&this.modal.isActive()&&this.open&&(t.stopPropagation(),this.requestClose("keyboard"))}}firstUpdated(){this.dialog.hidden=!this.open,this.open&&(this.addOpenListeners(),this.modal.activate(),y(this))}disconnectedCallback(){super.disconnectedCallback(),this.modal.deactivate(),v(this),this.removeOpenListeners()}requestClose(t){if(this.emit("terra-dialog-request-close",{cancelable:!0,detail:{source:t}}).defaultPrevented){let e=u(this,"dialog.denyClose",{dir:getComputedStyle(this).direction});c(this.panel,e.keyframes,e.options);return}this.hide()}addOpenListeners(){var t;"CloseWatcher"in window?((t=this.closeWatcher)==null||t.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>this.requestClose("keyboard")):document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){var t;(t=this.closeWatcher)==null||t.destroy(),document.removeEventListener("keydown",this.handleDocumentKeyDown)}async handleOpenChange(){if(this.open){this.emit("terra-dialog-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.modal.activate(),y(this);let t=this.querySelector("[autofocus]");t&&t.removeAttribute("autofocus"),await Promise.all([h(this.dialog),h(this.overlay)]),this.dialog.hidden=!1,requestAnimationFrame(()=>{this.emit("terra-dialog-initial-focus",{cancelable:!0}).defaultPrevented||(t?t.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),t&&t.setAttribute("autofocus","")});let s=u(this,"dialog.show",{dir:getComputedStyle(this).direction}),e=u(this,"dialog.overlay.show",{dir:getComputedStyle(this).direction});await Promise.all([c(this.panel,s.keyframes,s.options),c(this.overlay,e.keyframes,e.options)]),this.emit("terra-dialog-after-show")}else{R(this),this.emit("terra-dialog-hide"),this.removeOpenListeners(),this.modal.deactivate(),await Promise.all([h(this.dialog),h(this.overlay)]);let t=u(this,"dialog.hide",{dir:getComputedStyle(this).direction}),s=u(this,"dialog.overlay.hide",{dir:getComputedStyle(this).direction});await Promise.all([c(this.overlay,s.keyframes,s.options).then(()=>{this.overlay.hidden=!0}),c(this.panel,t.keyframes,t.options).then(()=>{this.panel.hidden=!0})]),this.dialog.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1,v(this);let e=this.originalTrigger;typeof(e==null?void 0:e.focus)=="function"&&setTimeout(()=>e.focus()),this.emit("terra-dialog-after-hide")}}async show(){if(!this.open)return this.open=!0,b(this,"terra-dialog-after-show")}async hide(){if(this.open)return this.open=!1,b(this,"terra-dialog-after-hide")}render(){return q`
+            <div
+                part="base"
+                class=${U({dialog:!0,"dialog--open":this.open,"dialog--has-footer":this.hasSlotController.test("footer")})}
+            >
+                <div
+                    part="overlay"
+                    class="dialog__overlay"
+                    @click=${()=>this.requestClose("overlay")}
+                    tabindex="-1"
+                ></div>
+
+                <div
+                    part="panel"
+                    class="dialog__panel"
+                    role="dialog"
+                    aria-modal="true"
+                    aria-hidden=${this.open?"false":"true"}
+                    aria-label=${N(this.noHeader?this.label:void 0)}
+                    aria-labelledby=${N(this.noHeader?void 0:"title")}
+                    tabindex="-1"
+                >
+                    ${this.noHeader?"":q`
+                              <header part="header" class="dialog__header">
+                                  <h2 part="title" class="dialog__title" id="title">
+                                      <slot name="label">
+                                          ${this.label.length>0?this.label:"\uFEFF"}
+                                      </slot>
+                                  </h2>
+                                  <div
+                                      part="header-actions"
+                                      class="dialog__header-actions"
+                                  >
+                                      <slot name="header-actions"></slot>
+                                      <terra-button
+                                          part="close-button"
+                                          exportparts="base:close-button__base"
+                                          class="dialog__close"
+                                          circle
+                                          variant="text"
+                                          @click="${()=>this.requestClose("close-button")}"
+                                          aria-label="Close"
+                                      >
+                                          <terra-icon
+                                              name="solid-x-mark"
+                                              library="heroicons"
+                                              font-size="1.25rem"
+                                          ></terra-icon>
+                                      </terra-button>
+                                  </div>
+                              </header>
+                          `}
+                    <div part="body" class="dialog__body" tabindex="-1">
+                        <slot></slot>
+                    </div>
+
+                    <footer part="footer" class="dialog__footer">
+                        <slot name="footer"></slot>
+                    </footer>
+                </div>
+            </div>
+        `}};n.styles=[H,O],n.dependencies={"terra-button":F,"terra-icon":M},r([C(".dialog")],n.prototype,"dialog",2),r([C(".dialog__panel")],n.prototype,"panel",2),r([C(".dialog__overlay")],n.prototype,"overlay",2),r([S({type:Boolean,reflect:!0})],n.prototype,"open",2),r([S({reflect:!0})],n.prototype,"label",2),r([S({attribute:"no-header",type:Boolean,reflect:!0})],n.prototype,"noHeader",2),r([A("open",{waitUntilFirstUpdate:!0})],n.prototype,"handleOpenChange",1);d("dialog.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}});d("dialog.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}});d("dialog.denyClose",{keyframes:[{scale:1},{scale:1.02},{scale:1}],options:{duration:250}});d("dialog.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:250}});d("dialog.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:250}});export{n as a};

package/dist/chunks/chunk.ANNK5AL5.js

@@ -0,0 +1,23 @@
+import{a as c}from"./chunk.HRA64EJO.js";import{a as h}from"./chunk.3TNPGXLM.js";import{a}from"./chunk.J5Q4TWEG.js";import{a as r,b as n}from"./chunk.NAMM3J43.js";import{e as t}from"./chunk.INFVQQSJ.js";import{classMap as u}from"lit/directives/class-map.js";import{html as f}from"lit";import{property as d,query as p,state as o}from"lit/decorators.js";var e=class extends n{constructor(){super(...arguments);this.isInitialized=!1;this.current=!1;this.selected=!1;this.hasHover=!1;this.value="";this.disabled=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","option"),this.setAttribute("aria-selected","false")}handleDefaultSlotChange(){this.isInitialized?customElements.whenDefined("terra-select").then(()=>{let l=this.closest("terra-select");l&&l.handleDefaultSlotChange()}):this.isInitialized=!0}handleMouseEnter(){this.hasHover=!0}handleMouseLeave(){this.hasHover=!1}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleValueChange(){typeof this.value!="string"&&(this.value=String(this.value))}getTextLabel(){let l=this.childNodes,i="";return[...l].forEach(s=>{s.nodeType===Node.ELEMENT_NODE&&(s.hasAttribute("slot")||(i+=s.textContent)),s.nodeType===Node.TEXT_NODE&&(i+=s.textContent)}),i.trim()}render(){return f`
+            <div
+                part="base"
+                class=${u({option:!0,"option--current":this.current,"option--disabled":this.disabled,"option--selected":this.selected,"option--hover":this.hasHover})}
+                @mouseenter=${this.handleMouseEnter}
+                @mouseleave=${this.handleMouseLeave}
+            >
+                <terra-icon
+                    part="checked-icon"
+                    class="option__check"
+                    name="outline-check"
+                    library="heroicons"
+                    aria-hidden="true"
+                ></terra-icon>
+                <slot part="prefix" name="prefix" class="option__prefix"></slot>
+                <slot
+                    part="label"
+                    class="option__label"
+                    @slotchange=${this.handleDefaultSlotChange}
+                ></slot>
+                <slot part="suffix" name="suffix" class="option__suffix"></slot>
+            </div>
+        `}};e.styles=[r,c],e.dependencies={"terra-icon":h},t([p(".option__label")],e.prototype,"defaultSlot",2),t([o()],e.prototype,"current",2),t([o()],e.prototype,"selected",2),t([o()],e.prototype,"hasHover",2),t([d({reflect:!0})],e.prototype,"value",2),t([d({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([a("disabled")],e.prototype,"handleDisabledChange",1),t([a("selected")],e.prototype,"handleSelectedChange",1),t([a("value")],e.prototype,"handleValueChange",1);export{e as a};

package/dist/chunks/chunk.B34XIVQZ.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.QNMFOQMN.js";var l=e;e.define("terra-skeleton");export{l as a};

package/dist/chunks/chunk.B6POOW4T.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.2KBWAAOZ.js";import*as a from"react";import{createComponent as r}from"@lit/react";var t="terra-time-average-map";e.define("terra-time-average-map");var m=r({tagName:t,elementClass:e,react:a,events:{},displayName:"TerraTimeAverageMap"}),c=m;export{c as a};

package/dist/chunks/chunk.BBZZL7GF.js

@@ -0,0 +1,91 @@
+import{css as a}from"lit";var o=a`
+    :host {
+        box-sizing: border-box;
+        color: var(--terra-text-primary);
+        display: block;
+        font-family: var(--terra-font-family--public-sans);
+    }
+
+    .help-text {
+        color: var(--terra-input-help-text-color);
+        font-size: var(--terra-font-size-small);
+        line-height: var(--terra-line-height-normal);
+        margin-block: 0;
+    }
+
+    label,
+    input {
+        display: block;
+    }
+
+    input {
+        padding-inline: 0.5em;
+    }
+
+    terra-button[data-task-status='2']::part(base),
+    terra-button[data-task-status='3']::part(base) {
+        padding-inline: 0;
+
+        transition-delay: 4s;
+        transition-property: padding-inline;
+    }
+
+    terra-button[data-task-status='2']::part(label),
+    terra-button[data-task-status='3']::part(label) {
+        padding-inline: var(--terra-spacing-medium);
+    }
+
+    .login-task {
+        animation-delay: 4s;
+        animation-duration: 0.3s;
+        animation-fill-mode: forwards;
+        animation-name: fade-out;
+        animation-timing-function: ease-in;
+
+        transition-behavior: allow-discrete;
+    }
+
+    .login-task--pending {
+        font-size: 1em;
+    }
+
+    .login-task--complete {
+        color: var(--terra-color-active-green-tint);
+        font-size: 1.8em;
+    }
+
+    .login-task--error {
+        color: var(--terra-color-international-orange-tint);
+        font-size: 1.8em;
+    }
+
+    .form-feedback {
+        color: var(--terra-color-nasa-red-shade);
+        display: block;
+        font-size: 0.875em;
+    }
+
+    @keyframes fade-out {
+        0% {
+            opacity: 1;
+            scale: 1;
+        }
+
+        50% {
+            opacity: 0;
+            scale: 1;
+        }
+
+        95% {
+            opacity: 0;
+            scale: 1;
+        }
+
+        100% {
+            display: none;
+            opacity: 0;
+            scale: 0;
+            font-size: 0;
+        }
+    }
+`;export{o as a};