@statistikzh/leu 0.26.0 → 0.28.0

package/dist/Tab-CN97q0nj.d.ts

@@ -0,0 +1,30 @@
+import { t as LeuElement } from "./LeuElement-DK1jntuu.js";
+import { PropertyValues } from "lit";
+import * as lit_html0 from "lit-html";
+
+//#region src/components/tab/Tab.d.ts
+/**
+ * Tab Button.
+ *
+ * @prop {string} name - Name to link Button and Panel together
+ * @prop {boolean} active - Is active
+ *
+ * @tagname leu-tab
+ */
+declare class LeuTab extends LeuElement {
+  static styles: any[];
+  protected readonly componentId: string;
+  /**
+   * Name of the tab. Apply the same name to the corresponding panel to link them together.
+   * Has to be unique within the tab component.
+   */
+  name: string;
+  active: boolean;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  handleClick(): void;
+  updated(changedProperties: PropertyValues<this>): void;
+  render(): lit_html0.TemplateResult<1>;
+}
+//#endregion
+export { LeuTab as t };

package/dist/Tab-Ce9nrDok.js

@@ -0,0 +1,117 @@
+import { t as LeuElement } from "./LeuElement-DQI8cqZV.js";
+import { t as __decorate } from "./decorate-DwpAc4D0.js";
+import { css, html } from "lit";
+import { property } from "lit/decorators.js";
+//#region src/components/tab/tab.css?inline
+var tab_default = css`:host {
+  --tab-button-font-regular: var(--leu-font-family-regular);
+
+  --tab-button-active-background: var(--leu-color-black-100);
+  --tab-button-active-color: var(--leu-color-black-0);
+
+  --tab-button-inactive-background: var(--leu-color-black-transp-10);
+  --tab-button-inactive-color: var(--leu-color-black-transp-60);
+
+  --tab-button-hover-background: var(--leu-color-black-transp-20);
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-family: var(--tab-button-font-regular);
+  background: var(--tab-button-inactive-background);
+  color: var(--tab-button-inactive-color);
+  border: 0;
+  border-radius: 0.25rem;
+  padding: 0.5rem 0.75rem;
+  cursor: pointer;
+
+  white-space: nowrap;
+}
+@media (min-width: 1024px) {
+:host {
+    padding-left: 1rem;
+    padding-right: 1rem;
+}
+  }
+:host(:hover) {
+  background: var(--tab-button-hover-background);
+}
+:host(:focus-visible) {
+  outline: 2px solid var(--leu-color-func-cyan);
+  outline-offset: 2px;
+}
+:host([active]) {
+  background: var(--tab-button-active-background);
+  color: var(--tab-button-active-color);
+}
+.label {
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+@media (min-width: 1024px) {
+.label {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+}
+  }
+`;
+//#endregion
+//#region src/components/tab/Tab.ts
+let nextId = 1;
+/**
+* Tab Button.
+*
+* @prop {string} name - Name to link Button and Panel together
+* @prop {boolean} active - Is active
+*
+* @tagname leu-tab
+*/
+var LeuTab = class extends LeuElement {
+	constructor(..._args) {
+		super(..._args);
+		this.componentId = `leu-tab-${nextId++}`;
+		this.name = "";
+		this.active = false;
+	}
+	static {
+		this.styles = [LeuElement.styles, tab_default];
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		this.setAttribute("role", "tab");
+		this.addEventListener("click", this.handleClick);
+		this.id = this.id.length > 0 ? this.id : this.componentId;
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		this.removeEventListener("click", this.handleClick);
+	}
+	handleClick() {
+		if (this.active) return;
+		this.active = true;
+		this.dispatchEvent(new CustomEvent("leu:tab-select", {
+			detail: { name: this.name },
+			bubbles: true,
+			composed: true
+		}));
+	}
+	updated(changedProperties) {
+		if (changedProperties.has("active")) {
+			this.ariaSelected = this.active ? "true" : "false";
+			this.tabIndex = this.active ? 0 : -1;
+		}
+	}
+	render() {
+		return html`<span class="label"><slot></slot></span>`;
+	}
+};
+__decorate([property({
+	type: String,
+	reflect: true
+})], LeuTab.prototype, "name", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], LeuTab.prototype, "active", void 0);
+//#endregion
+export { LeuTab as t };

