@sondor-technology/sondor-components 1.0.7 → 1.0.9

package/dist/components/select/select.js

@@ -7,11 +7,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { LitElement, html, css } from "lit";
 import { customElement, property, state, query } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
+import { ifDefined } from "lit/directives/if-defined.js";
 let StSelect = class StSelect extends LitElement {
     constructor() {
         super();
         this.name = "";
         this.label = "";
+        this.hideLabel = false;
         this.value = "";
         this.required = false;
         this.multiple = false;
@@ -25,6 +27,8 @@ let StSelect = class StSelect extends LitElement {
         this.filterText = "";
         this.nativeError = "";
         this.touched = false;
+        this._labelId = `select-label-${Math.random().toString(36).substring(2, 9)}`;
+        this._listboxId = `select-listbox-${Math.random().toString(36).substring(2, 9)}`;
         this.internals = this.attachInternals();
         this.handleClickOutside = this.handleClickOutside.bind(this);
     }
@@ -166,7 +170,11 @@ let StSelect = class StSelect extends LitElement {
             ? this.options.filter((opt) => opt.label.toLowerCase().includes(this.filterText.toLowerCase()))
             : this.options;
         return html `
-      ${this.label ? html `<label id="select-label">${this.label}</label>` : ""}
+      ${this.label
+            ? html `<label id=${this._labelId} class=${classMap({ "sr-only": this.hideLabel })}
+            >${this.label}</label
+          >`
+            : ""}
 
       <button
         type="button"
@@ -179,8 +187,8 @@ let StSelect = class StSelect extends LitElement {
         role="combobox"
         aria-haspopup="listbox"
         aria-expanded="${this.open}"
-        aria-labelledby="select-label"
-        aria-controls="select-listbox"
+        aria-labelledby=${ifDefined(this.label ? this._labelId : undefined)}
+        aria-controls=${this._listboxId}
         @click=${this.toggleOpen}
         @keydown=${this.handleButtonKeydown}
       >
@@ -223,7 +231,7 @@ let StSelect = class StSelect extends LitElement {
                 : ""}
 
               <ul
-                id="select-listbox"
+                id=${this._listboxId}
                 class="listbox"
                 role="listbox"
                 aria-multiselectable="${this.multiple}"
@@ -292,6 +300,17 @@ StSelect.styles = css `
       margin-bottom: var(--st-spacing-xs);
     }
 
+    .sr-only {
+      position: absolute;
+      width: 1px;
+      height: 1px;
+      padding: 0;
+      margin: -1px;
+      overflow: hidden;
+      clip: rect(0, 0, 0, 0);
+      border: 0;
+    }
+
     .combobox {
       display: flex;
       justify-content: space-between;
@@ -437,6 +456,9 @@ __decorate([
 __decorate([
     property({ type: String })
 ], StSelect.prototype, "label", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "hide-label" })
+], StSelect.prototype, "hideLabel", void 0);
 __decorate([
     property({ type: String })
 ], StSelect.prototype, "value", void 0);

package/dist/components/select/select.js.map

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

package/dist/components/time-picker/time-picker.d.ts

@@ -0,0 +1,38 @@
+import { LitElement, PropertyValues } from "lit";
+export declare class StTimePicker extends LitElement {
+    static formAssociated: boolean;
+    private _internals;
+    name: string;
+    label: string;
+    hideLabel: boolean;
+    value: string;
+    min: string;
+    max: string;
+    step?: number;
+    disabled: boolean;
+    required: boolean;
+    invalid: boolean;
+    private _touched;
+    private _inputEl;
+    private _labelId;
+    private _defaultValue;
+    constructor();
+    static styles: import("lit").CSSResult[];
+    firstUpdated(changedProperties: PropertyValues): void;
+    updated(changedProperties: PropertyValues): void;
+    private _syncValidity;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+    formResetCallback(): void;
+    focus(options?: FocusOptions): void;
+    private _handleInput;
+    private _handleChange;
+    private _handleBlur;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "st-time-picker": StTimePicker;
+    }
+}
+//# sourceMappingURL=time-picker.d.ts.map

package/dist/components/time-picker/time-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../../../src/components/time-picker/time-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAa,cAAc,EAAC,MAAM,KAAK,CAAC;AAM1D,qBACa,YAAa,SAAQ,UAAU;IAC1C,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,UAAU,CAAmB;IAEI,IAAI,SAAM;IACzB,KAAK,SAAM;IAGe,SAAS,UAAS;IAG5C,KAAK,SAAM;IAEX,GAAG,SAAM;IACT,GAAG,SAAM;IACT,IAAI,CAAC,EAAE,MAAM,CAAC;IAEE,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACjB,OAAO,UAAS;IAEjD,OAAO,CAAC,QAAQ,CAAS;IAEV,OAAO,CAAC,QAAQ,CAAoB;IAE5D,OAAO,CAAC,QAAQ,CAA8D;IAC9E,OAAO,CAAC,aAAa,CAAM;IAE3B,cAGC;IAED,MAAM,CAAC,MAAM,4BAyFX;IAEO,YAAY,CAAC,iBAAiB,EAAE,cAAc,QAMtD;IAEQ,OAAO,CAAC,iBAAiB,EAAE,cAAc,QAWjD;IAED,OAAO,CAAC,aAAa;IA2Cd,aAAa,YAEnB;IACM,cAAc,YAIpB;IAED,iBAAiB,SAKhB;IAEe,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,QAE3C;IAED,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,WAAW;IAKnB,MAAM,yCAgCL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/components/time-picker/time-picker.js

@@ -0,0 +1,290 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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, query, state } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import { ifDefined } from "lit/directives/if-defined.js";
+import { resetStyles } from "../../styles/reset.js";
+let StTimePicker = class StTimePicker extends LitElement {
+    constructor() {
+        super();
+        this.name = "";
+        this.label = "";
+        // Visually hide the label for screen-reader only accessibility
+        this.hideLabel = false;
+        // Time string in HH:mm format (e.g., "14:30")
+        this.value = "";
+        this.min = "";
+        this.max = "";
+        this.disabled = false;
+        this.required = false;
+        this.invalid = false;
+        this._touched = false;
+        this._labelId = `time-label-${Math.random().toString(36).substring(2, 9)}`;
+        this._defaultValue = "";
+        this._internals = this.attachInternals();
+    }
+    firstUpdated(changedProperties) {
+        super.firstUpdated(changedProperties);
+        this._defaultValue = this.value;
+        // Sync initial validity state based on native input
+        this._syncValidity();
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has("value") ||
+            changedProperties.has("required") ||
+            changedProperties.has("min") ||
+            changedProperties.has("max")) {
+            this._internals.setFormValue(this.value || null);
+            this._syncValidity();
+        }
+    }
+    _syncValidity() {
+        if (!this._inputEl)
+            return;
+        this.invalid = false;
+        // 🚀 FIX: Safari/WebKit poorly supports min/max on time inputs.
+        // We enforce these constraints manually using strict lexicographical comparison.
+        if (this.required && !this.value) {
+            this._internals.setValidity({ valueMissing: true }, "Please select a time.");
+            if (this._touched)
+                this.invalid = true;
+            return;
+        }
+        if (this.value && this.min && this.value < this.min) {
+            this._internals.setValidity({ rangeUnderflow: true }, `Time must be ${this.min} or later.`);
+            if (this._touched)
+                this.invalid = true;
+            return;
+        }
+        if (this.value && this.max && this.value > this.max) {
+            this._internals.setValidity({ rangeOverflow: true }, `Time must be ${this.max} or earlier.`);
+            if (this._touched)
+                this.invalid = true;
+            return;
+        }
+        // Fallback to native validation for things like 'step' bounds
+        const isValid = this._inputEl.checkValidity();
+        if (isValid) {
+            this._internals.setValidity({});
+            this.invalid = false;
+        }
+        else {
+            this._internals.setValidity(this._inputEl.validity, this._inputEl.validationMessage, this._inputEl);
+            if (this._touched) {
+                this.invalid = true;
+            }
+        }
+    }
+    checkValidity() {
+        return this._internals.checkValidity();
+    }
+    reportValidity() {
+        this._touched = true;
+        this._syncValidity();
+        return this._internals.reportValidity();
+    }
+    formResetCallback() {
+        this.value = this._defaultValue;
+        this._touched = false;
+        this.invalid = false;
+        this._syncValidity();
+    }
+    focus(options) {
+        this._inputEl?.focus(options);
+    }
+    _handleInput(e) {
+        this.value = e.target.value;
+        this.dispatchEvent(new Event("input", { bubbles: true, composed: true }));
+        this.dispatchEvent(new CustomEvent("st-input", {
+            bubbles: true,
+            composed: true,
+            detail: { name: this.name, value: this.value },
+        }));
+    }
+    _handleChange(e) {
+        this._touched = true;
+        this.value = e.target.value;
+        this._syncValidity();
+        this.dispatchEvent(new Event("change", { bubbles: true, composed: true }));
+        this.dispatchEvent(new CustomEvent("st-change", {
+            bubbles: true,
+            composed: true,
+            detail: { name: this.name, value: this.value },
+        }));
+    }
+    _handleBlur() {
+        this._touched = true;
+        this._syncValidity();
+    }
+    render() {
+        return html `
+      ${this.label
+            ? html `<label id=${this._labelId} class=${classMap({ "sr-only": this.hideLabel })}
+            >${this.label}</label
+          >`
+            : ""}
+
+      <div
+        class=${classMap({
+            "input-wrapper": true,
+            "is-disabled": this.disabled,
+            "is-invalid": this.invalid,
+        })}
+      >
+        <input
+          class="native-input"
+          type="time"
+          name=${ifDefined(this.name || undefined)}
+          .value=${this.value}
+          min=${ifDefined(this.min || undefined)}
+          max=${ifDefined(this.max || undefined)}
+          step=${ifDefined(this.step)}
+          ?required=${this.required}
+          ?disabled=${this.disabled}
+          aria-labelledby=${ifDefined(this.label ? this._labelId : undefined)}
+          @input=${this._handleInput}
+          @change=${this._handleChange}
+          @blur=${this._handleBlur}
+        />
+      </div>
+    `;
+    }
+};
+StTimePicker.formAssociated = true;
+StTimePicker.styles = [
+    resetStyles,
+    css `
+      :host {
+        display: block;
+        font-family: inherit;
+      }
+
+      label {
+        display: block;
+        font-size: var(--st-font-size-sm);
+        font-weight: 500;
+        color: var(--st-color-text-muted);
+        margin-bottom: var(--st-spacing-xs);
+      }
+
+      .sr-only {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        padding: 0;
+        margin: -1px;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        border: 0;
+      }
+
+      .input-wrapper {
+        position: relative;
+        display: flex;
+        align-items: center;
+        width: 100%;
+        background: var(--st-color-surface);
+        border: 1px solid var(--st-color-border);
+        border-radius: var(--st-radius-md);
+        box-sizing: border-box;
+        transition:
+          border-color 0.2s,
+          box-shadow 0.2s,
+          background-color 0.2s;
+      }
+
+      /* Focus within ring */
+      .input-wrapper:focus-within {
+        border-color: var(--st-color-primary);
+        box-shadow: 0 0 0 2px var(--st-color-primary-muted, rgba(59, 130, 246, 0.25));
+      }
+
+      .input-wrapper.is-invalid {
+        border-color: var(--st-color-danger, #dc2626);
+      }
+
+      .input-wrapper.is-disabled {
+        background: var(--st-color-surface-muted, #f1f5f9);
+        cursor: not-allowed;
+        opacity: 0.7;
+      }
+
+      .native-input {
+        width: 100%;
+        min-height: 42px;
+        padding: var(--st-spacing-xs) var(--st-spacing-md);
+        background: transparent;
+        border: none;
+        color: var(--st-color-text);
+        font-family: inherit;
+        font-size: var(--st-font-size-base);
+        outline: none;
+        cursor: inherit;
+        appearance: none;
+        -webkit-appearance: none;
+      }
+
+      /* Style the native clock icon generated by WebKit/Blink */
+      .native-input::-webkit-calendar-picker-indicator {
+        cursor: pointer;
+        opacity: 0.6;
+        transition: opacity 0.2s;
+        filter: var(--st-icon-filter, none); /* Allows inverting for dark mode */
+      }
+
+      .native-input::-webkit-calendar-picker-indicator:hover {
+        opacity: 1;
+      }
+
+      .native-input:disabled {
+        color: var(--st-color-text-muted);
+      }
+    `,
+];
+__decorate([
+    property({ type: String, reflect: true })
+], StTimePicker.prototype, "name", void 0);
+__decorate([
+    property({ type: String })
+], StTimePicker.prototype, "label", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "hide-label" })
+], StTimePicker.prototype, "hideLabel", void 0);
+__decorate([
+    property({ type: String })
+], StTimePicker.prototype, "value", void 0);
+__decorate([
+    property({ type: String })
+], StTimePicker.prototype, "min", void 0);
+__decorate([
+    property({ type: String })
+], StTimePicker.prototype, "max", void 0);
+__decorate([
+    property({ type: Number })
+], StTimePicker.prototype, "step", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], StTimePicker.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], StTimePicker.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], StTimePicker.prototype, "invalid", void 0);
+__decorate([
+    state()
+], StTimePicker.prototype, "_touched", void 0);
+__decorate([
+    query(".native-input")
+], StTimePicker.prototype, "_inputEl", void 0);
+StTimePicker = __decorate([
+    customElement("st-time-picker")
+], StTimePicker);
+export { StTimePicker };
+//# sourceMappingURL=time-picker.js.map

