@nasa-terra/components 0.0.52 → 0.0.54

package/dist/chunks/{chunk.O5JIPX5F.js → chunk.XDOWEUX7.js}

@@ -2,32 +2,38 @@ import {
   DB_NAME,
   TimeSeriesController,
   getDataByKey
-} from "./chunk.LPSLYYX7.js";
+} from "./chunk.U6R27WNU.js";
 import {
   time_series_styles_default
 } from "./chunk.K2IRF2QI.js";
 import {
   TerraPlot
-} from "./chunk.QAXYS5OA.js";
+} from "./chunk.Q24S6SO4.js";
 import {
   TerraLoader
-} from "./chunk.EXZP753L.js";
+} from "./chunk.5XYM225J.js";
+import {
+  TerraButton
+} from "./chunk.JGD6YWMX.js";
+import {
+  GiovanniVariableCatalog
+} from "./chunk.HFD6TPE6.js";
+import {
+  formatDate
+} from "./chunk.KMN7L6QZ.js";
 import {
   TerraIcon
-} from "./chunk.H55GDBVS.js";
+} from "./chunk.FQNMT3RC.js";
 import {
-  TerraButton
-} from "./chunk.LNC5EYCJ.js";
+  TerraAlert
+} from "./chunk.VQG6E5PN.js";
 import {
   watch
 } from "./chunk.SK7IZCKP.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.5LNGPR44.js";
-import {
-  GiovanniVariableCatalog
-} from "./chunk.TFI3UXXB.js";
+} from "./chunk.Y4EIAFP6.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -42,7 +48,7 @@ import { downloadImage } from "plotly.js-dist-min";
 import { html } from "lit";
 import { property, query, state } from "lit/decorators.js";
 import { Task, TaskStatus } from "@lit/task";
-var _timeSeriesController, _catalog, _fetchVariableTask, _confirmDataPointWarning, confirmDataPointWarning_fn, _cancelDataPointWarning, cancelDataPointWarning_fn, _abortDataLoad, abortDataLoad_fn, _downloadCSV, downloadCSV_fn, _convertToCSV, convertToCSV_fn, _downloadPNG, downloadPNG_fn, _handleActiveMenuItem, handleActiveMenuItem_fn, _handleComponentLeave, handleComponentLeave_fn, _handleMenuLeave, handleMenuLeave_fn, _getVariableEntryId, getVariableEntryId_fn, _getYAxisLabel, getYAxisLabel_fn, _renderInfoPanel, renderInfoPanel_fn, _renderDownloadPanel, renderDownloadPanel_fn, _renderHelpPanel, renderHelpPanel_fn, _renderJupyterNotebookPanel, renderJupyterNotebookPanel_fn, _handleJupyterNotebookClick, handleJupyterNotebookClick_fn;
+var _timeSeriesController, _catalog, _fetchVariableTask, _handleQuotaError, _confirmDataPointWarning, confirmDataPointWarning_fn, _cancelDataPointWarning, cancelDataPointWarning_fn, _abortDataLoad, abortDataLoad_fn, _downloadCSV, downloadCSV_fn, _convertToCSV, convertToCSV_fn, _downloadPNG, downloadPNG_fn, _handleActiveMenuItem, handleActiveMenuItem_fn, _handleComponentLeave, handleComponentLeave_fn, _handleMenuLeave, handleMenuLeave_fn, _getVariableEntryId, getVariableEntryId_fn, _getYAxisLabel, getYAxisLabel_fn, _renderInfoPanel, renderInfoPanel_fn, _renderDownloadPanel, renderDownloadPanel_fn, _renderHelpPanel, renderHelpPanel_fn, _renderJupyterNotebookPanel, renderJupyterNotebookPanel_fn, _handleJupyterNotebookClick, handleJupyterNotebookClick_fn, _handlePlotRelayout, handlePlotRelayout_fn;
 var TerraTimeSeries = class extends TerraElement {
   constructor() {
     super(...arguments);
@@ -65,7 +71,9 @@ var TerraTimeSeries = class extends TerraElement {
     __privateAdd(this, _renderHelpPanel);
     __privateAdd(this, _renderJupyterNotebookPanel);
     __privateAdd(this, _handleJupyterNotebookClick);
+    __privateAdd(this, _handlePlotRelayout);
     __privateAdd(this, _timeSeriesController, void 0);
+    this.quotaExceededOpen = false;
     this.showDataPointWarning = false;
     this.estimatedDataPoints = 0;
     this.activeMenuItem = null;
@@ -92,6 +100,12 @@ var TerraTimeSeries = class extends TerraElement {
       },
       args: () => [this.variableEntryId, this.collection, this.variable]
     }));
