v2.0.4

- 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.

.serena/.gitignore

@@ -1 +0,0 @@
-/cache

.serena/memories/done_checklist.md

@@ -1,6 +0,0 @@
-Before finishing a task:
-- Run `pnpm run build` to ensure TypeScript compile + bundling succeed.
-- Verify `dist_ts_web/` and `dist_bundle/bundle.js` updated.
-- Optionally run `pnpm run test` and inspect failures.
-- Avoid changing public APIs unless required; keep changes scoped.
-- Update readme or inline docs only if user-facing behavior changes.

.serena/memories/project_overview.md

@@ -1,11 +0,0 @@
-Project: @design.estate/dees-catalog
-Purpose: A component library of dynamic Web Components (TypeScript) for building modern web apps.
-Tech stack: TypeScript (ES2022, NodeNext), decorators, custom elements via @design.estate/dees-element (Lit-style), bundling with esbuild via @git.zone/tsbundle, TypeScript building via @git.zone/tsbuild (tsfolders), tests with @git.zone/tstest, various UI libs (tiptap, apexcharts, monaco-editor runtime via CDN), DOM helpers via @design.estate/dees-domtools.
-Structure: 
-- ts_web/: source of web components and pages
-- dist_ts_web/: transpiled TS output
-- dist_bundle/: production bundle (bundle.js + map)
-- test/: tests
-- html/: static demo assets
-Key configs: tsconfig.json sets ES2022, NodeNext module/resolution, decorators enabled, skipLibCheck enabled to avoid third-party d.ts issues.
-Entrypoints: ts_web/index.ts for bundling; custom elements annotated with @customElement.

.serena/memories/style_and_conventions.md

@@ -1,5 +0,0 @@
-Language: TypeScript, ES2022 target, NodeNext module + resolution.
-Patterns: Web Components with @customElement decorators; class-based components extending DeesElement; styles via css/cssManager; template render via html tagged literal.
-Typing: Prefer explicit types where practical; tolerate `any` for external browser-injected libs (e.g., monaco) to keep build healthy.
-Config: skipLibCheck enabled to avoid third-party d.ts breakages; exclude built declaration outputs.
-Formatting/Linting: Not explicitly configured; follow existing style (2-space indents, single quotes often, semicolons present).

.serena/memories/suggested_commands.md

@@ -1,6 +0,0 @@
-Build: pnpm run build
-Watch: pnpm run watch
-Test: pnpm run test
-Docs: pnpm run buildDocs
-Inspect bundle size: ls -lh dist_bundle/bundle.js
-Open demo (if applicable): serve static `html/` with any web server

.serena/project.yml