package/dist/components/time-picker/time-picker.js.map

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

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

@@ -0,0 +1,23 @@
+import { LitElement } from "lit";
+export declare class StToggleButton extends LitElement {
+    static shadowRootOptions: {
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry | null;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+        delegatesFocus: boolean;
+    };
+    value: string;
+    selected: boolean;
+    disabled: boolean;
+    static styles: import("lit").CSSResult[];
+    private _handleClick;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "st-toggle-button": StToggleButton;
+    }
+}
+//# sourceMappingURL=toggle-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-group/toggle-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,qBACa,cAAe,SAAQ,UAAU;IAC5C,MAAM,CAAC,iBAAiB;;;;;;;MAA6D;IAEzD,KAAK,SAAM;IACK,QAAQ,UAAS;IACjB,QAAQ,UAAS;IAE7D,MAAM,CAAC,MAAM,4BA2DX;IAEF,OAAO,CAAC,YAAY;IAWpB,MAAM,yCAWL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}

package/dist/components/toggle-group/toggle-button.js

@@ -0,0 +1,114 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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";
+let StToggleButton = class StToggleButton extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.value = "";
+        this.selected = false;
+        this.disabled = false;
+    }
+    _handleClick() {
+        if (this.disabled)
+            return;
+        // Dispatch an internal event for the group orchestrator to catch
+        this.dispatchEvent(new CustomEvent("st-toggle-action", {
+            detail: { value: this.value },
+            bubbles: true,
+            composed: true
+        }));
+    }
+    render() {
+        return html `
+      <button
+        type="button"
+        aria-pressed=${this.selected ? "true" : "false"}
+        ?disabled=${this.disabled}
+        @click=${this._handleClick}
+      >
+        <slot></slot>
+      </button>
+    `;
+    }
+};
+StToggleButton.shadowRootOptions = { ...LitElement.shadowRootOptions, delegatesFocus: true };
+StToggleButton.styles = [
+    resetStyles,
+    css `
+      :host {
+        display: inline-flex;
+        flex: 1; /* Ensures all buttons in a group stretch evenly */
+      }
+
+      button {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        gap: var(--st-spacing-xs);
+        width: 100%;
+        padding: var(--st-spacing-sm) var(--st-spacing-md);
+        background-color: var(--st-color-surface);
+        color: var(--st-color-text);
+        border: none;
+        font-size: var(--st-font-size-sm);
+        font-weight: var(--st-font-weight-medium);
+        cursor: pointer;
+        transition: all 0.2s ease;
+        white-space: nowrap;
+      }
+
+      button:hover:not(:disabled) {
+        background-color: var(--st-color-surface-hover, #f8fafc);
+      }
+
+      button:focus-visible {
+        outline: 2px solid var(--st-color-primary);
+        outline-offset: -2px;
+        z-index: 1; /* Brings the focus ring above siblings */
+      }
+
+      /* Active/Selected State */
+      :host([selected]) button {
+        background-color: var(--st-color-primary-light, #eff6ff);
+        color: var(--st-color-primary-dark, #1d4ed8);
+        font-weight: var(--st-font-weight-semibold);
+      }
+
+      /* Disabled State */
+      :host([disabled]) {
+        pointer-events: none;
+      }
+
+      :host([disabled]) button {
+        opacity: 0.5;
+        background-color: var(--st-color-surface-muted, #f1f5f9);
+        color: var(--st-color-text-muted);
+      }
+
+      ::slotted(svg) {
+        width: 1.125rem;
+        height: 1.125rem;
+        fill: currentColor;
+      }
+    `
+];
+__decorate([
+    property({ type: String })
+], StToggleButton.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], StToggleButton.prototype, "selected", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], StToggleButton.prototype, "disabled", void 0);
+StToggleButton = __decorate([
+    customElement("st-toggle-button")
+], StToggleButton);
+export { StToggleButton };
+//# sourceMappingURL=toggle-button.js.map

