@sondor-technology/sondor-components 1.0.1-develop.10 → 1.0.1-develop.12

package/dist/components/button-group/button-group.d.ts

@@ -3,4 +3,9 @@ export declare class StButtonGroup extends LitElement {
     static styles: import("lit").CSSResult[];
     render(): import("lit-html").TemplateResult<1>;
 }
+declare global {
+    interface HTMLElementTagNameMap {
+        "st-button-group": StButtonGroup;
+    }
+}
 //# sourceMappingURL=button-group.d.ts.map

package/dist/components/button-group/button-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../../src/components/button-group/button-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAI1C,qBACa,aAAc,SAAQ,UAAU;IAC3C,MAAM,CAAC,MAAM,4BAmDX;IAEF,MAAM,yCAML;CACF"}
+{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../../src/components/button-group/button-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAI1C,qBACa,aAAc,SAAQ,UAAU;IAC3C,MAAM,CAAC,MAAM,4BAmDX;IAEF,MAAM,yCAML;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}

package/dist/components/code-block/code-block.d.ts

@@ -17,4 +17,9 @@ export declare class StCodeBlock extends LitElement {
     private _copyToClipboard;
     render(): import("lit-html").TemplateResult<1>;
 }
+declare global {
+    interface HTMLElementTagNameMap {
+        "st-code-block": StCodeBlock;
+    }
+}
 //# sourceMappingURL=code-block.d.ts.map

package/dist/components/code-block/code-block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/code-block.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAM5C,OAAO,wCAAwC,CAAC;AAChD,OAAO,wCAAwC,CAAC;AAChD,OAAO,iCAAiC,CAAC;AACzC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,oCAAoC,CAAC;AAS5C,qBACa,WAAY,SAAQ,UAAU;IAEb,QAAQ,SAAgB;IAE3C,OAAO,CAAC,SAAS,CAAqB;IACtC,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,OAAO,CAAS;IAEN,OAAO,CAAC,KAAK,CAAmB;IAE3D,MAAM,CAAC,MAAM,4BAyHX;IAEF,OAAO,CAAC,iBAAiB;IAkCzB,OAAO,CAAC,OAAO;YAaD,gBAAgB;IAc9B,MAAM,yCAwCL;CACF"}
+{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/code-block.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAM5C,OAAO,wCAAwC,CAAC;AAChD,OAAO,wCAAwC,CAAC;AAChD,OAAO,iCAAiC,CAAC;AACzC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,oCAAoC,CAAC;AAS5C,qBACa,WAAY,SAAQ,UAAU;IAEb,QAAQ,SAAgB;IAE3C,OAAO,CAAC,SAAS,CAAqB;IACtC,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,OAAO,CAAS;IAEN,OAAO,CAAC,KAAK,CAAmB;IAE3D,MAAM,CAAC,MAAM,4BAyHX;IAEF,OAAO,CAAC,iBAAiB;IAkCzB,OAAO,CAAC,OAAO;YAaD,gBAAgB;IAc9B,MAAM,yCAwCL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}

package/dist/components/form/form-step.d.ts

@@ -2,6 +2,7 @@ import { LitElement } from "lit";
 export declare class StFormStep extends LitElement {
     title: string;
     active: boolean;
+    validate?: () => Promise<boolean> | boolean;
     static styles: import("lit").CSSResult[];
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/components/form/form-step.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-step.d.ts","sourceRoot":"","sources":["../../../src/components/form/form-step.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAI1C,qBACa,UAAW,SAAQ,UAAU;IACd,KAAK,SAAM;IACK,MAAM,UAAS;IAEzD,MAAM,CAAC,MAAM,4BAWX;IAEF,MAAM,yCAEL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}
+{"version":3,"file":"form-step.d.ts","sourceRoot":"","sources":["../../../src/components/form/form-step.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAI1C,qBACa,UAAW,SAAQ,UAAU;IACd,KAAK,SAAM;IACK,MAAM,UAAS;IAIzD,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;IAE5C,MAAM,CAAC,MAAM,4BAWX;IAEF,MAAM,yCAEL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}

package/dist/components/form/form-step.js

@@ -35,6 +35,9 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], StFormStep.prototype, "active", void 0);
+__decorate([
+    property({ attribute: false })
+], StFormStep.prototype, "validate", void 0);
 StFormStep = __decorate([
     customElement("st-form-step")
 ], StFormStep);

