diff --git a/docs/src/content/docs/experimental/a-pager.mdx b/docs/src/content/docs/experimental/a-pager.mdx
deleted file mode 100644
index 5b39399fa315f58fb39ee69f0f7285f23697725e..0000000000000000000000000000000000000000
--- a/docs/src/content/docs/experimental/a-pager.mdx
+++ /dev/null
@@ -1,18 +0,0 @@
----
-title: a-pager
-description: A reference page in my new Starlight docs site.
----
-
-import { Elements, Pills, Lit, TypeDoc } from "package:/components"
-
-<Pills>
- <Lit />
-</Pills>
-
-<Elements />
-
-<TypeDoc source="../packages/elements/packages/pager" symbol="Pager" />
-
-<div class="not-content box">
- <a-pager count="12" current="3"></a-pager>
-</div>
diff --git a/packages/elements/package.json b/packages/elements/package.json
index fc258bf9b2523e82d755494527162f6e500e084a..964549573ff4d01cd4955c6f420d3719630bb4f1 100644
--- a/packages/elements/package.json
+++ b/packages/elements/package.json
@@ -51,11 +51,6 @@
"require": "./packages/expandable/dist/index.cjs",
"types": "./packages/expandable/src/index.ts"
},
- "./dropdown": {
- "import": "./packages/dropdown/dist/index.js",
- "require": "./packages/dropdown/dist/index.cjs",
- "types": "./packages/dropdown/src/index.ts"
- },
"./track": {
"import": "./packages/track/dist/index.js",
"require": "./packages/track/dist/index.cjs",
@@ -132,4 +127,4 @@
"types": "./packages/chart/src/index.ts"
}
}
-}
\ No newline at end of file
+}
diff --git a/packages/elements/packages/dropdown/.gitignore b/packages/elements/packages/dropdown/.gitignore
deleted file mode 100644
index f9d2ca4bfd885bf993d2768cb9b61acc8180010d..0000000000000000000000000000000000000000
--- a/packages/elements/packages/dropdown/.gitignore
+++ /dev/null
@@ -1,17 +0,0 @@
-# Logs
-npm-debug.log*
-
-# Dependency directories
-node_modules/
-
-# Optional npm cache directory
-.npm
-
-# mac os
-**/.DS_Store
-
-# bundles
-**/*.bundle.js
-**/*.min.js
-dist
-lib
diff --git a/packages/elements/packages/dropdown/.npmignore b/packages/elements/packages/dropdown/.npmignore
deleted file mode 100644
index 024bf06fa2b604da85a857907cd329c2ef7e2c1f..0000000000000000000000000000000000000000
--- a/packages/elements/packages/dropdown/.npmignore
+++ /dev/null
@@ -1,18 +0,0 @@
-# git
-.git
-.gitignore
-
-# logs
-npm-debug.log
-
-# configs
-rollup.config.js
-.eslintrc
-.editorconfig
-.gitlab-ci.yml
-.prettierrc
-.npmrc
-
-# other
-.DS_Store
-.storybook
diff --git a/packages/elements/packages/dropdown/README.md b/packages/elements/packages/dropdown/README.md
deleted file mode 100644
index ad8d37cfa05b52e7bf634ed3d6d21be9fa7a0231..0000000000000000000000000000000000000000
--- a/packages/elements/packages/dropdown/README.md
+++ /dev/null
@@ -1,60 +0,0 @@
-# a-dropdown
-
-Universal dropdown component
-
-## Properties
-
-```typescript
-// If the dropdown should open upwards or downwards
-<a-dropdown direction: 'down' | 'up'; />
-```
-
-```typescript
-// The value or index of the selected option
-// If the option does not have a 'value' attribute, indexes will be used.
-<a-dropdown selected: String; />
-```
-
-```typescript
-// Open state of the dropdown
-<a-dropdown opened: Boolean; />
-```
-
-```typescript
-// Prevents the dropdown from opening
-<a-dropdown disabled: Boolean; />
-```
-
-## Events
-
-```typescript
-// Emitted after the dropdown closed
-<a-dropdown @close />
-```
-
-```typescript
-// Emitted *before* the dropdown opens
-<a-dropdown @open />
-```
-
-```typescript
-// Emitted after a option has been slected by Click or Enter key
-<a-dropdown @select: ({ option: OptionElement; }) => void />
-```
-
-```tsx
-const dropdown = (
- <a-dropdown
- @select={(e) => {
- this.value = e.option.value;
- }}
- >
- <button slot="input">{{ this.value || 'Select' }}</button>
-
- <a-option>Option 1</a-option>
- <a-option>Option 2</a-option>
- <a-option>Option 3</a-option>
- <a-option>Option 4</a-option>
- </a-dropdown>
-);
-```
diff --git a/packages/elements/packages/dropdown/index.html b/packages/elements/packages/dropdown/index.html
deleted file mode 100644
index 30ac51037b8466cad06608efe1ba7511abeaeb09..0000000000000000000000000000000000000000
--- a/packages/elements/packages/dropdown/index.html
+++ /dev/null
@@ -1,58 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
-
- <script type="module">
- import "../src/index.js";
- import "../styles/default.scss";
-
- import { logEvent } from "histoire/client";
- import { reactive } from "vue";
-
- const state = reactive({
- value: "",
- });
-
- const handleSelect = (e) => {
- state.value = e.option.innerText;
- logEvent("Select Option", e);
- };
-
- const exampleOptions = [
- "Option 1",
- "Option 2",
- "Option 3",
- "Some Option",
- "Another Option",
- "Another Option 2",
- "Another Option 3",
- "Option 6",
- "Item 7",
- "Item 8",
- ];
- </script>
-</head>
-
-<body>
- <a-dropdown @select="handleSelect" @open="logEvent('Open', e)" @close="logEvent('Close', e)"
- style="margin-bottom: 200px">
- <button slot="input">{{ state.value || "Select" }}</button>
-
- <a-option>Option 1</a-option>
- <a-option>Option 2</a-option>
- <a-option>Option 3</a-option>
- <a-option>Option 4</a-option>
- <a-option>Option 5</a-option>
- <a-option>Option 6</a-option>
- <a-option>Option 7</a-option>
- <a-option>Option 8</a-option>
- <a-option>Option 9</a-option>
- <a-option>Option 10</a-option>
- </a-dropdown>
-</body>
-
-</html>
diff --git a/packages/elements/packages/dropdown/package.json b/packages/elements/packages/dropdown/package.json
deleted file mode 100644
index cbf7da2aa93998adf4b6c36fdaba91678a7d92fa..0000000000000000000000000000000000000000
--- a/packages/elements/packages/dropdown/package.json
+++ /dev/null
@@ -1,24 +0,0 @@
-{
- "name": "@atrium-ui/dropdown",
- "author": "atrium",
- "contributors": [],
- "private": true,
- "description": "",
- "type": "module",
- "main": "dist/index.js",
- "types": "src/index.ts",
- "scripts": {
- "build": "tsup",
- "dev": "tsup --watch"
- },
- "tsup": {
- "entry": ["src/index.ts"],
- "format": ["esm", "cjs"],
- "external": [
- "lit",
- "@sv/elements"
- ],
- "sourcemap": true,
- "clean": true
- }
-}
diff --git a/packages/elements/packages/dropdown/src/components/dropdown/DoropDownSelectEvent.ts b/packages/elements/packages/dropdown/src/components/dropdown/DoropDownSelectEvent.ts
deleted file mode 100644
index bf246409cadff9ee5408f1ce18dda998778fc2f0..0000000000000000000000000000000000000000
--- a/packages/elements/packages/dropdown/src/components/dropdown/DoropDownSelectEvent.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export class DoropDownSelectEvent extends Event {
- option?: HTMLElement;
-
- constructor(selectedItem) {
- super("select", { bubbles: true });
-
- this.option = selectedItem;
- }
-}
diff --git a/packages/elements/packages/dropdown/src/components/dropdown/Dropdown.ts b/packages/elements/packages/dropdown/src/components/dropdown/Dropdown.ts
deleted file mode 100644
index 18ae8f682f72b975ce1ebdef8d13bd553ca52ac7..0000000000000000000000000000000000000000
--- a/packages/elements/packages/dropdown/src/components/dropdown/Dropdown.ts
+++ /dev/null
@@ -1,316 +0,0 @@
-import { LitElement, css, html } from "lit";
-import { property, query } from "lit/decorators.js";
-import { DoropDownSelectEvent } from "./DoropDownSelectEvent";
-import type { OptionElement } from "./Option";
-
-declare global {
- interface HTMLElementTagNameMap {
- "a-dropdown": Dropdown;
- }
-}
-
-/**
- * - Accessible and styleable dropdown component
- * - Wraps the content in an a-expandable
- *
- * @attribute direction (default: "down") - In what direction the dropdown openes
- * @attribute opened (default: false) - Whether the dropdown is open
- * @attribute disabled (default: false) - Whether the dropdown is disabled.
- * @attribute selected (default: undefined) - The selected option.
- *
- * @example
- * ```html
- * <a-dropdown>
- * <Button slot="input">
- * <div class="w-[150px] text-left">{props.value}</div>
- * </Button>
- *
- * <div class="mt-1 rounded-md border border-zinc-700 bg-zinc-800 p-1">
- * <a-option>Option 1</a-option>
- * <a-option>Option 2</a-option>
- * </div>
- * </a-dropdown>
- * ```
- *
- * @see https://svp.pages.s-v.de/atrium/elements/a-dropdown/
- */
-export class Dropdown extends LitElement {
- static get styles() {
- return css`
- :host {
- display: inline-block;
- position: relative;
- outline: none;
-
- --dropdown-max-height: 200px;
- --dropdown-speed: 75ms;
- --dropdown-position: absolute;
- }
- :host([opened]) {
- z-index: 10;
- }
- .dropdown-container {
- position: var(--dropdown-position);
- top: 100%;
- width: 100%;
- background: inherit;
- }
- :host([direction="up"]) .dropdown-container {
- bottom: 100%;
- top: auto;
- width: 100%;
- }
- a-expandable {
- display: block;
-
- --transition-speed: var(--dropdown-speed);
- }
- .dropdown {
- max-height: var(--dropdown-max-height);
- overflow: auto;
- width: 100%;
- }
- `;
- }
-
- @property({ type: String, reflect: true })
- public direction: "up" | "down" = "down";
-
- @property({ type: String, reflect: true })
- public selected?: string;
-
- @property({ type: Boolean, reflect: true })
- public opened = false;
-
- @property({ type: Boolean, reflect: true })
- public disabled = false;
-
- @query(".dropdown")
- public dropdown!: HTMLElement;
-
- private options: OptionElement[] = [];
-
- public connectedCallback(): void {
- super.connectedCallback();
-
- this.addEventListener("focusout", this.onBlur);
- this.addEventListener("keydown", this.onKeyDown);
- this.addEventListener("keyup", this.onKeyUp);
- }
-
- public disconnectedCallback(): void {
- super.disconnectedCallback();
-
- this.removeEventListener("focusout", this.onBlur);
- this.removeEventListener("keydown", this.onKeyDown);
- this.removeEventListener("keyup", this.onKeyUp);
- }
-
- public selectNext() {
- const selectedElement = this.getOptionByValue(this.selected);
- const index = selectedElement ? this.options.indexOf(selectedElement) : -1;
- const nextIndex = Math.max(index - 1, 0);
- const opt = this.options[nextIndex];
- if (opt) {
- this.selected = this.getValueOfOption(opt);
- this.updateOptionSelection();
- }
- }
-
- public selectPrev() {
- const selectedElement = this.getOptionByValue(this.selected);
- const index = selectedElement ? this.options.indexOf(selectedElement) : -1;
- const nextIndex = Math.min(index + 1, this.options.length - 1);
- const opt = this.options[nextIndex];
- if (opt) {
- this.selected = this.getValueOfOption(opt);
- this.updateOptionSelection();
- }
- }
-
- public reset() {
- this.selected = undefined;
- this.updateOptionSelection();
- }
-
- private submitSelected() {
- if (this.selected) {
- const selectedOptionElement = this.getOptionByValue(this.selected);
- if (selectedOptionElement) {
- this.close();
- this.dispatchEvent(new DoropDownSelectEvent(selectedOptionElement));
- }
- }
- }
-
- public close() {
- this.opened = false;
- this.requestUpdate();
- this.dispatchEvent(new Event("close"));
- }
-
- public open() {
- if (this.disabled) return;
-
- this.dispatchEvent(new Event("open"));
- this.opened = true;
- this.requestUpdate();
-
- const inputElement = this.querySelector(`[slot="input"]`) as HTMLElement;
- if (inputElement) inputElement.focus();
-
- if (this.direction === "up") {
- this.dropdown.scrollTo(0, this.dropdown.scrollHeight);
- }
- }
-
- private onBlur(e) {
- const blurOnNextMouseUp = () => {
- window.removeEventListener("pointerup", blurOnNextMouseUp);
-
- if (!this.querySelector("*:focus-within")) {
- this.close();
- }
- };
- window.addEventListener("pointerup", blurOnNextMouseUp);
- }
-
- private onClick(event: PointerEvent) {
- if (this.opened) {
- this.close();
- } else {
- this.open();
- }
- }
-
- private scrollToSelected() {
- if (this.selected) {
- const selectedOption = this.getOptionByValue(this.selected);
- selectedOption?.scrollIntoView({ block: "nearest" });
- }
- }
-
- private onKeyDown(event: KeyboardEvent) {
- switch (event.key) {
- case "ArrowUp":
- if (this.querySelector("*:focus")) {
- if (this.direction === "up") {
- this.selectPrev();
- } else {
- this.selectNext();
- }
- this.scrollToSelected();
- event.preventDefault();
- }
- break;
- case "ArrowDown":
- if (this.querySelector("*:focus")) {
- if (this.direction === "up") {
- this.selectNext();
- } else {
- this.selectPrev();
- }
- this.scrollToSelected();
- event.preventDefault();
- }
- break;
- case "Tab":
- setTimeout(() => {
- if (!this.querySelector("*:focus-within")) {
- this.close();
- }
- }, 10);
- break;
- case "Enter":
- event.preventDefault();
- break;
- }
- }
-
- private onKeyUp(event: KeyboardEvent) {
- switch (event.key) {
- case "Enter":
- if (this.opened && this.selected !== undefined) {
- this.submitSelected();
- }
- break;
- case "Escape":
- this.close();
- break;
- case "Tab":
- if (!this.opened) {
- this.open();
- }
- break;
- }
- }
-
- private onSlotChange() {
- // update dom image
- this.options = [...this.querySelectorAll("a-option")] as OptionElement[];
-
- if (this.direction === "up") {
- this.options.reverse();
- }
- }
-
- private onOptionsClick(e: MouseEvent) {
- let index = 0;
- for (const child of this.options) {
- if (child === e.target || child.contains(e.target as HTMLElement)) {
- const value = child.getAttribute("value") || index.toString();
- this.selected = value;
- this.submitSelected();
- break;
- }
- index++;
- }
- }
-
- private getValueOfOption(optionElement: OptionElement) {
- return (
- optionElement.getAttribute("value") ||
- this.options.indexOf(optionElement).toString()
- );
- }
-
- private getOptionByValue(value: string | undefined) {
- if (value === undefined) return;
-
- for (const option of this.options) {
- const optionValue = this.getValueOfOption(option);
- if (optionValue === value) return option;
- }
-
- return;
- }
-
- protected updated(): void {
- this.updateOptionSelection();
- }
-
- private updateOptionSelection() {
- const options = this.options;
- for (const option of options) {
- const optionValue = this.getValueOfOption(option);
- if (optionValue === this.selected) {
- option.setAttribute("selected", "");
- } else {
- option.removeAttribute("selected");
- }
- }
- }
-
- render() {
- return html`
- <slot name="input" @click=${this.onClick}></slot>
- <div class="dropdown-container" part="dropdown">
- <a-expandable ?opened="${this.opened}">
- <div class="dropdown" part="options">
- <slot @click=${this.onOptionsClick} @slotchange=${this.onSlotChange}></slot>
- </div>
- </a-expandable>
- </div>
- `;
- }
-}
diff --git a/packages/elements/packages/dropdown/src/components/dropdown/Option.ts b/packages/elements/packages/dropdown/src/components/dropdown/Option.ts
deleted file mode 100644
index 422235ef9af5cd195a1b996c39562e2a08c9ea73..0000000000000000000000000000000000000000
--- a/packages/elements/packages/dropdown/src/components/dropdown/Option.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { LitElement, css, html } from "lit";
-import { property } from "lit/decorators.js";
-
-declare global {
- interface HTMLElementTagNameMap {
- "a-option": OptionElement;
- }
-}
-
-export class OptionElement extends LitElement {
- static get styles() {
- return css`
- :host {
- display: block;
- }
- `;
- }
-
- @property({ type: String, reflect: true })
- public value!: string;
-
- render() {
- return html`<slot></slot>`;
- }
-}
diff --git a/packages/elements/packages/dropdown/src/index.ts b/packages/elements/packages/dropdown/src/index.ts
deleted file mode 100644
index d6cb9bb4e25fa6b893ce5c8b1ff5e56024ad6086..0000000000000000000000000000000000000000
--- a/packages/elements/packages/dropdown/src/index.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-/**
- * @license
- * Copyright (c) 2024 Atrium Contributors
- * SPDX-License-Identifier: MIT
- */
-
-import "@sv/elements/expandable";
-import { Dropdown } from "./components/dropdown/Dropdown";
-import { OptionElement } from "./components/dropdown/Option";
-
-try {
- customElements.define("a-option", OptionElement);
- customElements.define("a-dropdown", Dropdown);
-} catch (err) {
- console.warn("a-dropdown already defined");
-}
-
-export { Dropdown, OptionElement };
diff --git a/packages/elements/packages/dropdown/tsconfig.json b/packages/elements/packages/dropdown/tsconfig.json
deleted file mode 100644
index 4082f16a5d91ce6f21a9092b14170eeecc8f1d75..0000000000000000000000000000000000000000
--- a/packages/elements/packages/dropdown/tsconfig.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
- "extends": "../../tsconfig.json"
-}
diff --git a/packages/elements/packages/pager/README.md b/packages/elements/packages/pager/README.md
deleted file mode 100644
index e8be8c4720f3d02519b9f0f85b9a724cc7d42d99..0000000000000000000000000000000000000000
--- a/packages/elements/packages/pager/README.md
+++ /dev/null
@@ -1 +0,0 @@
-# pager
diff --git a/packages/elements/packages/pager/index.html b/packages/elements/packages/pager/index.html
deleted file mode 100644
index a5daee62e6b416aa6f2250e03fbb38226c6ac670..0000000000000000000000000000000000000000
--- a/packages/elements/packages/pager/index.html
+++ /dev/null
@@ -1,18 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
-
- <script>
- import "./src/index.js";
- </script>
-</head>
-
-<body>
- <a-pager count="12" current="3"></a-pager>
-</body>
-
-</html>
diff --git a/packages/elements/packages/pager/package.json b/packages/elements/packages/pager/package.json
deleted file mode 100644
index b1d167940c08495a6dbb4a68a259c13cd9432897..0000000000000000000000000000000000000000
--- a/packages/elements/packages/pager/package.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
- "name": "@atrium-ui/pager",
- "author": "atrium",
- "contributors": [],
- "private": true,
- "description": "",
- "type": "module",
- "main": "dist/index.js",
- "types": "src/index.ts",
- "scripts": {
- "build": "tsup"
- },
- "tsup": {
- "entry": ["src/index.ts"],
- "format": ["esm", "cjs"],
- "external": [
- "lit",
- "@sv/elements"
- ],
- "sourcemap": true,
- "clean": true
- }
-}
diff --git a/packages/elements/packages/pager/src/Pager.ts b/packages/elements/packages/pager/src/Pager.ts
deleted file mode 100644
index b033188a33428fc95b02b1d08b59c7b4ce39003f..0000000000000000000000000000000000000000
--- a/packages/elements/packages/pager/src/Pager.ts
+++ /dev/null
@@ -1,190 +0,0 @@
-import { type HTMLTemplateResult, LitElement, css, html } from "lit";
-import { customElement, property } from "lit/decorators.js";
-
-declare global {
- interface HTMLElementTagNameMap {
- "a-pager": Pager;
- }
-}
-
-@customElement("a-pager")
-export class Pager extends LitElement {
- public static styles = css`
- .pagination {
- display: flex;
- justify-content: center;
- }
-
- .pagination__spacer {
- opacity: 0.5;
- pointer-events: none;
- user-select: none;
- }
-
- .pagination__item {
- display: inline-block;
- padding: 0 8px;
- margin: 0 2px;
- opacity: 0.5;
- cursor: pointer;
- user-select: none;
- transition: font-weight 0.2s ease, transform 0.33s ease-out;
- }
-
- .pagination__item:hover {
- opacity: 0.75;
- }
-
- .pagination__item:active {
- }
-
- .pagination__item[active="true"] {
- font-weight: 600;
- opacity: 1;
- }
-
- .pagination__arrow {
- cursor: pointer;
- margin: 0 20px;
- opacity: 0;
- pointer-events: none;
- transition: opacity 0.15s ease;
- }
-
- .pagination__arrow:focus,
- .pagination__arrow:hover {
- }
-
- .pagination__arrow:active {
- }
-
- .pagination__arrow--shown {
- opacity: 1;
- pointer-events: all;
- }
-
- button {
- all: unset;
- }
- `;
-
- @property({ type: Number, reflect: true })
- public count = 1;
-
- @property({ type: Number, reflect: true })
- public current = 1;
-
- pagerChunkSize = 4;
-
- lastPageIndex() {
- return this.count - 1;
- }
-
- currentPageIndex() {
- return +this.current - 1;
- }
-
- pagerChunk() {
- return Math.max(0, Math.floor(this.current / this.pagerChunkSize));
- }
-
- pagesToShow() {
- const pages: number[] = [];
- const firstPage = this.pagerChunk() * this.pagerChunkSize;
-
- for (let p = -2; p < this.pagerChunkSize; p++) {
- const page = firstPage + p;
-
- if (page >= 0 && page <= this.lastPageIndex()) {
- pages.push(page);
- }
- }
-
- return pages;
- }
-
- showPrefix() {
- return this.pagerChunk() > 0;
- }
-
- showSuffix() {
- const pages = Math.floor(this.lastPageIndex() / this.pagerChunkSize);
- return this.pagerChunk() < pages;
- }
-
- prevPage() {
- const page = Math.max(1, +this.current - 1);
- this.dispatchEvent(new CustomEvent("page-change", { detail: page }));
- this.requestUpdate();
- }
-
- nextPage() {
- const page = Math.min(+this.current + 1, +this.count);
- this.dispatchEvent(new CustomEvent("page-change", { detail: page }));
- this.requestUpdate();
- }
-
- goToPage(index) {
- const page = index + 1;
- this.dispatchEvent(new CustomEvent("page-change", { detail: page }));
- this.requestUpdate();
- }
-
- protected render(): HTMLTemplateResult {
- return html`
- <div class="pagination c4">
- <button
- class=${`pagination__arrow ${
- +this.current > 1 ? "pagination__arrow--shown" : ""
- }`}
- @click=${() => this.prevPage()}
- >
- <slot name="arrow-left"> < </slot>
- </button>
-
- <div class="pagination__pages">
- ${
- this.showPrefix()
- ? html`
- <span class="pagination__item" @click=${() => this.goToPage(0)}> 1 </span>
- <span class="pagination__spacer"> ... </span>
- `
- : null
- }
- ${this.pagesToShow().map((page) => {
- return html`
- <span
- class="pagination__item"
- active=${page === this.currentPageIndex()}
- @click=${() => this.goToPage(page)}
- >${page + 1}
- </span>
- `;
- })}
- ${
- this.showSuffix()
- ? html`
- <span class="pagination__spacer"> ... </span>
- <span
- class="pagination__item"
- @click=${() => this.goToPage(this.lastPageIndex())}
- >
- ${this.count}
- </span>
- `
- : null
- }
- </div>
-
- <button
- class=${`pagination__arrow ${
- +this.current < +this.count ? "pagination__arrow--shown" : ""
- }`}
- @click=${() => this.nextPage()}
- >
- <slot name="arrow-right"> > </slot>
- </button>
- </div>
- `;
- }
-}
diff --git a/packages/elements/packages/pager/src/index.ts b/packages/elements/packages/pager/src/index.ts
deleted file mode 100644
index 20206f6d9a80aa7e4d60a23adbc84312aa619c54..0000000000000000000000000000000000000000
--- a/packages/elements/packages/pager/src/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright (c) 2024 Atrium Contributors
- * SPDX-License-Identifier: MIT
- */
-
-export { Pager } from "./Pager";
diff --git a/packages/elements/packages/pager/tsconfig.json b/packages/elements/packages/pager/tsconfig.json
deleted file mode 100644
index 4082f16a5d91ce6f21a9092b14170eeecc8f1d75..0000000000000000000000000000000000000000
--- a/packages/elements/packages/pager/tsconfig.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
- "extends": "../../tsconfig.json"
-}
diff --git a/packages/elements/packages/select/src/Select.ts b/packages/elements/packages/select/src/Select.ts
index 74bfacb6cbc45da24ccca2c0ab79ae64de837e43..e8437f09a8d7cd51f62e0bd35778ce0463ce9e2c 100644
--- a/packages/elements/packages/select/src/Select.ts
+++ b/packages/elements/packages/select/src/Select.ts
@@ -85,6 +85,7 @@ export class Select extends LitElement {
.dropdown {
max-height: var(--dropdown-max-height);
overflow: auto;
+ height: 100%;
width: 100%;
}
`;