@nasa-terra/components 0.0.188 → 0.0.191

package/dist/chunks/chunk.QENRMOND.js

@@ -1,100 +0,0 @@
-import{a as R}from"./chunk.7W27XF6C.js";import{a as J}from"./chunk.OGB74DMG.js";import{a as L}from"./chunk.QVROOS6R.js";import{a as $}from"./chunk.VT3U2SB7.js";import{g as I}from"./chunk.GE7UDDDW.js";import{a as w}from"./chunk.QDFHF7LY.js";import{a as k}from"./chunk.BF5VMLO3.js";import{a as E}from"./chunk.LC4WH54W.js";import{a as b,b as C}from"./chunk.EBSZILKQ.js";import{e as o,g as c,i as n}from"./chunk.INFVQQSJ.js";import{property as y,query as S,state as u}from"lit/decorators.js";import{html as a,nothing as A}from"lit";var p,q,m,N,g,D,h,v,r=class extends w(C){constructor(){super(...arguments);c(this,p);c(this,m);c(this,g);c(this,h);this.label="History";this.alwaysShow=!0;this.collapsed=!0;this.hideCancelled=!0;this.jobsQuery=new k(this,()=>I({page:1},{bearerToken:this.bearerToken}));this._authController=new $(this)}toggleCollapsed(){this.collapsed=!this.collapsed}render(){var e;let s=(e=this.jobsQuery.result)==null?void 0:e.data,i=s&&s.jobs.length>0;return i?a`
-            <div class="${this.collapsed?"collapsed":""}">
-                <div class="history-header" @click=${this.toggleCollapsed}>
-                    <span>${this.label}</span>
-                </div>
-
-                <div class="history-panel">
-                    ${i?a`
-                              <div class="history-link-row">
-                                  <label>
-                                      <input
-                                          type="checkbox"
-                                          .checked=${this.hideCancelled}
-                                          @change=${t=>{this.hideCancelled=t.target.checked}}
-                                      />
-                                      Hide Cancelled
-                                  </label>
-
-                                  <a
-                                      href="https://harmony.earthdata.nasa.gov/workflow-ui"
-                                      target="_blank"
-                                      rel="noopener noreferrer"
-                                      class="history-link"
-                                  >
-                                      View all
-                                      <terra-icon
-                                          name="outline-arrow-top-right-on-square"
-                                          library="heroicons"
-                                          size="32px"
-                                      ></terra-icon>
-                                  </a>
-                              </div>
-                          `:A}
-
-                    <div class="history-list">
-                        ${s?i?n(this,p,q).call(this,s):a`<div class="history-alert-message">
-                                      You haven't made any requests yet.<br />
-                                      Get started by
-                                      <a
-                                          href="#"
-                                          class="history-alert-link"
-                                          @click=${t=>{var l;t.preventDefault(),this.selectedJob=void 0,this.selectedCollectionEntryId=void 0,(l=this.dialog)==null||l.show()}}
-                                      >
-                                          creating your first request!</a
-                                      >.
-                                  </div>`:a`<div class="history-alert-message">
-                                  Retrieving your requests....
-                              </div>`}
-                    </div>
-                </div>
-            </div>
-
-            <terra-data-subsetter
-                .jobId=${this.selectedJob}
-                .collectionEntryId=${this.selectedCollectionEntryId}
-                .bearerToken=${this.bearerToken}
-                is-history-view
-                dialog="history-dialog"
-                part="subsetter"
-            ></terra-data-subsetter>
-        `:A}};p=new WeakSet,q=function(s){let i=s.jobs.slice().filter(e=>this.hideCancelled?e.status!=="canceled":!0).sort((e,t)=>new Date(t.createdAt).getTime()-new Date(e.createdAt).getTime());return i.length?i.map(e=>{let t="#0066cc";e.status==="successful"||e.status==="complete_with_errors"||e.status==="running_with_errors"?t="#28a745":e.status==="failed"?t="#dc3545":e.status==="canceled"&&(t="#ffc107");let l=e.status==="failed"||e.status==="canceled"?e.status:`${e.progress}%`,d=e.status==="failed"||e.status==="canceled"?100:e.progress,f=n(this,h,v).call(this,e.labels||[]);return a`
-                <div
-                    class="history-item"
-                    @click=${n(this,g,D).bind(this,e)}
-                >
-                    <div class="item-header">
-                        <div class="item-title">
-                            ${n(this,m,N).call(this,e,f)}
-                        </div>
-                    </div>
-
-                    <div class="progress-bar">
-                        <div
-                            class="progress-fill"
-                            style="width: ${d}%; background-color: ${t}"
-                        >
-                            ${l}
-                        </div>
-                    </div>
-                </div>
-            `}):a`
-                <div class="history-alert-message">
-                    There are no active requests to show.<br />
-                    If you'd like, you can
-                    <a
-                        href="#"
-                        class="history-alert-link"
-                        @click=${e=>{var t;e.preventDefault(),this.selectedJob=void 0,this.selectedCollectionEntryId=void 0,(t=this.dialog)==null||t.show()}}
-                    >
-                        create a new request.</a
-                    >
-                </div>
-            `},m=new WeakSet,N=function(s,i){var e;return a`
-            <div class="subsetter-history-item">
-                <div class="history-item-title">
-                    ${(e=i["collection-entry-id"])!=null?e:s.jobID}
-                </div>
-                <div>${new Date(s.createdAt).toLocaleString()}</div>
-            </div>
-        `},g=new WeakSet,D=function(s){var e;let i=n(this,h,v).call(this,s.labels||[]);this.selectedJob=s.jobID,this.selectedCollectionEntryId=i["collection-entry-id"],(e=this.subsetter)==null||e.showDialog()},h=new WeakSet,v=function(s){try{return Object.fromEntries(s.map(i=>{let[e,...t]=i.split(":"),l=t.join(":").trim(),d=l;if(l.startsWith("{")||l.startsWith("["))try{d=JSON.parse(l)}catch(f){d=l}return[e.trim(),d]}))}catch(i){return{}}},r.dependencies={"terra-icon":E,"terra-data-subsetter":J,"terra-dialog":L},r.styles=[b,R],o([y()],r.prototype,"label",2),o([y({attribute:"bearer-token"})],r.prototype,"bearerToken",2),o([y({attribute:"always-show",type:Boolean})],r.prototype,"alwaysShow",2),o([u()],r.prototype,"collapsed",2),o([u()],r.prototype,"selectedJob",2),o([u()],r.prototype,"selectedCollectionEntryId",2),o([u()],r.prototype,"hideCancelled",2),o([S('[part~="dialog"]')],r.prototype,"dialog",2),o([S('[part~="subsetter"]')],r.prototype,"subsetter",2);export{r as a};

