@nasa-terra/components 0.0.194 → 0.0.196

package/dist/chunks/chunk.FR7BDEKN.js

@@ -0,0 +1 @@
+import{c as et}from"./chunk.64Z5WQSA.js";import{a as Z}from"./chunk.VZJ3CHHD.js";import{b as tt}from"./chunk.E5WOJ3PK.js";import{b as Y}from"./chunk.DSWDVHOD.js";import{b as X}from"./chunk.HZOOFT3Z.js";import{c as z,e as G}from"./chunk.7XLMISB3.js";import{a as Q}from"./chunk.W5WASIVZ.js";import{c as O}from"./chunk.QGXUQL5S.js";import{a as W,f as t,g as n,h as A,i as s}from"./chunk.INFVQQSJ.js";import{Task as nt}from"@lit/task";var ht="https://lpo4uv7f0h.execute-api.us-east-1.amazonaws.com/default/harmony-link-proxy",ct=300,lt=1e4,e,f,J,I,d,_,rt,H,at,T,N,v,x,y,k,L,it,u,w,S,B,ot=class{constructor(r){n(this,_);n(this,H);n(this,T);n(this,v);n(this,y);n(this,L);n(this,u);n(this,S);n(this,e,void 0);n(this,f,new et);n(this,J,new G);n(this,I,void 0);n(this,d,void 0);A(this,e,r),A(this,I,new X(t(this,e),{getCollectionEntryId:()=>s(this,_,rt).call(this),getBearerToken:()=>t(this,e).bearerToken})),A(this,d,new Z(t(this,e))),this.jobStatusTask=new nt(r,{task:async([],{signal:o})=>{var V,$,q,K;let a=t(this,e).startDate,c=t(this,e).endDate,l=t(this,e).location,p=t(this,e).catalogVariable;if(!a||!c||!l||!p)return;t(this,d).reset(),t(this,e).harmonyJobId=void 0;let m=this.getCacheKey();if(t(this,e).cache){let i=await t(this,f).getValidCacheEntry(m);if(i)return console.log("Returning existing map blob from cache",m),t(this,e).harmonyJobId=i.harmonyJobId,s(this,y,k).call(this,i.blob),i.blob}if(t(this,e).jobId){console.log("Using provided jobId, waiting for harmony job...");let i=await s(this,T,N).call(this,t(this,e).jobId,o);if(i.status==="failed"){let F=i.message||(($=(V=i.errors)==null?void 0:V[0])==null?void 0:$.message)||"The subset job failed",g=new Error(F);throw s(this,u,w).call(this,g,i.errors),g}if(i.status==="complete_with_errors"&&i.errors&&i.errors.length>0){let F=i.errors[0].message||"The subset job completed with errors",g=new Error(F);throw s(this,u,w).call(this,g,i.errors),g}let b=await s(this,v,x).call(this,i,o);return t(this,e).cache&&await t(this,f).storeEntry(m,{blob:b,environment:t(this,e).environment,harmonyJobId:t(this,e).jobId}),t(this,e).harmonyJobId=t(this,e).jobId,s(this,y,k).call(this,b),b}let E=await s(this,H,at).call(this,o),[C,j,D,R]=l.split(",").map(Number),st=new Q([C,j,D,R]),M=new tt({collectionConceptId:E,location:st,environment:t(this,e).environment}).variable(`${t(this,e).collection}_${t(this,e).variable}`).dateRange(new Date(a).toISOString(),new Date(c).toISOString()).format("image/tiff").average("time").label("terra-time-average-map");t(this,e).applicationId&&M.label(t(this,e).applicationId),M.addLabelsFromVariable(p),console.log("Creating time average map job...");let U;try{let i=await t(this,d).startJob({harmonyRequest:M,options:{signal:o,bearerToken:t(this,e).bearerToken,environment:t(this,e).environment}});U=i.jobID,t(this,e).emit("terra-harmony-job-status-update",{detail:i})}catch(i){throw s(this,u,w).call(this,i),i}console.log("Waiting for harmony job...");let h=await s(this,T,N).call(this,U,o);if(h.status==="failed"){let i=h.message||((K=(q=h.errors)==null?void 0:q[0])==null?void 0:K.message)||"The subset job failed",b=new Error(i);throw s(this,u,w).call(this,b,h.errors),b}if(h.status==="complete_with_errors"&&h.errors&&h.errors.length>0){let i=h.errors[0].message||"The subset job completed with errors",b=new Error(i);throw s(this,u,w).call(this,b,h.errors),b}let P=await s(this,v,x).call(this,h,o);return t(this,e).cache&&await t(this,f).storeEntry(m,{blob:P,environment:t(this,e).environment,harmonyJobId:h.jobID}),t(this,e).harmonyJobId=h.jobID,s(this,y,k).call(this,P),P},args:()=>[],autoRun:!1})}render(r){return this.jobStatusTask.render(r)}getCacheKey(){var m,E,C,j,D,R;let r=(m=t(this,e).collection)!=null?m:"",o=(E=t(this,e).variable)!=null?E:"",a=(C=t(this,e).startDate)!=null?C:"",c=(j=t(this,e).endDate)!=null?j:"",l=(D=t(this,e).location)!=null?D:"",p=(R=t(this,e).environment)!=null?R:"prod";return t(this,f).getCacheKey(r,o,a,c,l,p)}};e=new WeakMap,f=new WeakMap,J=new WeakMap,I=new WeakMap,d=new WeakMap,_=new WeakSet,rt=function(){let r=t(this,e).collection,o=t(this,e).catalogVariable;if(!(!r||!o))return`${o.dataProductShortName}_${o.dataProductVersion}`},H=new WeakSet,at=async function(r){let o=Date.now()+lt;for(;;){if(r.aborted)throw new Error("Aborted while waiting for collection concept ID");let a=t(this,I).conceptId;if(a)return a;if(Date.now()>o)throw new Error("Timed out waiting for collection concept ID");await s(this,S,B).call(this,200,r)}},T=new WeakSet,N=async function(r,o){for(t(this,d).startPollForJobStatus(r,{bearerToken:t(this,e).bearerToken});;){if(o.aborted)throw new Error("Job polling was aborted");let a=t(this,d).data;if(a&&t(this,e).emit("terra-harmony-job-status-update",{detail:a}),(a==null?void 0:a.jobID)===r&&z.has(a.status))return a;await s(this,S,B).call(this,ct,o)}},v=new WeakSet,x=async function(r,o){var p;let a=(p=r.links.find(m=>m.rel==="data"))==null?void 0:p.href;if(!a)throw new Error("No data link found for Harmony job");let c=`${ht}?url=${encodeURIComponent(a)}`,l=await fetch(c,{signal:o,headers:W({},t(this,e).bearerToken?{Authorization:`Bearer ${t(this,e).bearerToken}`}:{})});if(!l.ok)throw new Error(`Failed to fetch subset job data: ${l.statusText}`);return l.blob()},y=new WeakSet,k=function(r){this.blobUrl=r,t(this,e).emit("terra-time-average-map-data-change",{detail:{data:r,variable:t(this,e).catalogVariable,startDate:O(t(this,e).startDate),endDate:O(t(this,e).endDate),location:t(this,e).location,colorMap:t(this,e).colorMapName,harmonyJobId:t(this,e).harmonyJobId}}),t(this,e).updateGeoTIFFLayer(r);let o=t(this,e).harmonyJobId;o&&s(this,L,it).call(this,o).catch(console.error)},L=new WeakSet,it=async function(r,o=1500){await new Promise(c=>setTimeout(c,o));let a=await t(this,e).captureMapThumbnail();a&&await t(this,J).store(r,a)},u=new WeakSet,w=function(r,o){let a=Y(r,o);t(this,e).dispatchEvent(new CustomEvent("terra-time-average-map-error",{detail:a,bubbles:!0,composed:!0}))},S=new WeakSet,B=function(r,o){return new Promise((a,c)=>{if(o.aborted){c(new Error("Aborted"));return}let l=setTimeout(a,r);o.addEventListener("abort",()=>{clearTimeout(l),c(new Error("Aborted"))})})};export{ot as a};

