@omicronenergy/oscd-shell 0.0.13 → 0.0.14

package/dist/oscd-shell-design-tokens.js

@@ -10,18 +10,27 @@ import { css } from 'lit';
  * internal base tokens (e.g. --oscd-base*).
  */
 export const oscdShellDesignTokens = css `
-  /* Internal base theme tokens and defaults */
-  * {
-    --oscd-primary: var(--oscd-theme-primary, #0b335b);
-    --oscd-secondary: var(--oscd-theme-secondary, #2485e5);
-    --oscd-base03: var(--oscd-theme-base03, #121417);
-    --oscd-base02: var(--oscd-theme-base02, #1a1e23);
-    --oscd-base01: var(--oscd-theme-base01, #3d4651);
-    --oscd-base00: var(--oscd-theme-base00, #46505d);
-    --oscd-base0: var(--oscd-theme-base0, #8b97a7);
-    --oscd-base1: var(--oscd-theme-base1, #96a1b0);
-    --oscd-base2: var(--oscd-theme-base2, #f3f5f6);
-    --oscd-base3: var(--oscd-theme-base3, white);
+  /* Internal base theme tokens and defaults.
+   *
+   * Defaults are the Solarized (https://ethanschoonover.com/solarized/)
+   * light palette used by the legacy OpenSCD shell, so oscd-shell is
+   * brand-neutral out of the box: consumers who set none of the
+   * --oscd-theme-* variables get the classic OpenSCD look. Distro-specific
+   * branding (e.g. Omicron colors) is applied entirely by overriding the
+   * --oscd-theme-* variables from outside; nothing brand-specific belongs
+   * in this file.
+   */
+  :host {
+    --oscd-primary: var(--oscd-theme-primary, #2aa198);
+    --oscd-secondary: var(--oscd-theme-secondary, #6c71c4);
+    --oscd-base03: var(--oscd-theme-base03, #002b36);
+    --oscd-base02: var(--oscd-theme-base02, #073642);
+    --oscd-base01: var(--oscd-theme-base01, #586e75);
+    --oscd-base00: var(--oscd-theme-base00, #657b83);
+    --oscd-base0: var(--oscd-theme-base0, #839496);
+    --oscd-base1: var(--oscd-theme-base1, #93a1a1);
+    --oscd-base2: var(--oscd-theme-base2, #eee8d5);
+    --oscd-base3: var(--oscd-theme-base3, #fdf6e3);
     --oscd-error: var(--oscd-theme-error, #dc322f);
     --oscd-warning: var(--oscd-theme-warning, #b58900);
     --oscd-text-font: var(--oscd-theme-text-font, 'Roboto');
@@ -47,8 +56,14 @@ export const oscdShellDesignTokens = css `
     --md-sys-color-error: var(--oscd-error);
     --md-sys-color-on-error: var(--oscd-base3);
     --md-icon-button-disabled-icon-color: var(--oscd-base3);
-    /* --md-menu-item-selected-label-text-color: var(--oscd-base01); */
-    --md-icon-button-disabled-icon-color: var(--oscd-base3);
+
+    /* MD3 has no single generic "system font" token (unlike color); its
+     * closest reference-tier equivalent is --md-ref-typeface-plain. Icon
+     * fonts (--oscd-icon-font) and monospace fonts (--oscd-text-font-mono)
+     * have no MD3 system-token equivalent at all, so they are referenced
+     * directly where needed instead of through an --md-* mapping.
+     */
+    --md-ref-typeface-plain: var(--oscd-text-font);
 
     /* MDC Theme Colors
      * Needed for supporting any pluggins still using the depricated MWC Components
@@ -86,31 +101,27 @@ export const oscdShellDesignTokens = css `
     --mdc-theme-text-disabled-on-light: rgba(255, 255, 255, 0.38);
   }
 
-  * {
-    --app-bar-height: 54px;
-    --side-panel-width: 280px;
-
-    --md-sys-color-primary: var(--oscd-primary);
-    --md-sys-color-on-primary: var(--oscd-base3);
-
-    --md-sys-color-secondary-container: var(--oscd-base2);
-
-    --md-sys-color-surface: var(--oscd-base3);
-    --md-sys-color-on-surface: var(--oscd-base00);
-  }
-
   /*
    * Public token -> internal token mappings
    *
    * Example pattern:
    * --internal-variable-name: var(--oscd-shell-public-token, <default>);
    */
