@solid-design-system/components 4.0.0-next.1 → 4.0.0-next.10

package/dist/chunks/{chunk.QAZYUCBK.js → chunk.X55CH4SC.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.UDZYWRPT.js";
+} from "./chunk.DNCLRX5Q.js";
 import {
   Wave
 } from "./chunk.POFWU6ZT.js";

package/dist/chunks/{chunk.MTSAWJLV.js → chunk.XFF2H3JK.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.UDZYWRPT.js";
+} from "./chunk.DNCLRX5Q.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.U5NFPAOX.js → chunk.YGC3JJ2C.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.UDZYWRPT.js";
+} from "./chunk.DNCLRX5Q.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.I3PY3VYP.js → chunk.YQJ2FRJY.js}

@@ -1,9 +1,9 @@
 import {
   SdTag
-} from "./chunk.NM6QP6RJ.js";
+} from "./chunk.4WC43I2G.js";
 import {
   SdPopup
-} from "./chunk.V7TQ6VJU.js";
+} from "./chunk.4XYZAEKQ.js";
 import {
   defaultValue
 } from "./chunk.GI7VDIWX.js";
@@ -19,7 +19,7 @@ import {
 } from "./chunk.N4LHE3QK.js";
 import {
   SdIcon
-} from "./chunk.3IT4HBTI.js";
+} from "./chunk.NTKMCOLR.js";
 import {
   animateTo,
   stopAnimations
@@ -39,7 +39,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.UDZYWRPT.js";
+} from "./chunk.DNCLRX5Q.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -70,7 +70,8 @@ var SdSelect = class extends SolidElement {
     this.size = "lg";
     this.placement = "bottom";
     this.label = "";
-    this.placeholder = this.localize.term("selectDefaultPlaceholder");
+    this.placeholder = "";
+    this.maxOptionsTagLabel = this.localize.term("tagsSelected");
     this.disabled = false;
     this.helpText = "";
     this.currentPlacement = this.placement;