package/dist/Tab.d.ts

@@ -0,0 +1,2 @@
+import { t as LeuTab } from "./Tab-CN97q0nj.js";
+export { LeuTab };

package/dist/Tab.js

@@ -0,0 +1,3 @@
+import "./LeuElement-DQI8cqZV.js";
+import { t as LeuTab } from "./Tab-Ce9nrDok.js";
+export { LeuTab };

package/dist/TabGroup-C-cd4Wcx.js

@@ -0,0 +1,248 @@
+import { t as LeuElement } from "./LeuElement-DQI8cqZV.js";
+import { t as __decorate } from "./decorate-DwpAc4D0.js";
+import { t as LeuTab } from "./Tab-Ce9nrDok.js";
+import { t as LeuTabPanel } from "./TabPanel-BW1ydVBT.js";
+import { css, html } from "lit";
+import { property, state } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import { createRef, ref } from "lit/directives/ref.js";
+//#region src/components/tab/tab-group.css?inline
+var tab_group_default = css`:host {
+  --tab-font-regular: var(--leu-font-family-regular);
+  --tab-font-black: var(--leu-font-family-black);
+
+  font-family: var(--tab-font-regular);
+}
+.container {
+  position: relative;
+  width: 100%;
+}
+.container::before,
+.container::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  height: 100%;
+  width: 0.375rem;
+  pointer-events: none;
+  visibility: hidden;
+  opacity: 0;
+  transition: 0.2s ease;
+  transition-property: visibility, opacity;
+}
+.container::before {
+  left: 0;
+  background: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent);
+}
+.container::after {
+  right: 0;
+  background: linear-gradient(to left, rgba(0, 0, 0, 0.2), transparent);
+}
+.container--scrollable-left::before,
+.container--scrollable-right::after {
+  visibility: visible;
+  opacity: 1;
+}
+.tab-menu {
+  display: flex;
+  gap: 0.5rem;
+  padding: 0.5rem 0;
+  margin-bottom: 1.5rem;
+  border-bottom: 1px solid var(--leu-color-black-transp-10);
+
+  overflow: auto;
+  scrollbar-width: thin;
+}
+@media (min-width: 1024px) {
+.tab-menu {
+    margin-bottom: 2rem;
+}
+  }
+@media (min-width: 1280px) {
+.tab-menu {
+    padding: 1rem 0;
+    margin-bottom: 2.5rem;
+}
+  }
+`;
+//#endregion
+//#region src/components/tab/TabGroup.ts
+/**
+* Tab Group
+*
+* @slot tabs - Slot for the leu-tab elements
+* @slot panels - Slot for the leu-tab-panel elements
+* @todo: add disabled state to tabs and panels
+* @todo: add backdrop / shadow
+* @todo: add styling option for full-bleed layout (tabslist is full-bleed, panels use the full width of the container)
+*
+* @tagname leu-tab-group
+*/
+var LeuTabGroup = class extends LeuElement {
+	constructor(..._args) {
+		super(..._args);
+		this.label = "";
+		this.active = "";
+		this.isScrollable = {
+			left: false,
+			right: false
+		};
+		this.tabs = [];
+		this.panels = [];
+		this.initialShowEventDispatched = false;
+		this.tabMenuRef = createRef();
+		this.resizeObserver = new ResizeObserver(() => {
+			this.checkScrollable();
+		});
+		this.mutationObserver = new MutationObserver((records) => {
+			for (const record of records) {
+				if (!(record.target instanceof HTMLElement)) continue;
+				if (record.type === "attributes" && record.attributeName === "id" && record.target.matches("leu-tab, leu-tab-panel")) {
+					this.linkTabsAndPanels();
+					continue;
+				}
+			}
+		});
+	}
+	static {
+		this.styles = [LeuElement.styles, tab_group_default];
+	}
+	connectedCallback() {
+		super.connectedCallback();
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		this.resizeObserver.disconnect();
+		this.mutationObserver.disconnect();
+	}
+	firstUpdated() {
+		if (this.tabMenuRef.value) this.resizeObserver.observe(this.tabMenuRef.value);
+		this.mutationObserver.observe(this, {
+			subtree: true,
+			attributes: true,
+			attributeFilter: ["id"]
+		});
+	}
+	updated(changedProperties) {
+		if (changedProperties.has("active") || changedProperties.has("tabs") || changedProperties.has("panels")) {
+			this.updatePanels();
+			this.updateTabs();
+		}
+	}
+	async handleTabsSlotChange() {
+		this.tabs = (this.shadowRoot?.querySelector("slot[name=\"tabs\"]"))?.assignedElements({ flatten: true }).filter((el) => el instanceof LeuTab) ?? [];
+		if (this.tabs.length > 0 && !this.tabs.some((tab) => tab.name === this.active)) this.active = this.tabs[0].name;
+		this.linkTabsAndPanels();
+		await this.updateComplete;
+		this.checkScrollable();
+	}
+	handlePanelsSlotChange() {
+		this.panels = (this.shadowRoot?.querySelector("slot[name=\"panels\"]"))?.assignedElements({ flatten: true }).filter((el) => el instanceof LeuTabPanel) ?? [];
+		this.linkTabsAndPanels();
+	}
+	/**
+	* Link tabs and panels by setting the appropriate aria attributes.
+	* Generates global ids for tabs and panels if they don't have one.
+	*/
+	linkTabsAndPanels() {
+		for (const tab of this.tabs) {
+			const panel = this.panels.find((o) => o.name === tab.name);
+			if (!panel) continue;
+			tab.setAttribute("aria-controls", panel.id);
+			panel.setAttribute("aria-labelledby", tab.id);
+		}
+	}
+	get activeTab() {
+		return this.tabs.find((o) => o.active);
+	}
+	get activePanel() {
+		return this.panels.find((o) => o.name === this.activeTab?.name);
+	}
+	updatePanels() {
+		for (const panel of this.panels) panel.active = panel.name === this.active;
+	}
+	updateTabs() {
+		for (const tab of this.tabs) tab.active = tab.name === this.active;
+	}
+	async keydownHandler(event) {
+		const activeTab = this.activeTab;
+		let nextTab = null;
+		if (![
+			"ArrowRight",
+			"ArrowLeft",
+			"Home",
+			"End"
+		].includes(event.key) || !activeTab) return;
+		switch (event.key) {
+			case "ArrowRight":
+			case "ArrowLeft": {
+				const direction = event.key === "ArrowRight" ? 1 : -1;
+				const currentIndex = this.tabs.indexOf(activeTab);
+				const numOfTabs = this.tabs.length;
+				const nextIndex = (currentIndex + direction + numOfTabs) % numOfTabs;
+				nextTab = this.tabs[nextIndex];
+				break;
+			}
+			case "Home":
+				nextTab = this.tabs[0];
+				break;
+			case "End":
+				nextTab = this.tabs[this.tabs.length - 1];
+				break;
+			default: return;
+		}
+		this.active = nextTab.name;
+		await this.updateComplete;
+		nextTab.focus();
+		nextTab.scrollIntoView({
+			block: "nearest",
+			inline: "nearest"
+		});
+	}
+	checkScrollable() {
+		const tabMenu = this.tabMenuRef.value;
+		if (!tabMenu) return;
+		this.isScrollable = {
+			left: tabMenu.scrollLeft > 0,
+			right: tabMenu.scrollLeft < tabMenu.scrollWidth - tabMenu.clientWidth
+		};
+	}
+	handleScrollEvent() {
+		this.checkScrollable();
+	}
+	handleTabSelect(event) {
+		this.active = event.detail.name;
+	}
+	render() {
+		return html`
+      <div class=${classMap({
+			container: true,
+			"container--scrollable-left": this.isScrollable.left,
+			"container--scrollable-right": this.isScrollable.right
+		})}>
+        <div
+          class="tab-menu"
+          role="tablist"
+          @keydown=${this.keydownHandler}
+          @leu:tab-select=${this.handleTabSelect}
+          @scroll="${this.handleScrollEvent}"
+          aria-label=${this.label}
+          ${ref(this.tabMenuRef)}
+        >
+          <slot name="tabs" @slotchange=${this.handleTabsSlotChange}></slot>
+        </div>
+      </div>
+      <slot name="panels" @slotchange=${this.handlePanelsSlotChange}></slot>
+    `;
+	}
+};
+__decorate([property({ type: String })], LeuTabGroup.prototype, "label", void 0);
+__decorate([property({
+	type: String,
+	reflect: true
+})], LeuTabGroup.prototype, "active", void 0);
+__decorate([state()], LeuTabGroup.prototype, "isScrollable", void 0);
+__decorate([state()], LeuTabGroup.prototype, "tabs", void 0);
+__decorate([state()], LeuTabGroup.prototype, "panels", void 0);
+//#endregion
+export { LeuTabGroup as t };