package/dist/components/toggle-group/toggle-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button.js","sourceRoot":"","sources":["../../../src/components/toggle-group/toggle-button.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,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAG7C,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAGuB,UAAK,GAAG,EAAE,CAAC;QACK,aAAQ,GAAG,KAAK,CAAC;QACjB,aAAQ,GAAG,KAAK,CAAC;IAsF/D,CAAC;IAvBS,YAAY;QAClB,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAE1B,iEAAiE;QACjE,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,kBAAkB,EAAE;YACrD,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;YAC7B,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC,CAAC;IACN,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;uBAGQ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;oBACnC,IAAI,CAAC,QAAQ;iBAChB,IAAI,CAAC,YAAY;;;;KAI7B,CAAC;IACJ,CAAC;CACF,CAAA;AA1FQ,gCAAiB,GAAG,EAAE,GAAG,UAAU,CAAC,iBAAiB,EAAE,cAAc,EAAE,IAAI,EAAE,AAA5D,CAA6D;AAM9E,qBAAM,GAAG;IACd,WAAW;IACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwDF;CACF,AA3DY,CA2DX;AA/D0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAY;AACK;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAAkB;AACjB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAAkB;AALlD,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CA2F1B"}

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

@@ -0,0 +1,38 @@
+import { LitElement, PropertyValues } from "lit";
+import "./toggle-button.js";
+export declare class StToggleGroup extends LitElement {
+    static formAssociated: boolean;
+    private _internals;
+    private _resizeObserver;
+    private _container;
+    private _buttons;
+    name: string;
+    value: string;
+    multiple: boolean;
+    disabled: boolean;
+    required: boolean;
+    ariaLabel: string;
+    private _canScrollLeft;
+    private _canScrollRight;
+    private _defaultValue;
+    constructor();
+    static styles: import("lit").CSSResult[];
+    firstUpdated(changedProperties: PropertyValues): void;
+    disconnectedCallback(): void;
+    updated(changedProperties: PropertyValues): void;
+    private _checkScroll;
+    private _syncButtons;
+    private _handleSlotChange;
+    private _handleToggle;
+    formResetCallback(): void;
+    private _syncValidity;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "st-toggle-group": StToggleGroup;
+    }
+}
+//# sourceMappingURL=toggle-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-group/toggle-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAa,cAAc,EAAC,MAAM,KAAK,CAAC;AAM1D,OAAO,oBAAoB,CAAC;AAE5B,qBACa,aAAc,SAAQ,UAAU;IAC3C,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,UAAU,CAAmB;IACrC,OAAO,CAAC,eAAe,CAAkB;IAEd,OAAO,CAAC,UAAU,CAAe;IAG5D,OAAO,CAAC,QAAQ,CAAoB;IAEK,IAAI,SAAM;IACzB,KAAK,SAAM;IACV,QAAQ,UAAS;IACF,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACtB,SAAS,SAAM;IAG3C,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,eAAe,CAAS;IAEzC,OAAO,CAAC,aAAa,CAAM;IAE3B,cAIC;IAED,MAAM,CAAC,MAAM,4BAiGX;IAEO,YAAY,CAAC,iBAAiB,EAAE,cAAc,QAUtD;IAEQ,oBAAoB,SAK5B;IAEQ,OAAO,CAAC,iBAAiB,EAAE,cAAc,QAYjD;IAGD,OAAO,CAAC,YAAY,CAOlB;IAEF,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,aAAa;IAqBrB,iBAAiB,SAEhB;IAED,OAAO,CAAC,aAAa;IAQd,aAAa,YAEnB;IACM,cAAc,YAEpB;IAED,MAAM,yCAoBL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}