@@ -231,6 +232,7 @@ var SdSelect = class extends SolidElement {
   handleTagKeyDown(event, option) {
     var _a, _b, _c;
     if (event.key === "Backspace" && this.multiple) {
+      event.preventDefault();
       event.stopPropagation();
       const tagParent = (_a = event.currentTarget) == null ? void 0 : _a.parentElement;
       const previousTag = (_b = tagParent == null ? void 0 : tagParent.previousElementSibling) == null ? void 0 : _b.querySelector("sd-tag");
@@ -249,6 +251,7 @@ var SdSelect = class extends SolidElement {
   }
   handleTagMaxOptionsKeyDown(event) {
     if (event.key === "Backspace" && this.multiple) {
+      event.preventDefault();
       event.stopPropagation();
       this.handleTagRemove(new CustomEvent("sd-remove"), this.selectedOptions[this.selectedOptions.length - 1]);
       this.updateComplete.then(() => {
@@ -442,7 +445,7 @@ var SdSelect = class extends SolidElement {
               base:tag__base,
               content:tag__content,
               removable-indicator:tag__removable-indicator,
-            " size="${this.size === "sm" ? "sm" : "lg"}" removable @keydown="${(event) => this.handleTagMaxOptionsKeyDown(event)}" @sd-remove="${(event) => this.handleTagRemove(event)}">${this.selectedOptions.length} ${this.localize.term("tagsSelected")}</sd-tag>`
+            " size="${this.size === "sm" ? "sm" : "lg"}" removable @keydown="${(event) => this.handleTagMaxOptionsKeyDown(event)}" @sd-remove="${(event) => this.handleTagRemove(event)}">${this.selectedOptions.length} ${this.maxOptionsTagLabel}</sd-tag>`
       ];
     }
   }
@@ -572,7 +575,7 @@ var SdSelect = class extends SolidElement {
     };
     const hasLabel = this.label ? true : !!slots["label"];
     const hasHelpText = this.helpText ? true : !!slots["helpText"];
-    const hasClearIcon = this.clearable && !this.disabled && this.value.length > 0;
+    const hasClearIcon = this.clearable && !this.disabled;
     const selectState = this.disabled ? "disabled" : this.hasFocus && this.showInvalidStyle ? "activeInvalid" : this.hasFocus && this.styleOnValid && this.showValidStyle ? "activeValid" : this.hasFocus || this.open ? "active" : this.showInvalidStyle ? "invalid" : this.styleOnValid && this.showValidStyle ? "valid" : "default";
     const cursorStyles = this.disabled ? "cursor-not-allowed" : "cursor-pointer";
     const iconMarginLeft = { sm: "ml-1", md: "ml-2", lg: "ml-2" }[this.size];
@@ -617,7 +620,11 @@ var SdSelect = class extends SolidElement {
       "appearance-none outline-none flex-grow bg-transparent w-full placeholder-neutral-700",
       cursorStyles,
       this.multiple && this.useTags && this.value.length > 0 ? "hidden" : ""
-    )}" type="text" placeholder="${this.placeholder}" .disabled="${this.disabled}" .value="${this.displayLabel}" autocomplete="off" spellcheck="false" autocapitalize="off" readonly="readonly" aria-controls="listbox" aria-expanded="${this.open ? "true" : "false"}" aria-haspopup="listbox" aria-labelledby="label" aria-disabled="${this.disabled ? "true" : "false"}" aria-invalid="${this.showInvalidStyle}" aria-describedby="help-text invalid-message" role="combobox" tabindex="0" @focus="${this.handleFocus}" @blur="${this.handleBlur}"> ${this.multiple && this.useTags ? html`<div part="tags" class="flex-grow flex flex-wrap items-center gap-1">${this.tags}</div>` : ""}<div aria-live="polite" id="control-value" class="absolute top-0 left-0 opacity-0 -z-10">${this.selectedOptions.map((option) => option == null ? void 0 : option.getTextLabel()).join(", ")}</div><input class="${cx("value-input absolute top-0 left-0 w-full h-full opacity-0 -z-10", cursorStyles)}" type="text" ?disabled="${this.disabled}" ?required="${this.required}" .value="${Array.isArray(this.value) ? this.value.join(", ") : this.value}" tabindex="-1" aria-controls="control-value" aria-hidden="true" @focus="${() => this.focus()}" @invalid="${this.handleInvalid}"> ${hasClearIcon ? html`<button part="clear-button" class="${cx("select__clear flex justify-center", iconMarginLeft)}" type="button" aria-label="${this.localize.term("clearEntry")}" @mousedown="${this.handleClearMouseDown}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-icon class="${cx("text-icon-fill-neutral-800", iconSize)}" library="system" name="closing-round"></sd-icon></slot></button>` : ""} ${this.showInvalidStyle ? html`<sd-icon part="invalid-icon" class="${cx(iconMarginLeft, iconSize, "text-error")}" library="system" name="risk"></sd-icon>` : ""} ${this.styleOnValid && this.showValidStyle ? html`<sd-icon part="valid-icon" class="${cx("flex-shrink-0 text-success", iconMarginLeft, iconSize)}" library="system" name="status-check"></sd-icon>` : ""}<slot name="expand-icon" part="expand-icon" class="${cx(
+    )}" type="text" .disabled="${this.disabled}" placeholder="${this.placeholder || this.localize.term("selectDefaultPlaceholder")}" .value="${this.displayLabel}" autocomplete="off" spellcheck="false" autocapitalize="off" readonly="readonly" aria-controls="listbox" aria-expanded="${this.open ? "true" : "false"}" aria-haspopup="listbox" aria-labelledby="label" aria-disabled="${this.disabled ? "true" : "false"}" aria-invalid="${this.showInvalidStyle}" aria-describedby="help-text invalid-message" role="combobox" tabindex="0" @focus="${this.handleFocus}" @blur="${this.handleBlur}"> ${this.multiple && this.useTags ? html`<div part="tags" class="flex-grow flex flex-wrap items-center gap-1">${this.tags}</div>` : ""}<div aria-live="polite" id="control-value" class="absolute top-0 left-0 opacity-0 -z-10">${this.selectedOptions.map((option) => option == null ? void 0 : option.getTextLabel()).join(", ")}</div><input class="${cx("value-input absolute top-0 left-0 w-full h-full opacity-0 -z-10", cursorStyles)}" type="text" ?disabled="${this.disabled}" ?required="${this.required}" .value="${Array.isArray(this.value) ? this.value.join(", ") : this.value}" tabindex="-1" aria-controls="control-value" aria-hidden="true" @focus="${() => this.focus()}" @invalid="${this.handleInvalid}"> ${hasClearIcon ? html`<button part="clear-button" class="${cx(
+      "select__clear flex justify-center",
+      iconMarginLeft,
+      this.value.length > 0 ? "visible" : "invisible"
+    )}" type="button" aria-label="${this.localize.term("clearEntry")}" @mousedown="${this.handleClearMouseDown}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-icon class="${cx("text-icon-fill-neutral-800", iconSize)}" library="system" name="closing-round"></sd-icon></slot></button>` : ""} ${this.showInvalidStyle ? html`<sd-icon part="invalid-icon" class="${cx(iconMarginLeft, iconSize, "text-error")}" library="system" name="risk"></sd-icon>` : ""} ${this.styleOnValid && this.showValidStyle ? html`<sd-icon part="valid-icon" class="${cx("flex-shrink-0 text-success", iconMarginLeft, iconSize)}" library="system" name="status-check"></sd-icon>` : ""}<slot name="expand-icon" part="expand-icon" class="${cx(
       "inline-flex ml-2 transition-all",
       this.open ? "rotate-180" : "rotate-0",
       this.disabled ? "text-neutral-500" : "text-primary",
@@ -639,7 +646,7 @@ SdSelect.dependencies = {
  */
 SdSelect.styles = [
   ...SolidElement.styles,
-  css`:host{display:block;position:relative;width:100%}:host([required]) #label:after{content:" *"}[part=listbox]{max-height:var(--auto-size-available-height,auto)}sd-popup::part(popup){z-index:var(--sd-z-index-dropdown,900)}sd-tag::part(base){border-radius:var(--sd-border-radius-default,.25rem);padding-left:var(--sd-spacing-1,.25rem);padding-right:var(--sd-spacing-1,.25rem)}sd-tag[size=lg]::part(base){padding-left:var(--sd-spacing-2,.5rem);padding-right:var(--sd-spacing-2,.5rem)}sd-tag[disabled=false]::part(base):hover{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-bg-opacity,1))}`
+  css`:host{display:block;position:relative;width:100%}:host([required]) #label:after{content:" *"}[part=listbox]{max-height:var(--auto-size-available-height,auto)}sd-popup::part(popup){z-index:var(--sd-z-index-dropdown,900)}sd-tag::part(base){border-radius:var(--sd-border-radius-default,.25rem);padding-left:var(--sd-spacing-1,.25rem);padding-right:var(--sd-spacing-1,.25rem)}sd-tag::part(content){display:inline-block;max-width:var(--tag-max-width,15ch);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}sd-tag[size=lg]::part(base){padding-left:var(--sd-spacing-2,.5rem);padding-right:var(--sd-spacing-2,.5rem)}sd-tag[disabled=false]::part(base):hover{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-bg-opacity,1))}`
 ];
 __decorateClass([
   queryAssignedElements({ selector: "sd-option" })
@@ -704,6 +711,9 @@ __decorateClass([
 __decorateClass([
   property()
 ], SdSelect.prototype, "placeholder", 2);
+__decorateClass([
+  property({ attribute: "max-options-tag-label" })
+], SdSelect.prototype, "maxOptionsTagLabel", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], SdSelect.prototype, "disabled", 2);

package/dist/chunks/{chunk.4QKRGAOL.js → chunk.YYRZLQAY.js}

@@ -11,7 +11,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.UDZYWRPT.js";
+} from "./chunk.DNCLRX5Q.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

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

@@ -3,18 +3,20 @@ import { LocalizeController } from '../../utilities/localize';
 import SolidElement from '../../internal/solid-element';
 export default class SdAccordion extends SolidElement {
     localize: LocalizeController;
-    accordion: HTMLElement;
+    accordion: HTMLDetailsElement;
     header: HTMLElement;
     body: HTMLElement;
+    accordionObserver: MutationObserver;
     open: boolean;
     summary: string;
     firstUpdated(): void;
-    protected handleSummaryClick(): void;
+    disconnectedCallback(): void;
+    protected handleSummaryClick(event: MouseEvent): void;
     protected handleSummaryKeyDown(event: KeyboardEvent): void;
     handleOpenChange(): Promise<void>;
     show(): Promise<void>;
     hide(): Promise<void>;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult;
     static styles: import("lit").CSSResult[];
 }
 declare global {

package/dist/components/accordion/accordion.js

@@ -1,8 +1,8 @@
 import {
   SdAccordion
-} from "../../chunks/chunk.DAM3ICHP.js";
+} from "../../chunks/chunk.JCLUIZEF.js";
 import "../../chunks/chunk.N4LHE3QK.js";
-import "../../chunks/chunk.3IT4HBTI.js";
+import "../../chunks/chunk.NTKMCOLR.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.JCK5DTZN.js";
@@ -14,7 +14,7 @@ import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.MNYQWRJE.js";
 import "../../chunks/chunk.2S2CNWKY.js";
-import "../../chunks/chunk.UDZYWRPT.js";
+import "../../chunks/chunk.DNCLRX5Q.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdAccordion as default

package/dist/components/accordion-group/accordion-group.js

@@ -1,9 +1,9 @@
 import {
   SdAccordionGroup
-} from "../../chunks/chunk.IN3GJ5QL.js";
-import "../../chunks/chunk.DAM3ICHP.js";
+} from "../../chunks/chunk.6TKVFZLG.js";
+import "../../chunks/chunk.JCLUIZEF.js";
 import "../../chunks/chunk.N4LHE3QK.js";
-import "../../chunks/chunk.3IT4HBTI.js";
+import "../../chunks/chunk.NTKMCOLR.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.JCK5DTZN.js";
@@ -15,7 +15,7 @@ import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.MNYQWRJE.js";
 import "../../chunks/chunk.2S2CNWKY.js";
-import "../../chunks/chunk.UDZYWRPT.js";
+import "../../chunks/chunk.DNCLRX5Q.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdAccordionGroup as default

package/dist/components/animation/animation.js

@@ -1,9 +1,9 @@
 import {
   SdAnimation
-} from "../../chunks/chunk.UC5E3AEF.js";
+} from "../../chunks/chunk.4XJBD3PS.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.TJOP7HQP.js";
-import "../../chunks/chunk.UDZYWRPT.js";
+import "../../chunks/chunk.DNCLRX5Q.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdAnimation as default

package/dist/components/audio/audio.js

@@ -1,11 +1,11 @@
 import {
   SdAudio
-} from "../../chunks/chunk.QAZYUCBK.js";
+} from "../../chunks/chunk.X55CH4SC.js";
 import "../../chunks/chunk.YEZS5ZR2.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.MNYQWRJE.js";
 import "../../chunks/chunk.2S2CNWKY.js";