package/dist/TabGroup.d.ts

@@ -0,0 +1,64 @@
+import { t as LeuElement } from "./LeuElement-DK1jntuu.js";
+import { t as LeuTab } from "./Tab-CN97q0nj.js";
+import { t as LeuTabPanel } from "./TabPanel-DQgWP7LO.js";
+import { PropertyValues } from "lit";
+import * as lit_html0 from "lit-html";
+import * as lit_html_directives_ref_js0 from "lit-html/directives/ref.js";
+
+//#region src/components/tab/TabGroup.d.ts
+type ScrollableState = {
+  left: boolean;
+  right: boolean;
+};
+/**
+ * Tab Group
+ *
+ * @slot tabs - Slot for the leu-tab elements
+ * @slot panels - Slot for the leu-tab-panel elements
+ * @todo: add disabled state to tabs and panels
+ * @todo: add backdrop / shadow
+ * @todo: add styling option for full-bleed layout (tabslist is full-bleed, panels use the full width of the container)
+ *
+ * @tagname leu-tab-group
+ */
+declare class LeuTabGroup extends LeuElement {
+  static styles: any[];
+  /**
+   * Label for the tab list, used for accessibility.
+   * Content will not be visible on the page, but should be provided for screen readers.
+   */
+  label: string;
+  /**
+   * Name of the active/selected tab and panel. Has to match the name property of a leu-tab and leu-tab-panel.
+   */
+  active: string;
+  protected isScrollable: ScrollableState;
+  protected tabs: LeuTab[];
+  protected panels: LeuTabPanel[];
+  protected initialShowEventDispatched: boolean;
+  protected tabMenuRef: lit_html_directives_ref_js0.Ref<HTMLDivElement>;
+  protected resizeObserver: ResizeObserver;
+  protected mutationObserver: MutationObserver;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  firstUpdated(): void;
+  updated(changedProperties: PropertyValues): void;
+  protected handleTabsSlotChange(): Promise<void>;
+  protected handlePanelsSlotChange(): void;
+  /**
+   * Link tabs and panels by setting the appropriate aria attributes.
+   * Generates global ids for tabs and panels if they don't have one.
+   */
+  protected linkTabsAndPanels(): void;
+  protected get activeTab(): LeuTab;
+  protected get activePanel(): LeuTabPanel;
+  protected updatePanels(): void;
+  protected updateTabs(): void;
+  protected keydownHandler(event: KeyboardEvent): Promise<void>;
+  protected checkScrollable(): void;
+  protected handleScrollEvent(): void;
+  protected handleTabSelect(event: CustomEvent): void;
+  render(): lit_html0.TemplateResult<1>;
+}
+//#endregion
+export { LeuTabGroup };

