@statistikzh/leu 0.14.4 → 0.15.0

package/dist/Placeholder.js

@@ -0,0 +1,90 @@
+import { css, html } from 'lit';
+import { L as LeuElement } from './LeuElement-BhAmogDy.js';
+
+var css_248z = css`:host {
+  --placeholder-font-regular: var(--leu-font-family-regular);
+  --placeholder-font-black: var(--leu-font-family-black);
+
+  --placeholder-border-color: var(--leu-color-black-20);
+
+  font-family: var(--placeholder-font-regular);
+}
+.placeholder {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+
+  border: 2px dashed var(--placeholder-border-color);
+  border-radius: 0.25rem;
+
+  padding: 2rem 1.5rem;
+}
+@media (min-width: 600px) {
+.placeholder {
+    padding: 2.5rem 2rem;
+}
+  }
+@media (min-width: 1280px) {
+.placeholder {
+    padding: 3.5rem 2.5rem;
+}
+  }
+.placeholder__title {
+  display: block;
+}
+.placeholder__title::slotted(:where(h1, h2, h3, h4, h5, h6)) {
+  font: var(--leu-t-curve-regular-black-font);
+  color: var(--leu-color-black-100);
+  margin: 0 0 0.5rem;
+}
+.placeholder__description {
+  font: var(--leu-t-curve-small-regular-font);
+  color: var(--leu-color-black-60);
+
+  margin-bottom: 0.75rem;
+}
+@media (min-width: 400px) {
+.placeholder__description {
+    margin-bottom: 2rem;
+}
+  }
+@media (min-width: 600px) {
+.placeholder__description {
+    margin-bottom: 1.25rem;
+}
+  }
+@media (min-width: 1280px) {
+.placeholder__description {
+    margin-bottom: 1.5rem;
+}
+  }
+`;
+
+/**
+ * @summary * A placeholder to display when no content is available.
+ * @tagname leu-placeholder
+ * @slot title - The placeholders title. Use a heading tag (h1-6) depeneding on your context.
+ * @slot description - A description of the placeholder. Content is wrapped in a `<p>` tag by the component.
+ * @slot cta - A call to action button like "Reload" or "Create". Add a single `<leu-button>`.
+ *
+ * @todo Add pending state with a skeleton.
+ */
+class LeuPlaceholder extends LeuElement {
+    render() {
+        return html `
+      <div class="placeholder">
+        <slot class="placeholder__title" name="title"></slot>
+        <p><slot class="placeholder__description" name="description"></slot></p>
+        <slot name="cta"></slot>
+      </div>
+    `;
+    }
+}
+LeuPlaceholder.styles = [LeuElement.styles, css_248z];
+LeuPlaceholder.shadowRootOptions = {
+    ...LeuElement.shadowRootOptions,
+    delegatesFocus: true,
+};
+
+export { LeuPlaceholder };

package/dist/Popup.js

@@ -1,6 +1,6 @@
 import { css, html } from 'lit';
 import { autoUpdate, size, flip, shift, computePosition } from '@floating-ui/dom';