-  * {
+  :host {
+    /* Shell root */
+    --shell-background-color: var(
+      --oscd-shell-background-color,
+      var(--md-sys-color-surface)
+    );
+
     /* App bar */
-    --app-bar-color: var(--oscd-shell-app-bar-color, var(--oscd-base3));
+    --app-bar-color: var(
+      --oscd-shell-app-bar-color,
+      var(--md-sys-color-on-primary)
+    );
     --app-bar-background-color: var(
       --oscd-shell-app-bar-background-color,
-      var(--oscd-primary)
+      var(--md-sys-color-primary)
     );
     --app-bar-height: var(--oscd-shell-app-bar-height, 54px);
     --app-bar-small-height: var(--oscd-shell-app-bar-small-height, 48px);
@@ -120,9 +131,11 @@ export const oscdShellDesignTokens = css `
     );
     --app-bar-app-icon-height: var(--oscd-shell-app-bar-icon-height, 34.4px);
     --app-bar-app-icon-width: var(--oscd-shell-app-bar-icon-width, auto);
+    --app-bar-logo-gap: var(--oscd-shell-app-bar-logo-gap, 16px);
+    --app-bar-title-menu-gap: var(--oscd-shell-app-bar-title-menu-gap, 4px);
     --app-bar-title-text-font-family: var(
       --oscd-shell-app-bar-title-font-family,
-      var(--oscd-text-font)
+      var(--md-ref-typeface-plain)
     );
     --app-bar-title-text-color: var(
       --oscd-shell-app-bar-title-color,
@@ -148,13 +161,53 @@ export const oscdShellDesignTokens = css `
       --oscd-shell-app-bar-title-letter-spacing,
       inherit
     );
+    --app-bar-current-editor-font-family: var(
+      --oscd-shell-app-bar-current-editor-font-family,
+      var(--md-ref-typeface-plain)
+    );
+    --app-bar-current-editor-font-size: var(
+      --oscd-shell-app-bar-current-editor-font-size,
+      16px
+    );
+    --app-bar-current-editor-font-weight: var(
+      --oscd-shell-app-bar-current-editor-font-weight,
+      500
+    );
+    --app-bar-current-editor-font-style: var(
+      --oscd-shell-app-bar-current-editor-font-style,
+      normal
+    );
+    --app-bar-current-editor-line-height: var(
+      --oscd-shell-app-bar-current-editor-line-height,
+      normal
+    );
+    --app-bar-current-editor-color: var(
+      --oscd-shell-app-bar-current-editor-color,
+      var(--app-bar-color)
+    );
     --app-bar-action-icon-size: var(
       --oscd-shell-app-bar-action-icon-size,
       24px
     );
     --app-bar-action-icon-color: var(
       --oscd-shell-app-bar-action-icon-color,
-      var(--oscd-base3)
+      var(--md-sys-color-on-primary)
+    );
+    --app-bar-action-icon-disabled-color: var(
+      --oscd-shell-app-bar-action-icon-disabled-color,
+      var(--md-sys-color-on-primary)
+    );
+    --app-bar-action-icon-disabled-container-opacity: var(
+      --oscd-shell-app-bar-action-icon-disabled-container-opacity,
+      0
+    );
+    --app-bar-separator-color: var(
+      --oscd-shell-app-bar-separator-color,
+      currentColor
+    );
+    --app-bar-separator-opacity: var(
+      --oscd-shell-app-bar-separator-opacity,
+      0.38
     );
 
     /* Bridge to oscd-ui app bar tokens */
@@ -169,13 +222,13 @@ export const oscdShellDesignTokens = css `
     /* Files menu */
     --file-menu-text-font-family: var(
       --oscd-shell-file-menu-text-font-family,
-      var(--oscd-text-font)
+      var(--md-ref-typeface-plain)
     );
-    --file-menu-text-size: var(--oscd-shell-file-menu-text-size, 18px);
+    --file-menu-text-size: var(--oscd-shell-file-menu-text-size, 16px);
     --file-menu-text-weight: var(--oscd-shell-file-menu-text-weight, 500);
     --file-menu-text-color: var(
       --oscd-shell-file-menu-text-color,
-      var(--oscd-base3)
+      var(--md-sys-color-on-primary)
     );
 
     /* Plugins menu */
@@ -185,85 +238,96 @@ export const oscdShellDesignTokens = css `
     );
     --plugins-menu-button-color: var(
       --oscd-shell-plugins-menu-button-color,
-      var(--oscd-base3)
+      var(--md-sys-color-on-primary)
     );
     --plugins-menu-min-width: var(--oscd-shell-plugins-menu-min-width, 350px);
     --plugins-menu-padding: var(--oscd-shell-plugins-menu-padding, 12px);
     --plugins-menu-container-color: var(
       --oscd-shell-plugins-menu-container-color,
-      var(--oscd-base3)
+      var(--md-sys-color-surface)
     );
     --plugins-menu-item-label-color: var(
       --oscd-shell-plugins-menu-item-label-color,
-      var(--oscd-base00)
+      var(--md-sys-color-on-surface)
     );
     --plugins-menu-item-leading-icon-color: var(
       --oscd-shell-plugins-menu-item-leading-icon-color,
-      var(--oscd-base00)
+      var(--md-sys-color-on-surface)
     );
     --plugins-menu-item-selected-container-color: var(
       --oscd-shell-plugins-menu-item-selected-container-color,
-      var(--oscd-base2)
+      var(--md-sys-color-secondary-container)
     );
     --plugins-menu-item-selected-label-color: var(
       --oscd-shell-plugins-menu-item-selected-label-color,
-      var(--oscd-base00)
+      var(--md-sys-color-on-surface)
     );
 
     /* Editor plugins panel */
     --editor-plugins-panel-width: var(
       --oscd-shell-editor-plugins-panel-width,
-      280px
+      308px
     );
     --editor-plugins-panel-collapsed-width: var(
-      --oscd-shell-editor-plugins-panel-width,
-      280px
+      --oscd-shell-editor-plugins-panel-collapsed-width,
+      76px
     );
     --editor-plugins-panel-padding-top: var(
       --oscd-shell-editor-plugins-panel-padding-top,
       20px
     );
-    --editor-plugins-panel-item-leading-space: var(
-      --oscd-shell-editor-plugins-panel-item-leading-space,
-      22px
-    );
-    --editor-plugins-panel-item-trailing-space: var(
-      --oscd-shell-editor-plugins-panel-item-trailing-space,
-      10px
-    );
     --editor-plugins-panel-item-icon-size: var(
       --oscd-shell-editor-plugins-panel-item-icon-size,
       28px
     );
+    --editor-plugins-panel-background-color: var(
+      --oscd-shell-editor-plugins-panel-background-color,
+      var(--md-sys-color-surface)
+    );
     --editor-plugins-panel-item-text-color: var(
       --oscd-shell-editor-plugins-panel-item-text-color,
-      var(--oscd-base3)
+      var(--md-sys-color-on-surface)
     );
     --editor-plugins-panel-item-icon-color: var(
       --oscd-shell-editor-plugins-panel-item-icon-color,
-      var(--oscd-base3)
+      var(--md-sys-color-on-surface)
     );
     --editor-plugins-panel-item-active-bg: var(
       --oscd-shell-editor-plugins-panel-item-active-bg,
-      var(--oscd-primary)
+      var(--md-sys-color-primary)
+    );
+    --editor-plugins-panel-item-active-color: var(
+      --oscd-shell-editor-plugins-panel-item-active-color,
+      var(--md-sys-color-on-primary)
+    );
+    --editor-plugins-panel-divider-color: var(
+      --oscd-shell-editor-plugins-panel-divider-color,
+      #d0d5dc40
+    );
+    --editor-plugins-panel-flyout-header-text-color: var(
+      --oscd-shell-editor-plugins-panel-flyout-header-text-color,
+      var(--md-sys-color-secondary)
     );
-    --side-panel-width: var(--editor-plugins-panel-width);
 
     /* Main editor container */
     --editor-background-color: var(
       --oscd-shell-editor-background-color,
-      var(--oscd-base3)
+      var(--md-sys-color-surface)
     );
     --editor-padding: var(--oscd-shell-editor-padding, 8px);
 
     /* Landing page */