package/dist/TabGroup.js

@@ -0,0 +1,5 @@
+import "./LeuElement-DQI8cqZV.js";
+import "./Tab-Ce9nrDok.js";
+import "./TabPanel-BW1ydVBT.js";
+import { t as LeuTabGroup } from "./TabGroup-C-cd4Wcx.js";
+export { LeuTabGroup };

package/dist/TabPanel-BW1ydVBT.js

@@ -0,0 +1,65 @@
+import { t as LeuElement } from "./LeuElement-DQI8cqZV.js";
+import { t as __decorate } from "./decorate-DwpAc4D0.js";
+import { css, html } from "lit";
+import { property } from "lit/decorators.js";
+//#region src/components/tab/tab-panel.css?inline
+var tab_panel_default = css`:host {
+  --tab-panel-font-regular: var(--leu-font-family-regular);
+  --tab-panel-font-black: var(--leu-font-family-black);
+
+  font-family: var(--tab-panel-font-regular);
+}
+
+:host([aria-hidden="true"]) {
+  display: none;
+}
+`;
+//#endregion
+//#region src/components/tab/TabPanel.ts
+let nextId = 1;
+/**
+* Tab Panel
+*
+* @tagname leu-tab-panel
+* @fires leu:show-tab-panel - Fired when a tab panel is shown
+*/
+var LeuTabPanel = class extends LeuElement {
+	constructor(..._args) {
+		super(..._args);
+		this.componentId = `leu-tab-panel-${nextId++}`;
+		this.name = "";
+		this.active = false;
+	}
+	static {
+		this.styles = [LeuElement.styles, tab_panel_default];
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		this.setAttribute("role", "tabpanel");
+		this.tabIndex = 0;
+		this.id = this.id.length > 0 ? this.id : this.componentId;
+	}
+	updated(changedProperties) {
+		if (changedProperties.has("active")) {
+			this.ariaHidden = this.active ? "false" : "true";
+			if (this.active) this.dispatchEvent(new CustomEvent("leu:show-tab-panel", {
+				detail: { name: this.name },
+				bubbles: true,
+				composed: true
+			}));
+		}
+	}
+	render() {
+		return html`<slot></slot>`;
+	}
+};
+__decorate([property({
+	type: String,
+	reflect: true
+})], LeuTabPanel.prototype, "name", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], LeuTabPanel.prototype, "active", void 0);
+//#endregion
+export { LeuTabPanel as t };

