@statistikzh/leu 0.25.0 → 0.27.0

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "0.25.0"
+  ".": "0.27.0"
 }

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # Changelog
 
+## [0.27.0](https://github.com/statistikZH/leu/compare/leu-v0.26.0...leu-v0.27.0) (2026-04-02)
+
+
+### ⚠ BREAKING CHANGES
+
+* **select:** the `open` property is now an internal state. use the `click()` method to imperatively open the select element
+
+### Features
+
+* **input:** implement defaultValue alongside the existing value property to match native behaviour ([#341](https://github.com/statistikZH/leu/issues/341)) ([650ec97](https://github.com/statistikZH/leu/commit/650ec97ffc25384a1c14c463959c7b644391a8e3))
+* **select:** add defaultValue to match native behaviour of a select element ([f8602fb](https://github.com/statistikZH/leu/commit/f8602fbd72ea63c4f29f69eb355efeb89feca5be))
+* **select:** add required property ([f8602fb](https://github.com/statistikZH/leu/commit/f8602fbd72ea63c4f29f69eb355efeb89feca5be))
+* **select:** implement select as a form control ([f8602fb](https://github.com/statistikZH/leu/commit/f8602fbd72ea63c4f29f69eb355efeb89feca5be))
+
+
+### Bug Fixes
+
+* **file-input:** format >1000MB as GB ([#339](https://github.com/statistikZH/leu/issues/339)) ([f9b0d89](https://github.com/statistikZH/leu/commit/f9b0d89700ada07d7a3dff4dfbcf4a27090bd146))
+* fix dev dependencies vulnerabilities ([7390e3e](https://github.com/statistikZH/leu/commit/7390e3e86766d794061a0b84e34c7bec701a3612))
+* **scroll-top:** move scrollTo call from a static to an instance method ([#340](https://github.com/statistikZH/leu/issues/340)) ([860adf4](https://github.com/statistikZH/leu/commit/860adf47596bf06456764b03777f5bd6462d5887))
+
+## [0.26.0](https://github.com/statistikZH/leu/compare/leu-v0.25.0...leu-v0.26.0) (2026-03-25)
+
+
+### Features
+
+* **button:** add loading property ([1e494ac](https://github.com/statistikZH/leu/commit/1e494aca16735727120858e9d94612979ba4f24a))
+
 ## [0.25.0](https://github.com/statistikZH/leu/compare/leu-v0.24.2...leu-v0.25.0) (2026-03-23)
 
 

package/CONTRIBUTING.md

@@ -10,22 +10,33 @@ To submit a contribution:
 
 ## Collaboration guidelines
 
-We don't want to enforce to many rules on how to collaborate on this project. But there are a few things that should be considered when contributing to this project.
+We don't want to enforce to many rules on how to collaborate on this project.
+But there are a few things that should be considered when contributing to this
+project.
 
 ### Commit messages
 
-We enforce [conventional commit](https://www.conventionalcommits.org/en/v1.0.0/) messages with [commitlint](https://commitlint.js.org/#/). This way we can automatically generate a changelog and version the project with Release Please accordingly.
+We enforce
+[conventional commit](https://www.conventionalcommits.org/en/v1.0.0/) messages
+with [commitlint](https://commitlint.js.org/#/). This way we can automatically
+generate a changelog and version the project with Release Please accordingly.
 
-If you're working on a component, please use its name as the scope of the commit message.
-For example:
+If you're working on a component, please use its name as the scope of the commit
+message. For example:
 
-You've added a new feature to the `leu-radio` component. Your commit message should look like this:
+You've added a new feature to the `leu-radio` component. Your commit message
+should look like this:
 
 ```bash
-git commit -m "feat(leu-radio): add new feature"
+git commit -m "feat(radio): add new feature"
 ```
 
 ### Branching
 
-All new features should be developed in a feature branch that is branched off from the `main` branch. Each branch can then be linked to the respective issue on GitHub. Please do not merge feature branches into each other. Try to merge into the `main` branch as soon as possible. This way we can keep the `main` branch up to date and avoid having dependencies between feature branches.
-The feature branch should always be prefixed with the issue number (e.g. `48-dropdown`).
+All new features should be developed in a feature branch that is branched off
+from the `main` branch. Each branch can then be linked to the respective issue
+on GitHub. Please do not merge feature branches into each other. Try to merge
+into the `main` branch as soon as possible. This way we can keep the `main`
+branch up to date and avoid having dependencies between feature branches. The
+feature branch should always be prefixed with the issue number (e.g.
+`48-dropdown`).

package/dist/{Accordion-CDNyrB8d.js → Accordion-DLsqXcK8.js}

@@ -1,4 +1,4 @@
-import { t as LeuElement } from "./LeuElement-B7NJzWwP.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
 import { css, nothing } from "lit";
 import { html as html$1, unsafeStatic } from "lit/static-html.js";

package/dist/Accordion.js

@@ -1,3 +1,3 @@
-import "./LeuElement-B7NJzWwP.js";
-import { t as LeuAccordion } from "./Accordion-CDNyrB8d.js";
+import "./LeuElement-k4RjIeoG.js";
+import { t as LeuAccordion } from "./Accordion-DLsqXcK8.js";
 export { LeuAccordion };

package/dist/{Button-EdS9xr2J.js → Button-BSyDL_cV.js}

@@ -1,8 +1,9 @@
-import { t as LeuElement } from "./LeuElement-B7NJzWwP.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
-import { t as LeuIcon } from "./Icon-DhAvH0XM.js";
-import { t as HasSlotController } from "./hasSlotController-DjdfnOQp.js";
-import { t as FormAssociatedMixin } from "./FormAssociatedMixin-BbFlza53.js";
+import { t as LeuIcon } from "./Icon-CbZXpyHU.js";
+import { t as LeuSpinner } from "./Spinner-VhKfzI3Q.js";
+import { t as HasSlotController } from "./hasSlotController-DSBCVzPD.js";
+import { t as FormAssociatedMixin } from "./FormAssociatedMixin-DLPvFtbT.js";
 import { css, html, nothing } from "lit";
 import { property, query } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
@@ -39,7 +40,13 @@ var button_default = css`:host {
   display: inline-block;
 }
 
+/*
+ * @todo : Disable hover styles for loading state
+ */
+
 button {
+  position: relative;
+
   font-family: var(--leu-font-family-black);
   text-align: center;
   -webkit-appearance: none;
@@ -68,10 +75,14 @@ button.round {
   border-radius: 50%;
 }
 
-button:disabled {
+button.disabled {
   cursor: not-allowed;
 }
 
+button.loading {
+  cursor: wait;
+}
+
 button:focus-visible {
   outline: 2px solid var(--leu-color-func-cyan);
   outline-offset: 2px;
@@ -86,6 +97,10 @@ button.inverted:focus-visible {
   justify-content: center;
 }
 
+button.loading :where(.content, .icon-wrapper) {
+  visibility: hidden;
+}
+
 /* size - regular */
 
 button.regular {
@@ -133,7 +148,7 @@ button.primary.active:hover {
   background: var(--leu-color-black-transp-80);
 }
 
-button.primary:disabled {
+button.primary.disabled {
   color: var(--leu-color-black-0);
   background: var(--leu-color-black-transp-20);
 }
@@ -159,7 +174,7 @@ button.secondary.active:hover {
   background: var(--leu-color-black-transp-80);
 }
 
-button.secondary:disabled {
+button.secondary.disabled {
   color: var(--leu-color-black-transp-20);
   background: var(--leu-color-black-transp-5);
 }
@@ -184,7 +199,7 @@ button.ghost.active {
   color: var(--leu-color-black-100);
 }
 
-button.ghost:disabled {
+button.ghost.disabled {
   color: var(--leu-color-black-20);
 }
 
@@ -205,7 +220,7 @@ button.primary.inverted.active {
   background: var(--leu-color-black-100);
 }
 
-button.primary.inverted:disabled {
+button.primary.inverted.disabled {
   color: var(--leu-color-black-40);
   background: var(--leu-color-white-transp-70);
 }
@@ -227,7 +242,7 @@ button.secondary.inverted.active {
   background: var(--leu-color-black-0);
 }
 
-button.secondary.inverted:disabled {
+button.secondary.inverted.disabled {
   color: var(--leu-color-white-transp-70);
   background: var(--leu-color-black-transp-10);
 }
@@ -246,7 +261,7 @@ button.ghost.inverted.active {
   color: var(--leu-color-black-0);
 }
 
-button.ghost.inverted:disabled {
+button.ghost.inverted.disabled {
   color: var(--leu-color-black-20);
 }
 
@@ -298,7 +313,7 @@ button.ghost.inverted:disabled {
   --_color: var(--leu-color-black-0);
 }
 
-.ghost:disabled .icon-wrapper {
+.ghost.disabled .icon-wrapper {
   --_bg: var(--leu-color-black-transp-5);
 }
 
@@ -313,7 +328,7 @@ button.ghost.inverted:disabled {
   --_color: var(--leu-color-black-0);
 }
 
-.ghost.inverted:disabled .icon-wrapper {
+.ghost.inverted.disabled .icon-wrapper {
   --_bg: var(--leu-color-black-transp-20);
   --_color: var(--leu-color-white-transp-70);
 }
@@ -336,6 +351,21 @@ button.ghost.inverted:disabled {
 :host([expanded="true"]) .icon-expanded {
   transform: rotate(180deg);
 }
+
+.spinner {
+  --leu-spinner-size: 1.75rem;
+  padding: 0;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  color: currentcolor;
+  display: block;
+}
+
+button.small .spinner {
+  --leu-spinner-size: 1.25rem;
+}
 `;
 //#endregion
 //#region src/components/button/Button.ts
@@ -363,9 +393,13 @@ var LeuButton = class extends FormAssociatedMixin(LeuElement) {
 		this.active = false;
 		this.inverted = false;
 		this.fluid = false;
+		this.loading = false;
 	}
 	static {
-		this.dependencies = { "leu-icon": LeuIcon };
+		this.dependencies = {
+			"leu-icon": LeuIcon,
+			"leu-spinner": LeuSpinner
+		};
 	}
 	static {
 		this.styles = [LeuElement.styles, button_default];
@@ -398,7 +432,7 @@ var LeuButton = class extends FormAssociatedMixin(LeuElement) {
 	}
 	setFormValue() {}
 	handleClick(e) {
-		if (this.disabled) {
+		if (this.disabled || this.loading) {
 			e.preventDefault();
 			e.stopImmediatePropagation();
 			return;
@@ -446,7 +480,9 @@ var LeuButton = class extends FormAssociatedMixin(LeuElement) {
 			"icon-after": hasIconAfter,
 			round: this.round,
 			active: this.active,
+			disabled: this.disabled,
 			inverted: this.inverted,
+			loading: this.loading,
 			[this.variant]: true,
 			[this.size]: true
 		};
@@ -459,7 +495,7 @@ var LeuButton = class extends FormAssociatedMixin(LeuElement) {
         aria-expanded=${ifDefined(this.expanded)}
         role=${ifDefined(aria.role)}
         class=${classMap(cssClasses)}
-        ?disabled=${this.disabled}
+        ?disabled=${this.disabled || this.loading}
         type=${this.type}
       >
         <div class="icon-wrapper icon-wrapper--before">
@@ -469,7 +505,7 @@ var LeuButton = class extends FormAssociatedMixin(LeuElement) {
         <div class="icon-wrapper icon-wrapper--after">
           <slot name="after" class="icon-wrapper__slot"></slot>
         </div>
-
+        ${this.loading ? html`<leu-spinner class="spinner"></leu-spinner>` : nothing}
         ${this.renderExpandingIcon()}
       </button>
     `;
@@ -519,6 +555,10 @@ __decorate([property({
 	type: Boolean,
 	reflect: true
 })], LeuButton.prototype, "fluid", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], LeuButton.prototype, "loading", void 0);
 __decorate([query(".button")], LeuButton.prototype, "button", void 0);
 //#endregion
 export { LeuButton as t };

package/dist/{Button-DSGPIcjm.d.ts → Button-BgNUxmo_.d.ts}

@@ -1,6 +1,7 @@
 import { t as LeuElement } from "./LeuElement-pJFU18Xm.js";
 import { t as FormAssociatedMixinType } from "./FormAssociatedMixin-Cc74LjbC.js";
 import { t as LeuIcon } from "./Icon-Op80LrrO.js";
+import { t as LeuSpinner } from "./Spinner-CrM1enM0.js";
 import * as lit_html0 from "lit-html";
 
 //#region src/components/button/Button.d.ts
@@ -15,6 +16,7 @@ declare const LeuButton_base: (abstract new (...args: any[]) => FormAssociatedMi
 declare class LeuButton extends LeuButton_base {
   static dependencies: {
     "leu-icon": typeof LeuIcon;
+    "leu-spinner": typeof LeuSpinner;
   };
   static styles: any[];
   static shadowRootOptions: {
@@ -78,6 +80,10 @@ declare class LeuButton extends LeuButton_base {
    * Alters the shape of the button to be full width of its parent container
    */
   fluid: boolean;
+  /**
+   * Replaces the content with a spinner
+   */
+  loading: boolean;
   private button;
   private renderExpandingIcon;
   private getAriaAttributes;

package/dist/Button.d.ts

@@ -1,2 +1,2 @@
-import { t as LeuButton } from "./Button-DSGPIcjm.js";
+import { t as LeuButton } from "./Button-BgNUxmo_.js";
 export { LeuButton };

package/dist/Button.js

@@ -1,5 +1,6 @@
-import "./LeuElement-B7NJzWwP.js";
-import "./Icon-DhAvH0XM.js";
-import { t as LeuButton } from "./Button-EdS9xr2J.js";
-import "./FormAssociatedMixin-BbFlza53.js";
+import "./LeuElement-k4RjIeoG.js";
+import "./Icon-CbZXpyHU.js";
+import "./Spinner-VhKfzI3Q.js";
+import { t as LeuButton } from "./Button-BSyDL_cV.js";
+import "./FormAssociatedMixin-DLPvFtbT.js";
 export { LeuButton };

package/dist/{ButtonGroup-BQqf8o_d.js → ButtonGroup-BmSvl-Oc.js}

@@ -1,5 +1,5 @@
-import { t as LeuElement } from "./LeuElement-B7NJzWwP.js";
-import { t as LeuButton } from "./Button-EdS9xr2J.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
+import { t as LeuButton } from "./Button-BSyDL_cV.js";
 import { css, html } from "lit";
 //#region src/components/button-group/button-group.css?inline
 var button_group_default = css`.group {

package/dist/ButtonGroup.js

@@ -1,6 +1,7 @@
-import "./LeuElement-B7NJzWwP.js";
-import "./Icon-DhAvH0XM.js";
-import "./Button-EdS9xr2J.js";
-import "./FormAssociatedMixin-BbFlza53.js";
-import { t as LeuButtonGroup } from "./ButtonGroup-BQqf8o_d.js";
+import "./LeuElement-k4RjIeoG.js";
+import "./Icon-CbZXpyHU.js";
+import "./Spinner-VhKfzI3Q.js";
+import "./Button-BSyDL_cV.js";
+import "./FormAssociatedMixin-DLPvFtbT.js";
+import { t as LeuButtonGroup } from "./ButtonGroup-BmSvl-Oc.js";
 export { LeuButtonGroup };

package/dist/{ChartWrapper-LiNHTNRw.js → ChartWrapper-CvDvQsd5.js}

@@ -1,7 +1,7 @@
-import { t as LeuElement } from "./LeuElement-B7NJzWwP.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
-import { t as HasSlotController } from "./hasSlotController-DjdfnOQp.js";
-import { t as LeuSpinner } from "./Spinner-DJR4gv3Y.js";
+import { t as LeuSpinner } from "./Spinner-VhKfzI3Q.js";
+import { t as HasSlotController } from "./hasSlotController-DSBCVzPD.js";
 import { css, html, nothing } from "lit";
 import { property } from "lit/decorators.js";
 //#region src/components/chart-wrapper/chart-wrapper.css?inline

package/dist/ChartWrapper.d.ts

@@ -1,6 +1,6 @@
 import { t as LeuElement } from "./LeuElement-pJFU18Xm.js";
-import { t as HasSlotController } from "./hasSlotController-BLtZurRh.js";
-import { t as LeuSpinner } from "./Spinner-CMo_o6Fy.js";
+import { t as LeuSpinner } from "./Spinner-CrM1enM0.js";
+import { t as HasSlotController } from "./hasSlotController-DWPyZ52b.js";
 import * as lit_html0 from "lit-html";
 
 //#region src/components/chart-wrapper/ChartWrapper.d.ts

package/dist/ChartWrapper.js

@@ -1,4 +1,4 @@
-import "./LeuElement-B7NJzWwP.js";
-import { t as LeuChartWrapper } from "./ChartWrapper-LiNHTNRw.js";
-import "./Spinner-DJR4gv3Y.js";
+import "./LeuElement-k4RjIeoG.js";
+import "./Spinner-VhKfzI3Q.js";
+import { t as LeuChartWrapper } from "./ChartWrapper-CvDvQsd5.js";
 export { LeuChartWrapper };

package/dist/{Checkbox-BtDWmPab.js → Checkbox-Cl_X6gBJ.js}

@@ -1,7 +1,7 @@
-import { t as LeuElement } from "./LeuElement-B7NJzWwP.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
-import { t as LeuIcon } from "./Icon-DhAvH0XM.js";
-import { t as FormAssociatedMixin } from "./FormAssociatedMixin-BbFlza53.js";
+import { t as LeuIcon } from "./Icon-CbZXpyHU.js";
+import { t as FormAssociatedMixin } from "./FormAssociatedMixin-DLPvFtbT.js";
 import { css, html } from "lit";
 import { property } from "lit/decorators.js";
 //#region src/components/checkbox/checkbox.css?inline

package/dist/Checkbox.js

@@ -1,5 +1,5 @@
-import "./LeuElement-B7NJzWwP.js";
-import "./Icon-DhAvH0XM.js";
-import "./FormAssociatedMixin-BbFlza53.js";
-import { t as LeuCheckbox } from "./Checkbox-BtDWmPab.js";
+import "./LeuElement-k4RjIeoG.js";
+import "./Icon-CbZXpyHU.js";
+import "./FormAssociatedMixin-DLPvFtbT.js";
+import { t as LeuCheckbox } from "./Checkbox-Cl_X6gBJ.js";
 export { LeuCheckbox };

package/dist/{CheckboxGroup-C8MbwW9u.js → CheckboxGroup-BKhOmZYX.js}

@@ -1,6 +1,6 @@
-import { t as LeuElement } from "./LeuElement-B7NJzWwP.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
-import { t as LeuCheckbox } from "./Checkbox-BtDWmPab.js";
+import { t as LeuCheckbox } from "./Checkbox-Cl_X6gBJ.js";
 import { css, html } from "lit";
 import { property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";

package/dist/CheckboxGroup.js

@@ -1,6 +1,6 @@
-import "./LeuElement-B7NJzWwP.js";
-import "./Icon-DhAvH0XM.js";
-import "./FormAssociatedMixin-BbFlza53.js";
-import "./Checkbox-BtDWmPab.js";
-import { t as LeuCheckboxGroup } from "./CheckboxGroup-C8MbwW9u.js";
+import "./LeuElement-k4RjIeoG.js";
+import "./Icon-CbZXpyHU.js";
+import "./FormAssociatedMixin-DLPvFtbT.js";
+import "./Checkbox-Cl_X6gBJ.js";
+import { t as LeuCheckboxGroup } from "./CheckboxGroup-BKhOmZYX.js";
 export { LeuCheckboxGroup };

package/dist/{Chip-Ch09jjYi.js → Chip-McVP3N_x.js}

@@ -1,4 +1,4 @@
-import { t as LeuElement } from "./LeuElement-B7NJzWwP.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
 import { css } from "lit";
 import { property } from "lit/decorators.js";

package/dist/Chip.js

@@ -1,3 +1,3 @@
-import "./LeuElement-B7NJzWwP.js";
-import { t as LeuChipBase } from "./Chip-Ch09jjYi.js";
+import "./LeuElement-k4RjIeoG.js";
+import { t as LeuChipBase } from "./Chip-McVP3N_x.js";
 export { LeuChipBase };

package/dist/{ChipGroup-PvqVW-tm.js → ChipGroup-DUGavZeU.js}

@@ -1,4 +1,4 @@
-import { t as LeuElement } from "./LeuElement-B7NJzWwP.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
 import { LeuChipSelectable } from "./ChipSelectable.js";
 import { css } from "lit";

package/dist/ChipGroup.js

@@ -1,4 +1,4 @@
-import "./LeuElement-B7NJzWwP.js";
-import { t as LeuChipGroup } from "./ChipGroup-PvqVW-tm.js";
-import "./Chip-Ch09jjYi.js";
+import "./LeuElement-k4RjIeoG.js";
+import { t as LeuChipGroup } from "./ChipGroup-DUGavZeU.js";
+import "./Chip-McVP3N_x.js";
 export { LeuChipGroup };

package/dist/ChipLink.js

@@ -1,6 +1,6 @@
-import "./LeuElement-B7NJzWwP.js";
+import "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
-import { t as LeuChipBase } from "./Chip-Ch09jjYi.js";
+import { t as LeuChipBase } from "./Chip-McVP3N_x.js";
 import { html } from "lit";
 import { property } from "lit/decorators.js";
 //#region src/components/chip/ChipLink.ts

package/dist/ChipRemovable.js

@@ -1,7 +1,7 @@
-import "./LeuElement-B7NJzWwP.js";
+import "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
-import { t as LeuIcon } from "./Icon-DhAvH0XM.js";
-import { t as LeuChipBase } from "./Chip-Ch09jjYi.js";
+import { t as LeuIcon } from "./Icon-CbZXpyHU.js";
+import { t as LeuChipBase } from "./Chip-McVP3N_x.js";
 import { html } from "lit";
 import { property } from "lit/decorators.js";
 //#region src/components/chip/ChipRemovable.ts

package/dist/ChipSelectable.js

@@ -1,6 +1,6 @@
-import "./LeuElement-B7NJzWwP.js";
+import "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
-import { t as LeuChipBase } from "./Chip-Ch09jjYi.js";
+import { t as LeuChipBase } from "./Chip-McVP3N_x.js";
 import { html } from "lit";
 import { property } from "lit/decorators.js";
 //#region src/components/chip/ChipSelectable.ts

package/dist/{Dialog-CV1JTkCn.js → Dialog-BlDd4T2u.js}

@@ -1,7 +1,7 @@
-import { t as LeuElement } from "./LeuElement-B7NJzWwP.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
-import { t as LeuIcon } from "./Icon-DhAvH0XM.js";
-import { t as HasSlotController } from "./hasSlotController-DjdfnOQp.js";
+import { t as LeuIcon } from "./Icon-CbZXpyHU.js";
+import { t as HasSlotController } from "./hasSlotController-DSBCVzPD.js";
 import { css, html, nothing } from "lit";
 import { property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";

package/dist/Dialog.d.ts

@@ -1,6 +1,6 @@
 import { t as LeuElement } from "./LeuElement-pJFU18Xm.js";
 import { t as LeuIcon } from "./Icon-Op80LrrO.js";
-import { t as HasSlotController } from "./hasSlotController-BLtZurRh.js";
+import { t as HasSlotController } from "./hasSlotController-DWPyZ52b.js";
 import * as lit_html0 from "lit-html";
 import * as lit_html_directives_ref_js0 from "lit-html/directives/ref.js";
 

package/dist/Dialog.js

@@ -1,4 +1,4 @@
-import "./LeuElement-B7NJzWwP.js";
-import "./Icon-DhAvH0XM.js";
-import { t as LeuDialog } from "./Dialog-CV1JTkCn.js";
+import "./LeuElement-k4RjIeoG.js";
+import "./Icon-CbZXpyHU.js";
+import { t as LeuDialog } from "./Dialog-BlDd4T2u.js";
 export { LeuDialog };

package/dist/{Dropdown-DpFdFbA1.js → Dropdown-BLxSIe6p.js}

@@ -1,10 +1,10 @@
-import { t as LeuElement } from "./LeuElement-B7NJzWwP.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
-import { t as HasSlotController } from "./hasSlotController-DjdfnOQp.js";
-import { t as LeuButton } from "./Button-EdS9xr2J.js";
-import { t as LeuMenuItem } from "./MenuItem-CZTqGg5R.js";
-import { t as LeuMenu } from "./Menu-DpiheIPk.js";
-import { t as LeuPopup } from "./Popup-JQjuj26v.js";
+import { t as HasSlotController } from "./hasSlotController-DSBCVzPD.js";
+import { t as LeuButton } from "./Button-BSyDL_cV.js";
+import { t as LeuMenuItem } from "./MenuItem-Cs3KFhJm.js";
+import { t as LeuMenu } from "./Menu-Cu8eIF1T.js";
+import { t as LeuPopup } from "./Popup-8jhVy8gB.js";
 import { css, html, nothing } from "lit";
 import { property } from "lit/decorators.js";
 import { createRef, ref } from "lit/directives/ref.js";

package/dist/Dropdown.d.ts

@@ -1,6 +1,6 @@
 import { t as LeuElement } from "./LeuElement-pJFU18Xm.js";
-import { t as LeuButton } from "./Button-DSGPIcjm.js";
-import { t as HasSlotController } from "./hasSlotController-BLtZurRh.js";
+import { t as LeuButton } from "./Button-BgNUxmo_.js";
+import { t as HasSlotController } from "./hasSlotController-DWPyZ52b.js";
 import { t as LeuMenuItem } from "./MenuItem-QcgnRk_7.js";
 import { t as LeuMenu } from "./Menu-CQdx1ef3.js";
 import { t as LeuPopup } from "./Popup-Btgm2a3D.js";

package/dist/Dropdown.js

@@ -1,9 +1,10 @@
-import "./LeuElement-B7NJzWwP.js";
-import "./Icon-DhAvH0XM.js";
-import "./Button-EdS9xr2J.js";
-import "./FormAssociatedMixin-BbFlza53.js";
-import "./MenuItem-CZTqGg5R.js";
-import "./Menu-DpiheIPk.js";
-import "./Popup-JQjuj26v.js";
-import { t as LeuDropdown } from "./Dropdown-DpFdFbA1.js";
+import "./LeuElement-k4RjIeoG.js";
+import "./Icon-CbZXpyHU.js";
+import "./Spinner-VhKfzI3Q.js";
+import "./Button-BSyDL_cV.js";
+import "./FormAssociatedMixin-DLPvFtbT.js";
+import "./MenuItem-Cs3KFhJm.js";
+import "./Menu-Cu8eIF1T.js";
+import "./Popup-8jhVy8gB.js";
+import { t as LeuDropdown } from "./Dropdown-BLxSIe6p.js";
 export { LeuDropdown };

package/dist/{FileInput-5apX17JT.js → FileInput-DntYrpZ-.js}

@@ -1,9 +1,9 @@
-import { t as LeuElement } from "./LeuElement-B7NJzWwP.js";
+import { t as LeuElement } from "./LeuElement-k4RjIeoG.js";
 import { t as __decorate } from "./decorate-DwpAc4D0.js";
-import { t as LeuIcon } from "./Icon-DhAvH0XM.js";
-import { t as LeuButton } from "./Button-EdS9xr2J.js";
-import { t as FormAssociatedMixin } from "./FormAssociatedMixin-BbFlza53.js";
-import { t as LeuVisuallyHidden } from "./VisuallyHidden-BkllVjlz.js";
+import { t as LeuIcon } from "./Icon-CbZXpyHU.js";
+import { t as LeuButton } from "./Button-BSyDL_cV.js";
+import { t as FormAssociatedMixin } from "./FormAssociatedMixin-DLPvFtbT.js";
+import { t as LeuVisuallyHidden } from "./VisuallyHidden-Co_txzxB.js";
 import { css, html, nothing } from "lit";
 import { property, query, state } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
@@ -237,10 +237,25 @@ var LeuFileInput = class LeuFileInput extends FormAssociatedMixin(LeuElement) {
 			bubbles: true
 		}));
 	}
+	/**
+	* This implementation Uses base-10 (decimal) units:
+	* 1 KB = 1_000 bytes
+	* 1 MB = 1_000_000 bytes
+	* 1 GB = 1_000_000_000 bytes
+	*
+	* To switch to base-2 (binary), use the following implementation:
+	* // const KB = 1024
+	* // const MB = 1024 * 1024
+	* // const GB = 1024 * 1024 * 1024
+	*/
 	static formatFileSize(size) {
-		if (size < 1e3) return html`${size}&nbsp;bytes`;
-		if (size >= 1e3 && size < 1e6) return html`${(size / 1e3).toFixed(1)}&nbsp;KB`;
-		return html`${(size / 1e6).toFixed(1)}&nbsp;MB`;
+		const KB = 1e3;
+		const MB = 1e6;
+		const GB = 1e9;
+		if (size >= GB) return html`${(size / GB).toFixed(1)}&nbsp;GB`;
+		if (size >= MB) return html`${(size / MB).toFixed(1)}&nbsp;MB`;
+		if (size >= KB) return html`${(size / KB).toFixed(1)}&nbsp;KB`;
+		return html`${size}&nbsp;bytes`;
 	}
 	isAcceptedFile(file) {
 		const acceptedTypes = this.accept.split(",").map((type) => type.trim());