+    --landing-background-color: var(
+      --oscd-shell-landing-background-color,
+      var(--md-sys-color-surface)
+    );
     --landing-heading-color: var(
       --oscd-shell-landing-heading-color,
-      var(--oscd-base3)
+      var(--md-sys-color-on-surface)
     );
     --landing-heading-font-family: var(
       --oscd-shell-landing-heading-font-family,
-      var(--oscd-text-font)
+      var(--md-ref-typeface-plain)
     );
     --landing-heading-size: var(--oscd-shell-landing-heading-size, 50px);
     --landing-heading-style: var(--oscd-shell-landing-heading-style, normal);
@@ -275,11 +339,11 @@ export const oscdShellDesignTokens = css `
 
     --landing-subheading-color: var(
       --oscd-shell-landing-subheading-color,
-      var(--oscd-base3)
+      var(--md-sys-color-on-surface)
     );
     --landing-subheading-font-family: var(
       --oscd-shell-landing-subheading-font-family,
-      var(--oscd-text-font)
+      var(--md-ref-typeface-plain)
     );
     --landing-subheading-size: var(
       --oscd-shell-landing-subheading-size,
@@ -303,17 +367,17 @@ export const oscdShellDesignTokens = css `
     --landing-card-height: var(--oscd-shell-landing-card-height, 180px);
     --landing-card-background: var(
       --oscd-shell-landing-card-background,
-      var(--oscd-primary)
+      var(--md-sys-color-secondary)
     );
     --landing-card-text-color: var(
       --oscd-shell-landing-card-text-color,
-      var(--oscd-base3)
+      var(--md-sys-color-on-secondary)
     );
     --landing-card-radius: var(--oscd-shell-landing-card-radius, 2px);
     --landing-card-icon-size: var(--oscd-shell-landing-card-icon-size, 54px);
     --landing-card-corner-accent: var(
       --oscd-shell-landing-card-corner-accent,
-      var(--omicron-yellow)
+      transparent
     );
   }
 `;

package/dist/oscd-shell-design-tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"oscd-shell-design-tokens.js","sourceRoot":"","sources":["../src/oscd-shell-design-tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmTvC,CAAC","sourcesContent":["import { css } from 'lit';\n\n/**\n * Single source of truth for oscd-shell design tokens.\n *\n * This block contains:\n * 1) Internal base tokens and fallbacks\n * 2) Public token -> internal token mappings\n *\n * Keep this as an all-or-nothing layer so mappings can safely reference\n * internal base tokens (e.g. --oscd-base*).\n */\nexport const oscdShellDesignTokens = css`\n  /* Internal base theme tokens and defaults */\n  * {\n    --oscd-primary: var(--oscd-theme-primary, #0b335b);\n    --oscd-secondary: var(--oscd-theme-secondary, #2485e5);\n    --oscd-base03: var(--oscd-theme-base03, #121417);\n    --oscd-base02: var(--oscd-theme-base02, #1a1e23);\n    --oscd-base01: var(--oscd-theme-base01, #3d4651);\n    --oscd-base00: var(--oscd-theme-base00, #46505d);\n    --oscd-base0: var(--oscd-theme-base0, #8b97a7);\n    --oscd-base1: var(--oscd-theme-base1, #96a1b0);\n    --oscd-base2: var(--oscd-theme-base2, #f3f5f6);\n    --oscd-base3: var(--oscd-theme-base3, white);\n    --oscd-error: var(--oscd-theme-error, #dc322f);\n    --oscd-warning: var(--oscd-theme-warning, #b58900);\n    --oscd-text-font: var(--oscd-theme-text-font, 'Roboto');\n    --oscd-text-font-mono: var(--oscd-theme-text-font-mono, 'Roboto Mono');\n    --oscd-icon-font: var(--oscd-theme-icon-font, 'Material Symbols Outlined');\n\n    /* Fallbacks for Material Design variables */\n    --md-sys-color-primary: var(--oscd-primary);\n    --md-sys-color-on-primary: var(--oscd-base3);\n    --md-sys-color-secondary: var(--oscd-secondary);\n    --md-sys-color-on-secondary: var(--oscd-base3);\n    --md-sys-color-secondary-container: var(--oscd-base2);\n    --md-sys-color-surface: var(--oscd-base3);\n    --md-sys-color-on-surface: var(--oscd-base00);\n    --md-sys-color-surface-variant: var(--oscd-base3);\n    --md-sys-color-on-surface-variant: var(--oscd-base00);\n    --md-sys-color-surface-bright: var(--oscd-base2);\n    --md-sys-color-surface-container: var(--oscd-base3);\n    --md-sys-color-surface-container-high: var(--oscd-base3);\n    --md-sys-color-surface-container-highest: var(--oscd-base3);\n    --md-sys-color-outline-variant: var(--oscd-primary);\n    --md-sys-color-scrim: #000000;\n    --md-sys-color-error: var(--oscd-error);\n    --md-sys-color-on-error: var(--oscd-base3);\n    --md-icon-button-disabled-icon-color: var(--oscd-base3);\n    /* --md-menu-item-selected-label-text-color: var(--oscd-base01); */\n    --md-icon-button-disabled-icon-color: var(--oscd-base3);\n\n    /* MDC Theme Colors\n     * Needed for supporting any pluggins still using the depricated MWC Components\n     */\n    --mdc-theme-primary: var(--oscd-primary);\n    --mdc-theme-secondary: var(--oscd-secondary);\n    --mdc-theme-background: var(--oscd-base3);\n    --mdc-theme-surface: var(--oscd-base3);\n    --mdc-theme-on-primary: var(--oscd-base2);\n    --mdc-theme-on-secondary: var(--oscd-base2);\n    --mdc-theme-on-background: var(--oscd-base00);\n    --mdc-theme-on-surface: var(--oscd-base00);\n    --mdc-theme-text-primary-on-background: var(--oscd-base01);\n    --mdc-theme-text-secondary-on-background: var(--oscd-base00);\n    --mdc-theme-text-icon-on-background: var(--oscd-base00);\n    --mdc-theme-error: var(--oscd-error);\n    --mdc-button-disabled-ink-color: var(--oscd-base1);\n    --mdc-drawer-heading-ink-color: var(--oscd-base00);\n    --mdc-dialog-heading-ink-color: var(--oscd-base00);\n    --mdc-text-field-fill-color: var(--oscd-base2);\n    --mdc-text-field-disabled-fill-color: var(--oscd-base3);\n    --mdc-text-field-ink-color: var(--oscd-base00);\n    --mdc-text-field-label-ink-color: var(--oscd-base00);\n    --mdc-text-field-idle-line-color: var(--oscd-base00);\n    --mdc-text-field-hover-line-color: var(--oscd-base02);\n    --mdc-select-fill-color: var(--oscd-base2);\n    --mdc-select-disabled-fill-color: var(--oscd-base3);\n    --mdc-select-ink-color: var(--oscd-base00);\n    --mdc-select-label-ink-color: var(--oscd-base00);\n    --mdc-select-idle-line-color: var(--oscd-base00);\n    --mdc-select-hover-line-color: var(--oscd-base02);\n    --mdc-select-dropdown-icon-color: var(--oscd-base01);\n    --mdc-typography-font-family: var(--oscd-text-font);\n    --mdc-icon-font: var(--oscd-icon-font);\n    --mdc-theme-text-disabled-on-light: rgba(255, 255, 255, 0.38);\n  }\n\n  * {\n    --app-bar-height: 54px;\n    --side-panel-width: 280px;\n\n    --md-sys-color-primary: var(--oscd-primary);\n    --md-sys-color-on-primary: var(--oscd-base3);\n\n    --md-sys-color-secondary-container: var(--oscd-base2);\n\n    --md-sys-color-surface: var(--oscd-base3);\n    --md-sys-color-on-surface: var(--oscd-base00);\n  }\n\n  /*\n   * Public token -> internal token mappings\n   *\n   * Example pattern:\n   * --internal-variable-name: var(--oscd-shell-public-token, <default>);\n   */\n  * {\n    /* App bar */\n    --app-bar-color: var(--oscd-shell-app-bar-color, var(--oscd-base3));\n    --app-bar-background-color: var(\n      --oscd-shell-app-bar-background-color,\n      var(--oscd-primary)\n    );\n    --app-bar-height: var(--oscd-shell-app-bar-height, 54px);\n    --app-bar-small-height: var(--oscd-shell-app-bar-small-height, 48px);\n    --app-bar-elevation: var(\n      --oscd-shell-app-bar-elevation,\n      var(--md-sys-elevation-level-2)\n    );\n    --app-bar-app-icon-height: var(--oscd-shell-app-bar-icon-height, 34.4px);\n    --app-bar-app-icon-width: var(--oscd-shell-app-bar-icon-width, auto);\n    --app-bar-title-text-font-family: var(\n      --oscd-shell-app-bar-title-font-family,\n      var(--oscd-text-font)\n    );\n    --app-bar-title-text-color: var(\n      --oscd-shell-app-bar-title-color,\n      var(--app-bar-color)\n    );\n    --app-bar-title-text-font-size: var(\n      --oscd-shell-app-bar-title-font-size,\n      22.114px\n    );\n    --app-bar-title-text-font-weight: var(\n      --oscd-shell-app-bar-title-font-weight,\n      400\n    );\n    --app-bar-title-text-font-style: var(\n      --oscd-shell-app-bar-title-font-style,\n      normal\n    );\n    --app-bar-title-text-line-height: var(\n      --oscd-shell-app-bar-title-line-height,\n      normal\n    );\n    --app-bar-title-text-letter-spacing: var(\n      --oscd-shell-app-bar-title-letter-spacing,\n      inherit\n    );\n    --app-bar-action-icon-size: var(\n      --oscd-shell-app-bar-action-icon-size,\n      24px\n    );\n    --app-bar-action-icon-color: var(\n      --oscd-shell-app-bar-action-icon-color,\n      var(--oscd-base3)\n    );\n\n    /* Bridge to oscd-ui app bar tokens */\n    --oscd-app-bar-color: var(--app-bar-color);\n    --oscd-app-bar-background-color: var(--app-bar-background-color);\n    --oscd-app-bar-elevation: var(--app-bar-elevation);\n    --oscd-app-bar-title-font-family: var(--app-bar-title-text-font-family);\n    --oscd-app-bar-title-font-size: var(--app-bar-title-text-font-size);\n    --oscd-app-bar-title-font-weight: var(--app-bar-title-text-font-weight);\n    --oscd-app-bar-title-line-height: var(--app-bar-title-text-line-height);\n\n    /* Files menu */\n    --file-menu-text-font-family: var(\n      --oscd-shell-file-menu-text-font-family,\n      var(--oscd-text-font)\n    );\n    --file-menu-text-size: var(--oscd-shell-file-menu-text-size, 18px);\n    --file-menu-text-weight: var(--oscd-shell-file-menu-text-weight, 500);\n    --file-menu-text-color: var(\n      --oscd-shell-file-menu-text-color,\n      var(--oscd-base3)\n    );\n\n    /* Plugins menu */\n    --plugins-menu-button-size: var(\n      --oscd-shell-plugins-menu-button-size,\n      24px\n    );\n    --plugins-menu-button-color: var(\n      --oscd-shell-plugins-menu-button-color,\n      var(--oscd-base3)\n    );\n    --plugins-menu-min-width: var(--oscd-shell-plugins-menu-min-width, 350px);\n    --plugins-menu-padding: var(--oscd-shell-plugins-menu-padding, 12px);\n    --plugins-menu-container-color: var(\n      --oscd-shell-plugins-menu-container-color,\n      var(--oscd-base3)\n    );\n    --plugins-menu-item-label-color: var(\n      --oscd-shell-plugins-menu-item-label-color,\n      var(--oscd-base00)\n    );\n    --plugins-menu-item-leading-icon-color: var(\n      --oscd-shell-plugins-menu-item-leading-icon-color,\n      var(--oscd-base00)\n    );\n    --plugins-menu-item-selected-container-color: var(\n      --oscd-shell-plugins-menu-item-selected-container-color,\n      var(--oscd-base2)\n    );\n    --plugins-menu-item-selected-label-color: var(\n      --oscd-shell-plugins-menu-item-selected-label-color,\n      var(--oscd-base00)\n    );\n\n    /* Editor plugins panel */\n    --editor-plugins-panel-width: var(\n      --oscd-shell-editor-plugins-panel-width,\n      280px\n    );\n    --editor-plugins-panel-collapsed-width: var(\n      --oscd-shell-editor-plugins-panel-width,\n      280px\n    );\n    --editor-plugins-panel-padding-top: var(\n      --oscd-shell-editor-plugins-panel-padding-top,\n      20px\n    );\n    --editor-plugins-panel-item-leading-space: var(\n      --oscd-shell-editor-plugins-panel-item-leading-space,\n      22px\n    );\n    --editor-plugins-panel-item-trailing-space: var(\n      --oscd-shell-editor-plugins-panel-item-trailing-space,\n      10px\n    );\n    --editor-plugins-panel-item-icon-size: var(\n      --oscd-shell-editor-plugins-panel-item-icon-size,\n      28px\n    );\n    --editor-plugins-panel-item-text-color: var(\n      --oscd-shell-editor-plugins-panel-item-text-color,\n      var(--oscd-base3)\n    );\n    --editor-plugins-panel-item-icon-color: var(\n      --oscd-shell-editor-plugins-panel-item-icon-color,\n      var(--oscd-base3)\n    );\n    --editor-plugins-panel-item-active-bg: var(\n      --oscd-shell-editor-plugins-panel-item-active-bg,\n      var(--oscd-primary)\n    );\n    --side-panel-width: var(--editor-plugins-panel-width);\n\n    /* Main editor container */\n    --editor-background-color: var(\n      --oscd-shell-editor-background-color,\n      var(--oscd-base3)\n    );\n    --editor-padding: var(--oscd-shell-editor-padding, 8px);\n\n    /* Landing page */\n    --landing-heading-color: var(\n      --oscd-shell-landing-heading-color,\n      var(--oscd-base3)\n    );\n    --landing-heading-font-family: var(\n      --oscd-shell-landing-heading-font-family,\n      var(--oscd-text-font)\n    );\n    --landing-heading-size: var(--oscd-shell-landing-heading-size, 50px);\n    --landing-heading-style: var(--oscd-shell-landing-heading-style, normal);\n    --landing-heading-weight: var(--oscd-shell-landing-heading-weight, 600);\n    --landing-heading-line-height: var(\n      --oscd-shell-landing-heading-line-height,\n      normal\n    );\n\n    --landing-subheading-color: var(\n      --oscd-shell-landing-subheading-color,\n      var(--oscd-base3)\n    );\n    --landing-subheading-font-family: var(\n      --oscd-shell-landing-subheading-font-family,\n      var(--oscd-text-font)\n    );\n    --landing-subheading-size: var(\n      --oscd-shell-landing-subheading-size,\n      16.909px\n    );\n    --landing-subheading-style: var(\n      --oscd-shell-landing-subheading-style,\n      normal\n    );\n    --landing-subheading-weight: var(\n      --oscd-shell-landing-subheading-weight,\n      400\n    );\n    --landing-subheading-line-height: var(\n      --oscd-shell-landing-subheading-line-height,\n      65.194px\n    );\n    --landing-grid-width: var(--oscd-shell-landing-grid-width, 60%);\n    --landing-grid-gap: var(--oscd-shell-landing-grid-gap, 95px);\n    --landing-card-width: var(--oscd-shell-landing-card-width, 240px);\n    --landing-card-height: var(--oscd-shell-landing-card-height, 180px);\n    --landing-card-background: var(\n      --oscd-shell-landing-card-background,\n      var(--oscd-primary)\n    );\n    --landing-card-text-color: var(\n      --oscd-shell-landing-card-text-color,\n      var(--oscd-base3)\n    );\n    --landing-card-radius: var(--oscd-shell-landing-card-radius, 2px);\n    --landing-card-icon-size: var(--oscd-shell-landing-card-icon-size, 54px);\n    --landing-card-corner-accent: var(\n      --oscd-shell-landing-card-corner-accent,\n      var(--omicron-yellow)\n    );\n  }\n`;\n"]}
+{"version":3,"file":"oscd-shell-design-tokens.js","sourceRoot":"","sources":["../src/oscd-shell-design-tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmXvC,CAAC","sourcesContent":["import { css } from 'lit';\n\n/**\n * Single source of truth for oscd-shell design tokens.\n *\n * This block contains:\n * 1) Internal base tokens and fallbacks\n * 2) Public token -> internal token mappings\n *\n * Keep this as an all-or-nothing layer so mappings can safely reference\n * internal base tokens (e.g. --oscd-base*).\n */\nexport const oscdShellDesignTokens = css`\n  /* Internal base theme tokens and defaults.\n   *\n   * Defaults are the Solarized (https://ethanschoonover.com/solarized/)\n   * light palette used by the legacy OpenSCD shell, so oscd-shell is\n   * brand-neutral out of the box: consumers who set none of the\n   * --oscd-theme-* variables get the classic OpenSCD look. Distro-specific\n   * branding (e.g. Omicron colors) is applied entirely by overriding the\n   * --oscd-theme-* variables from outside; nothing brand-specific belongs\n   * in this file.\n   */\n  :host {\n    --oscd-primary: var(--oscd-theme-primary, #2aa198);\n    --oscd-secondary: var(--oscd-theme-secondary, #6c71c4);\n    --oscd-base03: var(--oscd-theme-base03, #002b36);\n    --oscd-base02: var(--oscd-theme-base02, #073642);\n    --oscd-base01: var(--oscd-theme-base01, #586e75);\n    --oscd-base00: var(--oscd-theme-base00, #657b83);\n    --oscd-base0: var(--oscd-theme-base0, #839496);\n    --oscd-base1: var(--oscd-theme-base1, #93a1a1);\n    --oscd-base2: var(--oscd-theme-base2, #eee8d5);\n    --oscd-base3: var(--oscd-theme-base3, #fdf6e3);\n    --oscd-error: var(--oscd-theme-error, #dc322f);\n    --oscd-warning: var(--oscd-theme-warning, #b58900);\n    --oscd-text-font: var(--oscd-theme-text-font, 'Roboto');\n    --oscd-text-font-mono: var(--oscd-theme-text-font-mono, 'Roboto Mono');\n    --oscd-icon-font: var(--oscd-theme-icon-font, 'Material Symbols Outlined');\n\n    /* Fallbacks for Material Design variables */\n    --md-sys-color-primary: var(--oscd-primary);\n    --md-sys-color-on-primary: var(--oscd-base3);\n    --md-sys-color-secondary: var(--oscd-secondary);\n    --md-sys-color-on-secondary: var(--oscd-base3);\n    --md-sys-color-secondary-container: var(--oscd-base2);\n    --md-sys-color-surface: var(--oscd-base3);\n    --md-sys-color-on-surface: var(--oscd-base00);\n    --md-sys-color-surface-variant: var(--oscd-base3);\n    --md-sys-color-on-surface-variant: var(--oscd-base00);\n    --md-sys-color-surface-bright: var(--oscd-base2);\n    --md-sys-color-surface-container: var(--oscd-base3);\n    --md-sys-color-surface-container-high: var(--oscd-base3);\n    --md-sys-color-surface-container-highest: var(--oscd-base3);\n    --md-sys-color-outline-variant: var(--oscd-primary);\n    --md-sys-color-scrim: #000000;\n    --md-sys-color-error: var(--oscd-error);\n    --md-sys-color-on-error: var(--oscd-base3);\n    --md-icon-button-disabled-icon-color: var(--oscd-base3);\n\n    /* MD3 has no single generic \"system font\" token (unlike color); its\n     * closest reference-tier equivalent is --md-ref-typeface-plain. Icon\n     * fonts (--oscd-icon-font) and monospace fonts (--oscd-text-font-mono)\n     * have no MD3 system-token equivalent at all, so they are referenced\n     * directly where needed instead of through an --md-* mapping.\n     */\n    --md-ref-typeface-plain: var(--oscd-text-font);\n\n    /* MDC Theme Colors\n     * Needed for supporting any pluggins still using the depricated MWC Components\n     */\n    --mdc-theme-primary: var(--oscd-primary);\n    --mdc-theme-secondary: var(--oscd-secondary);\n    --mdc-theme-background: var(--oscd-base3);\n    --mdc-theme-surface: var(--oscd-base3);\n    --mdc-theme-on-primary: var(--oscd-base2);\n    --mdc-theme-on-secondary: var(--oscd-base2);\n    --mdc-theme-on-background: var(--oscd-base00);\n    --mdc-theme-on-surface: var(--oscd-base00);\n    --mdc-theme-text-primary-on-background: var(--oscd-base01);\n    --mdc-theme-text-secondary-on-background: var(--oscd-base00);\n    --mdc-theme-text-icon-on-background: var(--oscd-base00);\n    --mdc-theme-error: var(--oscd-error);\n    --mdc-button-disabled-ink-color: var(--oscd-base1);\n    --mdc-drawer-heading-ink-color: var(--oscd-base00);\n    --mdc-dialog-heading-ink-color: var(--oscd-base00);\n    --mdc-text-field-fill-color: var(--oscd-base2);\n    --mdc-text-field-disabled-fill-color: var(--oscd-base3);\n    --mdc-text-field-ink-color: var(--oscd-base00);\n    --mdc-text-field-label-ink-color: var(--oscd-base00);\n    --mdc-text-field-idle-line-color: var(--oscd-base00);\n    --mdc-text-field-hover-line-color: var(--oscd-base02);\n    --mdc-select-fill-color: var(--oscd-base2);\n    --mdc-select-disabled-fill-color: var(--oscd-base3);\n    --mdc-select-ink-color: var(--oscd-base00);\n    --mdc-select-label-ink-color: var(--oscd-base00);\n    --mdc-select-idle-line-color: var(--oscd-base00);\n    --mdc-select-hover-line-color: var(--oscd-base02);\n    --mdc-select-dropdown-icon-color: var(--oscd-base01);\n    --mdc-typography-font-family: var(--oscd-text-font);\n    --mdc-icon-font: var(--oscd-icon-font);\n    --mdc-theme-text-disabled-on-light: rgba(255, 255, 255, 0.38);\n  }\n\n  /*\n   * Public token -> internal token mappings\n   *\n   * Example pattern:\n   * --internal-variable-name: var(--oscd-shell-public-token, <default>);\n   */\n  :host {\n    /* Shell root */\n    --shell-background-color: var(\n      --oscd-shell-background-color,\n      var(--md-sys-color-surface)\n    );\n\n    /* App bar */\n    --app-bar-color: var(\n      --oscd-shell-app-bar-color,\n      var(--md-sys-color-on-primary)\n    );\n    --app-bar-background-color: var(\n      --oscd-shell-app-bar-background-color,\n      var(--md-sys-color-primary)\n    );\n    --app-bar-height: var(--oscd-shell-app-bar-height, 54px);\n    --app-bar-small-height: var(--oscd-shell-app-bar-small-height, 48px);\n    --app-bar-elevation: var(\n      --oscd-shell-app-bar-elevation,\n      var(--md-sys-elevation-level-2)\n    );\n    --app-bar-app-icon-height: var(--oscd-shell-app-bar-icon-height, 34.4px);\n    --app-bar-app-icon-width: var(--oscd-shell-app-bar-icon-width, auto);\n    --app-bar-logo-gap: var(--oscd-shell-app-bar-logo-gap, 16px);\n    --app-bar-title-menu-gap: var(--oscd-shell-app-bar-title-menu-gap, 4px);\n    --app-bar-title-text-font-family: var(\n      --oscd-shell-app-bar-title-font-family,\n      var(--md-ref-typeface-plain)\n    );\n    --app-bar-title-text-color: var(\n      --oscd-shell-app-bar-title-color,\n      var(--app-bar-color)\n    );\n    --app-bar-title-text-font-size: var(\n      --oscd-shell-app-bar-title-font-size,\n      22.114px\n    );\n    --app-bar-title-text-font-weight: var(\n      --oscd-shell-app-bar-title-font-weight,\n      400\n    );\n    --app-bar-title-text-font-style: var(\n      --oscd-shell-app-bar-title-font-style,\n      normal\n    );\n    --app-bar-title-text-line-height: var(\n      --oscd-shell-app-bar-title-line-height,\n      normal\n    );\n    --app-bar-title-text-letter-spacing: var(\n      --oscd-shell-app-bar-title-letter-spacing,\n      inherit\n    );\n    --app-bar-current-editor-font-family: var(\n      --oscd-shell-app-bar-current-editor-font-family,\n      var(--md-ref-typeface-plain)\n    );\n    --app-bar-current-editor-font-size: var(\n      --oscd-shell-app-bar-current-editor-font-size,\n      16px\n    );\n    --app-bar-current-editor-font-weight: var(\n      --oscd-shell-app-bar-current-editor-font-weight,\n      500\n    );\n    --app-bar-current-editor-font-style: var(\n      --oscd-shell-app-bar-current-editor-font-style,\n      normal\n    );\n    --app-bar-current-editor-line-height: var(\n      --oscd-shell-app-bar-current-editor-line-height,\n      normal\n    );\n    --app-bar-current-editor-color: var(\n      --oscd-shell-app-bar-current-editor-color,\n      var(--app-bar-color)\n    );\n    --app-bar-action-icon-size: var(\n      --oscd-shell-app-bar-action-icon-size,\n      24px\n    );\n    --app-bar-action-icon-color: var(\n      --oscd-shell-app-bar-action-icon-color,\n      var(--md-sys-color-on-primary)\n    );\n    --app-bar-action-icon-disabled-color: var(\n      --oscd-shell-app-bar-action-icon-disabled-color,\n      var(--md-sys-color-on-primary)\n    );\n    --app-bar-action-icon-disabled-container-opacity: var(\n      --oscd-shell-app-bar-action-icon-disabled-container-opacity,\n      0\n    );\n    --app-bar-separator-color: var(\n      --oscd-shell-app-bar-separator-color,\n      currentColor\n    );\n    --app-bar-separator-opacity: var(\n      --oscd-shell-app-bar-separator-opacity,\n      0.38\n    );\n\n    /* Bridge to oscd-ui app bar tokens */\n    --oscd-app-bar-color: var(--app-bar-color);\n    --oscd-app-bar-background-color: var(--app-bar-background-color);\n    --oscd-app-bar-elevation: var(--app-bar-elevation);\n    --oscd-app-bar-title-font-family: var(--app-bar-title-text-font-family);\n    --oscd-app-bar-title-font-size: var(--app-bar-title-text-font-size);\n    --oscd-app-bar-title-font-weight: var(--app-bar-title-text-font-weight);\n    --oscd-app-bar-title-line-height: var(--app-bar-title-text-line-height);\n\n    /* Files menu */\n    --file-menu-text-font-family: var(\n      --oscd-shell-file-menu-text-font-family,\n      var(--md-ref-typeface-plain)\n    );\n    --file-menu-text-size: var(--oscd-shell-file-menu-text-size, 16px);\n    --file-menu-text-weight: var(--oscd-shell-file-menu-text-weight, 500);\n    --file-menu-text-color: var(\n      --oscd-shell-file-menu-text-color,\n      var(--md-sys-color-on-primary)\n    );\n\n    /* Plugins menu */\n    --plugins-menu-button-size: var(\n      --oscd-shell-plugins-menu-button-size,\n      24px\n    );\n    --plugins-menu-button-color: var(\n      --oscd-shell-plugins-menu-button-color,\n      var(--md-sys-color-on-primary)\n    );\n    --plugins-menu-min-width: var(--oscd-shell-plugins-menu-min-width, 350px);\n    --plugins-menu-padding: var(--oscd-shell-plugins-menu-padding, 12px);\n    --plugins-menu-container-color: var(\n      --oscd-shell-plugins-menu-container-color,\n      var(--md-sys-color-surface)\n    );\n    --plugins-menu-item-label-color: var(\n      --oscd-shell-plugins-menu-item-label-color,\n      var(--md-sys-color-on-surface)\n    );\n    --plugins-menu-item-leading-icon-color: var(\n      --oscd-shell-plugins-menu-item-leading-icon-color,\n      var(--md-sys-color-on-surface)\n    );\n    --plugins-menu-item-selected-container-color: var(\n      --oscd-shell-plugins-menu-item-selected-container-color,\n      var(--md-sys-color-secondary-container)\n    );\n    --plugins-menu-item-selected-label-color: var(\n      --oscd-shell-plugins-menu-item-selected-label-color,\n      var(--md-sys-color-on-surface)\n    );\n\n    /* Editor plugins panel */\n    --editor-plugins-panel-width: var(\n      --oscd-shell-editor-plugins-panel-width,\n      308px\n    );\n    --editor-plugins-panel-collapsed-width: var(\n      --oscd-shell-editor-plugins-panel-collapsed-width,\n      76px\n    );\n    --editor-plugins-panel-padding-top: var(\n      --oscd-shell-editor-plugins-panel-padding-top,\n      20px\n    );\n    --editor-plugins-panel-item-icon-size: var(\n      --oscd-shell-editor-plugins-panel-item-icon-size,\n      28px\n    );\n    --editor-plugins-panel-background-color: var(\n      --oscd-shell-editor-plugins-panel-background-color,\n      var(--md-sys-color-surface)\n    );\n    --editor-plugins-panel-item-text-color: var(\n      --oscd-shell-editor-plugins-panel-item-text-color,\n      var(--md-sys-color-on-surface)\n    );\n    --editor-plugins-panel-item-icon-color: var(\n      --oscd-shell-editor-plugins-panel-item-icon-color,\n      var(--md-sys-color-on-surface)\n    );\n    --editor-plugins-panel-item-active-bg: var(\n      --oscd-shell-editor-plugins-panel-item-active-bg,\n      var(--md-sys-color-primary)\n    );\n    --editor-plugins-panel-item-active-color: var(\n      --oscd-shell-editor-plugins-panel-item-active-color,\n      var(--md-sys-color-on-primary)\n    );\n    --editor-plugins-panel-divider-color: var(\n      --oscd-shell-editor-plugins-panel-divider-color,\n      #d0d5dc40\n    );\n    --editor-plugins-panel-flyout-header-text-color: var(\n      --oscd-shell-editor-plugins-panel-flyout-header-text-color,\n      var(--md-sys-color-secondary)\n    );\n\n    /* Main editor container */\n    --editor-background-color: var(\n      --oscd-shell-editor-background-color,\n      var(--md-sys-color-surface)\n    );\n    --editor-padding: var(--oscd-shell-editor-padding, 8px);\n\n    /* Landing page */\n    --landing-background-color: var(\n      --oscd-shell-landing-background-color,\n      var(--md-sys-color-surface)\n    );\n    --landing-heading-color: var(\n      --oscd-shell-landing-heading-color,\n      var(--md-sys-color-on-surface)\n    );\n    --landing-heading-font-family: var(\n      --oscd-shell-landing-heading-font-family,\n      var(--md-ref-typeface-plain)\n    );\n    --landing-heading-size: var(--oscd-shell-landing-heading-size, 50px);\n    --landing-heading-style: var(--oscd-shell-landing-heading-style, normal);\n    --landing-heading-weight: var(--oscd-shell-landing-heading-weight, 600);\n    --landing-heading-line-height: var(\n      --oscd-shell-landing-heading-line-height,\n      normal\n    );\n\n    --landing-subheading-color: var(\n      --oscd-shell-landing-subheading-color,\n      var(--md-sys-color-on-surface)\n    );\n    --landing-subheading-font-family: var(\n      --oscd-shell-landing-subheading-font-family,\n      var(--md-ref-typeface-plain)\n    );\n    --landing-subheading-size: var(\n      --oscd-shell-landing-subheading-size,\n      16.909px\n    );\n    --landing-subheading-style: var(\n      --oscd-shell-landing-subheading-style,\n      normal\n    );\n    --landing-subheading-weight: var(\n      --oscd-shell-landing-subheading-weight,\n      400\n    );\n    --landing-subheading-line-height: var(\n      --oscd-shell-landing-subheading-line-height,\n      65.194px\n    );\n    --landing-grid-width: var(--oscd-shell-landing-grid-width, 60%);\n    --landing-grid-gap: var(--oscd-shell-landing-grid-gap, 95px);\n    --landing-card-width: var(--oscd-shell-landing-card-width, 240px);\n    --landing-card-height: var(--oscd-shell-landing-card-height, 180px);\n    --landing-card-background: var(\n      --oscd-shell-landing-card-background,\n      var(--md-sys-color-secondary)\n    );\n    --landing-card-text-color: var(\n      --oscd-shell-landing-card-text-color,\n      var(--md-sys-color-on-secondary)\n    );\n    --landing-card-radius: var(--oscd-shell-landing-card-radius, 2px);\n    --landing-card-icon-size: var(--oscd-shell-landing-card-icon-size, 54px);\n    --landing-card-corner-accent: var(\n      --oscd-shell-landing-card-corner-accent,\n      transparent\n    );\n  }\n`;\n"]}

package/dist/oscd-shell.d.ts

@@ -1,39 +1,49 @@
 import { LitElement } from 'lit';
 import { OscdFilledIconButton } from '@omicronenergy/oscd-ui/iconbutton/OscdFilledIconButton.js';
-import { XMLEditor } from '@omicronenergy/oscd-editor';
+import { XMLEditor } from '@openscd/oscd-editor';
 import { EditEventV2, OpenEvent } from '@openscd/oscd-api';
-import { LocaleTag, Translations } from './localization.js';
+import { LocaleTag } from './localization.js';
 import { EditorPluginsPanel } from './side-panel/editor-plugins-panel.js';
 import { PluginsMenu } from './menus/plugins-menu.js';
 import { LandingPage } from './landing-page/landing-page.js';
 import { RenameEvent, CloseEvent } from './foundation/events.js';
 import { FilesMenu } from './menus/files-menu.js';
 import { OscdAppBar } from '@omicronenergy/oscd-ui/app-bar/OscdAppBar.js';
+import { OscdDivider } from '@omicronenergy/oscd-ui/divider/OscdDivider.js';
 import { OscdIcon } from '@omicronenergy/oscd-ui/icon/OscdIcon.js';
-export type PluginEntry = {
+export interface PluginBase {
     name: string;
-    translations?: Translations;
-    tagName: string;
+    translations?: Record<string, string>;
     icon: string;
-    requireDoc?: boolean;
-};
-export type SourcedPluginEntry = {
-    name: string;
-    translations?: Translations;
+}
+export interface SourcedPluginEntry extends PluginBase {
     src: string;
-    icon: string;
     requireDoc?: boolean;
-};
-export type PluginSet<P = PluginEntry> = {
-    menu: P[];
-    editor: P[];
+}
+export interface PluginEntry extends PluginBase {
+    tagName: string;
+    requireDoc?: boolean;
+}
+/**
+ * The unvalidated plugin shape accepted at the `plugins` setter boundary.
+ * Fields are optional and either `tagName` or `src` may be present; the
+ * concrete kind is resolved and validated later by `loadSourcedPlugins`.
+ */
+export type InputPluginEntry = Partial<PluginEntry & SourcedPluginEntry>;
+export interface PluginGroup<P extends Partial<PluginBase> = PluginEntry> extends PluginBase {
+    plugins: P[];
+}
+export interface PluginSet<P extends Partial<PluginBase> = PluginEntry> {
+    menu: (P | PluginGroup<P>)[];
+    editor: (P | PluginGroup<P>)[];
     background: P[];
-};
+}
 declare const OscdShell_base: typeof LitElement & import("@open-wc/scoped-elements/lit-element.js").ScopedElementsHostConstructor;
 export declare class OscdShell extends OscdShell_base {
     static scopedElements: {
         'oscd-app-bar': typeof OscdAppBar;
         'oscd-filled-icon-button': typeof OscdFilledIconButton;
+        'oscd-divider': typeof OscdDivider;
         'oscd-icon': typeof OscdIcon;
         'files-menu': typeof FilesMenu;
         'plugins-menu': typeof PluginsMenu;
@@ -53,11 +63,10 @@ export declare class OscdShell extends OscdShell_base {
     set locale(tag: LocaleTag);
     _plugins: PluginSet;
     get plugins(): PluginSet;
-    set plugins(plugins: Partial<PluginSet<Partial<PluginEntry | SourcedPluginEntry>>>);
+    set plugins(plugins: Partial<PluginSet<InputPluginEntry>>);
     get canRedo(): boolean;
     get canUndo(): boolean;
-    get editor(): string;
-    private editorIndex;
+    selectedEditor?: PluginEntry;
     get doc(): XMLDocument;
     /** The name of the [[`doc`]] currently being edited */
     docName: string;
@@ -73,6 +82,7 @@ export declare class OscdShell extends OscdShell_base {
     editorPluginsPanel: EditorPluginsPanel;
     private _landingPageNodes?;
     constructor();
+    willUpdate(changedProperties: Map<PropertyKey, unknown>): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     handleOpenDoc: ({ detail: { docName, doc } }: OpenEvent) => void;
@@ -83,15 +93,14 @@ export declare class OscdShell extends OscdShell_base {
     handleRedo: () => void;
     private handleKeyPress;
     handleOpenPluginMenu: () => void;
+    handlePluginMenuSelect(customEvent: CustomEvent): void;
     /** Undo the last `n` [[Edit]]s committed */
     undo: (n?: number) => void;
     /** Redo the last `n` [[Edit]]s that have been undone */
     redo: (n?: number) => void;
     private hotkeys;
     isEditable(docName: string): boolean;
-    onDocsChanged(): void;
-    renderPlugin(tagName: string): import("lit-html").TemplateResult;
-    onMenuPluginSelect(customEvent: CustomEvent): void;
+    renderPlugin(plugin: PluginEntry): import("lit-html").TemplateResult;
     renderOffScreenPlugins(): import("lit-html").TemplateResult<1>;
     renderDefaultLandingPage(): import("lit-html").TemplateResult<1>;
     render(): import("lit-html").TemplateResult<1>;