@@ -1,67 +0,0 @@
-# language of the project (csharp, python, rust, java, typescript, go, cpp, or ruby)
-#  * For C, use cpp
-#  * For JavaScript, use typescript
-# Special requirements:
-#  * csharp: Requires the presence of a .sln file in the project folder.
-language: typescript
-
-# whether to use the project's gitignore file to ignore files
-# Added on 2025-04-07
-ignore_all_files_in_gitignore: true
-# list of additional paths to ignore
-# same syntax as gitignore, so you can use * and **
-# Was previously called `ignored_dirs`, please update your config if you are using that.
-# Added (renamed) on 2025-04-07
-ignored_paths: []
-
-# whether the project is in read-only mode
-# If set to true, all editing tools will be disabled and attempts to use them will result in an error
-# Added on 2025-04-18
-read_only: false
-
-# list of tool names to exclude. We recommend not excluding any tools, see the readme for more details.
-# Below is the complete list of tools for convenience.
-# To make sure you have the latest list of tools, and to view their descriptions, 
-# execute `uv run scripts/print_tool_overview.py`.
-#
-#  * `activate_project`: Activates a project by name.
-#  * `check_onboarding_performed`: Checks whether project onboarding was already performed.
-#  * `create_text_file`: Creates/overwrites a file in the project directory.
-#  * `delete_lines`: Deletes a range of lines within a file.
-#  * `delete_memory`: Deletes a memory from Serena's project-specific memory store.
-#  * `execute_shell_command`: Executes a shell command.
-#  * `find_referencing_code_snippets`: Finds code snippets in which the symbol at the given location is referenced.
-#  * `find_referencing_symbols`: Finds symbols that reference the symbol at the given location (optionally filtered by type).
-#  * `find_symbol`: Performs a global (or local) search for symbols with/containing a given name/substring (optionally filtered by type).
-#  * `get_current_config`: Prints the current configuration of the agent, including the active and available projects, tools, contexts, and modes.
-#  * `get_symbols_overview`: Gets an overview of the top-level symbols defined in a given file.
-#  * `initial_instructions`: Gets the initial instructions for the current project.
-#     Should only be used in settings where the system prompt cannot be set,
-#     e.g. in clients you have no control over, like Claude Desktop.
-#  * `insert_after_symbol`: Inserts content after the end of the definition of a given symbol.
-#  * `insert_at_line`: Inserts content at a given line in a file.
-#  * `insert_before_symbol`: Inserts content before the beginning of the definition of a given symbol.
-#  * `list_dir`: Lists files and directories in the given directory (optionally with recursion).
-#  * `list_memories`: Lists memories in Serena's project-specific memory store.
-#  * `onboarding`: Performs onboarding (identifying the project structure and essential tasks, e.g. for testing or building).
-#  * `prepare_for_new_conversation`: Provides instructions for preparing for a new conversation (in order to continue with the necessary context).
-#  * `read_file`: Reads a file within the project directory.
-#  * `read_memory`: Reads the memory with the given name from Serena's project-specific memory store.
-#  * `remove_project`: Removes a project from the Serena configuration.
-#  * `replace_lines`: Replaces a range of lines within a file with new content.
-#  * `replace_symbol_body`: Replaces the full definition of a symbol.
-#  * `restart_language_server`: Restarts the language server, may be necessary when edits not through Serena happen.
-#  * `search_for_pattern`: Performs a search for a pattern in the project.
-#  * `summarize_changes`: Provides instructions for summarizing the changes made to the codebase.
-#  * `switch_modes`: Activates modes by providing a list of their names
-#  * `think_about_collected_information`: Thinking tool for pondering the completeness of collected information.
-#  * `think_about_task_adherence`: Thinking tool for determining whether the agent is still on track with the current task.
-#  * `think_about_whether_you_are_done`: Thinking tool for determining whether the task is truly completed.
-#  * `write_memory`: Writes a named memory (for future reference) to Serena's project-specific memory store.
-excluded_tools: []
-
-# initial prompt for the project. It will always be given to the LLM upon activating the project
-# (contrary to the memories, which are loaded on demand).
-initial_prompt: ""
-
-project_name: "dees-catalog"

changelog.md

@@ -1,5 +1,41 @@
 # Changelog
 
