From d1bc562b5c17e024939b2b8df91bb31751ab78a3 Mon Sep 17 00:00:00 2001
From: Juergen Kunz <juergen@foss.global>
Date: Fri, 5 Dec 2025 10:19:37 +0000
Subject: [PATCH] Refactor import paths for consistency and clarity across
 multiple components

- Updated import paths in dees-panel, dees-pdf, dees-progressbar, dees-searchbar, dees-shopping-productcard, dees-simple-appdash, dees-speechbubble, dees-statsgrid, dees-table, dees-toast, dees-updater, and dees-windowlayer to use consistent directory structure.
- Created index.ts files for various components to streamline imports and improve modularity.
- Ensured all imports point to the correct subdirectory structure, enhancing maintainability and readability of the codebase.
---
 .../dees-appui-activitylog.ts                 |   4 +-
 .../elements/dees-appui-activitylog/index.ts  |   1 +
 .../dees-appui-base/dees-appui-base.demo.ts   |  10 +-
 .../dees-appui-base/dees-appui-base.ts        |  14 +--
 ts_web/elements/dees-appui-base/index.ts      |   1 +
 .../dees-appui-maincontent.ts                 |   4 +-
 .../elements/dees-appui-maincontent/index.ts  |   1 +
 .../dees-appui-mainmenu.ts                    |   8 +-
 ts_web/elements/dees-appui-mainmenu/index.ts  |   1 +
 .../dees-appui-mainselector.ts                |   6 +-
 .../elements/dees-appui-mainselector/index.ts |   1 +
 .../dees-appui-profiledropdown.ts             |   4 +-
 .../dees-appui-profiledropdown/index.ts       |   1 +
 .../dees-appui-tabs/dees-appui-tabs.ts        |   2 +-
 ts_web/elements/dees-appui-tabs/index.ts      |   1 +
 .../dees-appui-view/dees-appui-view.ts        |   4 +-
 ts_web/elements/dees-appui-view/index.ts      |   1 +
 ts_web/elements/dees-badge/index.ts           |   1 +
 ts_web/elements/dees-button-exit/index.ts     |   1 +
 ts_web/elements/dees-button-group/index.ts    |   1 +
 .../elements/dees-button/dees-button.demo.ts  |   2 +-
 ts_web/elements/dees-button/index.ts          |   1 +
 .../dees-chart-log/dees-chart-log.demo.ts     |   2 +-
 ts_web/elements/dees-chart-log/index.ts       |   1 +
 ts_web/elements/dees-chips/index.ts           |   1 +
 .../dees-contextmenu/dees-contextmenu.demo.ts |   4 +-
 .../dees-contextmenu/dees-contextmenu.ts      |   6 +-
 ts_web/elements/dees-contextmenu/index.ts     |   1 +
 .../dees-dashboardgrid/contextmenu.ts         |   2 +-
 .../dees-dataview-codebox.ts                  |   4 +-
 .../elements/dees-dataview-codebox/index.ts   |   1 +
 .../dees-dataview-statusobject.ts             |   6 +-
 .../dees-dataview-statusobject/index.ts       |   1 +
 ts_web/elements/dees-editor-markdown/index.ts |   1 +
 .../dees-editor-markdownoutlet/index.ts       |   1 +
 .../dees-form-submit/dees-form-submit.ts      |   2 +-
 ts_web/elements/dees-form-submit/index.ts     |   1 +
 ts_web/elements/dees-form/dees-form.demo.ts   |   2 +-
 ts_web/elements/dees-form/dees-form.ts        |  26 ++---
 ts_web/elements/dees-form/index.ts            |   1 +
 ts_web/elements/dees-heading/dees-heading.ts  |   2 +-
 ts_web/elements/dees-heading/index.ts         |   1 +
 ts_web/elements/dees-hint/index.ts            |   1 +
 ts_web/elements/dees-icon/dees-icon.demo.ts   |   2 +-
 ts_web/elements/dees-icon/index.ts            |   1 +
 ts_web/elements/dees-input-base/index.ts      |   1 +
 .../dees-input-checkbox.demo.ts               |   2 +-
 .../dees-input-checkbox.ts                    |   4 +-
 ts_web/elements/dees-input-checkbox/index.ts  |   1 +
 .../dees-input-datepicker/component.ts        |   2 +-
 .../elements/dees-input-datepicker/styles.ts  |   2 +-
 .../dees-input-dropdown.ts                    |   4 +-
 ts_web/elements/dees-input-dropdown/index.ts  |   1 +
 .../dees-input-fileupload/component.ts        |   2 +-
 .../elements/dees-input-fileupload/styles.ts  |   2 +-
 .../dees-input-iban/dees-input-iban.ts        |   2 +-
 ts_web/elements/dees-input-iban/index.ts      |   1 +
 .../dees-input-list/dees-input-list.ts        |   2 +-
 ts_web/elements/dees-input-list/index.ts      |   1 +
 .../dees-input-multitoggle.ts                 |   4 +-
 .../elements/dees-input-multitoggle/index.ts  |   1 +
 .../dees-input-phone/dees-input-phone.ts      |   2 +-
 ts_web/elements/dees-input-phone/index.ts     |   1 +
 .../dees-input-quantityselector.ts            |   2 +-
 .../dees-input-quantityselector/index.ts      |   1 +
 .../dees-input-radiogroup.ts                  |   2 +-
 .../elements/dees-input-radiogroup/index.ts   |   1 +
 .../elements/dees-input-richtext/component.ts |   2 +-
 ts_web/elements/dees-input-richtext/styles.ts |   2 +-
 .../elements/dees-input-searchselect/index.ts |   1 +
 .../dees-input-tags/dees-input-tags.ts        |   2 +-
 ts_web/elements/dees-input-tags/index.ts      |   1 +
 .../dees-input-text/dees-input-text.demo.ts   |   2 +-
 .../dees-input-text/dees-input-text.ts        |   6 +-
 ts_web/elements/dees-input-text/index.ts      |   1 +
 .../dees-input-typelist.ts                    |   2 +-
 ts_web/elements/dees-input-typelist/index.ts  |   1 +
 .../dees-input-wysiwyg/dees-input-wysiwyg.ts  |   4 +-
 .../wysiwyg.modalmanager.ts                   |   2 +-
 ts_web/elements/dees-label/dees-label.ts      |   4 +-
 ts_web/elements/dees-label/index.ts           |   1 +
 .../dees-mobilenavigation.ts                  |   8 +-
 .../elements/dees-mobilenavigation/index.ts   |   1 +
 ts_web/elements/dees-modal/dees-modal.demo.ts |   2 +-
 ts_web/elements/dees-modal/dees-modal.ts      |  10 +-
 ts_web/elements/dees-modal/index.ts           |   1 +
 ts_web/elements/dees-pagination/index.ts      |   1 +
 ts_web/elements/dees-panel/dees-panel.ts      |   2 +-
 ts_web/elements/dees-panel/index.ts           |   1 +
 ts_web/elements/dees-pdf/component.ts         |   2 +-
 ts_web/elements/dees-preview/index.ts         |   1 +
 .../dees-progressbar/dees-progressbar.demo.ts |   2 +-
 .../dees-progressbar/dees-progressbar.ts      |   4 +-
 ts_web/elements/dees-progressbar/index.ts     |   1 +
 ts_web/elements/dees-search/index.ts          |   1 +
 .../elements/dees-searchbar/dees-searchbar.ts |   2 +-
 ts_web/elements/dees-searchbar/index.ts       |   1 +
 .../dees-shopping-productcard.demo.ts         |   2 +-
 .../dees-shopping-productcard/index.ts        |   1 +
 .../dees-simple-appdash.demo.ts               |   4 +-
 .../dees-simple-appdash.ts                    |   4 +-
 ts_web/elements/dees-simple-appdash/index.ts  |   1 +
 ts_web/elements/dees-simple-login/index.ts    |   1 +
 .../dees-speechbubble/dees-speechbubble.ts    |   6 +-
 ts_web/elements/dees-speechbubble/index.ts    |   1 +
 ts_web/elements/dees-spinner/index.ts         |   1 +
 .../dees-statsgrid/dees-statsgrid.demo.ts     |   2 +-
 .../elements/dees-statsgrid/dees-statsgrid.ts |   4 +-
 ts_web/elements/dees-statsgrid/index.ts       |   1 +
 ts_web/elements/dees-table/dees-table.ts      |   4 +-
 ts_web/elements/dees-table/types.ts           |   2 +-
 ts_web/elements/dees-terminal/index.ts        |   1 +
 ts_web/elements/dees-toast/dees-toast.demo.ts |   2 +-
 ts_web/elements/dees-toast/dees-toast.ts      |   4 +-
 ts_web/elements/dees-toast/index.ts           |   1 +
 ts_web/elements/dees-tooltip/index.ts         |   1 +
 .../dees-updater/dees-updater.demo.ts         |   2 +-
 ts_web/elements/dees-updater/index.ts         |   1 +
 ts_web/elements/dees-windowcontrols/index.ts  |   1 +
 .../dees-windowlayer/dees-windowlayer.ts      |   2 +-
 ts_web/elements/dees-windowlayer/index.ts     |   1 +
 ts_web/elements/index.ts                      | 106 +++++++++---------
 .../dees-input-profilepicture.ts              |   2 +-
 .../profilepicture/profilepicture.modal.ts    |   2 +-
 ts_web/pages/zindex-showcase.ts               |  22 ++--
 125 files changed, 246 insertions(+), 188 deletions(-)
 create mode 100644 ts_web/elements/dees-appui-activitylog/index.ts
 create mode 100644 ts_web/elements/dees-appui-base/index.ts
 create mode 100644 ts_web/elements/dees-appui-maincontent/index.ts
 create mode 100644 ts_web/elements/dees-appui-mainmenu/index.ts
 create mode 100644 ts_web/elements/dees-appui-mainselector/index.ts
 create mode 100644 ts_web/elements/dees-appui-profiledropdown/index.ts
 create mode 100644 ts_web/elements/dees-appui-tabs/index.ts
 create mode 100644 ts_web/elements/dees-appui-view/index.ts
 create mode 100644 ts_web/elements/dees-badge/index.ts
 create mode 100644 ts_web/elements/dees-button-exit/index.ts
 create mode 100644 ts_web/elements/dees-button-group/index.ts
 create mode 100644 ts_web/elements/dees-button/index.ts
 create mode 100644 ts_web/elements/dees-chart-log/index.ts
 create mode 100644 ts_web/elements/dees-chips/index.ts
 create mode 100644 ts_web/elements/dees-contextmenu/index.ts
 create mode 100644 ts_web/elements/dees-dataview-codebox/index.ts
 create mode 100644 ts_web/elements/dees-dataview-statusobject/index.ts
 create mode 100644 ts_web/elements/dees-editor-markdown/index.ts
 create mode 100644 ts_web/elements/dees-editor-markdownoutlet/index.ts
 create mode 100644 ts_web/elements/dees-form-submit/index.ts
 create mode 100644 ts_web/elements/dees-form/index.ts
 create mode 100644 ts_web/elements/dees-heading/index.ts
 create mode 100644 ts_web/elements/dees-hint/index.ts
 create mode 100644 ts_web/elements/dees-icon/index.ts
 create mode 100644 ts_web/elements/dees-input-base/index.ts
 create mode 100644 ts_web/elements/dees-input-checkbox/index.ts
 create mode 100644 ts_web/elements/dees-input-dropdown/index.ts
 create mode 100644 ts_web/elements/dees-input-iban/index.ts
 create mode 100644 ts_web/elements/dees-input-list/index.ts
 create mode 100644 ts_web/elements/dees-input-multitoggle/index.ts
 create mode 100644 ts_web/elements/dees-input-phone/index.ts
 create mode 100644 ts_web/elements/dees-input-quantityselector/index.ts
 create mode 100644 ts_web/elements/dees-input-radiogroup/index.ts
 create mode 100644 ts_web/elements/dees-input-searchselect/index.ts
 create mode 100644 ts_web/elements/dees-input-tags/index.ts
 create mode 100644 ts_web/elements/dees-input-text/index.ts
 create mode 100644 ts_web/elements/dees-input-typelist/index.ts
 create mode 100644 ts_web/elements/dees-label/index.ts
 create mode 100644 ts_web/elements/dees-mobilenavigation/index.ts
 create mode 100644 ts_web/elements/dees-modal/index.ts
 create mode 100644 ts_web/elements/dees-pagination/index.ts
 create mode 100644 ts_web/elements/dees-panel/index.ts
 create mode 100644 ts_web/elements/dees-preview/index.ts
 create mode 100644 ts_web/elements/dees-progressbar/index.ts
 create mode 100644 ts_web/elements/dees-search/index.ts
 create mode 100644 ts_web/elements/dees-searchbar/index.ts
 create mode 100644 ts_web/elements/dees-shopping-productcard/index.ts
 create mode 100644 ts_web/elements/dees-simple-appdash/index.ts
 create mode 100644 ts_web/elements/dees-simple-login/index.ts
 create mode 100644 ts_web/elements/dees-speechbubble/index.ts
 create mode 100644 ts_web/elements/dees-spinner/index.ts
 create mode 100644 ts_web/elements/dees-statsgrid/index.ts
 create mode 100644 ts_web/elements/dees-terminal/index.ts
 create mode 100644 ts_web/elements/dees-toast/index.ts
 create mode 100644 ts_web/elements/dees-tooltip/index.ts
 create mode 100644 ts_web/elements/dees-updater/index.ts
 create mode 100644 ts_web/elements/dees-windowcontrols/index.ts
 create mode 100644 ts_web/elements/dees-windowlayer/index.ts