-import "../../chunks/chunk.UDZYWRPT.js";
+import "../../chunks/chunk.DNCLRX5Q.js";
 import "../../chunks/chunk.POFWU6ZT.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/badge/badge.d.ts

@@ -1,7 +1,7 @@
 import SolidElement from '../../internal/solid-element';
 export default class SdBadge extends SolidElement {
     size: 'lg' | 'md' | 'sm';
-    variant: 'default' | 'success' | 'error';
+    variant: 'blue' | 'green' | 'red';
     inverted: boolean;
     render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResult[];

package/dist/components/badge/badge.js

@@ -1,7 +1,7 @@
 import {
   SdBadge
-} from "../../chunks/chunk.RZRTIYXA.js";
-import "../../chunks/chunk.UDZYWRPT.js";
+} from "../../chunks/chunk.TYDRZQYV.js";
+import "../../chunks/chunk.DNCLRX5Q.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdBadge as default

package/dist/components/brandshape/brandshape.js

@@ -1,7 +1,7 @@
 import {
   SdBrandshape
-} from "../../chunks/chunk.H655M7FD.js";
-import "../../chunks/chunk.UDZYWRPT.js";
+} from "../../chunks/chunk.UO7UGXMA.js";
+import "../../chunks/chunk.DNCLRX5Q.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdBrandshape as default