package/dist/chunks/chunk.FV56KCWS.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.K6NGUQFE.js";import*as e from"react";import{createComponent as a}from"@lit/react";var t="terra-progress-bar";r.define("terra-progress-bar");var o=a({tagName:t,elementClass:r,react:e,events:{},displayName:"TerraProgressBar"}),f=o;export{f as a};

package/dist/chunks/chunk.FWV4BQ4W.js

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

package/dist/chunks/chunk.G5V47DTL.js

@@ -0,0 +1 @@
+import{a as r}from"./chunk.K6NGUQFE.js";var t=r;r.define("terra-progress-bar");export{t as a};

package/dist/chunks/chunk.GFLDOB42.js

@@ -0,0 +1,121 @@
+import{a as u}from"./chunk.GXNNVXXJ.js";import{a as d,c as h}from"./chunk.BLIMMPQ7.js";import{e as l}from"./chunk.INFVQQSJ.js";import{property as r,query as f,state as o}from"lit/decorators.js";import{classMap as v}from"lit/directives/class-map.js";import{html as n}from"lit";import{ifDefined as c}from"lit/directives/if-defined.js";var t=class extends h{constructor(){super(...arguments);this.files=[];this.isDragging=!1;this.hasFocus=!1;this.label="Upload";this.helpText="";this.name="";this.multiple=!1;this.disabled=!1;this.required=!1;this.accept="";this.handleDragOver=e=>{this.disabled||(e.preventDefault(),e.stopPropagation(),this.isDragging=!0)};this.handleDragLeave=e=>{this.disabled||(e.preventDefault(),e.stopPropagation(),this.isDragging=!1)};this.handleDrop=e=>{var s;if(this.disabled)return;e.preventDefault(),e.stopPropagation(),this.isDragging=!1;let i=(s=e.dataTransfer)==null?void 0:s.files;i&&i.length>0&&this.handleFiles(Array.from(i))};this.handleFileInputChange=e=>{let i=e.target;i.files&&i.files.length>0&&this.handleFiles(Array.from(i.files))};this.handleClick=()=>{this.disabled||this.fileInput.click()};this.handleChangeFiles=()=>{this.handleClick()};this.handleFocus=()=>{this.hasFocus=!0,this.emit("terra-focus")};this.handleBlur=()=>{this.hasFocus=!1,this.emit("terra-blur")}}connectedCallback(){super.connectedCallback()}firstUpdated(){this.setupDragAndDrop()}disconnectedCallback(){super.disconnectedCallback(),this.cleanupDragAndDrop(),this.files.forEach(e=>{e.preview&&e.preview.startsWith("blob:")&&URL.revokeObjectURL(e.preview)})}setupDragAndDrop(){this.dropzone&&(this.dropzone.addEventListener("dragover",this.handleDragOver),this.dropzone.addEventListener("dragleave",this.handleDragLeave),this.dropzone.addEventListener("drop",this.handleDrop))}cleanupDragAndDrop(){this.dropzone&&(this.dropzone.removeEventListener("dragover",this.handleDragOver),this.dropzone.removeEventListener("dragleave",this.handleDragLeave),this.dropzone.removeEventListener("drop",this.handleDrop))}handleFiles(e){let i=e;if(this.multiple&&this.maxFiles){let a=this.maxFiles-this.files.length;if(a<=0)return;i=i.slice(0,a)}else this.multiple||(i=[i[0]]);this.maxFileSize&&(i=i.filter(a=>a.size<=this.maxFileSize));let s=i.map(a=>{let p=a;return a.type.startsWith("image/")&&(p.preview=URL.createObjectURL(a)),p});this.multiple?this.files=[...this.files,...s]:(this.files.forEach(a=>{a.preview&&a.preview.startsWith("blob:")&&URL.revokeObjectURL(a.preview)}),this.files=s),this.emit("terra-change")}getFiles(){return[...this.files]}clearFiles(){this.files.forEach(e=>{e.preview&&e.preview.startsWith("blob:")&&URL.revokeObjectURL(e.preview)}),this.files=[],this.fileInput&&(this.fileInput.value=""),this.emit("terra-change")}render(){let e=this.files.length>0,i=this.files.length;return n`
+            <div class="file-upload-wrapper">
+                ${this.label?n`
+                          <label for="file-input" class="file-upload__label">
+                              ${this.label}
+                              ${this.required?n`<span class="file-upload__required-indicator"
+                                        >*</span
+                                    >`:""}
+                          </label>
+                      `:""}
+                ${e?n`
+                          <div class="file-upload__preview">
+                              <div class="file-upload__preview-header">
+                                  <strong class="file-upload__file-count"
+                                      >${i}
+                                      ${i===1?"file":"files"}
+                                      selected</strong
+                                  >
+                                  <button
+                                      type="button"
+                                      class="file-upload__change-link"
+                                      @click=${this.handleChangeFiles}
+                                      ?disabled=${this.disabled}
+                                  >
+                                      Change files
+                                  </button>
+                              </div>
+                              <div class="file-upload__file-list">
+                                  ${this.files.map(s=>n`
+                                          <div
+                                              class="file-upload__file-item"
+                                              part="file-item"
+                                          >
+                                              ${s.preview?n`
+                                                        <img
+                                                            part="file-thumbnail"
+                                                            class="file-upload__thumbnail"
+                                                            src=${s.preview}
+                                                            alt=${s.name}
+                                                        />
+                                                    `:n`
+                                                        <div
+                                                            class="file-upload__thumbnail file-upload__thumbnail--placeholder"
+                                                        >
+                                                            <svg
+                                                                width="24"
+                                                                height="24"
+                                                                viewBox="0 0 24 24"
+                                                                fill="none"
+                                                                xmlns="http://www.w3.org/2000/svg"
+                                                            >
+                                                                <path
+                                                                    d="M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2Z"
+                                                                    stroke="currentColor"
+                                                                    stroke-width="2"
+                                                                    stroke-linecap="round"
+                                                                    stroke-linejoin="round"
+                                                                />
+                                                                <path
+                                                                    d="M14 2V8H20"
+                                                                    stroke="currentColor"
+                                                                    stroke-width="2"
+                                                                    stroke-linecap="round"
+                                                                    stroke-linejoin="round"
+                                                                />
+                                                            </svg>
+                                                        </div>
+                                                    `}
+                                              <span
+                                                  part="file-name"
+                                                  class="file-upload__file-name"
+                                                  >${s.name}</span
+                                              >
+                                          </div>
+                                      `)}
+                              </div>
+                          </div>
+                      `:n`
+                          <div
+                              part="dropzone"
+                              class=${v({"file-upload__dropzone":!0,"file-upload__dropzone--dragging":this.isDragging,"file-upload__dropzone--focused":this.hasFocus,"file-upload__dropzone--disabled":this.disabled})}
+                              @click=${this.handleClick}
+                              @keydown=${s=>{(s.key==="Enter"||s.key===" ")&&!this.disabled&&(s.preventDefault(),this.handleClick())}}
+                              @focus=${this.handleFocus}
+                              @blur=${this.handleBlur}
+                              tabindex=${this.disabled?"-1":"0"}
+                              role="button"
+                              aria-label="Upload files"
+                          >
+                              <slot>
+                                  <span class="file-upload__dropzone-text">
+                                      Drag files here or
+                                      <button
+                                          type="button"
+                                          class="file-upload__browse-link"
+                                          @click=${s=>{s.stopPropagation(),this.handleClick()}}
+                                      >
+                                          choose from folder
+                                      </button>
+                                  </span>
+                              </slot>
+                          </div>
+                      `}
+
+                <input
+                    part="file-input"
+                    class="file-upload__input"
+                    id="file-input"
+                    type="file"
+                    name=${c(this.name||void 0)}
+                    ?multiple=${this.multiple}
+                    ?disabled=${this.disabled}
+                    ?required=${this.required}
+                    accept=${c(this.accept||void 0)}
+                    @change=${this.handleFileInputChange}
+                    tabindex="-1"
+                />
+
+                ${this.helpText?n`<div class="file-upload__help-text">${this.helpText}</div>`:""}
+            </div>
+        `}};t.styles=[d,u],l([f(".file-upload__input")],t.prototype,"fileInput",2),l([f(".file-upload__dropzone")],t.prototype,"dropzone",2),l([o()],t.prototype,"files",2),l([o()],t.prototype,"isDragging",2),l([o()],t.prototype,"hasFocus",2),l([r()],t.prototype,"label",2),l([r({attribute:"help-text"})],t.prototype,"helpText",2),l([r()],t.prototype,"name",2),l([r({type:Boolean,reflect:!0})],t.prototype,"multiple",2),l([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),l([r({type:Boolean,reflect:!0})],t.prototype,"required",2),l([r()],t.prototype,"accept",2),l([r({type:Number,attribute:"max-file-size"})],t.prototype,"maxFileSize",2),l([r({type:Number,attribute:"max-files"})],t.prototype,"maxFiles",2);export{t as a};

package/dist/chunks/chunk.GQUYP7LA.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.OVUZQ7A4.js";import*as r from"react";import{createComponent as a}from"@lit/react";var t="terra-card";e.define("terra-card");var o=a({tagName:t,elementClass:e,react:r,events:{},displayName:"TerraCard"}),d=o;export{d as a};

package/dist/chunks/chunk.GRCVGHKV.js

@@ -0,0 +1,6 @@
+import{a as s}from"./chunk.MJFEBDJV.js";import{a as r}from"./chunk.J5Q4TWEG.js";import{a as i,c as o}from"./chunk.BLIMMPQ7.js";import{e}from"./chunk.INFVQQSJ.js";import{classMap as a}from"lit/directives/class-map.js";import{html as p}from"lit";import{property as l}from"lit/decorators.js";var c=0,t=class extends o{constructor(){super(...arguments);this.attrId=++c;this.componentId=`terra-tab-panel-${this.attrId}`;this.name="";this.active=!1}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","tabpanel")}handleActiveChange(){this.setAttribute("aria-hidden",this.active?"false":"true")}render(){return p`
+            <slot
+                part="base"
+                class=${a({"tab-panel":!0,"tab-panel--active":this.active})}
+            ></slot>
+        `}};t.styles=[i,s],e([l({reflect:!0})],t.prototype,"name",2),e([l({type:Boolean,reflect:!0})],t.prototype,"active",2),e([r("active")],t.prototype,"handleActiveChange",1);export{t as a};

package/dist/chunks/chunk.GU22HZ7F.js

@@ -0,0 +1,323 @@
+import{css as r}from"lit";var n=r`
+    :host {
+        display: block;
+    }
+
+    .input-wrapper {
+        width: 100%;
+    }
+
+    .input__label {
+        display: block;
+        font-family: var(--terra-input-label-font-family);
+        font-size: var(--terra-input-label-font-size);
+        font-weight: var(--terra-input-label-line-weight);
+        line-height: var(--terra-input-label-line-height);
+        color: var(--terra-input-label-color);
+    }
+
+    .input__label--hidden {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        padding: 0;
+        margin: -1px;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        white-space: nowrap;
+        border-width: 0;
+    }
+
+    .input__required-indicator {
+        color: var(--terra-input-required-content-color);
+        margin-left: var(--terra-input-required-content-offset);
+    }
+
+    .input {
+        position: relative;
+        display: var(--terra-input-display, flex);
+        align-items: center;
+        width: 100%;
+        background: var(--terra-input-background-default);
+        border-width: var(--terra-input-border-width);
+        border-color: var(--terra-input-border-default);
+        border-style: solid;
+        border-radius: var(--terra-input-border-radius);
+        transition:
+            border-color var(--terra-transition-fast),
+            box-shadow var(--terra-transition-fast);
+    }
+
+    .input:hover:not(.input--disabled) {
+        border-color: var(--terra-input-border-hover);
+    }
+
+    .input--focused:not(.input--disabled) {
+        outline: none;
+        border-color: var(--terra-input-border-focus);
+        box-shadow: 0 0 0 var(--terra-focus-ring-width, 3px)
+            var(--terra-input-border-focus);
+    }
+
+    .input--disabled {
+        background-color: var(--terra-input-background-disabled);
+        border-color: var(--terra-input-border-disabled);
+        cursor: not-allowed;
+    }
+
+    .form-control-input {
+        position: relative;
+    }
+
+    .input__control {
+        flex: 1;
+        width: 100%;
+        padding: var(--terra-input-spacing-medium) var(--terra-input-spacing-medium);
+        background: transparent;
+        border: none;
+        outline: none;
+        box-shadow: none;
+        font-family: var(--terra-input-font-family);
+        font-size: var(--terra-input-font-size);
+        font-weight: var(--terra-input-font-weight);
+        line-height: var(--terra-input-line-height);
+        letter-spacing: var(--terra-input-letter-spacing);
+        color: var(--terra-input-text-default);
+    }
+
+    /* Size variants */
+    .input--small .input__control {
+        padding: var(--terra-input-spacing-x-small) var(--terra-input-spacing-small);
+        font-size: var(--terra-font-size-small);
+    }
+
+    .input--large .input__control {
+        padding: var(--terra-input-spacing-large) var(--terra-input-spacing-large);
+        font-size: var(--terra-font-size-large);
+    }
+
+    /* Filled variant */
+    .input--filled {
+        background: var(--terra-color-carbon-5);
+    }
+
+    .input--filled:hover:not(.input--disabled) {
+        background: var(--terra-color-carbon-10);
+    }
+
+    .input--filled.input--focused:not(.input--disabled) {
+        background: var(--terra-color-carbon-5);
+    }
+
+    /* Pill variant */
+    .input--pill {
+        border-radius: 9999px;
+    }
+
+    /* No spin buttons */
+    .input--no-spin-buttons .input__control[type='number']::-webkit-outer-spin-button,
+    .input--no-spin-buttons
+        .input__control[type='number']::-webkit-inner-spin-button {
+        -webkit-appearance: none;
+        margin: 0;
+    }
+
+    .input--no-spin-buttons .input__control[type='number'] {
+        -moz-appearance: textfield;
+    }
+
+    .input__control::placeholder {
+        color: var(--terra-input-placeholder-default);
+    }
+
+    .input__control:disabled {
+        color: var(--terra-input-text-disabled);
+        cursor: not-allowed;
+    }
+
+    .input__control:disabled::placeholder {
+        color: var(--terra-input-placeholder-disabled);
+    }
+
+    .input__control:hover:not(:disabled) {
+        color: var(--terra-input-text-hover);
+    }
+
+    .input__control:focus:not(:disabled) {
+        color: var(--terra-input-text-focus);
+    }
+
+    .input__control:read-only {
+        cursor: default;
+    }
+
+    /* Hide browser spinners for number inputs */
+    .input__control::-webkit-outer-spin-button,
+    .input__control::-webkit-inner-spin-button {
+        -webkit-appearance: none;
+        margin: 0;
+    }
+
+    .input__control[type='number'] {
+        -moz-appearance: textfield;
+    }
+
+    /* Prefix and Suffix */
+    .input__prefix,
+    .input__suffix {
+        align-items: center;
+        color: var(--terra-input-icon-default);
+        flex-shrink: 0;
+    }
+
+    .input__prefix {
+        display: var(--terra-input-prefix-display, flex);
+        padding-left: var(--terra-input-spacing-medium);
+        gap: var(--terra-spacing-x-small);
+    }
+
+    .input__suffix {
+        display: var(--terra-input-suffix-display, flex);
+        padding-right: var(--terra-input-spacing-medium);
+        gap: var(--terra-spacing-x-small);
+    }
+
+    .input--has-prefix .input__control {
+        padding-left: var(--terra-input-spacing-small);
+    }
+
+    .input--has-suffix .input__control {
+        padding-right: var(--terra-input-spacing-small);
+    }
+
+    .input:hover:not(.input--disabled) .input__prefix,
+    .input:hover:not(.input--disabled) .input__suffix {
+        color: var(--terra-input-icon-hover);
+    }
+
+    .input--focused:not(.input--disabled) .input__prefix,
+    .input--focused:not(.input--disabled) .input__suffix {
+        color: var(--terra-input-icon-focus);
+    }
+
+    .input__clear,
+    .input__reset {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: transparent;
+        border: none;
+        padding: 0;
+        margin: 0;
+        margin-right: var(--terra-input-spacing-medium);
+        cursor: pointer;
+        color: inherit;
+        transition: color var(--terra-transition-fast);
+    }
+
+    .input__clear terra-icon,
+    .input__reset terra-icon {
+        --color: var(--terra-color-carbon-40);
+    }
+
+    .input__clear:hover,
+    .input__reset:hover {
+        color: var(--terra-input-icon-hover);
+    }
+
+    .input__clear:focus-visible,
+    .input__reset:focus-visible {
+        outline: 2px solid var(--terra-input-border-focus);
+        outline-offset: 2px;
+        border-radius: var(--terra-border-radius-small);
+    }
+
+    .input--disabled .input__clear,
+    .input--disabled .input__reset {
+        cursor: not-allowed;
+        opacity: 0.5;
+    }
+
+    /* Password toggle button */
+    .input__password-toggle {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: transparent;
+        border: none;
+        padding: 0;
+        margin: 0;
+        margin-right: var(--terra-input-spacing-medium);
+        cursor: pointer;
+        color: inherit;
+        transition: color var(--terra-transition-fast);
+    }
+
+    .input__password-toggle terra-icon {
+        --color: var(--terra-color-carbon-40);
+    }
+
+    .input__password-toggle:hover {
+        color: var(--terra-input-icon-color-hover);
+    }
+
+    .input__password-toggle:focus-visible {
+        outline: 2px solid var(--terra-input-border-color-focus);
+        outline-offset: 2px;
+        border-radius: var(--terra-border-radius-small);
+    }
+
+    .input--disabled .input__password-toggle {
+        cursor: not-allowed;
+        opacity: 0.5;
+    }
+
+    /* Error State - using data attributes from FormControlController */
+    :host([data-user-invalid]) .input {
+        background: var(--terra-input-background-error);
+        border-color: var(--terra-input-border-error);
+    }
+
+    :host([data-user-invalid]) .input:hover:not(.input--disabled) {
+        background: var(--terra-input-background-error);
+        border-color: var(--terra-input-border-error);
+    }
+
+    :host([data-user-invalid]) .input.input--focused:not(.input--disabled) {
+        background: var(--terra-input-background-error);
+        border-color: var(--terra-input-border-error);
+        box-shadow: 0 0 0 var(--terra-focus-ring-width, 3px)
+            var(--terra-color-nasa-red-tint);
+    }
+
+    /* Error Text */
+    .form-control__error-text {
+        display: none;
+        color: var(--terra-color-nasa-red-shade);
+        font-size: var(--terra-font-size-small);
+        margin-top: var(--terra-spacing-3x-small);
+    }
+
+    .form-control--has-error-text .form-control__error-text {
+        display: block;
+    }
+
+    /* Hide help text when error is shown */
+    .form-control--has-error-text .form-control__help-text {
+        display: none;
+    }
+
+    /* Error label color */
+    :host([data-user-invalid]) .input__label {
+        color: var(--terra-color-nasa-red-shade);
+    }
+
+    /* Form control size variants */
+    .form-control--small .input__label {
+        font-size: var(--terra-font-size-small);
+    }
+
+    .form-control--large .input__label {
+        font-size: var(--terra-font-size-large);
+    }
+`;export{n as a};

package/dist/chunks/chunk.HPAZBPEI.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk.5KV52GCL.js";import*as t from"react";import{createComponent as r}from"@lit/react";import"@lit/react";var a="terra-tabs";e.define("terra-tabs");var o=r({tagName:a,elementClass:e,react:t,events:{onTerraTabShow:"terra-tab-show",onTerraTabHide:"terra-tab-hide"},displayName:"TerraTabs"}),b=o;export{b as a};