package/dist/TabPanel-DQgWP7LO.d.ts

@@ -0,0 +1,26 @@
+import { t as LeuElement } from "./LeuElement-DK1jntuu.js";
+import { PropertyValues } from "lit";
+import * as lit_html0 from "lit-html";
+
+//#region src/components/tab/TabPanel.d.ts
+/**
+ * Tab Panel
+ *
+ * @tagname leu-tab-panel
+ * @fires leu:show-tab-panel - Fired when a tab panel is shown
+ */
+declare class LeuTabPanel extends LeuElement {
+  static styles: any[];
+  protected readonly componentId: string;
+  /**
+   * Name of the tab. Apply the same name to the corresponding tab button to link them together.
+   * Has to be unique within the tab component.
+   */
+  name: string;
+  active: boolean;
+  connectedCallback(): void;
+  protected updated(changedProperties: PropertyValues): void;
+  render(): lit_html0.TemplateResult<1>;
+}
+//#endregion
+export { LeuTabPanel as t };

package/dist/TabPanel.d.ts

@@ -0,0 +1,2 @@
+import { t as LeuTabPanel } from "./TabPanel-DQgWP7LO.js";
+export { LeuTabPanel };

package/dist/TabPanel.js

@@ -0,0 +1,3 @@
+import "./LeuElement-DQI8cqZV.js";
+import { t as LeuTabPanel } from "./TabPanel-BW1ydVBT.js";
+export { LeuTabPanel };

package/dist/{Table-BgCxfBcm.js → Table-DiYqIzBu.js}

@@ -1,6 +1,6 @@
-import { t as LeuElement } from "./LeuElement-BeFrgKes.js";
-import { t as LeuIcon } from "./Icon-C_yYuynf.js";
-import { t as LeuPagination } from "./Pagination-DJI5MIi_.js";
+import { t as LeuElement } from "./LeuElement-DQI8cqZV.js";
+import { t as LeuIcon } from "./Icon-D83qesg5.js";
+import { t as LeuPagination } from "./Pagination-CIy7YvWE.js";
 import { css, html, noChange, nothing } from "lit";
 import { classMap } from "lit/directives/class-map.js";
 import { createRef, ref } from "lit/directives/ref.js";