package/dist/components/form/form.d.ts

@@ -1,13 +1,18 @@
-import { LitElement } from "lit";
+import { LitElement, PropertyValues } from "lit";
 export type FormLayout = "vertical" | "horizontal" | "inline";
 export declare class StForm extends LitElement {
     layout: FormLayout;
     loading: boolean;
     error: string;
     private _currentStepIndex;
-    private _stepElements;
     private _formEl;
+    private _modalFooterEl;
+    private get _steps();
     static styles: import("lit").CSSResult[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changedProperties: PropertyValues<this>): void;
+    private _updateModalFooter;
     private _handleSlotChange;
     private _updateStepVisibility;
     private _validateCurrentContext;

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

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/components/form/form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAK1C,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,YAAY,GAAG,QAAQ,CAAC;AAE9D,qBACa,MAAO,SAAQ,UAAU;IACK,MAAM,EAAE,UAAU,CAAc;IAC/B,OAAO,UAAS;IAChC,KAAK,SAAM;IAE5B,OAAO,CAAC,iBAAiB,CAAK;IAGvC,OAAO,CAAC,aAAa,CAAgB;IAEtB,OAAO,CAAC,OAAO,CAAmB;IAEjD,MAAM,CAAC,MAAM,4BAqIX;IAEF,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,qBAAqB;YAOf,uBAAuB;IAuDrC,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,gBAAgB;YAkCV,aAAa;IA4B3B,MAAM,yCAiFL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/components/form/form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAa,cAAc,EAAC,MAAM,KAAK,CAAC;AAK1D,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,YAAY,GAAG,QAAQ,CAAC;AAE9D,qBACa,MAAO,SAAQ,UAAU;IACK,MAAM,EAAE,UAAU,CAAc;IAC/B,OAAO,UAAS;IAChC,KAAK,SAAM;IAE5B,OAAO,CAAC,iBAAiB,CAAK;IAExB,OAAO,CAAC,OAAO,CAAmB;IAEjD,OAAO,CAAC,cAAc,CAA4B;IAElD,OAAO,KAAK,MAAM,GAEjB;IAED,MAAM,CAAC,MAAM,4BAqIX;IAEO,iBAAiB,SAMzB;IAEQ,oBAAoB,SAM5B;IAEQ,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,QAGvD;IAED,OAAO,CAAC,kBAAkB;IAmD1B,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,qBAAqB;YAQf,uBAAuB;IAiFrC,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,gBAAgB;YAkCV,aAAa;IA6B3B,MAAM,yCAsFL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/components/form/form.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { LitElement, html, css } from "lit";
-import { customElement, property, state, queryAssignedElements, query } from "lit/decorators.js";
+import { customElement, property, state, query } from "lit/decorators.js";
 import { resetStyles } from "../../styles/reset.js";
 let StForm = class StForm extends LitElement {
     constructor() {
@@ -14,43 +14,132 @@ let StForm = class StForm extends LitElement {
         this.loading = false;
         this.error = "";
         this._currentStepIndex = 0;
+        this._modalFooterEl = null;
     }
-    _handleSlotChange() {
-        if (this._stepElements.length > 0) {
+    get _steps() {
+        return Array.from(this.querySelectorAll("st-form-step"));
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.updateComplete.then(() => {
             this._updateStepVisibility();
+            this._updateModalFooter();
+        });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this._modalFooterEl) {
+            this._modalFooterEl.remove();
+            this._modalFooterEl = null;
         }
     }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        this._updateModalFooter();
+    }
+    _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);
+            }
+            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) => {
+                e.preventDefault();
+                this._triggerSubmission();
+            });
+            this._modalFooterEl.appendChild(submitBtn);
+        }
+        else if (this._modalFooterEl) {
+            this._modalFooterEl.remove();
+            this._modalFooterEl = null;
+        }
+    }
+    _handleSlotChange() {
+        this._updateStepVisibility();
+        this._updateModalFooter();
+    }
     _updateStepVisibility() {
-        this._stepElements.forEach((step, index) => {
+        const steps = this._steps;
+        steps.forEach((step, index) => {
             step.active = index === this._currentStepIndex;
         });
         this.requestUpdate();
     }
     async _validateCurrentContext() {
-        const scope = this._stepElements.length > 0
-            ? this._stepElements[this._currentStepIndex]
+        const steps = this._steps;
+        const scope = steps.length > 0
+            ? steps[this._currentStepIndex]
             : this;
         let isValid = true;
-        // 1. Validate standard DOM input components
-        const inputs = Array.from(scope.querySelectorAll("*"));
+        const inputs = Array.from(scope.querySelectorAll("st-input, st-select, st-textarea, st-checkbox, st-radio, input, select, textarea"));
         for (const input of inputs) {
+            if (input.hasAttribute("disabled") || input.disabled)
+                continue;
+            let fieldValid = true;
             if (typeof input.checkValidity === "function") {
-                if (!input.checkValidity()) {
-                    if (isValid && typeof input.reportValidity === "function") {
-                        input.reportValidity();
+                fieldValid = input.checkValidity();
+            }
+            else {
+                const isRequired = input.hasAttribute("required") || input.required;
+                if (isRequired) {
+                    const isToggle = input.tagName === "ST-CHECKBOX" || input.tagName === "ST-RADIO";
+                    const val = isToggle ? input.checked : input.value;
+                    if (val === undefined || val === null || val === "" || val === false) {
+                        fieldValid = false;
                     }
-                    isValid = false;
                 }
             }
+            if (!fieldValid) {
+                if (typeof input.reportValidity === "function") {
+                    input.reportValidity();
+                }
+                else if ("invalid" in input) {
+                    input.invalid = true;
+                }
+                if (isValid && typeof input.focus === "function") {
+                    input.focus();
+                }
+                isValid = false;
+            }
         }
-        if (this._stepElements.length === 0 && this._formEl) {
+        if (steps.length === 0 && this._formEl) {
             if (!this._formEl.checkValidity()) {
                 isValid = false;
             }
         }
-        // 2. Execute step-level async/sync validation hook if defined
-        if (isValid && this._stepElements.length > 0) {
-            const currentStep = this._stepElements[this._currentStepIndex];
+        if (isValid && steps.length > 0) {
+            const currentStep = steps[this._currentStepIndex];
             if (typeof currentStep.validate === "function") {
                 try {
                     this.loading = true;
@@ -59,7 +148,7 @@ let StForm = class StForm extends LitElement {
                         isValid = false;
                     }
                 }
-                catch (err) {
+                catch {
                     isValid = false;
                 }
                 finally {
@@ -110,8 +199,9 @@ let StForm = class StForm extends LitElement {
         const isValid = await this._validateCurrentContext();
         if (!isValid)
             return;
-        const hasSteps = this._stepElements.length > 0;
-        const isLastStep = hasSteps ? this._currentStepIndex === this._stepElements.length - 1 : true;
+        const steps = this._steps;
+        const hasSteps = steps.length > 0;
+        const isLastStep = hasSteps ? this._currentStepIndex === steps.length - 1 : true;
         if (hasSteps && !isLastStep) {
             this._currentStepIndex++;
             this._updateStepVisibility();
@@ -126,8 +216,9 @@ let StForm = class StForm extends LitElement {
         }));
     }
     render() {
-        const hasSteps = this._stepElements?.length > 0;
-        const isLastStep = hasSteps ? this._currentStepIndex === this._stepElements.length - 1 : true;
+        const steps = this._steps;
+        const hasSteps = steps.length > 0;
+        const isInModal = !!this.closest("st-modal");
         return html `
       <div class="${hasSteps ? "has-steps" : ""}" aria-busy=${this.loading}>
         ${this.loading
@@ -140,7 +231,7 @@ let StForm = class StForm extends LitElement {
         ${hasSteps
             ? html `
               <div class="progress-nav" role="tablist">
-                ${this._stepElements.map((step, index) => {
+                ${steps.map((step, index) => {
                 const isActive = index === this._currentStepIndex;
                 const isCompleted = index < this._currentStepIndex;
                 return html `
@@ -158,7 +249,7 @@ let StForm = class StForm extends LitElement {
                       </div>
                       <span>${step.title || `Step ${index + 1}`}</span>
                     </div>
-                    ${index < this._stepElements.length - 1
+                    ${index < steps.length - 1
                     ? html ` <div class="step-connector ${isCompleted ? "completed" : ""}"></div> `
                     : ""}
                   `;
@@ -178,29 +269,33 @@ let StForm = class StForm extends LitElement {
         <form @submit=${this._handleSubmit}>
           <slot @slotchange=${this._handleSlotChange}></slot>
 
-          <div class="form-actions">
-            ${hasSteps && this._currentStepIndex > 0
+          ${!isInModal
             ? html `
+                <div class="form-actions">
+                  ${hasSteps && this._currentStepIndex > 0
+                ? html `
+                        <st-button
+                          variant="secondary"
+                          type="button"
+                          @click=${this._prevStep}
+                          ?disabled=${this.loading}
+                        >
+                          Back
+                        </st-button>
+                      `
+                : ""}
+
                   <st-button
-                    variant="secondary"
+                    color="primary"
                     type="button"
-                    @click=${this._prevStep}
+                    @click=${this._triggerSubmission}
                     ?disabled=${this.loading}
                   >
-                    Back
+                    ${this.loading ? "Submitting..." : hasSteps && this._currentStepIndex === steps.length - 1 ? "Submit" : hasSteps ? "Continue" : "Submit"}
                   </st-button>
-                `
+                </div>
+              `
             : ""}
-
-            <st-button
-              color="primary"
-              type="button"
-              @click=${this._triggerSubmission}
-              ?disabled=${this.loading}
-            >
-              ${this.loading ? "Submitting..." : isLastStep ? "Submit" : "Continue"}
-            </st-button>
-          </div>
         </form>
       </div>
     `;
@@ -352,9 +447,6 @@ __decorate([
 __decorate([
     state()
 ], StForm.prototype, "_currentStepIndex", void 0);
-__decorate([
-    queryAssignedElements({ selector: "st-form-step" })
-], StForm.prototype, "_stepElements", void 0);
 __decorate([
     query("form")
 ], StForm.prototype, "_formEl", void 0);

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

@@ -28,4 +28,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,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;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/dist/components/page-layout/page-layout.js

@@ -276,7 +276,7 @@ StPageLayout.styles = [
         --layout-surface-color: var(--st-color-surface, #f8fafc);
         --layout-border-color: var(--st-color-border, #e2e8f0);
         --layout-sidebar-width: 16rem;
-        --layout-right-sidebar-width: 14rem;
+        --layout-right-sidebar-width: 16rem;
         --layout-main-max-width: none;
         --layout-nav-height: 4rem;
       }

package/dist/components/select/select.d.ts

@@ -1,16 +1,47 @@
-import { LitElement } from 'lit';
+import { LitElement, PropertyValues } from "lit";
+export interface SelectOption {
+    label: string;
+    value: string;
+}
+/**
+ * Standard WHATWG Autocomplete tokens.
+ */
+export type SelectAutocomplete = "on" | "off" | "name" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "email" | "username" | "new-password" | "current-password" | "one-time-code" | "organization" | "organization-title" | "url" | "photo" | "webauthn" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-local-prefix" | "tel-local-suffix" | "tel-extension" | "impp" | (string & {});
 export declare class StSelect extends LitElement {
-    size: 'sm' | 'md' | 'lg';
-    variant: 'outline' | 'filled';
-    color: 'default' | 'primary' | 'error';
-    focused: boolean;
+    static formAssociated: boolean;
+    private internals;
+    name: string;
+    label: string;
+    value: string;
+    required: boolean;
+    multiple: boolean;
+    searchable: boolean;
+    options: SelectOption[];
+    error: string;
+    disabled: boolean;
+    invalid: boolean;
+    autocomplete: SelectAutocomplete;
+    private open;
+    private filterText;
+    private nativeError;
+    private touched;
+    private buttonElement;
+    private searchInputEl?;
+    static styles: import("lit").CSSResult;
     constructor();
-    static styles: import("lit").CSSResult[];
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+    focus(options?: FocusOptions): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    willUpdate(changedProperties: PropertyValues): void;
+    private get selectedValues();
+    private validate;
+    private handleClickOutside;
+    private toggleOpen;
+    private handleOptionClick;
+    private handleSearchInput;
+    private handleButtonKeydown;
     render(): import("lit-html").TemplateResult<1>;
 }
-declare global {
-    interface HTMLElementTagNameMap {
-        'st-select': StSelect;
-    }
-}
 //# sourceMappingURL=select.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,qBACa,QAAS,SAAQ,UAAU;IACK,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAChC,OAAO,EAAE,SAAS,GAAG,QAAQ,CAAa;IAC1C,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAa;IAGlD,OAAO,UAAS;IAE5D,cAKC;IAED,MAAM,CAAC,MAAM,4BA2HX;IAEF,MAAM,yCASL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAa,cAAc,EAAC,MAAM,KAAK,CAAC;AAI1D,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAC1B,IAAI,GACJ,KAAK,GAEL,MAAM,GACN,kBAAkB,GAClB,YAAY,GACZ,iBAAiB,GACjB,aAAa,GACb,kBAAkB,GAClB,UAAU,GAEV,OAAO,GACP,UAAU,GACV,cAAc,GACd,kBAAkB,GAClB,eAAe,GACf,cAAc,GACd,oBAAoB,GACpB,KAAK,GACL,OAAO,GACP,UAAU,GAEV,gBAAgB,GAChB,eAAe,GACf,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,SAAS,GACT,cAAc,GACd,aAAa,GAEb,SAAS,GACT,eAAe,GACf,oBAAoB,GACpB,gBAAgB,GAChB,WAAW,GACX,QAAQ,GACR,cAAc,GACd,aAAa,GACb,QAAQ,GACR,SAAS,GACT,sBAAsB,GACtB,oBAAoB,GAEpB,UAAU,GACV,MAAM,GACN,UAAU,GACV,YAAY,GACZ,WAAW,GACX,KAAK,GAEL,KAAK,GACL,kBAAkB,GAClB,cAAc,GACd,eAAe,GACf,WAAW,GACX,kBAAkB,GAClB,kBAAkB,GAClB,eAAe,GACf,MAAM,GAEN,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAElB,qBACa,QAAS,SAAQ,UAAU;IACtC,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,SAAS,CAAmB;IAEV,IAAI,SAAM;IACV,KAAK,SAAM;IACX,KAAK,SAAM;IACV,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACjB,UAAU,UAAS;IACrB,OAAO,EAAE,YAAY,EAAE,CAAM;IAC5B,KAAK,SAAM;IAEK,QAAQ,UAAS;IACjB,OAAO,UAAS;IAChC,YAAY,EAAE,kBAAkB,CAAS;IAE1D,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,UAAU,CAAM;IACxB,OAAO,CAAC,WAAW,CAAM;IACzB,OAAO,CAAC,OAAO,CAAS;IAEb,OAAO,CAAC,aAAa,CAAe;IAChC,OAAO,CAAC,aAAa,CAAC,CAAmB;IAEjE,MAAM,CAAC,MAAM,0BAyJX;IAEF,cAIC;IAGM,aAAa,IAAI,OAAO,CAE9B;IAEM,cAAc,IAAI,OAAO,CAK/B;IAGe,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,QAE3C;IAED,iBAAiB,SAQhB;IAED,oBAAoB,SAGnB;IAEQ,UAAU,CAAC,iBAAiB,EAAE,cAAc,QAQpD;IAED,OAAO,KAAK,cAAc,GAMzB;IAED,OAAO,CAAC,QAAQ;IAmBhB,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,UAAU;IAsBlB,OAAO,CAAC,iBAAiB;IAuBzB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,mBAAmB;IAS3B,MAAM,yCA0HL;CACF"}