package/dist/components/button/button.js

@@ -1,14 +1,14 @@
 import {
   SdButton
-} from "../../chunks/chunk.4QKRGAOL.js";
-import "../../chunks/chunk.D6JZ4IKM.js";
+} from "../../chunks/chunk.YYRZLQAY.js";
+import "../../chunks/chunk.23UMRH3O.js";
 import "../../chunks/chunk.KVKRZJS7.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YEZS5ZR2.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.MNYQWRJE.js";
 import "../../chunks/chunk.2S2CNWKY.js";
-import "../../chunks/chunk.UDZYWRPT.js";
+import "../../chunks/chunk.DNCLRX5Q.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdButton as default

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

@@ -1,7 +1,7 @@
 import {
   SdButtonGroup
-} from "../../chunks/chunk.ZWJI7SLE.js";
-import "../../chunks/chunk.UDZYWRPT.js";
+} from "../../chunks/chunk.TLVJDDZL.js";
+import "../../chunks/chunk.DNCLRX5Q.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdButtonGroup as default

package/dist/components/carousel/carousel.js

@@ -1,11 +1,11 @@
 import {
   SdCarousel
-} from "../../chunks/chunk.QCICV36Z.js";
+} from "../../chunks/chunk.C7ITLHV2.js";
 import "../../chunks/chunk.F4VGSDIW.js";
 import "../../chunks/chunk.2LMWBUBT.js";
 import "../../chunks/chunk.NOWCQZBS.js";