+    __privateAdd(this, _handleQuotaError, (event) => {
+      const { status } = event.detail;
+      if (status === 429) {
+        this.quotaExceededOpen = true;
+      }
+    });
   }
   handleFocus(_oldValue, newValue) {
     if (newValue === null) {
@@ -101,6 +115,10 @@ var TerraTimeSeries = class extends TerraElement {
   }
   connectedCallback() {
     super.connectedCallback();
+    this.addEventListener(
+      "terra-time-series-error",
+      __privateGet(this, _handleQuotaError)
+    );
     __privateSet(this, _timeSeriesController, new TimeSeriesController(this, this.bearerToken));
     if (!document.getElementById("terra-jupyterlite-warmup-iframe")) {
       const iframe = document.createElement("iframe");
@@ -112,10 +130,38 @@ var TerraTimeSeries = class extends TerraElement {
       document.body.appendChild(iframe);
     }
   }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.removeEventListener(
+      "terra-time-series-error",
+      __privateGet(this, _handleQuotaError)
+    );
+  }
   render() {
     var _a, _b;
     return html`
             <div class="plot-container" @mouseleave=${__privateMethod(this, _handleComponentLeave, handleComponentLeave_fn)}>
+                ${this.quotaExceededOpen ? html`
+                          <terra-alert
+                              variant="warning"
+                              duration="10000"
+                              open=${this.quotaExceededOpen}
+                              closable
+                              @terra-after-hide=${() => this.quotaExceededOpen = false}
+                          >
+                              <terra-icon
+                                  slot="icon"
+                                  name="outline-exclamation-triangle"
+                                  library="heroicons"
+                              ></terra-icon>
+                              You've exceeded your request quota. Please
+                              <a
+                                  href="https://disc.gsfc.nasa.gov/information/documents?title=Contact%20Us"
+                                  >contact the help desk</a
+                              >
+                              for further assistance.
+                          </terra-alert>
+                      ` : ""}
                 ${cache(
       this.catalogVariable ? html`
                               <header>
@@ -257,7 +303,11 @@ var TerraTimeSeries = class extends TerraElement {
       xaxis: {
         title: "Time",
         showgrid: false,
-        zeroline: false
+        zeroline: false,
+        range: (
+          // manually set the range as we may adjust it when we fetch new data as a user pans/zooms the plot
+          this.startDate && this.endDate ? [this.startDate, this.endDate] : void 0
+        )
       },
       yaxis: {
         title: __privateMethod(this, _getYAxisLabel, getYAxisLabel_fn).call(this),
@@ -273,6 +323,7 @@ var TerraTimeSeries = class extends TerraElement {
       modeBarButtonsToRemove: ["toImage", "zoom2d", "resetScale2d"],
       responsive: true
     }}
+                    @terra-plot-relayout=${__privateMethod(this, _handlePlotRelayout, handlePlotRelayout_fn)}
                 ></terra-plot>
             </div>
 
@@ -321,6 +372,7 @@ var TerraTimeSeries = class extends TerraElement {
 _timeSeriesController = new WeakMap();
 _catalog = new WeakMap();
 _fetchVariableTask = new WeakMap();
+_handleQuotaError = new WeakMap();
 _confirmDataPointWarning = new WeakSet();
 confirmDataPointWarning_fn = function() {
   __privateGet(this, _timeSeriesController).confirmDataPointWarning();
@@ -602,12 +654,37 @@ timeseries`,
     }, 500);
   });
 };
+_handlePlotRelayout = new WeakSet();
+handlePlotRelayout_fn = function(e) {
+  let changed = false;
+  if (e.detail.xAxisMin) {
+    this.startDate = formatDate(e.detail.xAxisMin);
+    changed = true;
+  }
+  if (e.detail.xAxisMax) {
+    this.endDate = formatDate(e.detail.xAxisMax);
+    changed = true;
+  }
+  if (changed) {
+    this.dispatchEvent(
+      new CustomEvent("terra-date-range-change", {
+        detail: {
+          startDate: this.startDate,
+          endDate: this.endDate
+        },
+        bubbles: true,
+        composed: true
+      })
+    );
+  }
+};
 TerraTimeSeries.styles = [component_styles_default, time_series_styles_default];
 TerraTimeSeries.dependencies = {
   "terra-plot": TerraPlot,
   "terra-loader": TerraLoader,
   "terra-icon": TerraIcon,
-  "terra-button": TerraButton
+  "terra-button": TerraButton,
+  "terra-alert": TerraAlert
 };
 __decorateClass([
   property({ attribute: "variable-entry-id", reflect: true })
@@ -647,6 +724,9 @@ __decorateClass([
 __decorateClass([
   state()
 ], TerraTimeSeries.prototype, "catalogVariable", 2);
+__decorateClass([
+  state()
+], TerraTimeSeries.prototype, "quotaExceededOpen", 2);
 __decorateClass([
   state()
 ], TerraTimeSeries.prototype, "showDataPointWarning", 2);

package/dist/chunks/{chunk.U5ORWUDI.js → chunk.XHQSQS6B.js}

@@ -1,6 +1,6 @@
 import {
   TerraDateRangeSlider
-} from "./chunk.AONG4JL6.js";
+} from "./chunk.4ZVV7AJM.js";
 
 // src/components/date-range-slider/date-range-slider.ts
 var date_range_slider_default = TerraDateRangeSlider;

package/dist/chunks/{chunk.NFHX7J4A.js → chunk.XL5DK5OZ.js}

@@ -1,28 +1,28 @@
 import {
   TerraVariableCombobox
-} from "./chunk.RHT75OOW.js";
-import {
-  TerraSpatialPicker
-} from "./chunk.RPLQHZS6.js";
+} from "./chunk.JPOLIW2G.js";
 import {
   TerraTimeSeries
-} from "./chunk.O5JIPX5F.js";
+} from "./chunk.XDOWEUX7.js";
 import {
-  TerraDateRangeSlider
-} from "./chunk.AONG4JL6.js";
+  TerraSpatialPicker
+} from "./chunk.7XDBDSRE.js";
 import {
   data_rods_styles_default
 } from "./chunk.DLDCSRJP.js";
 import {
-  TerraElement,
-  component_styles_default
-} from "./chunk.5LNGPR44.js";
+  TerraDateRangeSlider
+} from "./chunk.4ZVV7AJM.js";
 import {
   GiovanniVariableCatalog
-} from "./chunk.TFI3UXXB.js";
+} from "./chunk.HFD6TPE6.js";
 import {
   getUTCDate
-} from "./chunk.7JBFBZ5C.js";
+} from "./chunk.KMN7L6QZ.js";
+import {
+  TerraElement,
+  component_styles_default
+} from "./chunk.Y4EIAFP6.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -34,7 +34,7 @@ import {
 import { property, state } from "lit/decorators.js";
 import { html } from "lit";
 import { Task } from "@lit/task";
-var _catalog, _fetchVariableTask, _getVariableEntryId, getVariableEntryId_fn, _handleDateRangeSliderChangeEvent, handleDateRangeSliderChangeEvent_fn, _handleVariableChange, handleVariableChange_fn, _handleMapChange, handleMapChange_fn;
+var _catalog, _fetchVariableTask, _getVariableEntryId, getVariableEntryId_fn, _handleDateRangeSliderChangeEvent, handleDateRangeSliderChangeEvent_fn, _handleVariableChange, handleVariableChange_fn, _handleMapChange, handleMapChange_fn, _handleTimeSeriesDateRangeChange, handleTimeSeriesDateRangeChange_fn;
 var TerraDataRods = class extends TerraElement {
   constructor() {
     super(...arguments);
@@ -45,6 +45,7 @@ var TerraDataRods = class extends TerraElement {
     __privateAdd(this, _handleDateRangeSliderChangeEvent);
     __privateAdd(this, _handleVariableChange);
     __privateAdd(this, _handleMapChange);
+    __privateAdd(this, _handleTimeSeriesDateRangeChange);
     __privateAdd(this, _catalog, new GiovanniVariableCatalog());
     // @ts-expect-error
     __privateAdd(this, _fetchVariableTask, new Task(this, {
@@ -95,6 +96,7 @@ var TerraDataRods = class extends TerraElement {
                 end-date=${this.endDate}
                 location=${this.location}
                 bearer-token=${this.bearerToken}
+                @terra-date-range-change=${__privateMethod(this, _handleTimeSeriesDateRangeChange, handleTimeSeriesDateRangeChange_fn)}
             ></terra-time-series>
 
             <terra-date-range-slider
@@ -135,6 +137,11 @@ handleMapChange_fn = function(event) {
     this.location = `${latLng.lat.toFixed(4)},${latLng.lng.toFixed(4)}`;
   }
 };
+_handleTimeSeriesDateRangeChange = new WeakSet();
+handleTimeSeriesDateRangeChange_fn = function(event) {
+  this.startDate = event.detail.startDate;
+  this.endDate = event.detail.endDate;
+};
 TerraDataRods.styles = [component_styles_default, data_rods_styles_default];
 TerraDataRods.dependencies = {
   "terra-time-series": TerraTimeSeries,

package/dist/chunks/{chunk.5LNGPR44.js → chunk.Y4EIAFP6.js}

@@ -360,7 +360,7 @@ var TerraElement = class extends LitElement {
 };
 /* eslint-disable */
 // @ts-expect-error This is auto-injected at build time.
-TerraElement.version = "0.0.52";
+TerraElement.version = "0.0.54";
 TerraElement.dependencies = {};
 __decorateClass([
   property()

package/dist/chunks/{chunk.WMLL6DYO.js → chunk.YFJDAQ3G.js}

@@ -1,6 +1,6 @@
 import {
   TerraTimeSeries
-} from "./chunk.O5JIPX5F.js";
+} from "./chunk.XDOWEUX7.js";
 
 // src/react/time-series/index.ts
 import * as React from "react";
@@ -13,6 +13,7 @@ var reactWrapper = createComponent({
   elementClass: TerraTimeSeries,
   react: React,
   events: {
+    onTerraDateRangeChange: "terra-date-range-change",
     onTerraTimeSeriesDataChange: "terra-time-series-data-change"
   },
   displayName: "TerraTimeSeries"

package/dist/chunks/{chunk.34UGHNQ2.js → chunk.YHIGQ7X6.js}

@@ -1,10 +1,13 @@
 import {
   date_picker_styles_default
-} from "./chunk.5W3SNZBC.js";
+} from "./chunk.TQWLVZHQ.js";
+import {
+  TerraButton
+} from "./chunk.JGD6YWMX.js";
 import {
   TerraElement,
   component_styles_default
-} from "./chunk.5LNGPR44.js";
+} from "./chunk.Y4EIAFP6.js";
 import {
   __decorateClass
 } from "./chunk.TVFCHGU3.js";
@@ -33,6 +36,9 @@ var TerraDatePicker = class extends TerraElement {
   }
   firstUpdated() {
     this.flatpickrElement.addEventListener("change", this.handleChange.bind(this));
+    setTimeout(() => {
+      this.flatpickrElement.shadowRoot.querySelector("input").addEventListener("blur", this.handleBlur.bind(this));
+    }, 250);
   }
   handleChange(selectedDates) {
     var _a, _b;
@@ -42,6 +48,9 @@ var TerraDatePicker = class extends TerraElement {
     };
     this.emit("terra-change");
   }
+  handleBlur() {
+    this.handleChange(this.flatpickrElement._instance.selectedDates);
+  }
   render() {
     return html`
             <div class="date-picker">
@@ -59,7 +68,7 @@ var TerraDatePicker = class extends TerraElement {
                         .maxDate=${this.maxDate}
                         .defaultDate=${this.range ? [this.startDate, this.endDate].filter(
       Boolean
-    ) : this.startDate}
+    ) : this.defaultDate}
                         .allowInput=${this.allowInput}
                         .altFormat=${this.altFormat}
                         .altInput=${this.altInput}
@@ -74,10 +83,12 @@ var TerraDatePicker = class extends TerraElement {
                         theme="material_blue"
                         .onChange="${this.handleChange.bind(this)}"
                     ></lit-flatpickr>
-                    <button
+                    <terra-button
+                        shape="square-left"
+                        size="medium"
                         class="date-picker__input_icon_button"
-                        type="button"
                         @click=${() => this.flatpickrElement.open()}
+                        type="button"
                     >
                         <svg
                             xmlns="http://www.w3.org/2000/svg"
@@ -93,13 +104,16 @@ var TerraDatePicker = class extends TerraElement {
                                 d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5"
                             />
                         </svg>
-                    </button>
+                    </terra-button>
                 </div>
             </div>
         `;
   }
 };
 TerraDatePicker.styles = [component_styles_default, date_picker_styles_default];
+TerraDatePicker.dependencies = {
+  "terra-button": TerraButton
+};
 __decorateClass([
   property()
 ], TerraDatePicker.prototype, "id", 2);
@@ -118,6 +132,9 @@ __decorateClass([
 __decorateClass([
   property({ attribute: "end-date" })
 ], TerraDatePicker.prototype, "endDate", 2);
+__decorateClass([
+  property({ attribute: "default-date" })
+], TerraDatePicker.prototype, "defaultDate", 2);
 __decorateClass([
   property({ type: Boolean, attribute: "allow-input" })
 ], TerraDatePicker.prototype, "allowInput", 2);

package/dist/chunks/chunk.YSWVZ2QE.js

@@ -0,0 +1,27 @@
+import {
+  TerraAlert
+} from "./chunk.VQG6E5PN.js";
+
+// src/react/alert/index.ts
+import * as React from "react";
+import { createComponent } from "@lit/react";
+import "@lit/react";
+var tagName = "terra-alert";
+TerraAlert.define("terra-alert");
+var reactWrapper = createComponent({
+  tagName,
+  elementClass: TerraAlert,
+  react: React,
+  events: {
+    onTerraShow: "terra-show",
+    onTerraAfterShow: "terra-after-show",
+    onTerraHide: "terra-hide",
+    onTerraAfterHide: "terra-after-hide"
+  },
+  displayName: "TerraAlert"
+});
+var alert_default = reactWrapper;
+
+export {
+  alert_default
+};

package/dist/chunks/{chunk.UTDJAXDL.js → chunk.YT7LBV5I.js}

@@ -1,6 +1,6 @@
 import {
   TerraVariableCombobox
-} from "./chunk.RHT75OOW.js";
+} from "./chunk.JPOLIW2G.js";
 
 // src/components/variable-combobox/variable-combobox.ts
 var variable_combobox_default = TerraVariableCombobox;

package/dist/chunks/chunk.Z3GLEDYM.js

@@ -0,0 +1,58 @@
+// src/components/accordion/accordion.styles.ts
+import { css } from "lit";
+var accordion_styles_default = css`
+    :host {
+        display: block;
+    }
+
+    .accordion {
+        background: #fff;
+        margin-bottom: 1rem;
+        border: 1px solid rgb(222, 226, 230);
+        border-radius: 6px;
+        background: white;
+        overflow: hidden;
+    }
+
+    .accordion-summary {
+        background: #f8f9fa;
+        padding: 12px 15px;
+        border-bottom: 1px solid #dee2e6;
+        font-size: 0.95rem;
+        font-weight: 500;
+        color: #374151;
+        cursor: pointer;
+        outline: none;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 1rem;
+        transition: background-color 0.2s;
+    }
+
+    .accordion-summary:hover {
+        background: #e9ecef;
+    }
+
+    .accordion-summary-right {
+        display: flex;
+        align-items: flex-end;
+        gap: 10px;
+    }
+
+    .accordion-summary terra-icon {
+        transition: transform 0.2s ease;
+    }
+
+    :host([open]) .accordion-summary terra-icon {
+        transform: rotate(180deg);
+    }
+
+    .accordion-content {
+        padding: 1rem;
+    }
+`;
+
+export {
+  accordion_styles_default
+};

package/{cdn/chunks/chunk.L5N5757Y.js → dist/chunks/chunk.ZSRW7SY2.js}

@@ -1,6 +1,6 @@
 import {
   TerraSkeleton
-} from "./chunk.TEUZXQBU.js";
+} from "./chunk.NETZ6TSP.js";
 
 // src/react/skeleton/index.ts
 import * as React from "react";

package/dist/components/accordion/accordion.component.d.ts

@@ -0,0 +1,35 @@
+import TerraElement from '../../internal/terra-element.js';
+import type { CSSResultGroup } from 'lit';
+import TerraIcon from '../icon/icon.component.js';
+/**
+ * @summary A collapsible content panel for showing and hiding content.
+ * @documentation https://disc.gsfc.nasa.gov/components/accordion
+ * @status experimental
+ * @since 1.0
+ *
+ * The TerraAccordion component provides a simple, accessible way to show and hide content. It uses native <details> and <summary> elements for built-in accessibility and keyboard support. The summary/header can be set via the `summary` property for simple text, or via a named `summary` slot for custom content (such as icons or rich HTML). The open state can be controlled with the `open` property, which is reflected as an attribute.
+ *
+ * @slot - The default slot for accordion content.
+ * @slot summary - The summary/header for the accordion (optional, overrides summary property)
+ *
+ * @property {string} summary - The summary/header for the accordion. Use the property for simple text, or the slot for custom content.
+ * @property {boolean} open - Whether the accordion is open or not. This property is reflected as an attribute and can be controlled programmatically or by user interaction.
+ *
+ * @dependency terra-icon
+ */
+export default class TerraAccordion extends TerraElement {
+    static styles: CSSResultGroup;
+    static dependencies: {
+        'terra-icon': typeof TerraIcon;
+    };
+    /**
+     * The summary/header for the accordion. You can either set this property for a simple string summary,
+     * or provide a <span slot="summary">...</span> for more advanced content (e.g., rich HTML, icons).
+     */
+    summary?: string;
+    /** whether the accordion is open or not */
+    open: boolean;
+    showArrow: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+    private handleToggle;
+}

package/dist/components/accordion/accordion.component.js

@@ -0,0 +1,16 @@
+import {
+  TerraAccordion
+} from "../../chunks/chunk.VGZJOJYI.js";
+import "../../chunks/chunk.FQNMT3RC.js";
+import "../../chunks/chunk.7VUSSQRI.js";
+import "../../chunks/chunk.UA5HHAYZ.js";
+import "../../chunks/chunk.UOCDT7HQ.js";
+import "../../chunks/chunk.UCNEPIMI.js";
+import "../../chunks/chunk.NQKBKXPW.js";
+import "../../chunks/chunk.Z3GLEDYM.js";
+import "../../chunks/chunk.SK7IZCKP.js";
+import "../../chunks/chunk.Y4EIAFP6.js";
+import "../../chunks/chunk.TVFCHGU3.js";
+export {
+  TerraAccordion as default
+};

package/dist/components/accordion/accordion.d.ts

@@ -0,0 +1,8 @@
+import TerraAccordion from './accordion.component.js';
+export * from './accordion.component.js';
+export default TerraAccordion;
+declare global {
+    interface HTMLElementTagNameMap {
+        'terra-accordion': TerraAccordion;
+    }
+}

package/dist/components/accordion/accordion.js

@@ -0,0 +1,17 @@
+import {
+  accordion_default
+} from "../../chunks/chunk.DUGD5OIQ.js";
+import "../../chunks/chunk.VGZJOJYI.js";
+import "../../chunks/chunk.FQNMT3RC.js";
+import "../../chunks/chunk.7VUSSQRI.js";
+import "../../chunks/chunk.UA5HHAYZ.js";
+import "../../chunks/chunk.UOCDT7HQ.js";
+import "../../chunks/chunk.UCNEPIMI.js";
+import "../../chunks/chunk.NQKBKXPW.js";
+import "../../chunks/chunk.Z3GLEDYM.js";
+import "../../chunks/chunk.SK7IZCKP.js";
+import "../../chunks/chunk.Y4EIAFP6.js";
+import "../../chunks/chunk.TVFCHGU3.js";
+export {
+  accordion_default as default
+};

package/dist/components/accordion/accordion.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/components/accordion/accordion.styles.js

@@ -0,0 +1,7 @@
+import {
+  accordion_styles_default
+} from "../../chunks/chunk.Z3GLEDYM.js";
+import "../../chunks/chunk.TVFCHGU3.js";
+export {
+  accordion_styles_default as default
+};

package/dist/components/alert/alert.component.d.ts

@@ -0,0 +1,73 @@
+import TerraElement from '../../internal/terra-element.js';
+import type { CSSResultGroup } from 'lit';
+/**
+ * @summary Alerts are used to display important messages inline or as toast notifications.
+ * @documentation https://shoelace.style/components/alert
+ * @status stable
+ * @since 2.0
+ *
+ * @slot - The alert's main content.
+ *
+ * @event terra-show - Emitted when the alert opens.
+ * @event terra-after-show - Emitted after the alert opens and all animations are complete.
+ * @event terra-hide - Emitted when the alert closes.
+ * @event terra-after-hide - Emitted after the alert closes and all animations are complete.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart icon - The container that wraps the optional icon.
+ * @csspart message - The container that wraps the alert's main content.
+ *
+ * @animation alert.show - The animation to use when showing the alert.
+ * @animation alert.hide - The animation to use when hiding the alert.
+ */
+export default class TerraAlert extends TerraElement {
+    static styles: CSSResultGroup;
+    private autoHideTimeout;
+    private remainingTimeInterval;
+    private countdownAnimation?;
+    private readonly hasSlotController;
+    private static currentToastStack;
+    private static get toastStack();
+    base: HTMLElement;
+    countdownElement: HTMLElement;
+    /**
+     * Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can
+     * use the `show()` and `hide()` methods and this attribute will reflect the alert's open state.
+     */
+    open: boolean;
+    /** Enables a close button that allows the user to dismiss the alert. */
+    closable: boolean;
+    /** The alert's theme variant. */
+    variant: 'primary' | 'success' | 'neutral' | 'warning' | 'danger';
+    /**
+     * The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with
+     * the alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning
+     * the alert will not close on its own.
+     */
+    duration: number;
+    /**
+     * Enables a countdown that indicates the remaining time the alert will be displayed.
+     * Typically used to indicate the remaining time before a whole app refresh.
+     */
+    countdown?: 'rtl' | 'ltr';
+    private remainingTime;
+    firstUpdated(): void;
+    private restartAutoHide;
+    private pauseAutoHide;
+    private resumeAutoHide;
+    private handleCountdownChange;
+    private handleCloseClick;
+    handleOpenChange(): Promise<void>;
+    handleDurationChange(): void;
+    /** Shows the alert. */
+    show(): Promise<void>;
+    /** Hides the alert */
+    hide(): Promise<void>;
+    /**
+     * Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when
+     * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by
+     * calling this method again. The returned promise will resolve after the alert is hidden.
+     */
+    toast(): Promise<void>;
+    render(): import("lit-html").TemplateResult<1>;
+}