package/dist/Table.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 LeuPagination } from "./Pagination-CqkHh-Vd.js";
+import { t as LeuElement } from "./LeuElement-DK1jntuu.js";
+import { t as LeuIcon } from "./Icon-CUfh3eb3.js";
+import { t as LeuPagination } from "./Pagination-9eZ8WMvR.js";
 import * as lit_html0 from "lit-html";
 
 //#region src/components/table/Table.d.ts

package/dist/Table.js

@@ -1,9 +1,9 @@
-import "./LeuElement-BeFrgKes.js";
-import "./Icon-C_yYuynf.js";
-import "./Spinner-DDTqijTO.js";
-import "./Button-BkhqVjug.js";
+import "./LeuElement-DQI8cqZV.js";
+import "./Icon-D83qesg5.js";
+import "./Spinner-BBiVZxFH.js";
+import "./Button-DyNVOHCd.js";
 import "./FormAssociatedMixin-DLPvFtbT.js";
-import "./VisuallyHidden-pll3amXE.js";
-import "./Pagination-DJI5MIi_.js";
-import { t as LeuTable } from "./Table-BgCxfBcm.js";
+import "./VisuallyHidden-CpYXyuC7.js";
+import "./Pagination-CIy7YvWE.js";
+import { t as LeuTable } from "./Table-DiYqIzBu.js";
 export { LeuTable };

package/dist/{Tag-DK2KkPIQ.js → Tag-Ct8Hhv7W.js}

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

package/dist/Tag.d.ts

@@ -1,4 +1,4 @@
-import { t as LeuElement } from "./LeuElement-pJFU18Xm.js";
+import { t as LeuElement } from "./LeuElement-DK1jntuu.js";
 import * as lit_html0 from "lit-html";
 
 //#region src/components/tag/Tag.d.ts

package/dist/Tag.js

@@ -1,3 +1,3 @@
-import "./LeuElement-BeFrgKes.js";
-import { t as LeuTag } from "./Tag-DK2KkPIQ.js";
+import "./LeuElement-DQI8cqZV.js";
+import { t as LeuTag } from "./Tag-Ct8Hhv7W.js";
 export { LeuTag };

package/dist/{VisuallyHidden-OeQvhxYn.d.ts → VisuallyHidden-CB7aRJzF.d.ts}

@@ -1,4 +1,4 @@
-import { t as LeuElement } from "./LeuElement-pJFU18Xm.js";
+import { t as LeuElement } from "./LeuElement-DK1jntuu.js";
 import * as lit_html0 from "lit-html";
 
 //#region src/components/visually-hidden/VisuallyHidden.d.ts

package/dist/{VisuallyHidden-pll3amXE.js → VisuallyHidden-CpYXyuC7.js}

@@ -1,4 +1,4 @@
-import { t as LeuElement } from "./LeuElement-BeFrgKes.js";
+import { t as LeuElement } from "./LeuElement-DQI8cqZV.js";
 import { css, html } from "lit";
 //#region src/components/visually-hidden/visually-hidden.css?inline
 var visually_hidden_default = css`:host {

package/dist/VisuallyHidden.d.ts

@@ -1,2 +1,2 @@
-import { t as LeuVisuallyHidden } from "./VisuallyHidden-OeQvhxYn.js";
+import { t as LeuVisuallyHidden } from "./VisuallyHidden-CB7aRJzF.js";
 export { LeuVisuallyHidden };

package/dist/VisuallyHidden.js

@@ -1,3 +1,3 @@
-import "./LeuElement-BeFrgKes.js";
-import { t as LeuVisuallyHidden } from "./VisuallyHidden-pll3amXE.js";
+import "./LeuElement-DQI8cqZV.js";
+import { t as LeuVisuallyHidden } from "./VisuallyHidden-CpYXyuC7.js";
 export { LeuVisuallyHidden };