-import "../../chunks/chunk.RNSJAVQE.js";
-import "../../chunks/chunk.3IT4HBTI.js";
+import "../../chunks/chunk.3SACKHZW.js";
+import "../../chunks/chunk.NTKMCOLR.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.JCK5DTZN.js";
@@ -17,7 +17,7 @@ import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.MNYQWRJE.js";
 import "../../chunks/chunk.2S2CNWKY.js";
-import "../../chunks/chunk.UDZYWRPT.js";
+import "../../chunks/chunk.DNCLRX5Q.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdCarousel as default

package/dist/components/carousel-item/carousel-item.js

@@ -1,7 +1,7 @@
 import {
   SdCarouselItem
-} from "../../chunks/chunk.RNSJAVQE.js";
-import "../../chunks/chunk.UDZYWRPT.js";
+} from "../../chunks/chunk.3SACKHZW.js";
+import "../../chunks/chunk.DNCLRX5Q.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdCarouselItem as default

package/dist/components/checkbox/checkbox.js

@@ -1,16 +1,16 @@
 import {
   SdCheckbox
-} from "../../chunks/chunk.HPR3PWAE.js";
+} from "../../chunks/chunk.4WWL72HB.js";
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.KVKRZJS7.js";
-import "../../chunks/chunk.3IT4HBTI.js";
+import "../../chunks/chunk.NTKMCOLR.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.JCK5DTZN.js";
 import "../../chunks/chunk.7VPFFNHR.js";
 import "../../chunks/chunk.XS4QJO4N.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.UDZYWRPT.js";
+import "../../chunks/chunk.DNCLRX5Q.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdCheckbox as default

package/dist/components/checkbox-group/checkbox-group.js

@@ -1,7 +1,7 @@
 import {
   SdCheckboxGroup
-} from "../../chunks/chunk.65BWRJEA.js";
-import "../../chunks/chunk.3IT4HBTI.js";
+} from "../../chunks/chunk.AZWDFCND.js";
+import "../../chunks/chunk.NTKMCOLR.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.JCK5DTZN.js";
@@ -9,7 +9,7 @@ import "../../chunks/chunk.7VPFFNHR.js";
 import "../../chunks/chunk.XS4QJO4N.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YEZS5ZR2.js";
-import "../../chunks/chunk.UDZYWRPT.js";
+import "../../chunks/chunk.DNCLRX5Q.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdCheckboxGroup as default

package/dist/components/combobox/combobox.d.ts

@@ -40,6 +40,7 @@ export default class SdCombobox extends SolidElement implements SolidFormControl
     defaultValue: string;
     size: 'lg' | 'md' | 'sm';
     placeholder: string;
+    maxOptionsTagLabel: string;
     disabled: boolean;
     clearable: boolean;
     open: boolean;

package/dist/components/combobox/combobox.js

@@ -1,15 +1,15 @@
 import {
   SdCombobox
-} from "../../chunks/chunk.EFEBQQHC.js";
-import "../../chunks/chunk.NM6QP6RJ.js";
-import "../../chunks/chunk.V7TQ6VJU.js";
+} from "../../chunks/chunk.ISNWRY34.js";
+import "../../chunks/chunk.4WC43I2G.js";
+import "../../chunks/chunk.4XYZAEKQ.js";
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.WBJBQ4QI.js";
 import "../../chunks/chunk.UIQBHPD3.js";
 import "../../chunks/chunk.WDWV53JP.js";
 import "../../chunks/chunk.KVKRZJS7.js";
 import "../../chunks/chunk.N4LHE3QK.js";
