@sondor-technology/sondor-components 1.0.4 → 1.0.6

package/dist/components/form/form.js

@@ -15,12 +15,26 @@ let StForm = class StForm extends LitElement {
         this.error = "";
         this._currentStepIndex = 0;
         this._modalFooterEl = null;
+        this._modalBackBtn = null;
+        this._modalSubmitBtn = null;
+        this._handleGlobalKeyDown = (e) => {
+            if (e.key === "Enter") {
+                const target = e.target;
+                // Allow multi-line typing in textareas
+                if (target.tagName !== "TEXTAREA" && target.tagName !== "ST-TEXTAREA") {
+                    e.preventDefault();
+                    this._triggerSubmission();
+                }
+            }
+        };
     }
     get _steps() {
         return Array.from(this.querySelectorAll("st-form-step"));
     }
     connectedCallback() {
         super.connectedCallback();
+        // Catch Enter key from Light DOM slotted elements
+        this.addEventListener("keydown", this._handleGlobalKeyDown);
         this.updateComplete.then(() => {
             this._updateStepVisibility();
             this._updateModalFooter();
@@ -28,6 +42,7 @@ let StForm = class StForm extends LitElement {
     }
     disconnectedCallback() {
         super.disconnectedCallback();
+        this.removeEventListener("keydown", this._handleGlobalKeyDown);
         if (this._modalFooterEl) {
             this._modalFooterEl.remove();
             this._modalFooterEl = null;
@@ -39,50 +54,60 @@ let StForm = class StForm extends LitElement {
     }
     _updateModalFooter() {
         const modal = this.closest("st-modal");
-        if (modal) {
-            if (!this._modalFooterEl) {
-                this._modalFooterEl = document.createElement("div");
-                this._modalFooterEl.setAttribute("slot", "footer");
-                this._modalFooterEl.style.display = "flex";
-                this._modalFooterEl.style.gap = "var(--st-spacing-md)";
-                this._modalFooterEl.style.width = "100%";
-                this._modalFooterEl.style.justifyContent = "flex-end";
-                this._modalFooterEl.style.alignItems = "center";
-                modal.appendChild(this._modalFooterEl);
+        if (!modal) {
+            if (this._modalFooterEl) {
+                this._modalFooterEl.remove();
+                this._modalFooterEl = null;
             }
-            const steps = this._steps;
-            const hasSteps = steps.length > 0;
-            const isLastStep = hasSteps ? this._currentStepIndex === steps.length - 1 : true;
-            // Imperative DOM management prevents event listener loss and re-rendering conflicts
-            this._modalFooterEl.innerHTML = "";
-            if (hasSteps && this._currentStepIndex > 0) {
-                const backBtn = document.createElement("st-button");
-                backBtn.setAttribute("variant", "secondary");
-                backBtn.setAttribute("type", "button");
-                if (this.loading)
-                    backBtn.setAttribute("disabled", "");
-                backBtn.textContent = "Back";
-                backBtn.addEventListener("click", (e) => {
-                    e.preventDefault();
-                    this._prevStep();
-                });
-                this._modalFooterEl.appendChild(backBtn);
-            }
-            const submitBtn = document.createElement("st-button");
-            submitBtn.setAttribute("color", "primary");
-            submitBtn.setAttribute("type", "button");
-            if (this.loading)
-                submitBtn.setAttribute("disabled", "");
-            submitBtn.textContent = this.loading ? "Submitting..." : (isLastStep ? "Submit" : "Continue");
-            submitBtn.addEventListener("click", (e) => {
+            return;
+        }
+        // Create the footer wrapper only once to prevent memory leaks
+        if (!this._modalFooterEl) {
+            this._modalFooterEl = document.createElement("div");
+            this._modalFooterEl.setAttribute("slot", "footer");
+            this._modalFooterEl.style.display = "flex";
+            this._modalFooterEl.style.gap = "var(--st-spacing-md)";
+            this._modalFooterEl.style.width = "100%";
+            this._modalFooterEl.style.justifyContent = "flex-end";
+            this._modalFooterEl.style.alignItems = "center";
+            this._modalBackBtn = document.createElement("st-button");
+            this._modalBackBtn.setAttribute("variant", "secondary");
+            this._modalBackBtn.addEventListener("click", (e) => {
+                e.preventDefault();
+                this._prevStep();
+            });
+            this._modalSubmitBtn = document.createElement("st-button");
+            this._modalSubmitBtn.setAttribute("color", "primary");
+            this._modalSubmitBtn.addEventListener("click", (e) => {
                 e.preventDefault();
                 this._triggerSubmission();
             });
-            this._modalFooterEl.appendChild(submitBtn);
+            this._modalFooterEl.appendChild(this._modalBackBtn);
+            this._modalFooterEl.appendChild(this._modalSubmitBtn);
+            modal.appendChild(this._modalFooterEl);
         }
-        else if (this._modalFooterEl) {
-            this._modalFooterEl.remove();
-            this._modalFooterEl = null;
+        const steps = this._steps;
+        const hasSteps = steps.length > 0;
+        const isLastStep = hasSteps ? this._currentStepIndex === steps.length - 1 : true;
+        // Mutate existing elements instead of trashing the DOM
+        if (this._modalBackBtn) {
+            this._modalBackBtn.style.display = hasSteps && this._currentStepIndex > 0 ? "block" : "none";
+            if (this.loading)
+                this._modalBackBtn.setAttribute("disabled", "");
+            else
+                this._modalBackBtn.removeAttribute("disabled");
+            this._modalBackBtn.textContent = "Back";
+        }
+        if (this._modalSubmitBtn) {
+            if (this.loading)
+                this._modalSubmitBtn.setAttribute("disabled", "");
+            else
+                this._modalSubmitBtn.removeAttribute("disabled");
+            this._modalSubmitBtn.textContent = this.loading
+                ? "Submitting..."
+                : isLastStep
+                    ? "Submit"
+                    : "Continue";
         }
     }
     _handleSlotChange() {
@@ -98,9 +123,7 @@ let StForm = class StForm extends LitElement {
     }
     async _validateCurrentContext() {
         const steps = this._steps;
-        const scope = steps.length > 0
-            ? steps[this._currentStepIndex]
-            : this;
+        const scope = steps.length > 0 ? steps[this._currentStepIndex] : this;
         let isValid = true;
         const inputs = Array.from(scope.querySelectorAll("st-input, st-select, st-textarea, st-checkbox, st-radio, input, select, textarea"));
         for (const input of inputs) {
@@ -133,10 +156,10 @@ let StForm = class StForm extends LitElement {
                 isValid = false;
             }
         }
-        if (steps.length === 0 && this._formEl) {
-            if (!this._formEl.checkValidity()) {
+        // If there are no custom steps, ensure the native form validates as a fallback
+        if (steps.length === 0 && this._formEl && typeof this._formEl.checkValidity === "function") {
+            if (!this._formEl.checkValidity())
                 isValid = false;
-            }
         }
         if (isValid && steps.length > 0) {
             const currentStep = steps[this._currentStepIndex];
@@ -144,9 +167,8 @@ let StForm = class StForm extends LitElement {
                 try {
                     this.loading = true;
                     const stepPassed = await currentStep.validate();
-                    if (!stepPassed) {
+                    if (!stepPassed)
                         isValid = false;
-                    }
                 }
                 catch {
                     isValid = false;
@@ -230,31 +252,36 @@ let StForm = class StForm extends LitElement {
             : ""}
         ${hasSteps
             ? html `
-              <div class="progress-nav" role="tablist">
-                ${steps.map((step, index) => {
+              <!-- Accessibility: Refactored to a semantic ordered list -->
+              <nav class="progress-nav" aria-label="Progress">
+                <ol class="step-list">
+                  ${steps.map((step, index) => {
                 const isActive = index === this._currentStepIndex;
                 const isCompleted = index < this._currentStepIndex;
                 return html `
-                    <div
-                      class="step-indicator ${isActive ? "active" : ""} ${isCompleted
+                      <li
+                        class="step-indicator ${isActive ? "active" : ""} ${isCompleted
                     ? "completed"
                     : ""}"
-                      role="tab"
-                      aria-selected=${isActive}
-                    >
-                      <div class="step-circle">
-                        ${isCompleted
+                        aria-current=${isActive ? "step" : "false"}
+                      >
+                        <div class="step-circle">
+                          ${isCompleted
                     ? html `<st-icon name="check-circle" size="sm"></st-icon>`
                     : html `${index + 1}`}
-                      </div>
-                      <span>${step.title || `Step ${index + 1}`}</span>
-                    </div>
-                    ${index < steps.length - 1
-                    ? html ` <div class="step-connector ${isCompleted ? "completed" : ""}"></div> `
+                        </div>
+                        <span>${step.title || `Step ${index + 1}`}</span>
+                      </li>
+                      ${index < steps.length - 1
+                    ? html `<li
+                            class="step-connector ${isCompleted ? "completed" : ""}"
+                            aria-hidden="true"
+                          ></li>`
                     : ""}
-                  `;
+                    `;
             })}
-              </div>
+                </ol>
+              </nav>
             `
             : ""}
         ${this.error
@@ -284,14 +311,19 @@ let StForm = class StForm extends LitElement {
                         </st-button>
                       `
                 : ""}
-
                   <st-button
                     color="primary"
                     type="button"
                     @click=${this._triggerSubmission}
                     ?disabled=${this.loading}
                   >
-                    ${this.loading ? "Submitting..." : hasSteps && this._currentStepIndex === steps.length - 1 ? "Submit" : hasSteps ? "Continue" : "Submit"}
+                    ${this.loading
+                ? "Submitting..."
+                : hasSteps && this._currentStepIndex === steps.length - 1
+                    ? "Submit"
+                    : hasSteps
+                        ? "Continue"
+                        : "Submit"}
                   </st-button>
                 </div>
               `
@@ -335,15 +367,22 @@ StForm.styles = [
         flex-direction: column;
       }
 
+      /* Accessibility: Reset lists for the nav */
       .progress-nav {
-        display: flex;
-        align-items: center;
         margin-bottom: var(--st-spacing-xl);
         padding-bottom: var(--st-spacing-md);
         overflow-x: auto;
         scrollbar-width: none;
       }
 
+      .step-list {
+        display: flex;
+        align-items: center;
+        list-style: none;
+        padding: 0;
+        margin: 0;
+      }
+
       .step-indicator {
         display: flex;
         align-items: center;
@@ -454,3 +493,4 @@ StForm = __decorate([
     customElement("st-form")
 ], StForm);
 export { StForm };
+//# sourceMappingURL=form.js.map

package/dist/components/form/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../src/components/form/form.ts"],"names":[],"mappings":"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"}

package/dist/components/grid/grid-row.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { LitElement, PropertyValues } from "lit";
 export declare class StGridRow extends LitElement {
     xs: number;
     sm?: number;
@@ -6,12 +6,12 @@ export declare class StGridRow extends LitElement {
     lg?: number;
     xl?: number;
     static styles: import("lit").CSSResult[];
-    updated(changedProperties: Map<string, any>): void;
+    updated(changedProperties: PropertyValues<this>): void;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'st-grid-row': StGridRow;
+        "st-grid-row": StGridRow;
     }
 }
 //# sourceMappingURL=grid-row.d.ts.map

package/dist/components/grid/grid-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid-row.d.ts","sourceRoot":"","sources":["../../../src/components/grid/grid-row.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,qBACa,SAAU,SAAQ,UAAU;IACX,EAAE,SAAK;IACP,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IAExC,MAAM,CAAC,MAAM,4BAkCX;IAEF,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,QAgB1C;IAED,MAAM,yCAEL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,SAAS,CAAC;KAC1B;CACF"}
+{"version":3,"file":"grid-row.d.ts","sourceRoot":"","sources":["../../../src/components/grid/grid-row.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAa,cAAc,EAAC,MAAM,KAAK,CAAC;AAI1D,qBACa,SAAU,SAAQ,UAAU;IACb,EAAE,SAAK;IACP,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IAEtC,MAAM,CAAC,MAAM,4BA+CX;IAEF,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,QAgB9C;IAED,MAAM,yCAEL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,SAAS,CAAC;KAC1B;CACF"}

package/dist/components/grid/grid-row.js

@@ -4,9 +4,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { LitElement, html, css } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { resetStyles } from '../../styles/reset.js';
+import { LitElement, html, css } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { resetStyles } from "../../styles/reset.js";
 let StGridRow = class StGridRow extends LitElement {
     constructor() {
         super(...arguments);
@@ -14,23 +14,23 @@ let StGridRow = class StGridRow extends LitElement {
     }
     updated(changedProperties) {
         super.updated(changedProperties);
-        this.style.setProperty('--grid-xs', this.xs.toString());
+        this.style.setProperty("--grid-xs", this.xs.toString());
         if (this.sm !== undefined)
-            this.style.setProperty('--grid-sm', this.sm.toString());
+            this.style.setProperty("--grid-sm", this.sm.toString());
         else
-            this.style.removeProperty('--grid-sm');
+            this.style.removeProperty("--grid-sm");
         if (this.md !== undefined)
-            this.style.setProperty('--grid-md', this.md.toString());
+            this.style.setProperty("--grid-md", this.md.toString());
         else
-            this.style.removeProperty('--grid-md');
+            this.style.removeProperty("--grid-md");
         if (this.lg !== undefined)
-            this.style.setProperty('--grid-lg', this.lg.toString());
+            this.style.setProperty("--grid-lg", this.lg.toString());
         else
-            this.style.removeProperty('--grid-lg');
+            this.style.removeProperty("--grid-lg");
         if (this.xl !== undefined)
-            this.style.setProperty('--grid-xl', this.xl.toString());
+            this.style.setProperty("--grid-xl", this.xl.toString());
         else
-            this.style.removeProperty('--grid-xl');
+            this.style.removeProperty("--grid-xl");
     }
     render() {
         return html `<slot></slot>`;
@@ -48,28 +48,41 @@ StGridRow.styles = [
       }
 
       /* Mobile First (xs) */
-      :host { --_cols: var(--grid-xs, 1); }
+      :host {
+        --_cols: var(--grid-xs, 1);
+      }
 
       /* Small (sm: >= 640px) */
       @media (min-width: 640px) {
-        :host { --_cols: var(--grid-sm, var(--grid-xs, 1)); }
+        :host {
+          --_cols: var(--grid-sm, var(--grid-xs, 1));
+        }
       }
-      
+
       /* Medium (md: >= 768px) */
       @media (min-width: 768px) {
-        :host { --_cols: var(--grid-md, var(--grid-sm, var(--grid-xs, 1))); }
+        :host {
+          --_cols: var(--grid-md, var(--grid-sm, var(--grid-xs, 1)));
+        }
       }
-      
+
       /* Large (lg: >= 1024px) */
       @media (min-width: 1024px) {
-        :host { --_cols: var(--grid-lg, var(--grid-md, var(--grid-sm, var(--grid-xs, 1)))); }
+        :host {
+          --_cols: var(--grid-lg, var(--grid-md, var(--grid-sm, var(--grid-xs, 1))));
+        }
       }
-      
+
       /* Extra Large (xl: >= 1280px) */
       @media (min-width: 1280px) {
-        :host { --_cols: var(--grid-xl, var(--grid-lg, var(--grid-md, var(--grid-sm, var(--grid-xs, 1))))); }
+        :host {
+          --_cols: var(
+            --grid-xl,
+            var(--grid-lg, var(--grid-md, var(--grid-sm, var(--grid-xs, 1))))
+          );
+        }
       }
-    `
+    `,
 ];
 __decorate([
     property({ type: Number })
@@ -87,6 +100,7 @@ __decorate([
     property({ type: Number })
 ], StGridRow.prototype, "xl", void 0);
 StGridRow = __decorate([
-    customElement('st-grid-row')
+    customElement("st-grid-row")
 ], StGridRow);
 export { StGridRow };
+//# sourceMappingURL=grid-row.js.map

package/dist/components/grid/grid-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-row.js","sourceRoot":"","sources":["../../../src/components/grid/grid-row.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,UAAU,EAAE,IAAI,EAAE,GAAG,EAAiB,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAC,WAAW,EAAC,MAAM,uBAAuB,CAAC;AAG3C,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QACqB,OAAE,GAAG,CAAC,CAAC;IA4EnC,CAAC;IArBC,OAAO,CAAC,iBAAuC;QAC7C,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QAEjC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;QAExD,IAAI,IAAI,CAAC,EAAE,KAAK,SAAS;YAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;;YAC9E,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;QAE5C,IAAI,IAAI,CAAC,EAAE,KAAK,SAAS;YAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;;YAC9E,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;QAE5C,IAAI,IAAI,CAAC,EAAE,KAAK,SAAS;YAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;;YAC9E,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;QAE5C,IAAI,IAAI,CAAC,EAAE,KAAK,SAAS;YAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;;YAC9E,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAC9C,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;CACF,CAAA;AAtEQ,gBAAM,GAAG;IACd,WAAW;IACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4CF;CACF,AA/CY,CA+CX;AArDwB;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;qCAAQ;AACP;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;qCAAa;AACZ;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;qCAAa;AACZ;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;qCAAa;AACZ;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;qCAAa;AAL3B,SAAS;IADrB,aAAa,CAAC,aAAa,CAAC;GAChB,SAAS,CA6ErB"}

package/dist/components/grid/grid.d.ts

@@ -1,8 +1,8 @@
-import { LitElement } from 'lit';
+import { LitElement, PropertyValues } from 'lit';
 export declare class StGrid extends LitElement {
     gap: string;
     static styles: import("lit").CSSResult[];
-    updated(changedProperties: Map<string, any>): void;
+    updated(changedProperties: PropertyValues<this>): void;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/components/grid/grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/components/grid/grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,qBACa,MAAO,SAAQ,UAAU;IAER,GAAG,SAA0B;IAEzD,MAAM,CAAC,MAAM,4BAUX;IAEF,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,QAI1C;IAED,MAAM,yCAEL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/components/grid/grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAI5D,qBACa,MAAO,SAAQ,UAAU;IAER,GAAG,SAA0B;IAEzD,MAAM,CAAC,MAAM,4BAUX;IAEF,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,QAO9C;IAED,MAAM,yCAEL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/components/grid/grid.js

@@ -15,8 +15,10 @@ let StGrid = class StGrid extends LitElement {
     }
     updated(changedProperties) {
         super.updated(changedProperties);
-        // This CSS variable will automatically cascade down the DOM tree
-        this.style.setProperty('--grid-gap', this.gap);
+        // Performance optimization: Only touch the DOM if the gap property actually changed
+        if (changedProperties.has('gap')) {
+            this.style.setProperty('--grid-gap', this.gap);
+        }
     }
     render() {
         return html `<slot></slot>`;
@@ -40,3 +42,4 @@ StGrid = __decorate([
     customElement('st-grid')
 ], StGrid);
 export { StGrid };
+//# sourceMappingURL=grid.js.map

package/dist/components/grid/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../../src/components/grid/grid.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAkB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAG7C,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU;IAA/B;;QACL,0BAA0B;QACE,QAAG,GAAG,sBAAsB,CAAC;IA0B3D,CAAC;IAZC,OAAO,CAAC,iBAAuC;QAC7C,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QAEjC,oFAAoF;QACpF,IAAI,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;YACjC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;QACjD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;CACF,CAAA;AAxBQ,aAAM,GAAG;IACd,WAAW;IACX,GAAG,CAAA;;;;;;;KAOF;CACF,AAVY,CAUX;AAZ0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mCAA8B;AAF9C,MAAM;IADlB,aAAa,CAAC,SAAS,CAAC;GACZ,MAAM,CA4BlB"}

package/dist/components/icon/icon-paths.js

@@ -135,3 +135,4 @@ export const iconPaths = {
         solid: svg `<path fill="currentColor" fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm3.36 6.64a1 1 0 0 1 0 1.41L13.41 12l1.95 1.95a1 1 0 0 1-1.41 1.41L12 13.41l-1.95 1.95a1 1 0 0 1-1.41-1.41L10.59 12 8.64 10.05a1 1 0 0 1 1.41-1.41L12 10.59l1.95-1.95a1 1 0 0 1 1.41 0z" clip-rule="evenodd"></path>`,
     },
 };
+//# sourceMappingURL=icon-paths.js.map

package/dist/components/icon/icon-paths.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-paths.js","sourceRoot":"","sources":["../../../src/components/icon/icon-paths.ts"],"names":[],"mappings":"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"}

package/dist/components/icon/icon.js

@@ -93,3 +93,4 @@ StIcon = __decorate([
     customElement('st-icon')
 ], StIcon);
 export { StIcon };
+//# sourceMappingURL=icon.js.map

package/dist/components/icon/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAY,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAK7C,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU;IAA/B;;QACuB,SAAI,GAAsB,EAAE,CAAC;QAC7B,YAAO,GAAgB,SAAS,CAAC;QAE7D,kBAAkB;QACyB,UAAK,GAAmF,SAAS,CAAC;QAE7I,6BAA6B;QACc,SAAI,GAA8B,IAAI,CAAC;IA8DpF,CAAC;IApBC,MAAM;QACJ,MAAM,QAAQ,GAAI,SAAiC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/D,IAAI,CAAC,QAAQ;YAAE,OAAO,IAAI,CAAA,EAAE,CAAC;QAE7B,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,QAAQ,CAAC,OAAO,CAAC;QAE5D,OAAO,IAAI,CAAA;;;;gBAIC,IAAI,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM;kBAChD,IAAI,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM;wBAC9C,IAAI,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;;;;UAIpD,QAAQ;;KAEb,CAAC;IACJ,CAAC;CACF,CAAA;AA5DQ,aAAM,GAAG;IACd,WAAW;IACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmCF;CACF,AAtCY,CAsCX;AA/C0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCAA8B;AAC7B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCAAkC;AAGlB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCAAmG;AAGlG;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oCAAwC;AARvE,MAAM;IADlB,aAAa,CAAC,SAAS,CAAC;GACZ,MAAM,CAsElB"}

package/dist/components/input/input.d.ts

@@ -2,6 +2,14 @@ import { LitElement, PropertyValues } from "lit";
 export type InputType = "text" | "password" | "email" | "number" | "search" | "url";
 export declare class StInput extends LitElement {
     static formAssociated: boolean;
+    static shadowRootOptions: {
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry | null;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+        delegatesFocus: boolean;
+    };
     private _internals;
     private _inputEl;
     name: string;
@@ -10,6 +18,7 @@ export declare class StInput extends LitElement {
     placeholder: string;
     type: InputType;
     helpText: string;
+    autocomplete?: string;
     required: boolean;
     minlength?: number;
     maxlength?: number;
@@ -28,4 +37,9 @@ export declare class StInput extends LitElement {
     private _handleChange;
     render(): import("lit-html").TemplateResult<1>;
 }
+declare global {
+    interface HTMLElementTagNameMap {
+        "st-input": StInput;
+    }
+}
 //# sourceMappingURL=input.d.ts.map

package/dist/components/input/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAa,cAAc,EAAC,MAAM,KAAK,CAAC;AAK1D,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEpF,qBACa,OAAQ,SAAQ,UAAU;IACrC,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,UAAU,CAAmB;IAErB,OAAO,CAAC,QAAQ,CAAoB;IACX,IAAI,SAAM;IACzB,KAAK,SAAM;IACX,KAAK,SAAM;IACX,WAAW,SAAM;IACjB,IAAI,EAAE,SAAS,CAAU;IACf,QAAQ,SAAM;IAGR,QAAQ,UAAS;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IAED,QAAQ,UAAS;IACjB,OAAO,UAAS;IAChB,QAAQ,UAAS;IAE3D,cAaC;IAED,MAAM,CAAC,MAAM,4BAmHX;IAEO,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,QAUvD;IAED,OAAO,CAAC,aAAa;IAWrB,iBAAiB,SAKhB;IAGD,aAAa,YAEZ;IAED,cAAc,YAEb;IAED,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,aAAa;IAIrB,MAAM,yCA8BL;CACF"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAa,cAAc,EAAC,MAAM,KAAK,CAAC;AAK1D,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEpF,qBACa,OAAQ,SAAQ,UAAU;IACrC,MAAM,CAAC,cAAc,UAAQ;IAC7B,MAAM,CAAC,iBAAiB;;;;;;;MAA2D;IACnF,OAAO,CAAC,UAAU,CAAmB;IAErB,OAAO,CAAC,QAAQ,CAAoB;IACX,IAAI,SAAM;IACzB,KAAK,SAAM;IACX,KAAK,SAAM;IACX,WAAW,SAAM;IACjB,IAAI,EAAE,SAAS,CAAU;IACf,QAAQ,SAAM;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IAER,QAAQ,UAAS;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IAED,QAAQ,UAAS;IACjB,OAAO,UAAS;IAChB,QAAQ,UAAS;IAE3D,cAWC;IAED,MAAM,CAAC,MAAM,4BAmGX;IAEO,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,QAOvD;IAED,OAAO,CAAC,aAAa;IASrB,iBAAiB,SAIhB;IAED,aAAa,YAEZ;IAED,cAAc,YAEb;IAED,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,aAAa;IAIvB,MAAM,yCA4CH;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}