+## 2025-12-06 - 2.0.4 - fix(imports)
+Normalize and fix relative import paths for web components to ensure correct module resolution
+
+- Replaced numerous './<component>.js' imports with explicit '../<component>/<component>.js' paths across many elements and demos to fix module resolution.
+- Updated imports for core shared components such as dees-icon, dees-panel, dees-contextmenu, dees-windowlayer, dees-windowcontrols and several app-ui components (appbar, maincontent, mainselector, activitylog, mobilenavigation, modal, pdf, profilepicture, statsgrid, etc.).
+- No runtime behavior changes — this is a refactor to import paths to address build/bundling and resolution issues.
+
+## 2025-12-03 - 2.0.3 - fix(dependencies)
+Bump dependencies and developer tooling versions
+
+- Upgrade lucide from ^0.553.0 to ^0.555.0
+- Bump @git.zone/tsbuild from ^3.1.0 to ^3.1.2
+- Bump @git.zone/tsbundle from ^2.5.2 to ^2.6.2
+- Bump @git.zone/tstest from ^2.8.1 to ^3.1.3
+- Bump @git.zone/tswatch from ^2.2.1 to ^2.2.2
+- Upgrade @types/node from ^22.0.0 to ^24.10.1
+- Patch release: increment package version to 2.0.3
+
+## 2025-11-30 - 2.0.2 - fix(dees-stepper)
+Make step validation abortable and cancel active step listeners when navigating
+
+- Extend IStep.validationFunc signature to accept an optional AbortSignal so validation handlers can be cancelled.
+- Store an AbortController on the selected step and pass its signal into validationFunc when invoked.
+- Abort the step's AbortController when navigating to the previous or next step to cancel any active listeners or async operations.
+
+## 2025-11-30 - 2.0.1 - fix(dees-stepper)
+Improve dees-stepper visual style and transitions
+
+- Smooth animation: extend .step transition duration and use a cubic-bezier curve for smoother motion.
+- Add .step.entrance class with a shorter easing for entrance animations to keep entrance timing distinct.
+- Visual tweaks: reduce border-radius from 18px to 12px and increase inner content padding to 32px.
+- Color and border updates: adjust background and border colors for light/dark themes to more consistent values.
+- Shadow simplification: replace theme-dependent heavy shadows with a single subtle shadow (0 8px 32px rgba(0,0,0,0.4)).
+- Remove selected-state border/box-shadow overrides (selection visuals simplified).
+- Remove background-clip: padding-box to simplify rendering.
+
 ## 2025-11-17 - 2.0.0 - BREAKING CHANGE(decorators)
 Migrate to TC39 standard decorators (accessor) across components, update tsconfig and bump dependencies
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design.estate/dees-catalog",
-  "version": "2.0.0",
+  "version": "2.0.4",
   "private": false,
   "description": "A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.",
   "main": "dist_ts_web/index.js",
@@ -38,20 +38,20 @@
     "highlight.js": "11.11.1",
     "ibantools": "^4.5.1",
     "lit": "^3.3.1",