-import "../../chunks/chunk.3IT4HBTI.js";
+import "../../chunks/chunk.NTKMCOLR.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.JCK5DTZN.js";
@@ -22,7 +22,7 @@ import "../../chunks/chunk.YEZS5ZR2.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.MNYQWRJE.js";
 import "../../chunks/chunk.2S2CNWKY.js";
-import "../../chunks/chunk.UDZYWRPT.js";
+import "../../chunks/chunk.DNCLRX5Q.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdCombobox as default

package/dist/components/dialog/dialog.js

@@ -1,14 +1,14 @@
 import {
   SdDialog
-} from "../../chunks/chunk.727ERQ4F.js";
+} from "../../chunks/chunk.ALGO2EYV.js";
 import "../../chunks/chunk.VBQLCQSN.js";
 import "../../chunks/chunk.XHCTCU2Q.js";
 import "../../chunks/chunk.WDWV53JP.js";
-import "../../chunks/chunk.4QKRGAOL.js";
-import "../../chunks/chunk.D6JZ4IKM.js";
+import "../../chunks/chunk.YYRZLQAY.js";
+import "../../chunks/chunk.23UMRH3O.js";
 import "../../chunks/chunk.KVKRZJS7.js";
 import "../../chunks/chunk.N4LHE3QK.js";
-import "../../chunks/chunk.3IT4HBTI.js";
+import "../../chunks/chunk.NTKMCOLR.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.JCK5DTZN.js";
@@ -21,7 +21,7 @@ import "../../chunks/chunk.YEZS5ZR2.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.MNYQWRJE.js";
 import "../../chunks/chunk.2S2CNWKY.js";
-import "../../chunks/chunk.UDZYWRPT.js";
+import "../../chunks/chunk.DNCLRX5Q.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdDialog as default

package/dist/components/divider/divider.js

@@ -1,7 +1,7 @@
 import {
   SdDivider
-} from "../../chunks/chunk.JIKTGTDS.js";
-import "../../chunks/chunk.UDZYWRPT.js";
+} from "../../chunks/chunk.FJRTIKOG.js";
+import "../../chunks/chunk.DNCLRX5Q.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdDivider as default

package/dist/components/drawer/drawer.js

@@ -1,14 +1,14 @@
 import {
   SdDrawer
-} from "../../chunks/chunk.U6RY25TF.js";
+} from "../../chunks/chunk.SFM7ZSKY.js";
 import "../../chunks/chunk.VBQLCQSN.js";
 import "../../chunks/chunk.XHCTCU2Q.js";
 import "../../chunks/chunk.WDWV53JP.js";
-import "../../chunks/chunk.4QKRGAOL.js";
-import "../../chunks/chunk.D6JZ4IKM.js";
+import "../../chunks/chunk.YYRZLQAY.js";
+import "../../chunks/chunk.23UMRH3O.js";
 import "../../chunks/chunk.KVKRZJS7.js";
 import "../../chunks/chunk.N4LHE3QK.js";
-import "../../chunks/chunk.3IT4HBTI.js";
+import "../../chunks/chunk.NTKMCOLR.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.JCK5DTZN.js";
@@ -21,7 +21,7 @@ import "../../chunks/chunk.YEZS5ZR2.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.MNYQWRJE.js";
 import "../../chunks/chunk.2S2CNWKY.js";
-import "../../chunks/chunk.UDZYWRPT.js";
+import "../../chunks/chunk.DNCLRX5Q.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdDrawer as default

package/dist/components/dropdown/dropdown.js

@@ -1,7 +1,7 @@
 import {
   SdDropdown
-} from "../../chunks/chunk.PGZ5AWZ2.js";
-import "../../chunks/chunk.V7TQ6VJU.js";
+} from "../../chunks/chunk.MF3CL2AP.js";
+import "../../chunks/chunk.4XYZAEKQ.js";
 import "../../chunks/chunk.XHCTCU2Q.js";
 import "../../chunks/chunk.WDWV53JP.js";
 import "../../chunks/chunk.N4LHE3QK.js";
@@ -11,7 +11,7 @@ import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.MNYQWRJE.js";
 import "../../chunks/chunk.2S2CNWKY.js";