diff --git a/ts_web/elements/dees-appui-activitylog/dees-appui-activitylog.ts b/ts_web/elements/dees-appui-activitylog/dees-appui-activitylog.ts
index d7d9a32..cebc5b8 100644
--- a/ts_web/elements/dees-appui-activitylog/dees-appui-activitylog.ts
+++ b/ts_web/elements/dees-appui-activitylog/dees-appui-activitylog.ts
@@ -1,4 +1,4 @@
-import * as plugins from './00plugins.js';
+import * as plugins from '../00plugins.js';
 import {
   DeesElement,
   type TemplateResult,
@@ -10,7 +10,7 @@ import {
 } from '@design.estate/dees-element';
 
 import * as domtools from '@design.estate/dees-domtools';
-import { DeesContextmenu } from './dees-contextmenu.js';
+import { DeesContextmenu } from '../dees-contextmenu/dees-contextmenu.js';
 import './dees-icon.js';
 
 @customElement('dees-appui-activitylog')
diff --git a/ts_web/elements/dees-appui-activitylog/index.ts b/ts_web/elements/dees-appui-activitylog/index.ts
new file mode 100644
index 0000000..a14d796
--- /dev/null
+++ b/ts_web/elements/dees-appui-activitylog/index.ts
@@ -0,0 +1 @@
+export * from '../dees-appui-activitylog/dees-appui-activitylog.js';
diff --git a/ts_web/elements/dees-appui-base/dees-appui-base.demo.ts b/ts_web/elements/dees-appui-base/dees-appui-base.demo.ts
index 6b54f5a..bb2f9c2 100644
--- a/ts_web/elements/dees-appui-base/dees-appui-base.demo.ts
+++ b/ts_web/elements/dees-appui-base/dees-appui-base.demo.ts
@@ -1,9 +1,9 @@
 import { html, css } from '@design.estate/dees-element';
-import type { DeesAppuiBase } from './dees-appui-base.js';
-import type { IAppBarMenuItem } from './interfaces/appbarmenuitem.js';
-import type { ITab } from './interfaces/tab.js';
-import type { ISelectionOption } from './interfaces/selectionoption.js';
-import * as plugins from './00plugins.js';
+import type { DeesAppuiBase } from '../dees-appui-base/dees-appui-base.js';
+import type { IAppBarMenuItem } from '../interfaces/appbarmenuitem.js';
+import type { ITab } from '../interfaces/tab.js';
+import type { ISelectionOption } from '../interfaces/selectionoption.js';
+import * as plugins from '../00plugins.js';
 import '@design.estate/dees-wcctools/demotools';
 
 export const demoFunc = () => {
diff --git a/ts_web/elements/dees-appui-base/dees-appui-base.ts b/ts_web/elements/dees-appui-base/dees-appui-base.ts
index 76b9d61..f64bf2d 100644
--- a/ts_web/elements/dees-appui-base/dees-appui-base.ts
+++ b/ts_web/elements/dees-appui-base/dees-appui-base.ts
@@ -8,13 +8,13 @@ import {
   cssManager,
   state,
 } from '@design.estate/dees-element';
-import * as interfaces from './interfaces/index.js';
-import * as plugins from './00plugins.js';
-import type { DeesAppuiBar } from './dees-appui-appbar/index.js';
-import type { DeesAppuiMainmenu } from './dees-appui-mainmenu.js';
-import type { DeesAppuiMainselector } from './dees-appui-mainselector.js';
-import type { DeesAppuiMaincontent } from './dees-appui-maincontent.js';
-import type { DeesAppuiActivitylog } from './dees-appui-activitylog.js';
+import * as interfaces from '../interfaces/index.js';
+import * as plugins from '../00plugins.js';
+import type { DeesAppuiBar } from '../dees-appui-appbar/index.js';
+import type { DeesAppuiMainmenu } from '../dees-appui-mainmenu/dees-appui-mainmenu.js';
+import type { DeesAppuiMainselector } from '../dees-appui-mainselector/dees-appui-mainselector.js';
+import type { DeesAppuiMaincontent } from '../dees-appui-maincontent/dees-appui-maincontent.js';
+import type { DeesAppuiActivitylog } from '../dees-appui-activitylog/dees-appui-activitylog.js';
 import { demoFunc } from './dees-appui-base.demo.js';
 
 // Import child components
diff --git a/ts_web/elements/dees-appui-base/index.ts b/ts_web/elements/dees-appui-base/index.ts
new file mode 100644
index 0000000..40a1cdd
--- /dev/null
+++ b/ts_web/elements/dees-appui-base/index.ts
@@ -0,0 +1 @@
+export * from '../dees-appui-base/dees-appui-base.js';
diff --git a/ts_web/elements/dees-appui-maincontent/dees-appui-maincontent.ts b/ts_web/elements/dees-appui-maincontent/dees-appui-maincontent.ts
index 94d0084..d5be442 100644
--- a/ts_web/elements/dees-appui-maincontent/dees-appui-maincontent.ts
+++ b/ts_web/elements/dees-appui-maincontent/dees-appui-maincontent.ts
@@ -1,4 +1,4 @@
-import * as interfaces from './interfaces/index.js';
+import * as interfaces from '../interfaces/index.js';
 
 import {
   DeesElement,
@@ -12,7 +12,7 @@ import {
 
 import * as domtools from '@design.estate/dees-domtools';
 import './dees-appui-tabs.js';
-import type { DeesAppuiTabs } from './dees-appui-tabs.js';
+import type { DeesAppuiTabs } from '../dees-appui-tabs/dees-appui-tabs.js';
 
 @customElement('dees-appui-maincontent')
 export class DeesAppuiMaincontent extends DeesElement {
diff --git a/ts_web/elements/dees-appui-maincontent/index.ts b/ts_web/elements/dees-appui-maincontent/index.ts
new file mode 100644
index 0000000..6605d0e
--- /dev/null
+++ b/ts_web/elements/dees-appui-maincontent/index.ts
@@ -0,0 +1 @@
+export * from '../dees-appui-maincontent/dees-appui-maincontent.js';
diff --git a/ts_web/elements/dees-appui-mainmenu/dees-appui-mainmenu.ts b/ts_web/elements/dees-appui-mainmenu/dees-appui-mainmenu.ts
index fb81c22..625007f 100644
--- a/ts_web/elements/dees-appui-mainmenu/dees-appui-mainmenu.ts
+++ b/ts_web/elements/dees-appui-mainmenu/dees-appui-mainmenu.ts
@@ -1,6 +1,6 @@
-import * as plugins from './00plugins.js';
-import * as interfaces from './interfaces/index.js';
-import { zIndexLayers } from './00zindex.js';
+import * as plugins from '../00plugins.js';
+import * as interfaces from '../interfaces/index.js';
+import { zIndexLayers } from '../00zindex.js';
 
 import {
   DeesElement,
@@ -11,7 +11,7 @@ import {
   css,
   cssManager,
 } from '@design.estate/dees-element';
-import { DeesContextmenu } from './dees-contextmenu.js';
+import { DeesContextmenu } from '../dees-contextmenu/dees-contextmenu.js';
 
 /**
  * the most left menu
diff --git a/ts_web/elements/dees-appui-mainmenu/index.ts b/ts_web/elements/dees-appui-mainmenu/index.ts
new file mode 100644
index 0000000..b7116e3
--- /dev/null
+++ b/ts_web/elements/dees-appui-mainmenu/index.ts
@@ -0,0 +1 @@
+export * from '../dees-appui-mainmenu/dees-appui-mainmenu.js';
diff --git a/ts_web/elements/dees-appui-mainselector/dees-appui-mainselector.ts b/ts_web/elements/dees-appui-mainselector/dees-appui-mainselector.ts
index f356ef1..e9eccda 100644
--- a/ts_web/elements/dees-appui-mainselector/dees-appui-mainselector.ts
+++ b/ts_web/elements/dees-appui-mainselector/dees-appui-mainselector.ts
@@ -1,7 +1,7 @@
-import * as plugins from './00plugins.js';
-import * as interfaces from './interfaces/index.js';
+import * as plugins from '../00plugins.js';
+import * as interfaces from '../interfaces/index.js';
 
-import { DeesContextmenu } from './dees-contextmenu.js';
+import { DeesContextmenu } from '../dees-contextmenu/dees-contextmenu.js';
 import './dees-icon.js';
 
 import {
diff --git a/ts_web/elements/dees-appui-mainselector/index.ts b/ts_web/elements/dees-appui-mainselector/index.ts
new file mode 100644
index 0000000..26b51af
--- /dev/null
+++ b/ts_web/elements/dees-appui-mainselector/index.ts
@@ -0,0 +1 @@
+export * from '../dees-appui-mainselector/dees-appui-mainselector.js';
diff --git a/ts_web/elements/dees-appui-profiledropdown/dees-appui-profiledropdown.ts b/ts_web/elements/dees-appui-profiledropdown/dees-appui-profiledropdown.ts
index 27052c4..362b469 100644
--- a/ts_web/elements/dees-appui-profiledropdown/dees-appui-profiledropdown.ts
+++ b/ts_web/elements/dees-appui-profiledropdown/dees-appui-profiledropdown.ts
@@ -1,5 +1,5 @@
-import * as plugins from './00plugins.js';
-import { zIndexLayers } from './00zindex.js';
+import * as plugins from '../00plugins.js';
+import { zIndexLayers } from '../00zindex.js';
 
 import {
   DeesElement,
diff --git a/ts_web/elements/dees-appui-profiledropdown/index.ts b/ts_web/elements/dees-appui-profiledropdown/index.ts
new file mode 100644
index 0000000..dde239e
--- /dev/null
+++ b/ts_web/elements/dees-appui-profiledropdown/index.ts
@@ -0,0 +1 @@
+export * from '../dees-appui-profiledropdown/dees-appui-profiledropdown.js';
diff --git a/ts_web/elements/dees-appui-tabs/dees-appui-tabs.ts b/ts_web/elements/dees-appui-tabs/dees-appui-tabs.ts
index 6f31afd..25a1d40 100644
--- a/ts_web/elements/dees-appui-tabs/dees-appui-tabs.ts
+++ b/ts_web/elements/dees-appui-tabs/dees-appui-tabs.ts
@@ -1,4 +1,4 @@
-import * as interfaces from './interfaces/index.js';
+import * as interfaces from '../interfaces/index.js';
 
 import {
   DeesElement,
diff --git a/ts_web/elements/dees-appui-tabs/index.ts b/ts_web/elements/dees-appui-tabs/index.ts
new file mode 100644
index 0000000..4c6510c
--- /dev/null
+++ b/ts_web/elements/dees-appui-tabs/index.ts
@@ -0,0 +1 @@
+export * from '../dees-appui-tabs/dees-appui-tabs.js';
diff --git a/ts_web/elements/dees-appui-view/dees-appui-view.ts b/ts_web/elements/dees-appui-view/dees-appui-view.ts
index 7d42e31..4171367 100644
--- a/ts_web/elements/dees-appui-view/dees-appui-view.ts
+++ b/ts_web/elements/dees-appui-view/dees-appui-view.ts
@@ -1,4 +1,4 @@
-import * as interfaces from './interfaces/index.js';
+import * as interfaces from '../interfaces/index.js';
 
 import {
   DeesElement,
@@ -12,7 +12,7 @@ import {
 } from '@design.estate/dees-element';
 
 import './dees-appui-tabs.js';
-import type { DeesAppuiTabs } from './dees-appui-tabs.js';
+import type { DeesAppuiTabs } from '../dees-appui-tabs/dees-appui-tabs.js';
 
 export interface IAppViewTab extends interfaces.ITab {
   content?: TemplateResult | (() => TemplateResult);
diff --git a/ts_web/elements/dees-appui-view/index.ts b/ts_web/elements/dees-appui-view/index.ts
new file mode 100644
index 0000000..00a955a
--- /dev/null
+++ b/ts_web/elements/dees-appui-view/index.ts
@@ -0,0 +1 @@
+export * from '../dees-appui-view/dees-appui-view.js';
diff --git a/ts_web/elements/dees-badge/index.ts b/ts_web/elements/dees-badge/index.ts
new file mode 100644
index 0000000..1449008
--- /dev/null
+++ b/ts_web/elements/dees-badge/index.ts
@@ -0,0 +1 @@
+export * from '../dees-badge/dees-badge.js';
diff --git a/ts_web/elements/dees-button-exit/index.ts b/ts_web/elements/dees-button-exit/index.ts
new file mode 100644
index 0000000..204ccf9
--- /dev/null
+++ b/ts_web/elements/dees-button-exit/index.ts
@@ -0,0 +1 @@
+export * from '../dees-button-exit/dees-button-exit.js';
diff --git a/ts_web/elements/dees-button-group/index.ts b/ts_web/elements/dees-button-group/index.ts
new file mode 100644
index 0000000..b373455
--- /dev/null
+++ b/ts_web/elements/dees-button-group/index.ts
@@ -0,0 +1 @@
+export * from '../dees-button-group/dees-button-group.js';
diff --git a/ts_web/elements/dees-button/dees-button.demo.ts b/ts_web/elements/dees-button/dees-button.demo.ts
index 4a090ab..2d7b805 100644
--- a/ts_web/elements/dees-button/dees-button.demo.ts
+++ b/ts_web/elements/dees-button/dees-button.demo.ts
@@ -5,7 +5,7 @@ import './dees-form.js';
 import './dees-form-submit.js';
 import './dees-input-text.js';
 import './dees-icon.js';
-import type { DeesButton } from './dees-button.js';
+import type { DeesButton } from '../dees-button/dees-button.js';
 
 export const demoFunc = () => html`
   <style>
diff --git a/ts_web/elements/dees-button/index.ts b/ts_web/elements/dees-button/index.ts
new file mode 100644
index 0000000..a4ce527
--- /dev/null
+++ b/ts_web/elements/dees-button/index.ts
@@ -0,0 +1 @@
+export * from '../dees-button/dees-button.js';
diff --git a/ts_web/elements/dees-chart-log/dees-chart-log.demo.ts b/ts_web/elements/dees-chart-log/dees-chart-log.demo.ts
index dc033e3..87ba8a2 100644
--- a/ts_web/elements/dees-chart-log/dees-chart-log.demo.ts
+++ b/ts_web/elements/dees-chart-log/dees-chart-log.demo.ts
@@ -1,5 +1,5 @@
 import { html } from '@design.estate/dees-element';
-import type { DeesChartLog } from './dees-chart-log.js';
+import type { DeesChartLog } from '../dees-chart-log/dees-chart-log.js';
 import '@design.estate/dees-wcctools/demotools';
 
 export const demoFunc = () => {
diff --git a/ts_web/elements/dees-chart-log/index.ts b/ts_web/elements/dees-chart-log/index.ts
new file mode 100644
index 0000000..8c58e74
--- /dev/null
+++ b/ts_web/elements/dees-chart-log/index.ts
@@ -0,0 +1 @@
+export * from '../dees-chart-log/dees-chart-log.js';
diff --git a/ts_web/elements/dees-chips/index.ts b/ts_web/elements/dees-chips/index.ts
new file mode 100644
index 0000000..780376f
--- /dev/null
+++ b/ts_web/elements/dees-chips/index.ts
@@ -0,0 +1 @@
+export * from '../dees-chips/dees-chips.js';
diff --git a/ts_web/elements/dees-contextmenu/dees-contextmenu.demo.ts b/ts_web/elements/dees-contextmenu/dees-contextmenu.demo.ts
index 852df25..baccce3 100644
--- a/ts_web/elements/dees-contextmenu/dees-contextmenu.demo.ts
+++ b/ts_web/elements/dees-contextmenu/dees-contextmenu.demo.ts
@@ -1,7 +1,7 @@
 import { html } from '@design.estate/dees-element';
-import * as plugins from './00plugins.js';
+import * as plugins from '../00plugins.js';
 
-import { DeesContextmenu } from './dees-contextmenu.js';
+import { DeesContextmenu } from '../dees-contextmenu/dees-contextmenu.js';
 
 export const demoFunc = () => html`
 <style>
diff --git a/ts_web/elements/dees-contextmenu/dees-contextmenu.ts b/ts_web/elements/dees-contextmenu/dees-contextmenu.ts
index 895acae..fc6d389 100644
--- a/ts_web/elements/dees-contextmenu/dees-contextmenu.ts
+++ b/ts_web/elements/dees-contextmenu/dees-contextmenu.ts
@@ -1,4 +1,4 @@
-import * as plugins from './00plugins.js';
+import * as plugins from '../00plugins.js';
 import { demoFunc } from './dees-contextmenu.demo.js';
 import {
   customElement,
@@ -13,8 +13,8 @@ import {
 } from '@design.estate/dees-element';
 
 import * as domtools from '@design.estate/dees-domtools';
-import { DeesWindowLayer } from './dees-windowlayer.js';
-import { zIndexLayers } from './00zindex.js';
+import { DeesWindowLayer } from '../dees-windowlayer/dees-windowlayer.js';
+import { zIndexLayers } from '../00zindex.js';
 import './dees-icon.js';
 
 declare global {
diff --git a/ts_web/elements/dees-contextmenu/index.ts b/ts_web/elements/dees-contextmenu/index.ts
new file mode 100644
index 0000000..b1693c8
--- /dev/null
+++ b/ts_web/elements/dees-contextmenu/index.ts
@@ -0,0 +1 @@
+export * from '../dees-contextmenu/dees-contextmenu.js';
diff --git a/ts_web/elements/dees-dashboardgrid/contextmenu.ts b/ts_web/elements/dees-dashboardgrid/contextmenu.ts
index a96ec54..db1d8e2 100644
--- a/ts_web/elements/dees-dashboardgrid/contextmenu.ts
+++ b/ts_web/elements/dees-dashboardgrid/contextmenu.ts
@@ -1,5 +1,5 @@
 import type { DashboardWidget } from './types.js';
-import { DeesContextmenu } from '../dees-contextmenu.js';
+import { DeesContextmenu } from '../dees-contextmenu/dees-contextmenu.js';
 import type { DeesDashboardgrid } from './dees-dashboardgrid.js';
 import * as plugins from '../00plugins.js';
 
diff --git a/ts_web/elements/dees-dataview-codebox/dees-dataview-codebox.ts b/ts_web/elements/dees-dataview-codebox/dees-dataview-codebox.ts
index 431c321..eb68b15 100644
--- a/ts_web/elements/dees-dataview-codebox/dees-dataview-codebox.ts
+++ b/ts_web/elements/dees-dataview-codebox/dees-dataview-codebox.ts
@@ -8,14 +8,14 @@ import {
   state,
   cssManager,
 } from '@design.estate/dees-element';
-import { cssGeistFontFamily, cssMonoFontFamily } from './00fonts.js';
+import { cssGeistFontFamily, cssMonoFontFamily } from '../00fonts.js';
 
 import hlight from 'highlight.js';
 
 import * as smartstring from '@push.rocks/smartstring';
 
 import * as domtools from '@design.estate/dees-domtools';
-import { DeesContextmenu } from './dees-contextmenu.js';
+import { DeesContextmenu } from '../dees-contextmenu/dees-contextmenu.js';
 
 declare global {
   interface HTMLElementTagNameMap {
diff --git a/ts_web/elements/dees-dataview-codebox/index.ts b/ts_web/elements/dees-dataview-codebox/index.ts
new file mode 100644
index 0000000..d1bd548
--- /dev/null
+++ b/ts_web/elements/dees-dataview-codebox/index.ts
@@ -0,0 +1 @@
+export * from '../dees-dataview-codebox/dees-dataview-codebox.js';
diff --git a/ts_web/elements/dees-dataview-statusobject/dees-dataview-statusobject.ts b/ts_web/elements/dees-dataview-statusobject/dees-dataview-statusobject.ts
index 0030796..1cb0476 100644
--- a/ts_web/elements/dees-dataview-statusobject/dees-dataview-statusobject.ts
+++ b/ts_web/elements/dees-dataview-statusobject/dees-dataview-statusobject.ts
@@ -1,5 +1,5 @@
-import * as colors from './00colors.js';
-import * as plugins from './00plugins.js';
+import * as colors from '../00colors.js';
+import * as plugins from '../00plugins.js';
 
 import { demoFunc } from './dees-dataview-statusobject.demo.js';
 import {
@@ -15,7 +15,7 @@ import {
 } from '@design.estate/dees-element';
 
 import * as tsclass from '@tsclass/tsclass';
-import { DeesContextmenu } from './dees-contextmenu.js';
+import { DeesContextmenu } from '../dees-contextmenu/dees-contextmenu.js';
 
 declare global {
   interface HTMLElementTagNameMap {
diff --git a/ts_web/elements/dees-dataview-statusobject/index.ts b/ts_web/elements/dees-dataview-statusobject/index.ts
new file mode 100644
index 0000000..d181b9b
--- /dev/null
+++ b/ts_web/elements/dees-dataview-statusobject/index.ts
@@ -0,0 +1 @@
+export * from '../dees-dataview-statusobject/dees-dataview-statusobject.js';
diff --git a/ts_web/elements/dees-editor-markdown/index.ts b/ts_web/elements/dees-editor-markdown/index.ts
new file mode 100644
index 0000000..1cbc654
--- /dev/null
+++ b/ts_web/elements/dees-editor-markdown/index.ts
@@ -0,0 +1 @@
+export * from '../dees-editor-markdown/dees-editor-markdown.js';
diff --git a/ts_web/elements/dees-editor-markdownoutlet/index.ts b/ts_web/elements/dees-editor-markdownoutlet/index.ts
new file mode 100644
index 0000000..7055b1f
--- /dev/null
+++ b/ts_web/elements/dees-editor-markdownoutlet/index.ts
@@ -0,0 +1 @@
+export * from '../dees-editor-markdownoutlet/dees-editor-markdownoutlet.js';
diff --git a/ts_web/elements/dees-form-submit/dees-form-submit.ts b/ts_web/elements/dees-form-submit/dees-form-submit.ts
index 9bc5b4f..fc792be 100644
--- a/ts_web/elements/dees-form-submit/dees-form-submit.ts
+++ b/ts_web/elements/dees-form-submit/dees-form-submit.ts
@@ -7,7 +7,7 @@ import {
   cssManager,
   property,
 } from '@design.estate/dees-element';
-import type { DeesForm } from './dees-form.js';
+import type { DeesForm } from '../dees-form/dees-form.js';
 
 declare global {
   interface HTMLElementTagNameMap {
diff --git a/ts_web/elements/dees-form-submit/index.ts b/ts_web/elements/dees-form-submit/index.ts
new file mode 100644
index 0000000..229fdf6
--- /dev/null
+++ b/ts_web/elements/dees-form-submit/index.ts
@@ -0,0 +1 @@
+export * from '../dees-form-submit/dees-form-submit.js';
diff --git a/ts_web/elements/dees-form/dees-form.demo.ts b/ts_web/elements/dees-form/dees-form.demo.ts
index ff5b788..f6e01ac 100644
--- a/ts_web/elements/dees-form/dees-form.demo.ts
+++ b/ts_web/elements/dees-form/dees-form.demo.ts
@@ -1,5 +1,5 @@
 import { html, css, domtools, cssManager } from '@design.estate/dees-element';
-import type { DeesForm } from './dees-form.js';
+import type { DeesForm } from '../dees-form/dees-form.js';
 import '@design.estate/dees-wcctools/demotools';
 
 export const demoFunc = () => html`
diff --git a/ts_web/elements/dees-form/dees-form.ts b/ts_web/elements/dees-form/dees-form.ts
index bcb3ec0..f1cb716 100644
--- a/ts_web/elements/dees-form/dees-form.ts
+++ b/ts_web/elements/dees-form/dees-form.ts
@@ -8,19 +8,19 @@ import {
 } from '@design.estate/dees-element';
 import * as domtools from '@design.estate/dees-domtools';
 
-import { DeesInputCheckbox } from './dees-input-checkbox.js';
-import { DeesInputDatepicker } from './dees-input-datepicker/index.js';
-import { DeesInputText } from './dees-input-text.js';
-import { DeesInputQuantitySelector } from './dees-input-quantityselector.js';
-import { DeesInputRadiogroup } from './dees-input-radiogroup.js';
-import { DeesInputDropdown } from './dees-input-dropdown.js';
-import { DeesInputFileupload } from './dees-input-fileupload/index.js';
-import { DeesInputIban } from './dees-input-iban.js';
-import { DeesInputMultitoggle } from './dees-input-multitoggle.js';
-import { DeesInputPhone } from './dees-input-phone.js';
-import { DeesInputTypelist } from './dees-input-typelist.js';
-import { DeesFormSubmit } from './dees-form-submit.js';
-import { DeesTable } from './dees-table/index.js';
+import { DeesInputCheckbox } from '../dees-input-checkbox/dees-input-checkbox.js';
+import { DeesInputDatepicker } from '../dees-input-datepicker/index.js';
+import { DeesInputText } from '../dees-input-text/dees-input-text.js';
+import { DeesInputQuantitySelector } from '../dees-input-quantityselector/dees-input-quantityselector.js';
+import { DeesInputRadiogroup } from '../dees-input-radiogroup/dees-input-radiogroup.js';
+import { DeesInputDropdown } from '../dees-input-dropdown/dees-input-dropdown.js';
+import { DeesInputFileupload } from '../dees-input-fileupload/index.js';
+import { DeesInputIban } from '../dees-input-iban/dees-input-iban.js';
+import { DeesInputMultitoggle } from '../dees-input-multitoggle/dees-input-multitoggle.js';
+import { DeesInputPhone } from '../dees-input-phone/dees-input-phone.js';
+import { DeesInputTypelist } from '../dees-input-typelist/dees-input-typelist.js';
+import { DeesFormSubmit } from '../dees-form-submit/dees-form-submit.js';
+import { DeesTable } from '../dees-table/index.js';
 import { demoFunc } from './dees-form.demo.js';
 
 // Unified set for form input types
diff --git a/ts_web/elements/dees-form/index.ts b/ts_web/elements/dees-form/index.ts
new file mode 100644
index 0000000..cf022d0
--- /dev/null
+++ b/ts_web/elements/dees-form/index.ts
@@ -0,0 +1 @@
+export * from '../dees-form/dees-form.js';
diff --git a/ts_web/elements/dees-heading/dees-heading.ts b/ts_web/elements/dees-heading/dees-heading.ts
index 90675d7..de926bb 100644
--- a/ts_web/elements/dees-heading/dees-heading.ts
+++ b/ts_web/elements/dees-heading/dees-heading.ts
@@ -10,7 +10,7 @@ import {
 } from '@design.estate/dees-element';
 
 import { demoFunc } from './dees-heading.demo.js';
-import { cssCalSansFontFamily } from './00fonts.js';
+import { cssCalSansFontFamily } from '../00fonts.js';
 
 declare global {
   interface HTMLElementTagNameMap {
diff --git a/ts_web/elements/dees-heading/index.ts b/ts_web/elements/dees-heading/index.ts
new file mode 100644
index 0000000..e347f22
--- /dev/null
+++ b/ts_web/elements/dees-heading/index.ts
@@ -0,0 +1 @@
+export * from '../dees-heading/dees-heading.js';
diff --git a/ts_web/elements/dees-hint/index.ts b/ts_web/elements/dees-hint/index.ts
new file mode 100644
index 0000000..f0e9bac
--- /dev/null
+++ b/ts_web/elements/dees-hint/index.ts
@@ -0,0 +1 @@
+export * from '../dees-hint/dees-hint.js';
diff --git a/ts_web/elements/dees-icon/dees-icon.demo.ts b/ts_web/elements/dees-icon/dees-icon.demo.ts
index 3acf5c7..798e872 100644
--- a/ts_web/elements/dees-icon/dees-icon.demo.ts
+++ b/ts_web/elements/dees-icon/dees-icon.demo.ts
@@ -1,5 +1,5 @@
 import { html } from '@design.estate/dees-element';
-import { icons, type IconWithPrefix } from './dees-icon.js';
+import { icons, type IconWithPrefix } from '../dees-icon/dees-icon.js';
 import * as lucideIcons from 'lucide';
 
 export const demoFunc = () => {
diff --git a/ts_web/elements/dees-icon/index.ts b/ts_web/elements/dees-icon/index.ts
new file mode 100644
index 0000000..b38eaa4
--- /dev/null
+++ b/ts_web/elements/dees-icon/index.ts
@@ -0,0 +1 @@
+export * from '../dees-icon/dees-icon.js';
diff --git a/ts_web/elements/dees-input-base/index.ts b/ts_web/elements/dees-input-base/index.ts
new file mode 100644
index 0000000..9dfe9c0
--- /dev/null
+++ b/ts_web/elements/dees-input-base/index.ts
@@ -0,0 +1 @@
+export * from '../dees-input-base/dees-input-base.js';
diff --git a/ts_web/elements/dees-input-checkbox/dees-input-checkbox.demo.ts b/ts_web/elements/dees-input-checkbox/dees-input-checkbox.demo.ts
index 88ff657..5159383 100644
--- a/ts_web/elements/dees-input-checkbox/dees-input-checkbox.demo.ts
+++ b/ts_web/elements/dees-input-checkbox/dees-input-checkbox.demo.ts
@@ -1,7 +1,7 @@
 import { html, css, cssManager } from '@design.estate/dees-element';
 import '@design.estate/dees-wcctools/demotools';
 import './dees-panel.js';
-import type { DeesInputCheckbox } from './dees-input-checkbox.js';
+import type { DeesInputCheckbox } from '../dees-input-checkbox/dees-input-checkbox.js';
 import './dees-button.js';
 
 export const demoFunc = () => html`
diff --git a/ts_web/elements/dees-input-checkbox/dees-input-checkbox.ts b/ts_web/elements/dees-input-checkbox/dees-input-checkbox.ts
index 9f685dc..2085b58 100644
--- a/ts_web/elements/dees-input-checkbox/dees-input-checkbox.ts
+++ b/ts_web/elements/dees-input-checkbox/dees-input-checkbox.ts
@@ -6,9 +6,9 @@ import {
   css,
   cssManager,
 } from '@design.estate/dees-element';
-import { DeesInputBase } from './dees-input-base.js';
+import { DeesInputBase } from '../dees-input-base/dees-input-base.js';
 import { demoFunc } from './dees-input-checkbox.demo.js';
-import { cssGeistFontFamily } from './00fonts.js';
+import { cssGeistFontFamily } from '../00fonts.js';
 
 declare global {
   interface HTMLElementTagNameMap {
diff --git a/ts_web/elements/dees-input-checkbox/index.ts b/ts_web/elements/dees-input-checkbox/index.ts
new file mode 100644
index 0000000..61906f6
--- /dev/null
+++ b/ts_web/elements/dees-input-checkbox/index.ts
@@ -0,0 +1 @@
+export * from '../dees-input-checkbox/dees-input-checkbox.js';
diff --git a/ts_web/elements/dees-input-datepicker/component.ts b/ts_web/elements/dees-input-datepicker/component.ts
index b3cafcb..48b58ca 100644
--- a/ts_web/elements/dees-input-datepicker/component.ts
+++ b/ts_web/elements/dees-input-datepicker/component.ts
@@ -4,7 +4,7 @@ import {
   property,
   state,
 } from '@design.estate/dees-element';
-import { DeesInputBase } from '../dees-input-base.js';
+import { DeesInputBase } from '../dees-input-base/dees-input-base.js';
 import { demoFunc } from './demo.js';
 import { datepickerStyles } from './styles.js';
 import { renderDatepicker } from './template.js';
diff --git a/ts_web/elements/dees-input-datepicker/styles.ts b/ts_web/elements/dees-input-datepicker/styles.ts
index e3c9f29..ece212d 100644
--- a/ts_web/elements/dees-input-datepicker/styles.ts
+++ b/ts_web/elements/dees-input-datepicker/styles.ts
@@ -1,5 +1,5 @@
 import { css, cssManager } from '@design.estate/dees-element';
-import { DeesInputBase } from '../dees-input-base.js';
+import { DeesInputBase } from '../dees-input-base/dees-input-base.js';
 
 export const datepickerStyles = [
     ...DeesInputBase.baseStyles,
diff --git a/ts_web/elements/dees-input-dropdown/dees-input-dropdown.ts b/ts_web/elements/dees-input-dropdown/dees-input-dropdown.ts
index d4a8ff5..0951f8e 100644
--- a/ts_web/elements/dees-input-dropdown/dees-input-dropdown.ts
+++ b/ts_web/elements/dees-input-dropdown/dees-input-dropdown.ts
@@ -9,8 +9,8 @@ import {
 } from '@design.estate/dees-element';
 import * as domtools from '@design.estate/dees-domtools';
 import { demoFunc } from './dees-input-dropdown.demo.js';
-import { DeesInputBase } from './dees-input-base.js';
-import { cssGeistFontFamily } from './00fonts.js';
+import { DeesInputBase } from '../dees-input-base/dees-input-base.js';
+import { cssGeistFontFamily } from '../00fonts.js';
 
 declare global {
   interface HTMLElementTagNameMap {
diff --git a/ts_web/elements/dees-input-dropdown/index.ts b/ts_web/elements/dees-input-dropdown/index.ts
new file mode 100644
index 0000000..67cb5ef
--- /dev/null
+++ b/ts_web/elements/dees-input-dropdown/index.ts
@@ -0,0 +1 @@
+export * from '../dees-input-dropdown/dees-input-dropdown.js';
diff --git a/ts_web/elements/dees-input-fileupload/component.ts b/ts_web/elements/dees-input-fileupload/component.ts
index 9714d4b..665e7da 100644
--- a/ts_web/elements/dees-input-fileupload/component.ts
+++ b/ts_web/elements/dees-input-fileupload/component.ts
@@ -1,4 +1,4 @@
-import { DeesInputBase } from '../dees-input-base.js';
+import { DeesInputBase } from '../dees-input-base/dees-input-base.js';
 import { demoFunc } from './demo.js';
 import { fileuploadStyles } from './styles.js';
 import '../dees-icon.js';
diff --git a/ts_web/elements/dees-input-fileupload/styles.ts b/ts_web/elements/dees-input-fileupload/styles.ts
index 9b5a178..4652a3e 100644
--- a/ts_web/elements/dees-input-fileupload/styles.ts
+++ b/ts_web/elements/dees-input-fileupload/styles.ts
@@ -1,5 +1,5 @@
 import { css, cssManager } from '@design.estate/dees-element';
-import { DeesInputBase } from '../dees-input-base.js';
+import { DeesInputBase } from '../dees-input-base/dees-input-base.js';
 
 export const fileuploadStyles = [
   cssManager.defaultStyles,
diff --git a/ts_web/elements/dees-input-iban/dees-input-iban.ts b/ts_web/elements/dees-input-iban/dees-input-iban.ts
index 348326c..85b36bd 100644
--- a/ts_web/elements/dees-input-iban/dees-input-iban.ts
+++ b/ts_web/elements/dees-input-iban/dees-input-iban.ts
@@ -8,7 +8,7 @@ import {
   cssManager,
 } from '@design.estate/dees-element';
 import * as domtools from '@design.estate/dees-domtools';
-import { DeesInputBase } from './dees-input-base.js';
+import { DeesInputBase } from '../dees-input-base/dees-input-base.js';
 import * as ibantools from 'ibantools';
 import { demoFunc } from './dees-input-iban.demo.js';
 
diff --git a/ts_web/elements/dees-input-iban/index.ts b/ts_web/elements/dees-input-iban/index.ts
new file mode 100644
index 0000000..df283f6
--- /dev/null
+++ b/ts_web/elements/dees-input-iban/index.ts
@@ -0,0 +1 @@
+export * from '../dees-input-iban/dees-input-iban.js';
diff --git a/ts_web/elements/dees-input-list/dees-input-list.ts b/ts_web/elements/dees-input-list/dees-input-list.ts
index 6cb3393..d68e73b 100644
--- a/ts_web/elements/dees-input-list/dees-input-list.ts
+++ b/ts_web/elements/dees-input-list/dees-input-list.ts
@@ -7,7 +7,7 @@ import {
   state,
   type TemplateResult,
 } from '@design.estate/dees-element';
-import { DeesInputBase } from './dees-input-base.js';
+import { DeesInputBase } from '../dees-input-base/dees-input-base.js';
 import './dees-icon.js';
 import './dees-button.js';
 import { demoFunc } from './dees-input-list.demo.js';
diff --git a/ts_web/elements/dees-input-list/index.ts b/ts_web/elements/dees-input-list/index.ts
new file mode 100644
index 0000000..5086414
--- /dev/null
+++ b/ts_web/elements/dees-input-list/index.ts
@@ -0,0 +1 @@
+export * from '../dees-input-list/dees-input-list.js';
diff --git a/ts_web/elements/dees-input-multitoggle/dees-input-multitoggle.ts b/ts_web/elements/dees-input-multitoggle/dees-input-multitoggle.ts
index 691aafa..2e9595a 100644
--- a/ts_web/elements/dees-input-multitoggle/dees-input-multitoggle.ts
+++ b/ts_web/elements/dees-input-multitoggle/dees-input-multitoggle.ts
@@ -6,9 +6,9 @@ import {
   css,
   cssManager,
 } from '@design.estate/dees-element';
-import { DeesInputBase } from './dees-input-base.js';
+import { DeesInputBase } from '../dees-input-base/dees-input-base.js';
 
-import * as colors from './00colors.js'
+import * as colors from '../00colors.js'
 
 import { demoFunc } from './dees-input-multitoggle.demo.js';
 
diff --git a/ts_web/elements/dees-input-multitoggle/index.ts b/ts_web/elements/dees-input-multitoggle/index.ts
new file mode 100644
index 0000000..ba6e32b
--- /dev/null
+++ b/ts_web/elements/dees-input-multitoggle/index.ts
@@ -0,0 +1 @@
+export * from '../dees-input-multitoggle/dees-input-multitoggle.js';
diff --git a/ts_web/elements/dees-input-phone/dees-input-phone.ts b/ts_web/elements/dees-input-phone/dees-input-phone.ts
index bb79f08..f1bca35 100644
--- a/ts_web/elements/dees-input-phone/dees-input-phone.ts
+++ b/ts_web/elements/dees-input-phone/dees-input-phone.ts
@@ -8,7 +8,7 @@ import {
   cssManager,
 } from '@design.estate/dees-element';
 import * as domtools from '@design.estate/dees-domtools';
-import { DeesInputBase } from './dees-input-base.js';
+import { DeesInputBase } from '../dees-input-base/dees-input-base.js';
 import { demoFunc } from './dees-input-phone.demo.js';
 
 declare global {
diff --git a/ts_web/elements/dees-input-phone/index.ts b/ts_web/elements/dees-input-phone/index.ts
new file mode 100644
index 0000000..30a0446
--- /dev/null
+++ b/ts_web/elements/dees-input-phone/index.ts
@@ -0,0 +1 @@
+export * from '../dees-input-phone/dees-input-phone.js';
diff --git a/ts_web/elements/dees-input-quantityselector/dees-input-quantityselector.ts b/ts_web/elements/dees-input-quantityselector/dees-input-quantityselector.ts
index 88f286f..15555db 100644
--- a/ts_web/elements/dees-input-quantityselector/dees-input-quantityselector.ts
+++ b/ts_web/elements/dees-input-quantityselector/dees-input-quantityselector.ts
@@ -1,6 +1,6 @@
 import { customElement, property, html, type TemplateResult, css, cssManager } from '@design.estate/dees-element';
 import * as domtools from '@design.estate/dees-domtools';
-import { DeesInputBase } from './dees-input-base.js';
+import { DeesInputBase } from '../dees-input-base/dees-input-base.js';
 import { demoFunc } from './dees-input-quantityselector.demo.js';
 
 declare global {
diff --git a/ts_web/elements/dees-input-quantityselector/index.ts b/ts_web/elements/dees-input-quantityselector/index.ts
new file mode 100644
index 0000000..4a137c5
--- /dev/null
+++ b/ts_web/elements/dees-input-quantityselector/index.ts
@@ -0,0 +1 @@
+export * from '../dees-input-quantityselector/dees-input-quantityselector.js';
diff --git a/ts_web/elements/dees-input-radiogroup/dees-input-radiogroup.ts b/ts_web/elements/dees-input-radiogroup/dees-input-radiogroup.ts
index 2774c13..4ab04b4 100644
--- a/ts_web/elements/dees-input-radiogroup/dees-input-radiogroup.ts
+++ b/ts_web/elements/dees-input-radiogroup/dees-input-radiogroup.ts
@@ -6,7 +6,7 @@ import {
   css,
   cssManager,
 } from '@design.estate/dees-element';
-import { DeesInputBase } from './dees-input-base.js';
+import { DeesInputBase } from '../dees-input-base/dees-input-base.js';
 import { demoFunc } from './dees-input-radiogroup.demo.js';
 
 declare global {
diff --git a/ts_web/elements/dees-input-radiogroup/index.ts b/ts_web/elements/dees-input-radiogroup/index.ts
new file mode 100644
index 0000000..c3e269c
--- /dev/null
+++ b/ts_web/elements/dees-input-radiogroup/index.ts
@@ -0,0 +1 @@
+export * from '../dees-input-radiogroup/dees-input-radiogroup.js';
diff --git a/ts_web/elements/dees-input-richtext/component.ts b/ts_web/elements/dees-input-richtext/component.ts
index 88a17dc..59257aa 100644
--- a/ts_web/elements/dees-input-richtext/component.ts
+++ b/ts_web/elements/dees-input-richtext/component.ts
@@ -1,4 +1,4 @@
-import { DeesInputBase } from '../dees-input-base.js';
+import { DeesInputBase } from '../dees-input-base/dees-input-base.js';
 import { demoFunc } from './demo.js';
 import { richtextStyles } from './styles.js';
 import { renderRichtext } from './template.js';
diff --git a/ts_web/elements/dees-input-richtext/styles.ts b/ts_web/elements/dees-input-richtext/styles.ts
index 892be9b..c7e4fa1 100644
--- a/ts_web/elements/dees-input-richtext/styles.ts
+++ b/ts_web/elements/dees-input-richtext/styles.ts
@@ -1,5 +1,5 @@
 import { css, cssManager } from '@design.estate/dees-element';
-import { DeesInputBase } from '../dees-input-base.js';
+import { DeesInputBase } from '../dees-input-base/dees-input-base.js';
 
 export const richtextStyles = [
     ...DeesInputBase.baseStyles,
diff --git a/ts_web/elements/dees-input-searchselect/index.ts b/ts_web/elements/dees-input-searchselect/index.ts
new file mode 100644
index 0000000..b185d21
--- /dev/null
+++ b/ts_web/elements/dees-input-searchselect/index.ts
@@ -0,0 +1 @@
+export * from './dees-input-searchselect.js';
diff --git a/ts_web/elements/dees-input-tags/dees-input-tags.ts b/ts_web/elements/dees-input-tags/dees-input-tags.ts
index f996cee..6f9a8c0 100644
--- a/ts_web/elements/dees-input-tags/dees-input-tags.ts
+++ b/ts_web/elements/dees-input-tags/dees-input-tags.ts
@@ -7,7 +7,7 @@ import {
   state,
   type TemplateResult,
 } from '@design.estate/dees-element';
-import { DeesInputBase } from './dees-input-base.js';
+import { DeesInputBase } from '../dees-input-base/dees-input-base.js';
 import './dees-icon.js';
 import { demoFunc } from './dees-input-tags.demo.js';
 
diff --git a/ts_web/elements/dees-input-tags/index.ts b/ts_web/elements/dees-input-tags/index.ts
new file mode 100644
index 0000000..a661011
--- /dev/null
+++ b/ts_web/elements/dees-input-tags/index.ts
@@ -0,0 +1 @@
+export * from '../dees-input-tags/dees-input-tags.js';
diff --git a/ts_web/elements/dees-input-text/dees-input-text.demo.ts b/ts_web/elements/dees-input-text/dees-input-text.demo.ts
index 7b936e5..7e11fb4 100644
--- a/ts_web/elements/dees-input-text/dees-input-text.demo.ts
+++ b/ts_web/elements/dees-input-text/dees-input-text.demo.ts
@@ -1,7 +1,7 @@
 import { html, css, cssManager } from '@design.estate/dees-element';
 import '@design.estate/dees-wcctools/demotools';
 import './dees-panel.js';
-import type { DeesInputText } from './dees-input-text.js';
+import type { DeesInputText } from '../dees-input-text/dees-input-text.js';
 
 export const demoFunc = () => html`
   <style>
diff --git a/ts_web/elements/dees-input-text/dees-input-text.ts b/ts_web/elements/dees-input-text/dees-input-text.ts
index 4932bdc..30fa38c 100644
--- a/ts_web/elements/dees-input-text/dees-input-text.ts
+++ b/ts_web/elements/dees-input-text/dees-input-text.ts
@@ -1,7 +1,7 @@
-import * as colors from './00colors.js';
-import { DeesInputBase } from './dees-input-base.js';
+import * as colors from '../00colors.js';
+import { DeesInputBase } from '../dees-input-base/dees-input-base.js';
 import { demoFunc } from './dees-input-text.demo.js';
-import { cssGeistFontFamily, cssMonoFontFamily } from './00fonts.js';
+import { cssGeistFontFamily, cssMonoFontFamily } from '../00fonts.js';
 
 import {
   customElement,
diff --git a/ts_web/elements/dees-input-text/index.ts b/ts_web/elements/dees-input-text/index.ts
new file mode 100644
index 0000000..5db9db9
--- /dev/null
+++ b/ts_web/elements/dees-input-text/index.ts
@@ -0,0 +1 @@
+export * from '../dees-input-text/dees-input-text.js';
diff --git a/ts_web/elements/dees-input-typelist/dees-input-typelist.ts b/ts_web/elements/dees-input-typelist/dees-input-typelist.ts
index c4500d9..9369227 100644
--- a/ts_web/elements/dees-input-typelist/dees-input-typelist.ts
+++ b/ts_web/elements/dees-input-typelist/dees-input-typelist.ts
@@ -8,7 +8,7 @@ import {
   cssManager,
 } from '@design.estate/dees-element';
 import * as domtools from '@design.estate/dees-domtools';
-import { DeesInputBase } from './dees-input-base.js';
+import { DeesInputBase } from '../dees-input-base/dees-input-base.js';
 
 import { demoFunc }  from './dees-input-typelist.demo.js';
 
diff --git a/ts_web/elements/dees-input-typelist/index.ts b/ts_web/elements/dees-input-typelist/index.ts
new file mode 100644
index 0000000..1f3c272
--- /dev/null
+++ b/ts_web/elements/dees-input-typelist/index.ts
@@ -0,0 +1 @@
+export * from '../dees-input-typelist/dees-input-typelist.js';
diff --git a/ts_web/elements/dees-input-wysiwyg/dees-input-wysiwyg.ts b/ts_web/elements/dees-input-wysiwyg/dees-input-wysiwyg.ts
index 4127002..2ffeb86 100644
--- a/ts_web/elements/dees-input-wysiwyg/dees-input-wysiwyg.ts
+++ b/ts_web/elements/dees-input-wysiwyg/dees-input-wysiwyg.ts
@@ -1,6 +1,6 @@
-import { DeesInputBase } from '../dees-input-base.js';
+import { DeesInputBase } from '../dees-input-base/dees-input-base.js';
 import { demoFunc } from '../dees-input-wysiwyg.demo.js';
-import { DeesModal } from '../dees-modal.js';
+import { DeesModal } from '../dees-modal/dees-modal.js';
 
 import {
   customElement,
diff --git a/ts_web/elements/dees-input-wysiwyg/wysiwyg.modalmanager.ts b/ts_web/elements/dees-input-wysiwyg/wysiwyg.modalmanager.ts
index 86a707a..0477717 100644
--- a/ts_web/elements/dees-input-wysiwyg/wysiwyg.modalmanager.ts
+++ b/ts_web/elements/dees-input-wysiwyg/wysiwyg.modalmanager.ts
@@ -1,5 +1,5 @@
 import { html, type TemplateResult, cssManager } from '@design.estate/dees-element';
-import { DeesModal } from '../dees-modal.js';
+import { DeesModal } from '../dees-modal/dees-modal.js';
 import { type IBlock } from './wysiwyg.types.js';
 import { WysiwygShortcuts } from './wysiwyg.shortcuts.js';
 import { PROGRAMMING_LANGUAGES } from './wysiwyg.constants.js';
diff --git a/ts_web/elements/dees-label/dees-label.ts b/ts_web/elements/dees-label/dees-label.ts
index 7e67160..41fa8ce 100644
--- a/ts_web/elements/dees-label/dees-label.ts
+++ b/ts_web/elements/dees-label/dees-label.ts
@@ -1,5 +1,5 @@
-import * as plugins from './00plugins.js';
-import * as colors from './00colors.js';
+import * as plugins from '../00plugins.js';
+import * as colors from '../00colors.js';
 
 import {
   customElement,
diff --git a/ts_web/elements/dees-label/index.ts b/ts_web/elements/dees-label/index.ts
new file mode 100644
index 0000000..e86db5f
--- /dev/null
+++ b/ts_web/elements/dees-label/index.ts
@@ -0,0 +1 @@
+export * from '../dees-label/dees-label.js';
diff --git a/ts_web/elements/dees-mobilenavigation/dees-mobilenavigation.ts b/ts_web/elements/dees-mobilenavigation/dees-mobilenavigation.ts
index 80b341b..f554f42 100644
--- a/ts_web/elements/dees-mobilenavigation/dees-mobilenavigation.ts
+++ b/ts_web/elements/dees-mobilenavigation/dees-mobilenavigation.ts
@@ -1,6 +1,6 @@
-import * as plugins from './00plugins.js';
-import { zIndexRegistry } from './00zindex.js';
-import { cssGeistFontFamily } from './00fonts.js';
+import * as plugins from '../00plugins.js';
+import { zIndexRegistry } from '../00zindex.js';
+import { cssGeistFontFamily } from '../00fonts.js';
 import {
   cssManager,
   css,
@@ -12,7 +12,7 @@ import {
   property,
   state,
 } from '@design.estate/dees-element';
-import { DeesWindowLayer } from './dees-windowlayer.js';
+import { DeesWindowLayer } from '../dees-windowlayer/dees-windowlayer.js';
 import './dees-icon.js';
 
 @customElement('dees-mobilenavigation')
diff --git a/ts_web/elements/dees-mobilenavigation/index.ts b/ts_web/elements/dees-mobilenavigation/index.ts
new file mode 100644
index 0000000..9850b66
--- /dev/null
+++ b/ts_web/elements/dees-mobilenavigation/index.ts
@@ -0,0 +1 @@
+export * from '../dees-mobilenavigation/dees-mobilenavigation.js';
diff --git a/ts_web/elements/dees-modal/dees-modal.demo.ts b/ts_web/elements/dees-modal/dees-modal.demo.ts
index a974aff..db1b2e8 100644
--- a/ts_web/elements/dees-modal/dees-modal.demo.ts
+++ b/ts_web/elements/dees-modal/dees-modal.demo.ts
@@ -1,5 +1,5 @@
 import { html, css, cssManager } from '@design.estate/dees-element';
-import { DeesModal } from './dees-modal.js';
+import { DeesModal } from '../dees-modal/dees-modal.js';
 
 export const demoFunc = () => html`
   <style>
diff --git a/ts_web/elements/dees-modal/dees-modal.ts b/ts_web/elements/dees-modal/dees-modal.ts
index 8f70db7..0a65e05 100644
--- a/ts_web/elements/dees-modal/dees-modal.ts
+++ b/ts_web/elements/dees-modal/dees-modal.ts
@@ -1,7 +1,7 @@
-import * as colors from './00colors.js';
-import * as plugins from './00plugins.js';
-import { zIndexLayers, zIndexRegistry } from './00zindex.js';
-import { cssGeistFontFamily } from './00fonts.js';
+import * as colors from '../00colors.js';
+import * as plugins from '../00plugins.js';
+import { zIndexLayers, zIndexRegistry } from '../00zindex.js';
+import { cssGeistFontFamily } from '../00fonts.js';
 
 import { demoFunc } from './dees-modal.demo.js';
 import {
@@ -19,7 +19,7 @@ import {
 } from '@design.estate/dees-element';
 
 import * as domtools from '@design.estate/dees-domtools';
-import { DeesWindowLayer } from './dees-windowlayer.js';
+import { DeesWindowLayer } from '../dees-windowlayer/dees-windowlayer.js';
 import './dees-icon.js';
 
 declare global {
diff --git a/ts_web/elements/dees-modal/index.ts b/ts_web/elements/dees-modal/index.ts
new file mode 100644
index 0000000..3d595fa
--- /dev/null
+++ b/ts_web/elements/dees-modal/index.ts
@@ -0,0 +1 @@
+export * from '../dees-modal/dees-modal.js';
diff --git a/ts_web/elements/dees-pagination/index.ts b/ts_web/elements/dees-pagination/index.ts
new file mode 100644
index 0000000..6632230
--- /dev/null
+++ b/ts_web/elements/dees-pagination/index.ts
@@ -0,0 +1 @@
+export * from '../dees-pagination/dees-pagination.js';
diff --git a/ts_web/elements/dees-panel/dees-panel.ts b/ts_web/elements/dees-panel/dees-panel.ts
index 8e87b6d..6bd8bce 100644
--- a/ts_web/elements/dees-panel/dees-panel.ts
+++ b/ts_web/elements/dees-panel/dees-panel.ts
@@ -8,7 +8,7 @@ import {
   type TemplateResult,
 } from '@design.estate/dees-element';
 import { demoFunc } from './dees-panel.demo.js';
-import { cssGeistFontFamily } from './00fonts.js';
+import { cssGeistFontFamily } from '../00fonts.js';
 
 declare global {
   interface HTMLElementTagNameMap {
diff --git a/ts_web/elements/dees-panel/index.ts b/ts_web/elements/dees-panel/index.ts
new file mode 100644
index 0000000..0568fe6
--- /dev/null
+++ b/ts_web/elements/dees-panel/index.ts
@@ -0,0 +1 @@
+export * from '../dees-panel/dees-panel.js';
diff --git a/ts_web/elements/dees-pdf/component.ts b/ts_web/elements/dees-pdf/component.ts
index 75927ea..098d60c 100644
--- a/ts_web/elements/dees-pdf/component.ts
+++ b/ts_web/elements/dees-pdf/component.ts
@@ -1,7 +1,7 @@
 import { DeesElement, property, html, customElement, domtools, type TemplateResult, type CSSResult, } from '@design.estate/dees-element';
 
 import { Deferred } from '@push.rocks/smartpromise';
-import { DeesContextmenu } from '../dees-contextmenu.js';
+import { DeesContextmenu } from '../dees-contextmenu/dees-contextmenu.js';
 import '../dees-icon.js';
 
 // import type pdfjsTypes from 'pdfjs-dist';
diff --git a/ts_web/elements/dees-preview/index.ts b/ts_web/elements/dees-preview/index.ts
new file mode 100644
index 0000000..b820759
--- /dev/null
+++ b/ts_web/elements/dees-preview/index.ts
@@ -0,0 +1 @@
+export * from './dees-preview.js';
diff --git a/ts_web/elements/dees-progressbar/dees-progressbar.demo.ts b/ts_web/elements/dees-progressbar/dees-progressbar.demo.ts
index ee32025..d4f6997 100644
--- a/ts_web/elements/dees-progressbar/dees-progressbar.demo.ts
+++ b/ts_web/elements/dees-progressbar/dees-progressbar.demo.ts
@@ -1,6 +1,6 @@
 import { html } from '@design.estate/dees-element';
 
-import { DeesProgressbar } from './dees-progressbar.js';
+import { DeesProgressbar } from '../dees-progressbar/dees-progressbar.js';
 
 export const demoFunc = () => {
   return html`
diff --git a/ts_web/elements/dees-progressbar/dees-progressbar.ts b/ts_web/elements/dees-progressbar/dees-progressbar.ts
index aff1647..88f675b 100644
--- a/ts_web/elements/dees-progressbar/dees-progressbar.ts
+++ b/ts_web/elements/dees-progressbar/dees-progressbar.ts
@@ -1,5 +1,5 @@
-import * as plugins from './00plugins.js';
-import * as colors from './00colors.js';
+import * as plugins from '../00plugins.js';
+import * as colors from '../00colors.js';
 import { demoFunc } from './dees-progressbar.demo.js';
 import {
   customElement,
diff --git a/ts_web/elements/dees-progressbar/index.ts b/ts_web/elements/dees-progressbar/index.ts
new file mode 100644
index 0000000..aa93463
--- /dev/null
+++ b/ts_web/elements/dees-progressbar/index.ts
@@ -0,0 +1 @@
+export * from '../dees-progressbar/dees-progressbar.js';
diff --git a/ts_web/elements/dees-search/index.ts b/ts_web/elements/dees-search/index.ts
new file mode 100644
index 0000000..3b035a0
--- /dev/null
+++ b/ts_web/elements/dees-search/index.ts
@@ -0,0 +1 @@
+export * from './dees-search.js';
diff --git a/ts_web/elements/dees-searchbar/dees-searchbar.ts b/ts_web/elements/dees-searchbar/dees-searchbar.ts
index 3ede74f..06e0d04 100644
--- a/ts_web/elements/dees-searchbar/dees-searchbar.ts
+++ b/ts_web/elements/dees-searchbar/dees-searchbar.ts
@@ -11,7 +11,7 @@ import {
   query,
 } from '@design.estate/dees-element';
 
-import * as colors from './00colors.js';
+import * as colors from '../00colors.js';
 import { demoFunc } from './dees-searchbar.demo.js';
 
 declare global {
diff --git a/ts_web/elements/dees-searchbar/index.ts b/ts_web/elements/dees-searchbar/index.ts
new file mode 100644
index 0000000..05659f5
--- /dev/null
+++ b/ts_web/elements/dees-searchbar/index.ts
@@ -0,0 +1 @@
+export * from '../dees-searchbar/dees-searchbar.js';
diff --git a/ts_web/elements/dees-shopping-productcard/dees-shopping-productcard.demo.ts b/ts_web/elements/dees-shopping-productcard/dees-shopping-productcard.demo.ts
index 567f68c..fbc935f 100644
--- a/ts_web/elements/dees-shopping-productcard/dees-shopping-productcard.demo.ts
+++ b/ts_web/elements/dees-shopping-productcard/dees-shopping-productcard.demo.ts
@@ -1,7 +1,7 @@
 import { html, css, cssManager } from '@design.estate/dees-element';
 import '@design.estate/dees-wcctools/demotools';
 import './dees-panel.js';
-import type { DeesShoppingProductcard } from './dees-shopping-productcard.js';
+import type { DeesShoppingProductcard } from '../dees-shopping-productcard/dees-shopping-productcard.js';
 
 export const demoFunc = () => html`
   <dees-demowrapper>
diff --git a/ts_web/elements/dees-shopping-productcard/index.ts b/ts_web/elements/dees-shopping-productcard/index.ts
new file mode 100644
index 0000000..d4f0e76
--- /dev/null
+++ b/ts_web/elements/dees-shopping-productcard/index.ts
@@ -0,0 +1 @@
+export * from '../dees-shopping-productcard/dees-shopping-productcard.js';
diff --git a/ts_web/elements/dees-simple-appdash/dees-simple-appdash.demo.ts b/ts_web/elements/dees-simple-appdash/dees-simple-appdash.demo.ts
index 6afa801..df667fc 100644
--- a/ts_web/elements/dees-simple-appdash/dees-simple-appdash.demo.ts
+++ b/ts_web/elements/dees-simple-appdash/dees-simple-appdash.demo.ts
@@ -1,5 +1,5 @@
 import { html, DeesElement, customElement, css, cssManager } from '@design.estate/dees-element';
-import type { IView } from './dees-simple-appdash.js';
+import type { IView } from '../dees-simple-appdash/dees-simple-appdash.js';
 import './dees-form.js';
 import './dees-input-text.js';
 import './dees-input-checkbox.js';
@@ -7,7 +7,7 @@ import './dees-input-dropdown.js';
 import './dees-input-radiogroup.js';
 import './dees-form-submit.js';
 import './dees-statsgrid.js';
-import type { IStatsTile } from './dees-statsgrid.js';
+import type { IStatsTile } from '../dees-statsgrid/dees-statsgrid.js';
 
 // Create demo view components
 @customElement('demo-view-dashboard')
diff --git a/ts_web/elements/dees-simple-appdash/dees-simple-appdash.ts b/ts_web/elements/dees-simple-appdash/dees-simple-appdash.ts
index 77c3d76..9628000 100644
--- a/ts_web/elements/dees-simple-appdash/dees-simple-appdash.ts
+++ b/ts_web/elements/dees-simple-appdash/dees-simple-appdash.ts
@@ -14,7 +14,7 @@ import {
   domtools,
 } from '@design.estate/dees-element';
 import './dees-icon.js';
-import type { DeesTerminal } from './dees-terminal.js';
+import type { DeesTerminal } from '../dees-terminal/dees-terminal.js';
 
 declare global {
   interface HTMLElementTagNameMap {
@@ -303,7 +303,7 @@ export class DeesSimpleAppDash extends DeesElement {
     }
     
     const maincontainer = this.shadowRoot.querySelector('.maincontainer');
-    const { DeesTerminal } = await import('./dees-terminal.js');
+    const { DeesTerminal } = await import('../dees-terminal/dees-terminal.js');
     const terminal = new DeesTerminal();
     terminal.setupCommand = this.terminalSetupCommand;
     this.currentTerminal = terminal;
diff --git a/ts_web/elements/dees-simple-appdash/index.ts b/ts_web/elements/dees-simple-appdash/index.ts
new file mode 100644
index 0000000..2f6f3f8
--- /dev/null
+++ b/ts_web/elements/dees-simple-appdash/index.ts
@@ -0,0 +1 @@
+export * from '../dees-simple-appdash/dees-simple-appdash.js';
diff --git a/ts_web/elements/dees-simple-login/index.ts b/ts_web/elements/dees-simple-login/index.ts
new file mode 100644
index 0000000..11201a2
--- /dev/null
+++ b/ts_web/elements/dees-simple-login/index.ts
@@ -0,0 +1 @@
+export * from '../dees-simple-login/dees-simple-login.js';
diff --git a/ts_web/elements/dees-speechbubble/dees-speechbubble.ts b/ts_web/elements/dees-speechbubble/dees-speechbubble.ts
index 18b53b4..ee57687 100644
--- a/ts_web/elements/dees-speechbubble/dees-speechbubble.ts
+++ b/ts_web/elements/dees-speechbubble/dees-speechbubble.ts
@@ -1,5 +1,5 @@
-import * as colors from './00colors.js';
-import * as plugins from './00plugins.js';
+import * as colors from '../00colors.js';
+import * as plugins from '../00plugins.js';
 
 import { demoFunc } from './dees-speechbubble.demo.js';
 import {
@@ -16,7 +16,7 @@ import {
   directives,
   unsafeHTML,
 } from '@design.estate/dees-element';
-import { DeesWindowLayer } from './dees-windowlayer.js';
+import { DeesWindowLayer } from '../dees-windowlayer/dees-windowlayer.js';
 
 declare global {
   interface HTMLElementTagNameMap {
diff --git a/ts_web/elements/dees-speechbubble/index.ts b/ts_web/elements/dees-speechbubble/index.ts
new file mode 100644
index 0000000..2b58e82
--- /dev/null
+++ b/ts_web/elements/dees-speechbubble/index.ts
@@ -0,0 +1 @@
+export * from '../dees-speechbubble/dees-speechbubble.js';
diff --git a/ts_web/elements/dees-spinner/index.ts b/ts_web/elements/dees-spinner/index.ts
new file mode 100644
index 0000000..117587d
--- /dev/null
+++ b/ts_web/elements/dees-spinner/index.ts
@@ -0,0 +1 @@
+export * from '../dees-spinner/dees-spinner.js';
diff --git a/ts_web/elements/dees-statsgrid/dees-statsgrid.demo.ts b/ts_web/elements/dees-statsgrid/dees-statsgrid.demo.ts
index e79e53e..9117401 100644
--- a/ts_web/elements/dees-statsgrid/dees-statsgrid.demo.ts
+++ b/ts_web/elements/dees-statsgrid/dees-statsgrid.demo.ts
@@ -1,7 +1,7 @@
 import { html, css, cssManager } from '@design.estate/dees-element';
 import '@design.estate/dees-wcctools/demotools';
 import './dees-panel.js';
-import type { IStatsTile } from './dees-statsgrid.js';
+import type { IStatsTile } from '../dees-statsgrid/dees-statsgrid.js';
 
 export const demoFunc = () => {
   return html`
diff --git a/ts_web/elements/dees-statsgrid/dees-statsgrid.ts b/ts_web/elements/dees-statsgrid/dees-statsgrid.ts
index 4e34f47..ac68cb1 100644
--- a/ts_web/elements/dees-statsgrid/dees-statsgrid.ts
+++ b/ts_web/elements/dees-statsgrid/dees-statsgrid.ts
@@ -1,6 +1,6 @@
 import { demoFunc } from './dees-statsgrid.demo.js';
-import * as plugins from './00plugins.js';
-import { cssGeistFontFamily } from './00fonts.js';
+import * as plugins from '../00plugins.js';
+import { cssGeistFontFamily } from '../00fonts.js';
 import {
   customElement,
   html,
diff --git a/ts_web/elements/dees-statsgrid/index.ts b/ts_web/elements/dees-statsgrid/index.ts
new file mode 100644
index 0000000..36de8ab
--- /dev/null
+++ b/ts_web/elements/dees-statsgrid/index.ts
@@ -0,0 +1 @@
+export * from '../dees-statsgrid/dees-statsgrid.js';
diff --git a/ts_web/elements/dees-table/dees-table.ts b/ts_web/elements/dees-table/dees-table.ts
index 0456f58..a3805be 100644
--- a/ts_web/elements/dees-table/dees-table.ts
+++ b/ts_web/elements/dees-table/dees-table.ts
@@ -2,9 +2,9 @@ import * as plugins from '../00plugins.js';
 import { demoFunc } from './dees-table.demo.js';
 import { customElement, html, DeesElement, property, type TemplateResult, directives } from '@design.estate/dees-element';
 
-import { DeesContextmenu } from '../dees-contextmenu.js';
+import { DeesContextmenu } from '../dees-contextmenu/dees-contextmenu.js';
 import * as domtools from '@design.estate/dees-domtools';
-import { type TIconKey } from '../dees-icon.js';
+import { type TIconKey } from '../dees-icon/dees-icon.js';
 import { tableStyles } from './styles.js';
 import type { Column, ITableAction, ITableActionDataArg, TDisplayFunction } from './types.js';
 import {
diff --git a/ts_web/elements/dees-table/types.ts b/ts_web/elements/dees-table/types.ts
index 41ac080..b8de681 100644
--- a/ts_web/elements/dees-table/types.ts
+++ b/ts_web/elements/dees-table/types.ts
@@ -1,5 +1,5 @@
 import type { TemplateResult } from '@design.estate/dees-element';
-import type { TIconKey } from '../dees-icon.js';
+import type { TIconKey } from '../dees-icon/dees-icon.js';
 
 export interface ITableActionDataArg<T> {
   item: T;
diff --git a/ts_web/elements/dees-terminal/index.ts b/ts_web/elements/dees-terminal/index.ts
new file mode 100644
index 0000000..025d23b
--- /dev/null
+++ b/ts_web/elements/dees-terminal/index.ts
@@ -0,0 +1 @@
+export * from '../dees-terminal/dees-terminal.js';
diff --git a/ts_web/elements/dees-toast/dees-toast.demo.ts b/ts_web/elements/dees-toast/dees-toast.demo.ts
index 4e674af..c10422f 100644
--- a/ts_web/elements/dees-toast/dees-toast.demo.ts
+++ b/ts_web/elements/dees-toast/dees-toast.demo.ts
@@ -1,5 +1,5 @@
 import { html, css, cssManager } from '@design.estate/dees-element';
-import { DeesToast } from './dees-toast.js';
+import { DeesToast } from '../dees-toast/dees-toast.js';
 import './dees-button.js';
 
 export const demoFunc = () => html`
diff --git a/ts_web/elements/dees-toast/dees-toast.ts b/ts_web/elements/dees-toast/dees-toast.ts
index 9ce50f4..9fcb143 100644
--- a/ts_web/elements/dees-toast/dees-toast.ts
+++ b/ts_web/elements/dees-toast/dees-toast.ts
@@ -1,9 +1,9 @@
 import { customElement, DeesElement, type TemplateResult, html, css, property, cssManager } from '@design.estate/dees-element';
 
 import * as domtools from '@design.estate/dees-domtools';
-import { zIndexLayers } from './00zindex.js';
+import { zIndexLayers } from '../00zindex.js';
 import { demoFunc } from './dees-toast.demo.js';
-import { cssGeistFontFamily } from './00fonts.js';
+import { cssGeistFontFamily } from '../00fonts.js';
 
 declare global {
   interface HTMLElementTagNameMap {
diff --git a/ts_web/elements/dees-toast/index.ts b/ts_web/elements/dees-toast/index.ts
new file mode 100644
index 0000000..f679f10
--- /dev/null
+++ b/ts_web/elements/dees-toast/index.ts
@@ -0,0 +1 @@
+export * from '../dees-toast/dees-toast.js';
diff --git a/ts_web/elements/dees-tooltip/index.ts b/ts_web/elements/dees-tooltip/index.ts
new file mode 100644
index 0000000..76d3b40
--- /dev/null
+++ b/ts_web/elements/dees-tooltip/index.ts
@@ -0,0 +1 @@
+export * from './dees-tooltip.js';
diff --git a/ts_web/elements/dees-updater/dees-updater.demo.ts b/ts_web/elements/dees-updater/dees-updater.demo.ts
index df54077..7c6ca71 100644
--- a/ts_web/elements/dees-updater/dees-updater.demo.ts
+++ b/ts_web/elements/dees-updater/dees-updater.demo.ts
@@ -1,6 +1,6 @@
 import { html } from '@design.estate/dees-element';
 
-import { DeesUpdater } from './dees-updater.js';
+import { DeesUpdater } from '../dees-updater/dees-updater.js';
 
 export const demoFunc = async () => {
   const updater = await DeesUpdater.createAndShow();
diff --git a/ts_web/elements/dees-updater/index.ts b/ts_web/elements/dees-updater/index.ts
new file mode 100644
index 0000000..090e1d2
--- /dev/null
+++ b/ts_web/elements/dees-updater/index.ts
@@ -0,0 +1 @@
+export * from '../dees-updater/dees-updater.js';
diff --git a/ts_web/elements/dees-windowcontrols/index.ts b/ts_web/elements/dees-windowcontrols/index.ts
new file mode 100644
index 0000000..5309f7c
--- /dev/null
+++ b/ts_web/elements/dees-windowcontrols/index.ts
@@ -0,0 +1 @@
+export * from '../dees-windowcontrols/dees-windowcontrols.js';
diff --git a/ts_web/elements/dees-windowlayer/dees-windowlayer.ts b/ts_web/elements/dees-windowlayer/dees-windowlayer.ts
index 83fc6c1..30787ca 100644
--- a/ts_web/elements/dees-windowlayer/dees-windowlayer.ts
+++ b/ts_web/elements/dees-windowlayer/dees-windowlayer.ts
@@ -1,5 +1,5 @@
 import { customElement, DeesElement, domtools, type TemplateResult, html, property, type CSSResult, state, } from '@design.estate/dees-element';
-import { zIndexLayers, zIndexRegistry } from './00zindex.js';
+import { zIndexLayers, zIndexRegistry } from '../00zindex.js';
 
 declare global {
   interface HTMLElementTagNameMap {
diff --git a/ts_web/elements/dees-windowlayer/index.ts b/ts_web/elements/dees-windowlayer/index.ts
new file mode 100644
index 0000000..1aed07a
--- /dev/null
+++ b/ts_web/elements/dees-windowlayer/index.ts
@@ -0,0 +1 @@
+export * from '../dees-windowlayer/dees-windowlayer.js';
diff --git a/ts_web/elements/index.ts b/ts_web/elements/index.ts
index be1a88e..1a0ca9d 100644
--- a/ts_web/elements/index.ts
+++ b/ts_web/elements/index.ts
@@ -1,68 +1,68 @@
 export * from './00zindex.js';
-export * from './dees-appui-activitylog.js';
+export * from './dees-appui-activitylog/index.js';
 export * from './dees-appui-appbar/index.js';
-export * from './dees-appui-base.js';
-export * from './dees-appui-maincontent.js';
-export * from './dees-appui-mainmenu.js';
-export * from './dees-appui-mainselector.js';
-export * from './dees-appui-profiledropdown.js';
-export * from './dees-appui-tabs.js';
-export * from './dees-appui-view.js';
-export * from './dees-badge.js';
-export * from './dees-button-exit.js';
-export * from './dees-button-group.js';
-export * from './dees-button.js';
+export * from './dees-appui-base/index.js';
+export * from './dees-appui-maincontent/index.js';
+export * from './dees-appui-mainmenu/index.js';
+export * from './dees-appui-mainselector/index.js';
+export * from './dees-appui-profiledropdown/index.js';
+export * from './dees-appui-tabs/index.js';
+export * from './dees-appui-view/index.js';
+export * from './dees-badge/index.js';
+export * from './dees-button-exit/index.js';
+export * from './dees-button-group/index.js';
+export * from './dees-button/index.js';
 export * from './dees-chart-area/index.js';
-export * from './dees-chart-log.js';
-export * from './dees-chips.js';
-export * from './dees-contextmenu.js';
-export * from './dees-dataview-codebox.js';
-export * from './dees-dataview-statusobject.js';
+export * from './dees-chart-log/index.js';
+export * from './dees-chips/index.js';
+export * from './dees-contextmenu/index.js';
+export * from './dees-dataview-codebox/index.js';
+export * from './dees-dataview-statusobject/index.js';
 export * from './dees-dashboardgrid/index.js';
 export * from './dees-editor/index.js';
-export * from './dees-editor-markdown.js';
-export * from './dees-editor-markdownoutlet.js';
-export * from './dees-form-submit.js';
-export * from './dees-form.js';
-export * from './dees-heading.js';
-export * from './dees-hint.js';
-export * from './dees-icon.js';
-export * from './dees-input-checkbox.js';
+export * from './dees-editor-markdown/index.js';
+export * from './dees-editor-markdownoutlet/index.js';
+export * from './dees-form-submit/index.js';
+export * from './dees-form/index.js';
+export * from './dees-heading/index.js';
+export * from './dees-hint/index.js';
+export * from './dees-icon/index.js';
+export * from './dees-input-checkbox/index.js';
 export * from './dees-input-datepicker/index.js';
-export * from './dees-input-dropdown.js';
+export * from './dees-input-dropdown/index.js';
 export * from './dees-input-fileupload/index.js';
-export * from './dees-input-iban.js';
-export * from './dees-input-list.js';
+export * from './dees-input-iban/index.js';
+export * from './dees-input-list/index.js';
 export * from './profilepicture/dees-input-profilepicture.js';
-export * from './dees-input-typelist.js';
-export * from './dees-input-phone.js';
+export * from './dees-input-typelist/index.js';
+export * from './dees-input-phone/index.js';
 export * from './dees-input-wysiwyg.js';
-export * from './dees-progressbar.js';
-export * from './dees-input-quantityselector.js';
-export * from './dees-input-radiogroup.js';
+export * from './dees-progressbar/index.js';
+export * from './dees-input-quantityselector/index.js';
+export * from './dees-input-radiogroup/index.js';
 export * from './dees-input-richtext/index.js';
-export * from './dees-input-tags.js';
-export * from './dees-input-text.js';
-export * from './dees-label.js';
-export * from './dees-mobilenavigation.js';
-export * from './dees-modal.js';
-export * from './dees-input-multitoggle.js';
-export * from './dees-panel.js';
+export * from './dees-input-tags/index.js';
+export * from './dees-input-text/index.js';
+export * from './dees-label/index.js';
+export * from './dees-mobilenavigation/index.js';
+export * from './dees-modal/index.js';
+export * from './dees-input-multitoggle/index.js';
+export * from './dees-panel/index.js';
 export * from './dees-pdf/index.js'; // @deprecated - Use dees-pdf-viewer or dees-pdf-preview instead
 export * from './dees-pdf-viewer/index.js';
 export * from './dees-pdf-preview/index.js';
-export * from './dees-searchbar.js';
-export * from './dees-shopping-productcard.js';
-export * from './dees-simple-appdash.js';
-export * from './dees-simple-login.js';
-export * from './dees-speechbubble.js';
-export * from './dees-spinner.js';
-export * from './dees-statsgrid.js';
+export * from './dees-searchbar/index.js';
+export * from './dees-shopping-productcard/index.js';
+export * from './dees-simple-appdash/index.js';
+export * from './dees-simple-login/index.js';
+export * from './dees-speechbubble/index.js';
+export * from './dees-spinner/index.js';
+export * from './dees-statsgrid/index.js';
 export * from './dees-stepper/index.js';
 export * from './dees-table/index.js';
-export * from './dees-terminal.js';
-export * from './dees-toast.js';
-export * from './dees-updater.js';
-export * from './dees-windowcontrols.js';
-export * from './dees-windowlayer.js';
-export * from './dees-pagination.js';
+export * from './dees-terminal/index.js';
+export * from './dees-toast/index.js';
+export * from './dees-updater/index.js';
+export * from './dees-windowcontrols/index.js';
+export * from './dees-windowlayer/index.js';
+export * from './dees-pagination/index.js';
diff --git a/ts_web/elements/profilepicture/dees-input-profilepicture.ts b/ts_web/elements/profilepicture/dees-input-profilepicture.ts
index 3456446..acfd5e3 100644
--- a/ts_web/elements/profilepicture/dees-input-profilepicture.ts
+++ b/ts_web/elements/profilepicture/dees-input-profilepicture.ts
@@ -7,7 +7,7 @@ import {
   state,
   type TemplateResult,
 } from '@design.estate/dees-element';
-import { DeesInputBase } from '../dees-input-base.js';
+import { DeesInputBase } from '../dees-input-base/dees-input-base.js';
 import '../dees-icon.js';
 import '../dees-label.js';
 import { ProfilePictureModal } from './profilepicture.modal.js';
diff --git a/ts_web/elements/profilepicture/profilepicture.modal.ts b/ts_web/elements/profilepicture/profilepicture.modal.ts
index ff9c621..16ddc2c 100644
--- a/ts_web/elements/profilepicture/profilepicture.modal.ts
+++ b/ts_web/elements/profilepicture/profilepicture.modal.ts
@@ -14,7 +14,7 @@ import { zIndexRegistry } from '../00zindex.js';
 import '../dees-icon.js';
 import '../dees-button.js';
 import '../dees-windowlayer.js';
-import { DeesWindowLayer } from '../dees-windowlayer.js';
+import { DeesWindowLayer } from '../dees-windowlayer/dees-windowlayer.js';
 import { ImageCropper } from './profilepicture.cropper.js';
 import type { ProfileShape } from './dees-input-profilepicture.js';
 
diff --git a/ts_web/pages/zindex-showcase.ts b/ts_web/pages/zindex-showcase.ts
index ca1485c..3aaa28d 100644
--- a/ts_web/pages/zindex-showcase.ts
+++ b/ts_web/pages/zindex-showcase.ts
@@ -1,16 +1,16 @@
 import { html, css, cssManager } from '@design.estate/dees-element';
-import { DeesModal } from '../elements/dees-modal.js';
-import { DeesToast } from '../elements/dees-toast.js';
-import { DeesContextmenu } from '../elements/dees-contextmenu.js';
-import '../elements/dees-button.js';
-import '../elements/dees-input-dropdown.js';
-import '../elements/dees-form.js';
-import '../elements/dees-panel.js';
-import '../elements/dees-input-text.js';
-import '../elements/dees-input-radiogroup.js';
-import '../elements/dees-input-tags.js';
+import { DeesModal } from '../elements/dees-modal/dees-modal.js';
+import { DeesToast } from '../elements/dees-toast/dees-toast.js';
+import { DeesContextmenu } from '../elements/dees-contextmenu/dees-contextmenu.js';
+import '../elements/dees-button/dees-button.js';
+import '../elements/dees-input-dropdown/dees-input-dropdown.js';
+import '../elements/dees-form/dees-form.js';
+import '../elements/dees-panel/dees-panel.js';
+import '../elements/dees-input-text/dees-input-text.js';
+import '../elements/dees-input-radiogroup/dees-input-radiogroup.js';
+import '../elements/dees-input-tags/dees-input-tags.js';
 import '../elements/dees-input-wysiwyg.js';
-import '../elements/dees-appui-profiledropdown.js';
+import '../elements/dees-appui-profiledropdown/dees-appui-profiledropdown.js';
 
 export const zIndexShowcase = () => html`
   <style>