-    "lucide": "^0.553.0",
+    "lucide": "^0.555.0",
     "monaco-editor": "0.52.2",
     "pdfjs-dist": "^4.10.38",
     "xterm": "^5.3.0",
     "xterm-addon-fit": "^0.8.0"
   },
   "devDependencies": {
-    "@git.zone/tsbuild": "^3.1.0",
+    "@git.zone/tsbuild": "^3.1.2",
-    "@git.zone/tsbundle": "^2.5.2",
+    "@git.zone/tsbundle": "^2.6.2",
-    "@git.zone/tstest": "^2.8.1",
+    "@git.zone/tstest": "^3.1.3",
-    "@git.zone/tswatch": "^2.2.1",
+    "@git.zone/tswatch": "^2.2.2",
     "@push.rocks/projectinfo": "^5.0.2",
     "@push.rocks/tapbundle": "^6.0.3",
-    "@types/node": "^22.0.0"
+    "@types/node": "^24.10.1"
   },
   "files": [
     "ts/**/*",

pnpm-workspace.yaml

@@ -1,4 +0,0 @@
-onlyBuiltDependencies:
-  - esbuild
-  - mongodb-memory-server
-  - puppeteer

ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-catalog',
-  version: '2.0.0',
+  version: '2.0.4',
   description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
 }

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,8 +10,8 @@ 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';
+import '../dees-icon/dees-icon.js';
 
 @customElement('dees-appui-activitylog')
 export class DeesAppuiActivitylog extends DeesElement {

ts_web/elements/dees-appui-activitylog/index.ts

@@ -0,0 +1 @@
+export * from '../dees-appui-activitylog/dees-appui-activitylog.js';

ts_web/elements/dees-appui-appbar/component.ts

@@ -15,9 +15,9 @@ import { appuiAppbarStyles } from './styles.js';
 import { renderAppuiAppbar } from './template.js';
 
 // Import required components
-import '../dees-icon.js';
+import '../dees-icon/dees-icon.js';
-import '../dees-windowcontrols.js';
+import '../dees-windowcontrols/dees-windowcontrols.js';
-import '../dees-appui-profiledropdown.js';
+import '../dees-appui-profiledropdown/dees-appui-profiledropdown.js';
 
 declare global {
   interface HTMLElementTagNameMap {

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 { DeesAppuiBase } from '../dees-appui-base/dees-appui-base.js';
-import type { IAppBarMenuItem } from './interfaces/appbarmenuitem.js';
+import type { IAppBarMenuItem } from '../interfaces/appbarmenuitem.js';
-import type { ITab } from './interfaces/tab.js';
+import type { ITab } from '../interfaces/tab.js';
-import type { ISelectionOption } from './interfaces/selectionoption.js';
+import type { ISelectionOption } from '../interfaces/selectionoption.js';
-import * as plugins from './00plugins.js';
+import * as plugins from '../00plugins.js';
 import '@design.estate/dees-wcctools/demotools';
 
 export const demoFunc = () => {

ts_web/elements/dees-appui-base/dees-appui-base.ts

@@ -8,21 +8,21 @@ import {
   cssManager,
   state,
 } from '@design.estate/dees-element';
-import * as interfaces from './interfaces/index.js';
+import * as interfaces from '../interfaces/index.js';
-import * as plugins from './00plugins.js';
+import * as plugins from '../00plugins.js';
-import type { DeesAppuiBar } from './dees-appui-appbar/index.js';
+import type { DeesAppuiBar } from '../dees-appui-appbar/index.js';
-import type { DeesAppuiMainmenu } from './dees-appui-mainmenu.js';
+import type { DeesAppuiMainmenu } from '../dees-appui-mainmenu/dees-appui-mainmenu.js';
-import type { DeesAppuiMainselector } from './dees-appui-mainselector.js';
+import type { DeesAppuiMainselector } from '../dees-appui-mainselector/dees-appui-mainselector.js';
-import type { DeesAppuiMaincontent } from './dees-appui-maincontent.js';
+import type { DeesAppuiMaincontent } from '../dees-appui-maincontent/dees-appui-maincontent.js';
-import type { DeesAppuiActivitylog } from './dees-appui-activitylog.js';
+import type { DeesAppuiActivitylog } from '../dees-appui-activitylog/dees-appui-activitylog.js';
 import { demoFunc } from './dees-appui-base.demo.js';
 
 // Import child components
-import './dees-appui-appbar/index.js';
+import '../dees-appui-appbar/index.js';
-import './dees-appui-mainmenu.js';
+import '../dees-appui-mainmenu/dees-appui-mainmenu.js';
-import './dees-appui-mainselector.js';
+import '../dees-appui-mainselector/dees-appui-mainselector.js';
-import './dees-appui-maincontent.js';
+import '../dees-appui-maincontent/dees-appui-maincontent.js';
-import './dees-appui-activitylog.js';
+import '../dees-appui-activitylog/dees-appui-activitylog.js';
 
 @customElement('dees-appui-base')
 export class DeesAppuiBase extends DeesElement {

ts_web/elements/dees-appui-base/index.ts

@@ -0,0 +1 @@
+export * from '../dees-appui-base/dees-appui-base.js';

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,
@@ -11,8 +11,8 @@ import {
 } from '@design.estate/dees-element';
 
 import * as domtools from '@design.estate/dees-domtools';
-import './dees-appui-tabs.js';
+import '../dees-appui-tabs/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 {

ts_web/elements/dees-appui-maincontent/index.ts

@@ -0,0 +1 @@
+export * from '../dees-appui-maincontent/dees-appui-maincontent.js';

ts_web/elements/dees-appui-mainmenu/dees-appui-mainmenu.ts

@@ -1,6 +1,6 @@
-import * as plugins from './00plugins.js';
+import * as plugins from '../00plugins.js';
-import * as interfaces from './interfaces/index.js';
+import * as interfaces from '../interfaces/index.js';
-import { zIndexLayers } from './00zindex.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

ts_web/elements/dees-appui-mainmenu/index.ts

@@ -0,0 +1 @@
+export * from '../dees-appui-mainmenu/dees-appui-mainmenu.js';

ts_web/elements/dees-appui-mainselector/dees-appui-mainselector.ts

@@ -1,8 +1,8 @@
-import * as plugins from './00plugins.js';
+import * as plugins from '../00plugins.js';
-import * as interfaces from './interfaces/index.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 '../dees-icon/dees-icon.js';
 
 import {
   DeesElement,

ts_web/elements/dees-appui-mainselector/index.ts

@@ -0,0 +1 @@
+export * from '../dees-appui-mainselector/dees-appui-mainselector.js';

ts_web/elements/dees-appui-profiledropdown/dees-appui-profiledropdown.ts

@@ -1,5 +1,5 @@
-import * as plugins from './00plugins.js';
+import * as plugins from '../00plugins.js';
-import { zIndexLayers } from './00zindex.js';
+import { zIndexLayers } from '../00zindex.js';
 
 import {
   DeesElement,

ts_web/elements/dees-appui-profiledropdown/index.ts

@@ -0,0 +1 @@
+export * from '../dees-appui-profiledropdown/dees-appui-profiledropdown.js';

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,

ts_web/elements/dees-appui-tabs/index.ts

@@ -0,0 +1 @@
+export * from '../dees-appui-tabs/dees-appui-tabs.js';

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,
@@ -11,8 +11,8 @@ import {
   state,
 } from '@design.estate/dees-element';
 
-import './dees-appui-tabs.js';
+import '../dees-appui-tabs/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);

ts_web/elements/dees-appui-view/index.ts

@@ -0,0 +1 @@
+export * from '../dees-appui-view/dees-appui-view.js';

ts_web/elements/dees-badge/index.ts

@@ -0,0 +1 @@
+export * from '../dees-badge/dees-badge.js';

ts_web/elements/dees-button-exit/index.ts

@@ -0,0 +1 @@
+export * from '../dees-button-exit/dees-button-exit.js';

ts_web/elements/dees-button-group/index.ts

@@ -0,0 +1 @@
+export * from '../dees-button-group/dees-button-group.js';

ts_web/elements/dees-button/dees-button.demo.ts

@@ -1,11 +1,11 @@
 import { html, css, cssManager, domtools } from '@design.estate/dees-element';
 import '@design.estate/dees-wcctools/demotools';
-import './dees-panel.js';
+import '../dees-panel/dees-panel.js';
-import './dees-form.js';
+import '../dees-form/dees-form.js';
-import './dees-form-submit.js';
+import '../dees-form-submit/dees-form-submit.js';
-import './dees-input-text.js';
+import '../dees-input-text/dees-input-text.js';
-import './dees-icon.js';
+import '../dees-icon/dees-icon.js';
-import type { DeesButton } from './dees-button.js';
+import type { DeesButton } from '../dees-button/dees-button.js';
 
 export const demoFunc = () => html`
   <style>

ts_web/elements/dees-button/index.ts

@@ -0,0 +1 @@
+export * from '../dees-button/dees-button.js';

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 = () => {

ts_web/elements/dees-chart-log/index.ts

@@ -0,0 +1 @@
+export * from '../dees-chart-log/dees-chart-log.js';

ts_web/elements/dees-chips/index.ts

@@ -0,0 +1 @@
+export * from '../dees-chips/dees-chips.js';

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>

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,9 +13,9 @@ 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 { zIndexLayers } from './00zindex.js';
+import { zIndexLayers } from '../00zindex.js';
-import './dees-icon.js';
+import '../dees-icon/dees-icon.js';
 
 declare global {
   interface HTMLElementTagNameMap {

ts_web/elements/dees-contextmenu/index.ts

@@ -0,0 +1 @@
+export * from '../dees-contextmenu/dees-contextmenu.js';

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';
 

ts_web/elements/dees-dashboardgrid/dees-dashboardgrid.ts

@@ -7,8 +7,8 @@ import {
   type TemplateResult,
 } from '@design.estate/dees-element';
 
-import '../dees-icon.js';
+import '../dees-icon/dees-icon.js';
-import '../dees-contextmenu.js';
+import '../dees-contextmenu/dees-contextmenu.js';
 import { demoFunc } from './dees-dashboardgrid.demo.js';
 import { dashboardGridStyles } from './styles.js';
 import {

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 {

ts_web/elements/dees-dataview-codebox/index.ts

@@ -0,0 +1 @@
+export * from '../dees-dataview-codebox/dees-dataview-codebox.js';

ts_web/elements/dees-dataview-statusobject/dees-dataview-statusobject.ts

@@ -1,5 +1,5 @@
-import * as colors from './00colors.js';
+import * as colors from '../00colors.js';
-import * as plugins from './00plugins.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 {

ts_web/elements/dees-dataview-statusobject/index.ts

@@ -0,0 +1 @@
+export * from '../dees-dataview-statusobject/dees-dataview-statusobject.js';

ts_web/elements/dees-editor-markdown/index.ts

@@ -0,0 +1 @@
+export * from '../dees-editor-markdown/dees-editor-markdown.js';

ts_web/elements/dees-editor-markdownoutlet/index.ts

@@ -0,0 +1 @@
+export * from '../dees-editor-markdownoutlet/dees-editor-markdownoutlet.js';

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 {

ts_web/elements/dees-form-submit/index.ts

@@ -0,0 +1 @@
+export * from '../dees-form-submit/dees-form-submit.js';

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`

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 { DeesInputCheckbox } from '../dees-input-checkbox/dees-input-checkbox.js';
-import { DeesInputDatepicker } from './dees-input-datepicker/index.js';
+import { DeesInputDatepicker } from '../dees-input-datepicker/index.js';
-import { DeesInputText } from './dees-input-text.js';
+import { DeesInputText } from '../dees-input-text/dees-input-text.js';
-import { DeesInputQuantitySelector } from './dees-input-quantityselector.js';
+import { DeesInputQuantitySelector } from '../dees-input-quantityselector/dees-input-quantityselector.js';
-import { DeesInputRadiogroup } from './dees-input-radiogroup.js';
+import { DeesInputRadiogroup } from '../dees-input-radiogroup/dees-input-radiogroup.js';
-import { DeesInputDropdown } from './dees-input-dropdown.js';
+import { DeesInputDropdown } from '../dees-input-dropdown/dees-input-dropdown.js';
-import { DeesInputFileupload } from './dees-input-fileupload/index.js';
+import { DeesInputFileupload } from '../dees-input-fileupload/index.js';
-import { DeesInputIban } from './dees-input-iban.js';
+import { DeesInputIban } from '../dees-input-iban/dees-input-iban.js';
-import { DeesInputMultitoggle } from './dees-input-multitoggle.js';
+import { DeesInputMultitoggle } from '../dees-input-multitoggle/dees-input-multitoggle.js';
-import { DeesInputPhone } from './dees-input-phone.js';
+import { DeesInputPhone } from '../dees-input-phone/dees-input-phone.js';
-import { DeesInputTypelist } from './dees-input-typelist.js';
+import { DeesInputTypelist } from '../dees-input-typelist/dees-input-typelist.js';
-import { DeesFormSubmit } from './dees-form-submit.js';
+import { DeesFormSubmit } from '../dees-form-submit/dees-form-submit.js';
-import { DeesTable } from './dees-table/index.js';
+import { DeesTable } from '../dees-table/index.js';
 import { demoFunc } from './dees-form.demo.js';
 
 // Unified set for form input types

ts_web/elements/dees-form/index.ts

@@ -0,0 +1 @@
+export * from '../dees-form/dees-form.js';

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 {

ts_web/elements/dees-heading/index.ts

@@ -0,0 +1 @@
+export * from '../dees-heading/dees-heading.js';

ts_web/elements/dees-hint/index.ts

@@ -0,0 +1 @@
+export * from '../dees-hint/dees-hint.js';

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 = () => {

ts_web/elements/dees-icon/index.ts

@@ -0,0 +1 @@
+export * from '../dees-icon/dees-icon.js';

ts_web/elements/dees-input-base/index.ts

@@ -0,0 +1 @@
+export * from '../dees-input-base/dees-input-base.js';

ts_web/elements/dees-input-checkbox/dees-input-checkbox.demo.ts

@@ -1,8 +1,8 @@
 import { html, css, cssManager } from '@design.estate/dees-element';
 import '@design.estate/dees-wcctools/demotools';
-import './dees-panel.js';
+import '../dees-panel/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';
+import '../dees-button/dees-button.js';
 
 export const demoFunc = () => html`
   <dees-demowrapper .runAfterRender=${async (elementArg: HTMLElement) => {

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 {

ts_web/elements/dees-input-checkbox/index.ts

@@ -0,0 +1 @@
+export * from '../dees-input-checkbox/dees-input-checkbox.js';

ts_web/elements/dees-input-datepicker/component.ts

@@ -4,13 +4,13 @@ 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';
 import type { IDateEvent } from './types.js';
-import '../dees-icon.js';
+import '../dees-icon/dees-icon.js';
-import '../dees-label.js';
+import '../dees-label/dees-label.js';
 
 
 declare global {

ts_web/elements/dees-input-datepicker/demo.ts

@@ -1,6 +1,6 @@
 import { html, css } from '@design.estate/dees-element';
 import '@design.estate/dees-wcctools/demotools';
-import '../dees-panel.js';
+import '../dees-panel/dees-panel.js';
 import './component.js';
 import type { DeesInputDatepicker } from './component.js';
 

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,

ts_web/elements/dees-input-dropdown/dees-input-dropdown.demo.ts

@@ -1,8 +1,8 @@
 import { html, css } from '@design.estate/dees-element';
 import '@design.estate/dees-wcctools/demotools';
-import './dees-panel.js';
+import '../dees-panel/dees-panel.js';
-import './dees-form.js';
+import '../dees-form/dees-form.js';
-import './dees-form-submit.js';
+import '../dees-form-submit/dees-form-submit.js';
 
 export const demoFunc = () => html`
   <style>

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 { DeesInputBase } from '../dees-input-base/dees-input-base.js';
-import { cssGeistFontFamily } from './00fonts.js';
+import { cssGeistFontFamily } from '../00fonts.js';
 
 declare global {
   interface HTMLElementTagNameMap {

ts_web/elements/dees-input-dropdown/index.ts

@@ -0,0 +1 @@
+export * from '../dees-input-dropdown/dees-input-dropdown.js';

ts_web/elements/dees-input-fileupload/component.ts

@@ -1,8 +1,8 @@
-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';
+import '../dees-icon/dees-icon.js';
-import '../dees-label.js';
+import '../dees-label/dees-label.js';
 
 import {
   customElement,

ts_web/elements/dees-input-fileupload/demo.ts

@@ -1,6 +1,6 @@
 import { css, cssManager, html } from '@design.estate/dees-element';
 import './component.js';
-import '../dees-panel.js';
+import '../dees-panel/dees-panel.js';
 
 export const demoFunc = () => html`
   <dees-demowrapper>

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,

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';
 

ts_web/elements/dees-input-iban/index.ts

@@ -0,0 +1 @@
+export * from '../dees-input-iban/dees-input-iban.js';

ts_web/elements/dees-input-list/dees-input-list.demo.ts

@@ -1,9 +1,9 @@
 import { html, css } from '@design.estate/dees-element';
 import '@design.estate/dees-wcctools/demotools';
-import './dees-panel.js';
+import '../dees-panel/dees-panel.js';
-import './dees-form.js';
+import '../dees-form/dees-form.js';
-import './dees-input-text.js';
+import '../dees-input-text/dees-input-text.js';
-import './dees-form-submit.js';
+import '../dees-form-submit/dees-form-submit.js';
 
 export const demoFunc = () => html`
   <dees-demowrapper>

ts_web/elements/dees-input-list/dees-input-list.ts

@@ -7,9 +7,9 @@ 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-icon/dees-icon.js';
-import './dees-button.js';
+import '../dees-button/dees-button.js';
 import { demoFunc } from './dees-input-list.demo.js';
 
 declare global {

ts_web/elements/dees-input-list/index.ts

@@ -0,0 +1 @@
+export * from '../dees-input-list/dees-input-list.js';

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';
 

ts_web/elements/dees-input-multitoggle/index.ts

@@ -0,0 +1 @@
+export * from '../dees-input-multitoggle/dees-input-multitoggle.js';