-import { L as LeuElement } from './LeuElement-x8UlIDDl.js';
+import { L as LeuElement } from './LeuElement-BhAmogDy.js';
 
 var css_248z = css`:host {
   --popup-font-regular: var(--leu-font-family-regular);

package/dist/Radio.d.ts

@@ -16,27 +16,12 @@ declare class LeuRadio extends LeuElement {
         customElements?: CustomElementRegistry;
         registry?: CustomElementRegistry;
     };
-    static properties: {
-        checked: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-        value: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        name: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-    };
-    constructor();
-    handleChange(event: any): void;
-    handleInput(event: any): void;
+    checked: boolean;
+    disabled: boolean;
+    value: string;
+    name: string;
+    private handleChange;
+    private handleInput;
     render(): lit_html.TemplateResult<1>;
 }
 

package/dist/Radio.js

@@ -1,5 +1,7 @@
+import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html } from 'lit';
-import { L as LeuElement } from './LeuElement-x8UlIDDl.js';
+import { property } from 'lit/decorators.js';
+import { L as LeuElement } from './LeuElement-BhAmogDy.js';
 
 var css_248z = css`:host {
   --radio-color: var(--leu-color-black-40);
@@ -97,11 +99,11 @@ var css_248z = css`:host {
  */
 class LeuRadio extends LeuElement {
     constructor() {
-        super();
+        super(...arguments);
         this.checked = false;
         this.disabled = false;
-        this.name = "";
         this.value = "";
+        this.name = "";
     }
     handleChange(event) {
         this.checked = event.target.checked;
@@ -134,11 +136,17 @@ LeuRadio.shadowRootOptions = {
     ...LeuElement.shadowRootOptions,
     delegatesFocus: true,
 };
-LeuRadio.properties = {
-    checked: { type: Boolean, reflect: true },
-    disabled: { type: Boolean, reflect: true },
-    value: { type: String, reflect: true },
-    name: { type: String, reflect: true },
-};
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LeuRadio.prototype, "checked", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LeuRadio.prototype, "disabled", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], LeuRadio.prototype, "value", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], LeuRadio.prototype, "name", void 0);
 
 export { LeuRadio };

package/dist/RadioGroup.d.ts

@@ -3,35 +3,40 @@ import * as lit from 'lit';
 import { L as LeuElement } from './LeuElement.d-BevHqLUu.js';
 
 /**
+ * @summary Handles a group of radio buttons, allowing only one to be selected at a time. It provides keyboard navigation and manages focus within the group.
+ * @slot - Place the radio buttons inside the default slot.
  * @tagname leu-radio-group
  */
 declare class LeuRadioGroup extends LeuElement {
     static styles: lit.CSSResultGroup[];
-    static properties: {
-        orientation: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        label: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-    };
-    constructor();
-    get value(): any;
+    /**
+     * Defines how the radio buttons should be aligned.
+     */
+    orientation: "horizontal" | "vertical";
+    /**
+     * The label of the radio group
+     */
+    label?: string;
+    /**
+     * Index of the radio button that would be focused
+     * when the focus moves into the group.
+     */
+    private currentIndex;
+    private items;
+    get value(): string;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    addEventListeners(): void;
-    removeEventListeners(): void;
-    handleSlotChange(): void;
-    handleFocusIn: (e: any) => void;
-    handleKeyDown: (e: any) => void;
-    handleInput: (e: any) => void;
-    selectItem(selectingItem: any): void;
-    selectNextItem(startingIndex: any, direction: any): void;
-    setTabIndex(): void;
-    handleItems(): void;
-    initializeIndex(): void;
+    private addEventListeners;
+    private removeEventListeners;
+    private handleSlotChange;
+    private handleFocusIn;
+    private handleKeyDown;
+    private handleInput;
+    private selectItem;
+    private selectNextItem;
+    private setTabIndex;
+    private handleItems;
+    private initializeIndex;
     render(): lit_html.TemplateResult<1>;
 }
 

package/dist/RadioGroup.js

@@ -1,6 +1,9 @@
+import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
-import { L as LeuElement } from './LeuElement-x8UlIDDl.js';
+import { property } from 'lit/decorators.js';
+import { L as LeuElement } from './LeuElement-BhAmogDy.js';
+import { LeuRadio } from './Radio.js';
 
 var css_248z = css`:host {
   --group-font-regular: var(--leu-font-family-regular);
@@ -34,13 +37,25 @@ var css_248z = css`:host {
 `;
 
 /**
+ * @summary Handles a group of radio buttons, allowing only one to be selected at a time. It provides keyboard navigation and manages focus within the group.
+ * @slot - Place the radio buttons inside the default slot.
  * @tagname leu-radio-group
  */
 class LeuRadioGroup extends LeuElement {
     constructor() {
-        super();
+        super(...arguments);
+        /**
+         * Defines how the radio buttons should be aligned.
+         */
+        this.orientation = "horizontal";
+        /**
+         * Index of the radio button that would be focused
+         * when the focus moves into the group.
+         */
+        this.currentIndex = 0;
+        this.items = [];
         this.handleFocusIn = (e) => {
-            this._currentIndex = this.items.indexOf(e.target);
+            this.currentIndex = this.items.indexOf(e.target);
         };
         this.handleKeyDown = (e) => {
             const currentIndex = this.items.indexOf(e.target);
@@ -67,10 +82,6 @@ class LeuRadioGroup extends LeuElement {
                 item.checked = item === e.target; // eslint-disable-line no-param-reassign
             });
         };
-        /** @type {"horizontal" | "vertical"} */
-        this.orientation = "horizontal";
-        this._currentIndex = 0;
-        this.items = [];
     }
     get value() {
         const checkedValues = this.items
@@ -130,23 +141,23 @@ class LeuRadioGroup extends LeuElement {
     }
     setTabIndex() {
         this.items.forEach((item, index) => {
-            if (index === this._currentIndex) {
-                item.tabIndex = "0"; // eslint-disable-line no-param-reassign
+            if (index === this.currentIndex) {
+                item.tabIndex = 0; // eslint-disable-line no-param-reassign
             }
             else {
-                item.tabIndex = "-1"; // eslint-disable-line no-param-reassign
+                item.tabIndex = -1; // eslint-disable-line no-param-reassign
             }
         });
     }
     handleItems() {
-        this.items = Array.from(this.querySelectorAll(":scope > *:not([slot])"));
+        this.items = Array.from(this.querySelectorAll(":scope > *:not([slot])")).filter((el) => el instanceof LeuRadio);
         this.initializeIndex();
         this.setTabIndex();
     }
     initializeIndex() {
         const index = this.items.findIndex((item) => item.hasAttribute("checked") && !item.hasAttribute("disabled"));
         const nextEnabledIndex = this.items.findIndex((item) => !item.hasAttribute("disabled"));
-        this._currentIndex = index >= 0 ? index : nextEnabledIndex;
+        this.currentIndex = index >= 0 ? index : nextEnabledIndex;
     }
     render() {
         const fieldsetClasses = {
@@ -162,9 +173,11 @@ class LeuRadioGroup extends LeuElement {
     }
 }
 LeuRadioGroup.styles = [LeuElement.styles, css_248z];
-LeuRadioGroup.properties = {
-    orientation: { type: String, reflect: true },
-    label: { type: String, reflect: true },
-};
+__decorate([
+    property({ type: String, reflect: true })
+], LeuRadioGroup.prototype, "orientation", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], LeuRadioGroup.prototype, "label", void 0);
 
 export { LeuRadioGroup };

package/dist/Range.js

@@ -1,5 +1,5 @@
 import { css, html } from 'lit';
-import { L as LeuElement } from './LeuElement-x8UlIDDl.js';
+import { L as LeuElement } from './LeuElement-BhAmogDy.js';
 
 var css_248z = css`:host {
   --range-color: var(--leu-color-black-40);

package/dist/ScrollTop.d.ts

@@ -3,7 +3,6 @@ import * as lit from 'lit';
 import { L as LeuElement } from './LeuElement.d-BevHqLUu.js';
 import { LeuButton } from './Button.js';
 import { LeuIcon } from './Icon.js';
-import './hasSlotController.d-emXwVXWF.js';
 
 /**
  * @tagname leu-scroll-top

package/dist/ScrollTop.js

@@ -1,9 +1,11 @@
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
-import { L as LeuElement } from './LeuElement-x8UlIDDl.js';
+import { L as LeuElement } from './LeuElement-BhAmogDy.js';
 import { LeuButton } from './Button.js';
 import { LeuIcon } from './Icon.js';
+import './_tslib-CNEFicEt.js';
 import 'lit/directives/if-defined.js';
+import 'lit/decorators.js';
 import './hasSlotController-Bm2tipvG.js';
 
 /**

package/dist/Select.js

@@ -2,7 +2,7 @@ import { css, nothing, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import { L as LeuElement } from './LeuElement-x8UlIDDl.js';
+import { L as LeuElement } from './LeuElement-BhAmogDy.js';
 import { H as HasSlotController } from './hasSlotController-Bm2tipvG.js';
 import { LeuButton } from './Button.js';
 import { LeuMenu } from './Menu.js';
@@ -10,6 +10,8 @@ import { LeuMenuItem } from './MenuItem.js';
 import { LeuIcon } from './Icon.js';
 import { LeuInput } from './Input.js';
 import { LeuPopup } from './Popup.js';
+import './_tslib-CNEFicEt.js';
+import 'lit/decorators.js';
 import 'lit/directives/live.js';
 import '@floating-ui/dom';
 

package/dist/Spinner.js

@@ -1,5 +1,5 @@
 import { css, html } from 'lit';
-import { L as LeuElement } from './LeuElement-x8UlIDDl.js';
+import { L as LeuElement } from './LeuElement-BhAmogDy.js';
 
 var css_248z = css`@keyframes leu-spinner-rotate {
   from {

package/dist/Table.d.ts

@@ -4,7 +4,6 @@ import { L as LeuElement } from './LeuElement.d-BevHqLUu.js';
 import { LeuIcon } from './Icon.js';
 import { LeuPagination } from './Pagination.js';
 import './Button.js';
-import './hasSlotController.d-emXwVXWF.js';
 import './VisuallyHidden.js';
 
 /**

package/dist/Table.js

@@ -2,10 +2,12 @@ import { css, html, nothing } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { createRef, ref } from 'lit/directives/ref.js';
-import { L as LeuElement } from './LeuElement-x8UlIDDl.js';
+import { L as LeuElement } from './LeuElement-BhAmogDy.js';
 import { LeuIcon } from './Icon.js';
 import { LeuPagination } from './Pagination.js';
+import './_tslib-CNEFicEt.js';
 import 'lit/directives/live.js';
+import 'lit/decorators.js';
 import './Button.js';
 import 'lit/directives/if-defined.js';
 import './hasSlotController-Bm2tipvG.js';

package/dist/VisuallyHidden.js

@@ -1,5 +1,5 @@
 import { css, html } from 'lit';
-import { L as LeuElement } from './LeuElement-x8UlIDDl.js';
+import { L as LeuElement } from './LeuElement-BhAmogDy.js';
 
 var css_248z = css`:host {
   clip: rect(0 0 0 0);

package/dist/_tslib-CNEFicEt.js

@@ -0,0 +1,30 @@
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol */
+
+
+function __decorate(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;
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+export { __decorate as _ };

package/dist/components/button/Button.d.ts

@@ -1,28 +1,17 @@
-import { nothing } from "lit";
 import { LeuIcon } from "../icon/Icon.js";
 import { LeuElement } from "../../lib/LeuElement.js";
-import { HasSlotController } from "../../lib/hasSlotController.js";
-declare const BUTTON_VARIANTS: string[];
-export { BUTTON_VARIANTS };
-declare const BUTTON_SIZES: string[];
-export { BUTTON_SIZES };
-declare const BUTTON_TYPES: string[];
-export { BUTTON_TYPES };
-export declare const BUTTON_EXPANDED_OPTIONS: string[];
 /**
  * @tagname leu-button
  * @slot before - The icon to display before the label
  * @slot after - The icon to display after the label
  * @slot - The label of the button or the icon if no label is set
+ * @see https://www.figma.com/file/d6Pv21UVUbnBs3AdcZijHmbN/KTZH-Design-System?type=design&node-id=4-1444&mode=design&t=xu5Vii8jXKKCKDez-0
  */
 export declare class LeuButton extends LeuElement {
     static dependencies: {
         "leu-icon": typeof LeuIcon;
     };
     static styles: import("lit").CSSResultGroup[];
-    /**
-     * @internal
-     */
     static shadowRootOptions: {
         delegatesFocus: boolean;
         mode: ShadowRootMode;
@@ -31,63 +20,62 @@ export declare class LeuButton extends LeuElement {
         customElements?: CustomElementRegistry;
         registry?: CustomElementRegistry;
     };
+    private hasSlotController;
     /**
-     * @internal
+     * `aria-label` of the underlying button elements.
+     * Use it to provide a label when only an icon is visible.
      */
-    hasSlotController: HasSlotController;
-    static properties: {
-        label: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        size: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        variant: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        type: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        componentRole: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-        round: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-        active: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-        inverted: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-        expanded: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        fluid: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
-    };
-    constructor();
-    renderExpandingIcon(): typeof nothing | import("lit-html").TemplateResult<1>;
-    getAriaAttributes(): {
-        role: any;
-        label: any;
-    };
-    hasTextContent(): boolean;
+    label: null | string;
+    /**
+     * The size of the button.
+     */
+    size: "regular" | "small";
+    /**
+     * The visual variant of the button.
+     */
+    variant: "primary" | "secondary" | "ghost";
+    /**
+     * The `type` of the underlying button element.
+     */
+    type: "button" | "submit" | "reset";
+    /**
+     * The `role` of the underlying button element.
+     */
+    componentRole?: string;
+    /**
+     * Whether the button is disabled or not.
+     * @type {boolean}
+     */
+    disabled: boolean;
+    /**
+     * Whether the button should be round.
+     * Can only be applied when the button contains an icon without a visible label.
+     * @type {boolean}
+     */
+    round: boolean;
+    /**
+     * Whether the button is active or not.
+     * Depending on the `componentRole`, it applies `aria-checked` or `aria-selected` to the underlying button element.
+     */
+    active: boolean;
+    /**
+     * Wheter the colors should be inverted. For use on dark backgrounds.
+     */
+    inverted: boolean;
+    /**
+     * Whether the button is expanded or not.
+     * Only has an effect on the variant `ghost` to show an expanding icon.
+     * If the property is not set, the icon will not be shown.
+     * If it is set, the icon will either show an expanded or collapsed state.
+     */
+    expanded?: "true" | "false";
+    /**
+     * Alters the shape of the button to be full width of its parent container
+     */
+    fluid: boolean;
+    private renderExpandingIcon;
+    private getAriaAttributes;
+    private hasTextContent;
     render(): import("lit-html").TemplateResult<1>;
 }
 //# sourceMappingURL=Button.d.ts.map

package/dist/components/button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAA;AAInC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAUlE,QAAA,MAAM,eAAe,UAAoC,CAAA;AAEzD,OAAO,EAAE,eAAe,EAAE,CAAA;AAE1B,QAAA,MAAM,YAAY,UAAuB,CAAA;AAEzC,OAAO,EAAE,YAAY,EAAE,CAAA;AAEvB,QAAA,MAAM,YAAY,UAAgC,CAAA;AAElD,OAAO,EAAE,YAAY,EAAE,CAAA;AAEvB,eAAO,MAAM,uBAAuB,UAAoB,CAAA;AAGxD;;;;;GAKG;AACH,qBAAa,SAAU,SAAQ,UAAU;IACvC,MAAM,CAAC,YAAY;;MAElB;IAED,MAAM,CAAC,MAAM,iCAA8B;IAE3C;;OAEG;IACH,MAAM,CAAC,iBAAiB;;;;;;;MAGvB;IAED;;OAEG;IACH,iBAAiB,oBAIf;IAEF,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAahB;;IAmCD,mBAAmB;IAUnB,iBAAiB;;;;IAiBjB,cAAc;IAOd,MAAM;CAwCP"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAMpD;;;;;;GAMG;AACH,qBAAa,SAAU,SAAQ,UAAU;IACvC,MAAM,CAAC,YAAY;;MAElB;IAED,MAAM,CAAC,MAAM,iCAA8B;IAE3C,MAAM,CAAC,iBAAiB;;;;;;;MAGvB;IAED,OAAO,CAAC,iBAAiB,CAIvB;IAEF;;;OAGG;IAEH,KAAK,EAAE,IAAI,GAAG,MAAM,CAAO;IAE3B;;OAEG;IAEH,IAAI,EAAE,SAAS,GAAG,OAAO,CAAY;IAErC;;OAEG;IAEH,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAY;IAEtD;;OAEG;IAEH,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAW;IAE9C;;OAEG;IAEH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;;OAGG;IAEH,QAAQ,EAAE,OAAO,CAAQ;IAEzB;;;;OAIG;IAEH,KAAK,EAAE,OAAO,CAAQ;IAEtB;;;OAGG;IAEH,MAAM,EAAE,OAAO,CAAQ;IAEvB;;OAEG;IAEH,QAAQ,EAAE,OAAO,CAAQ;IAEzB;;;;;OAKG;IAEH,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAE3B;;OAEG;IAEH,KAAK,EAAE,OAAO,CAAQ;IAEtB,OAAO,CAAC,mBAAmB;IAU3B,OAAO,CAAC,iBAAiB;IA+BzB,OAAO,CAAC,cAAc;IAOtB,MAAM;CAwCP"}

package/dist/components/button/stories/button.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/button/stories/button.stories.ts"],"names":[],"mappings":"AAGA,OAAO,kBAAkB,CAAA;AACzB,OAAO,wBAAwB,CAAA;;;;;;;;;;;;;;AAa/B,wBAYC;AA8CD,eAAO,MAAM,OAAO,KAAoB,CAAA;AAmQxC,eAAO,MAAM,QAAQ,KAA4B,CAAA"}
+{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/button/stories/button.stories.ts"],"names":[],"mappings":"AAGA,OAAO,kBAAkB,CAAA;AACzB,OAAO,wBAAwB,CAAA;;;;;;;;;;;;;;AAY/B,wBAYC;AA8CD,eAAO,MAAM,OAAO,KAAoB,CAAA;AAmQxC,eAAO,MAAM,QAAQ,KAA4B,CAAA"}

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

@@ -1,25 +1,25 @@
 import { LeuElement } from "../../lib/LeuElement.js";
 /**
+ * A radio input-like button group component.
+ * It allows only one button to be active at a time.
  * @tagname leu-button-group
  * @slot - Slot for the buttons
- * @prop {string} value - The value of the currenty selected (active) button
  * @fires input - When the value of the group changes by clicking a button
  */
 export declare class LeuButtonGroup extends LeuElement {
     static styles: import("lit").CSSResultGroup[];
     private _items;
     /**
-     * @param {import("../button/Button.js").LeuButton} button
-     * @returns {string}
+     * Retrieves the value or the text content of a given LeuButton element.
      */
-    static getButtonValue(button: any): any;
-    get value(): any;
-    set value(newValue: any);
-    _handleSlotChange(): void;
+    private static getButtonValue;
     /**
-     * @param {import("../button/Button.js").LeuButton} button
+     * The value of the currently selected (active) button
      */
-    _handleButtonClick(button: any): void;
+    get value(): string;
+    set value(newValue: string);
+    private _handleSlotChange;
+    private _handleButtonClick;
     render(): import("lit-html").TemplateResult<1>;
 }
 //# sourceMappingURL=ButtonGroup.d.ts.map