package/dist/chunks/chunk.QJUTOVXW.js

@@ -1 +0,0 @@
-import{a as r}from"./chunk.QYVYWRMS.js";var b=r;r.define("terra-breadcrumbs");export{b as a};

package/dist/chunks/chunk.QOERGWMD.js

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

package/dist/chunks/chunk.QRY75K47.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.HVAJUDUH.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var o="terra-login";e.define("terra-login");var n=t({tagName:o,elementClass:e,react:r,events:{onTerraLogin:"terra-login"},displayName:"TerraLogin"}),g=n;export{g as a};

package/dist/chunks/chunk.QVROOS6R.js

@@ -1,62 +0,0 @@
-import{a as y,b as v}from"./chunk.77X2UDZ7.js";import{a as O}from"./chunk.YZOJBYJJ.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.ZORILGBU.js";import{a as M}from"./chunk.LC4WH54W.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.EBSZILKQ.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.QX3BPH3M.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.H736IF6K.js";import*as r from"react";import{createComponent as t}from"@lit/react";import"@lit/react";var n="terra-radio";e.define("terra-radio");var a=t({tagName:n,elementClass:e,react:r,events:{onTerraBlur:"terra-blur",onTerraChange:"terra-change",onTerraFocus:"terra-focus",onTerraInput:"terra-input",onTerraInvalid:"terra-invalid"},displayName:"TerraRadio"}),E=a;export{E as a};

package/dist/chunks/chunk.QYVYWRMS.js