-import "../../chunks/chunk.UDZYWRPT.js";
+import "../../chunks/chunk.DNCLRX5Q.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdDropdown as default

package/dist/components/expandable/expandable.js

@@ -1,12 +1,12 @@
 import {
   SdExpandable
-} from "../../chunks/chunk.J2XBUIBC.js";
+} from "../../chunks/chunk.MEGJ7CBG.js";
 import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.X2OQMWGY.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.MNYQWRJE.js";
 import "../../chunks/chunk.2S2CNWKY.js";
-import "../../chunks/chunk.UDZYWRPT.js";
+import "../../chunks/chunk.DNCLRX5Q.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdExpandable as default

package/dist/components/flipcard/flipcard.d.ts

@@ -8,6 +8,7 @@ export default class SdFlipcard extends SolidElement {
     placement: 'top' | 'bottom';
     frontVariant: 'primary' | 'primary-100' | 'gradient-light' | 'gradient-dark';
     backVariant: 'primary' | 'primary-100' | 'gradient-light' | 'gradient-dark';
+    activeSide: 'front' | 'back';
     connectedCallback(): void;
     private flipFront;
     private flipBack;

package/dist/components/flipcard/flipcard.js

@@ -1,10 +1,10 @@
 import {
   SdFlipcard
-} from "../../chunks/chunk.WWS3CQ2Z.js";
-import "../../chunks/chunk.4QKRGAOL.js";
-import "../../chunks/chunk.D6JZ4IKM.js";
+} from "../../chunks/chunk.4NEMGQ57.js";
+import "../../chunks/chunk.YYRZLQAY.js";
+import "../../chunks/chunk.23UMRH3O.js";
 import "../../chunks/chunk.KVKRZJS7.js";
-import "../../chunks/chunk.3IT4HBTI.js";
+import "../../chunks/chunk.NTKMCOLR.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.JCK5DTZN.js";
@@ -15,7 +15,7 @@ import "../../chunks/chunk.YEZS5ZR2.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.MNYQWRJE.js";
 import "../../chunks/chunk.2S2CNWKY.js";
-import "../../chunks/chunk.UDZYWRPT.js";
+import "../../chunks/chunk.DNCLRX5Q.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdFlipcard as default

package/dist/components/header/header.js

@@ -1,8 +1,8 @@
 import {
   SdHeader
-} from "../../chunks/chunk.Z2UY62T2.js";
+} from "../../chunks/chunk.SI6BILWU.js";
 import "../../chunks/chunk.NOWCQZBS.js";
-import "../../chunks/chunk.UDZYWRPT.js";
+import "../../chunks/chunk.DNCLRX5Q.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdHeader as default

package/dist/components/icon/icon.js

@@ -1,13 +1,13 @@
 import {
   SdIcon
-} from "../../chunks/chunk.3IT4HBTI.js";
+} from "../../chunks/chunk.NTKMCOLR.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.JCK5DTZN.js";
 import "../../chunks/chunk.7VPFFNHR.js";
 import "../../chunks/chunk.XS4QJO4N.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.UDZYWRPT.js";
+import "../../chunks/chunk.DNCLRX5Q.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdIcon as default

package/dist/components/include/include.js

@@ -1,9 +1,9 @@
 import {
   SdInclude
-} from "../../chunks/chunk.PDRECIYA.js";
+} from "../../chunks/chunk.QQ4M35EE.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.UDZYWRPT.js";
+import "../../chunks/chunk.DNCLRX5Q.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdInclude as default

package/dist/components/input/input.js

@@ -1,9 +1,9 @@
 import {
   SdInput
-} from "../../chunks/chunk.QP3SM2LZ.js";
+} from "../../chunks/chunk.RKAIYDTU.js";
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.KVKRZJS7.js";
-import "../../chunks/chunk.3IT4HBTI.js";
+import "../../chunks/chunk.NTKMCOLR.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.JCK5DTZN.js";
@@ -14,7 +14,7 @@ import "../../chunks/chunk.YEZS5ZR2.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.MNYQWRJE.js";
 import "../../chunks/chunk.2S2CNWKY.js";
-import "../../chunks/chunk.UDZYWRPT.js";
+import "../../chunks/chunk.DNCLRX5Q.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdInput as default