@@ -1,5 +0,0 @@
-import{a as r}from"./chunk.H2ISCJTL.js";import{a as l,b as o}from"./chunk.EBSZILKQ.js";import{e}from"./chunk.INFVQQSJ.js";import{property as a}from"lit/decorators.js";import{html as i}from"lit";var t=class extends o{constructor(){super(...arguments);this.ariaLabel="Breadcrumb";this.theme="light"}render(){return i`
-            <nav part="base nav" class="breadcrumbs" aria-label=${this.ariaLabel}>
-                <slot></slot>
-            </nav>
-        `}};t.styles=[l,r],e([a({attribute:"aria-label"})],t.prototype,"ariaLabel",2),e([a({reflect:!0})],t.prototype,"theme",2);export{t as a};

package/dist/chunks/chunk.QYYTBGFQ.js

@@ -1,11 +0,0 @@
-import{a as i}from"./chunk.KVCUA7LO.js";import{a as e,b as a}from"./chunk.EBSZILKQ.js";import{e as s}from"./chunk.INFVQQSJ.js";import{property as r}from"lit/decorators.js";import{html as o}from"lit";import{classMap as l}from"lit/directives/class-map.js";var t=class extends a{constructor(){super(...arguments);this.variant="active";this.dark=!1}render(){return o`
-            <div
-                part="base"
-                class="${l({"status-indicator":!0,"status-indicator--active":this.variant==="active","status-indicator--completed":this.variant==="completed","status-indicator--testing":this.variant==="testing","status-indicator--future":this.variant==="future"})}"
-            >
-                <span part="dot" class="status-indicator__dot"></span>
-                <span part="label" class="status-indicator__label">
-                    <slot></slot>
-                </span>
-            </div>
-        `}};t.styles=[e,i],s([r({reflect:!0})],t.prototype,"variant",2),s([r({type:Boolean,reflect:!0})],t.prototype,"dark",2);export{t as a};

package/dist/chunks/chunk.QZWCO7EF.js

@@ -1,321 +0,0 @@
-import{css as r}from"lit";var n=r`
-    :host {
-        display: block;
-    }
-
-    .input-wrapper {
-        width: 100%;
-    }
-
-    .input__label {
-        display: block;
-        margin: 0 0 var(--terra-spacing-x-small, 0.5rem) 0;
-        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-color);
-        border-width: var(--terra-input-border-width);
-        border-color: var(--terra-input-border-color);
-        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-color-hover);
-    }
-
-    .input--focused:not(.input--disabled) {
-        outline: none;
-        border-color: var(--terra-input-border-color-focus);
-        box-shadow: 0 0 0 var(--terra-focus-ring-width, 3px)
-            var(--terra-input-focus-ring-color);
-    }
-
-    .input--disabled {
-        background-color: var(--terra-input-background-color-disabled);
-        border-color: var(--terra-input-border-color-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-color);
-    }
-
-    /* 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-color);
-    }
-
-    .input__control:disabled {
-        color: var(--terra-input-color-disabled);
-        cursor: not-allowed;
-    }
-
-    .input__control:disabled::placeholder {
-        color: var(--terra-input-placeholder-color-disabled);
-    }
-
-    .input__control:hover:not(:disabled) {
-        color: var(--terra-input-color-hover);
-    }
-
-    .input__control:focus:not(:disabled) {
-        color: var(--terra-input-color-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-color);
-        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-color-hover);
-    }
-
-    .input--focused:not(.input--disabled) .input__prefix,
-    .input--focused:not(.input--disabled) .input__suffix {
-        color: var(--terra-input-icon-color-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-color-hover);
-    }
-
-    .input__clear:focus-visible,
-    .input__reset:focus-visible {
-        outline: 2px solid var(--terra-input-border-color-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 {
-        border-color: var(--terra-color-nasa-red);
-    }
-
-    :host([data-user-invalid]) .input:hover:not(.input--disabled) {
-        border-color: var(--terra-color-nasa-red-shade);
-    }
-
-    :host([data-user-invalid]) .input.input--focused:not(.input--disabled) {
-        border-color: var(--terra-color-nasa-red);
-        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};