solid-ui 3.0.1-11be53b → 3.0.1-1f7a1f3

package/dist/solid-ui.js

@@ -1044,11 +1044,6 @@ module.exports = _regenerator, module.exports.__esModule = true, module.exports[
 /******/ 		};
 /******/ 	})();
 /******/ 	
-/******/ 	/* webpack/runtime/publicPath */
-/******/ 	(() => {
-/******/ 		__webpack_require__.p = "";
-/******/ 	})();
-/******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
 // This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
@@ -1081,7 +1076,6 @@ __webpack_require__.d(__webpack_exports__, {
   style: () => (/* reexport */ style),
   table: () => (/* reexport */ renderTableViewPane),
   tabs: () => (/* reexport */ tabs_namespaceObject),
-  themeLoader: () => (/* reexport */ themeLoader),
   utils: () => (/* reexport */ utils_namespaceObject),
   widgets: () => (/* reexport */ widgets_namespaceObject)
 });
@@ -2279,17 +2273,6 @@ function _slicedToArray(r, e) {
 
 // EXTERNAL MODULE: ./node_modules/mime-types/index.js
 var mime_types = __webpack_require__(49);
-;// ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
-
-function _defineProperty(e, r, t) {
-  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-    value: t,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : e[r] = t, e;
-}
-
 ;// ./src/styleConstants.js
 /* harmony default export */ const styleConstants = ({
   highlightColor: '#7C4DFF',
@@ -2320,70 +2303,152 @@ function _defineProperty(e, r, t) {
   basicMaxLength: '4096'
 });
 ;// ./src/style.js
-
-var _style;
 // Common readable consistent stylesheet
 // to avoid using style sheets which are document-global
 // and make programmable style toggling with selection, drag over, etc easier
 // These must all end with semicolon so they can be appended to.
-//
-// PHASE 1: Hybrid mode - CSS variables with fallbacks
-// CSS variables (--sui-*) are provided by themes/foundation/variables.css
-// Fallback values preserve original appearance when themes aren't loaded
 
 
-var style = (_style = {
+var style = {
   // styleModule
 
-  checkboxStyle: 'color: var(--sui-text, black); font-size: 100%; padding-left: 0.5em; padding-right: 0.5em;',
-  checkboxInputStyle: 'font-size: 100%; height: 1em; width: 1em; background-color: var(--sui-bg-input, #eef); border-radius: var(--sui-border-radius-sm, 0.2em); margin: 0.1em;',
-  fieldLabelStyle: 'color: var(--sui-text-link, #3B5998); text-decoration: none;',
-  formSelectStyle: 'background-color: var(--sui-bg-input, #eef); padding: var(--sui-input-padding, 0.5em); border: var(--sui-border-width, 0.05em) solid var(--sui-form-border-color, #88c); border-radius: var(--sui-border-radius-sm, 0.2em); font-size: 100%; margin: var(--sui-input-margin, 0.4em);',
-  textInputStyle: 'background-color: var(--sui-bg-input, #eef); padding: var(--sui-input-padding, 0.5em); border: var(--sui-border-width, 0.05em) solid var(--sui-form-border-color, #88c); border-radius: var(--sui-border-radius-sm, 0.2em); font-size: 100%; margin: var(--sui-input-margin, 0.4em);',
+  checkboxStyle: 'color: black; font-size: 100%; padding-left: 0.5 em; padding-right: 0.5 em;',
+  checkboxInputStyle: 'font-size: 150%; height: 1.2em; width: 1.2em; background-color: #eef; border-radius:0.2em; margin: 0.1em;',
+  fieldLabelStyle: 'color: #3B5998; text-decoration: none;',
+  formSelectStyle: 'background-color: #eef; padding: 0.5em;  border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;',
+  textInputStyle: 'background-color: #eef; padding: 0.5em;  border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;',
   textInputStyleUneditable:
   // Color difference only
-  'background-color: var(--sui-bg-panel, white); padding: var(--sui-input-padding, 0.5em); border: var(--sui-border-width, 0.05em) solid var(--sui-bg-panel, white); border-radius: var(--sui-border-radius-sm, 0.2em); font-size: 100%; margin: var(--sui-input-margin, 0.4em);',
-  buttonStyle: 'background-color: var(--sui-bg-button, #fff); padding: var(--sui-button-padding, 0.7em); border: 0.01em solid var(--sui-border-color, white); border-radius: var(--sui-border-radius-sm, 0.2em); font-size: 100%; margin: var(--sui-button-margin, 0.3em);',
-  commentStyle: 'padding: var(--sui-button-padding, 0.7em); border: none; font-size: 100%; white-space: pre-wrap;',
-  iconStyle: 'width: var(--sui-icon-size, 1.5em); height: var(--sui-icon-size, 1.5em); margin: 0.1em; border-radius: var(--sui-border-radius-lg, 1em);',
-  smallButtonStyle: 'margin: 0.2em; width: 1em; height: 1em;',
-  classIconStyle: 'width: var(--sui-icon-class-size, 3em); height: var(--sui-icon-class-size, 3em); margin: 0.1em; border-radius: var(--sui-border-radius-sm, 0.2em); border: 0.1em solid var(--sui-group-1, green); padding: 0.2em; background-color: #efe;',
-  confirmPopupStyle: 'padding: var(--sui-button-padding, 0.7em); border-radius: var(--sui-border-radius-sm, 0.2em); border: 0.1em solid var(--sui-warning, orange); background-color: var(--sui-bg-panel, white); box-shadow: var(--sui-shadow, 0.5em 0.9em #888);',
-  messageBodyStyle: 'white-space: pre-wrap; width: 99%; font-size: 100%; border: 0.07em solid var(--sui-border-color, #eee); border-radius: var(--sui-border-radius-sm, 0.2em); padding: 0.3em 0.5em; margin: 0.1em;',
-  pendingeditModifier: 'color: var(--sui-text-muted, #bbb);',
+  'background-color: white; padding: 0.5em;  border: .05em solid white; border-radius:0.2em; font-size: 100%; margin:0.4em;',
+  buttonStyle: 'background-color: #fff; padding: 0.7em;  border: .01em solid white; border-radius:0.2em; font-size: 100%; margin: 0.3em;',
+  // 'background-color: #eef;
+  commentStyle: 'padding: 0.7em;  border: none; font-size: 100%; white-space: pre-wrap;',
+  iconStyle: 'width: 3em; height: 3em; margin: 0.1em; border-radius: 1em;',
+  smallButtonStyle: 'margin: 0.2em; width: 1em; height:1em;',
+  classIconStyle: 'width: 3em; height: 3em; margin: 0.1em; border-radius: 0.2em; border: 0.1em solid green; padding: 0.2em; background-color: #efe;',
+  // combine with buttonStyle
+  confirmPopupStyle: 'padding: 0.7em; border-radius: 0.2em; border: 0.1em solid orange; background-color: white; box-shadow: 0.5em 0.9em #888;',
+  messageBodyStyle: 'white-space: pre-wrap; width: 99%; font-size:100%; border: 0.07em solid #eee; border-radius:0.2em; padding: .3em 0.5em; margin: 0.1em;',
+  pendingeditModifier: 'color: #bbb;',
   // Contacts
-  personaBarStyle: 'width: 100%; height: 4em; background-color: var(--sui-bg-hover, #eee); vertical-align: middle;',
-  searchInputStyle: 'border: 0.1em solid var(--sui-border-color-dark, #444); border-radius: var(--sui-border-radius-sm, 0.2em); width: 100%; font-size: 100%; padding: 0.1em 0.6em; margin: 0.2em;',
-  autocompleteRowStyle: 'border: 0.2em solid var(--sui-warning, straw);',
+  personaBarStyle: 'width: 100%; height: 4em; background-color: #eee; vertical-align: middle;',
+  searchInputStyle: 'border: 0.1em solid #444; border-radius: 0.2em; width: 100%; font-size: 100%; padding: 0.1em 0.6em; margin 0.2em;',
+  autocompleteRowStyle: 'border: 0.2em solid straw;',
   // Login buttons
-  signInAndUpButtonStyle: 'padding: 1em; border-radius: var(--sui-border-radius-sm, 0.2em); font-size: 100%;',
-  headerBannerLoginInput: 'margin: 0.75em 0 0.75em 0.5em !important; padding: var(--sui-input-padding, 0.5em) !important;',
-  signUpBackground: 'background-color: var(--sui-bg-input, #eef);',
-  signInBackground: 'background-color: var(--sui-bg-active, #efe);',
+  signInAndUpButtonStyle: 'padding: 1em; border-radius:0.2em; font-size: 100%;',
+  // was 0.5em radius
+  headerBannerLoginInput: 'margin: 0.75em 0 0.75em 0.5em !important; padding: 0.5em !important;',
+  signUpBackground: 'background-color: #eef;',
+  signInBackground: 'background-color: #efe;',
   // Forms
-  heading1Style: 'font-size: 180%; font-weight: bold; color: var(--sui-primary, #7C4DFF); padding: var(--sui-space-sm, 0.5em); margin: 0.7em 0;',
-  heading2Style: 'font-size: 130%; font-weight: bold; color: var(--sui-primary, #7C4DFF); padding: 0.4em; margin: 0.7em 0;',
-  heading3Style: 'font-size: 120%; font-weight: bold; color: var(--sui-primary, #7C4DFF); padding: 0.3em; margin: 0.7em 0;',
-  heading4Style: 'font-size: 110%; font-weight: bold; color: var(--sui-primary, #7C4DFF); padding: 0.2em; margin: 0.7em 0;',
-  formHeadingStyle: 'font-size: 110%; font-weight: bold; color: var(--sui-primary, #7C4DFF); padding: 0.2em; margin: 0.7em 0;',
+  heading1Style: 'font-size: 180%; font-weight: bold; color: #888888; padding: 0.5em; margin: 0.7em 0.0m;',
+  // originally was brown; now grey
+  heading2Style: 'font-size: 130%; font-weight: bold; color: #888888; padding: 0.4em; margin: 0.7em 0.0em;',
+  // originally was brown; now grey
+  heading3Style: 'font-size: 120%; font-weight: bold; color: #888888; padding: 0.3em; margin: 0.7em 0.0em;',
+  // For example, in large forms or before a small form
+  heading4Style: 'font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em; margin: 0.7em 0.0em;',
+  // Lowest level used by default in small things
+
+  formHeadingStyle: 'font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em;  margin: 0.7em 0.0em;',
+  // originally was brown; now grey
   formTextInput: 'font-size: 100%; margin: 0.1em; padding: 0.1em;',
-  formGroupStyle: ["padding-left: 0; border: 0 solid var(--sui-form-border-color, ".concat(styleConstants.formBorderColor, "); border-radius: var(--sui-border-radius-sm, 0.2em);"), "padding-left: 2em; border: var(--sui-border-width, 0.05em) solid var(--sui-form-border-color, ".concat(styleConstants.formBorderColor, "); border-radius: var(--sui-border-radius-sm, 0.2em);"), "padding-left: 2em; border: 0.1em solid var(--sui-form-border-color, ".concat(styleConstants.formBorderColor, "); border-radius: var(--sui-border-radius-sm, 0.2em);"), "padding-left: 2em; border: 0.2em solid var(--sui-form-border-color, ".concat(styleConstants.formBorderColor, "); border-radius: var(--sui-border-radius-sm, 0.2em);")],
-  formFieldLabelStyle: "color: var(--sui-text-link, ".concat(styleConstants.lowProfileLinkColor, "); text-decoration: none;"),
-  formFieldNameBoxStyle: "padding: 0.3em; vertical-align: middle; width: ".concat(styleConstants.formFieldNameBoxWidth, ";"),
-  multilineTextInputStyle: 'font-size: 100%; white-space: pre-wrap; background-color: var(--sui-bg-input, #eef); border: 0.07em solid var(--sui-border-color-dark, gray); padding: 1em 0.5em; margin: 1em;',
-  // Panes
-  folderPaneStyle: 'border-top: solid 1px var(--sui-border-color, #777); border-bottom: solid 1px var(--sui-border-color, #777); margin-top: var(--sui-space-md, 0.5em); margin-bottom: var(--sui-space-md, 0.5em); background-color: var(--sui-bg-panel, white); color: var(--sui-text, black); font-family: var(--sui-font-family, sans-serif);',
-  sidebarComponentStyle: 'padding: var(--sui-space-md, 0.5em); width: 100%; background-color: var(--sui-bg-panel, white); color: var(--sui-text, black); font-family: var(--sui-font-family, sans-serif);',
-  sidebarStyle: 'overflow-x: auto; overflow-y: auto; border-radius: var(--sui-border-radius, 0.5em); border: 0.1em solid var(--sui-border-color, white); background-color: var(--sui-bg-panel, white);',
-  sourcePaneStyle: 'font-family: var(--sui-font-family-mono, monospace); font-size: 100%; width: 100%; max-width: 60em; margin: 1em 0.2em 1em 0.2em; padding: var(--sui-space-lg, 1em); border: 0.1em solid var(--sui-border-color, #888); border-radius: var(--sui-border-radius, 0.5em); background-color: var(--sui-bg-panel, white); color: var(--sui-text, black);',
+  // originally used this
+  formGroupStyle: ["padding-left: 0em; border: 0.0em solid ".concat(styleConstants.formBorderColor, "; border-radius: 0.2em;"), // weight 0
+  "padding-left: 2em; border: 0.05em solid ".concat(styleConstants.formBorderColor, "; border-radius: 0.2em;"), "padding-left: 2em; border: 0.1em solid ".concat(styleConstants.formBorderColor, "; border-radius: 0.2em;"), "padding-left: 2em; border: 0.2em solid ".concat(styleConstants.formBorderColor, "; border-radius: 0.2em;") // @@ pink
+  ],
+  formFieldLabelStyle: "color: ".concat(styleConstants.lowProfileLinkColor, "; text-decoration: none;"),
+  formFieldNameBoxStyle: "padding: 0.3em; vertical-align: middle; width:".concat(styleConstants.formFieldNameBoxWidth, ";"),
+  multilineTextInputStyle: 'font-size:100%; white-space: pre-wrap; background-color: #eef;' + ' border: 0.07em solid gray; padding: 1em 0.5em; margin: 1em 1em;',
   // Buttons
-  renderAsDivStyle: 'display: flex; align-items: center; justify-content: space-between; height: var(--sui-avatar-size, 2.5em); padding: 1em;',
-  imageDivStyle: 'width: var(--sui-avatar-size, 2.5em); padding: 0.5em; height: var(--sui-avatar-size, 2.5em);',
-  linkDivStyle: 'width: var(--sui-icon-size, 2em); padding: 0.5em; height: 4em;',
+  renderAsDivStyle: 'display: flex; align-items: center; justify-content: space-between; height: 2.5em; padding: 1em;',
+  imageDivStyle: 'width:2.5em; padding:0.5em; height: 2.5em;',
+  linkDivStyle: 'width:2em; padding:0.5em; height: 4em;',
   // ACL
   aclControlBoxContainer: 'margin: 1em;',
-  aclControlBoxHeader: 'font-size: var(--sui-space-md, 1em);'
-}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_style, "aclControlBoxHeader", 'font-size: 120%; margin: 0 0 1rem;'), "aclControlBoxStatus", 'display: none; margin: 1rem 0;'), "aclControlBoxStatusRevealed", 'display: block;'), "aclGroupContent", 'maxWidth: 650;'), "accessGroupList", 'display: grid; grid-template-columns: 1fr; margin: var(--sui-space-md, 1em); width: 100%;'), "accessGroupListItem", 'display: grid; grid-template-columns: 100px auto 30%;'), "defaultsController", 'display: flex;'), "defaultsControllerNotice", 'color: var(--sui-text-muted, #888); flexGrow: 1; fontSize: 80%;'), "bigButton", 'background-color: var(--sui-bg-panel, white); border: 0.1em solid var(--sui-border-color-dark, #888); border-radius: var(--sui-border-radius, 0.3em); max-width: 50%; padding-bottom: var(--sui-space-md, 1em); padding-top: var(--sui-space-md, 1em);'), "group", 'color: var(--sui-group-default, #888);'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_style, "group1", 'color: var(--sui-group-1, green);'), "group2", 'color: var(--sui-group-2, #cc0);'), "group3", 'color: var(--sui-group-3, orange);'), "group5", 'color: var(--sui-group-5, red);'), "group9", 'color: var(--sui-group-9, blue);'), "group13", 'color: var(--sui-group-13, purple);'), "trustedAppAddApplicationsTable", 'background-color: var(--sui-bg-panel, #eee);'), "trustedAppCancelButton", 'float: right;'), "trustedAppControllerI", 'border-color: var(--sui-warning, orange); border-radius: var(--sui-border-radius-lg, 1em); border-width: 0.1em;'), "temporaryStatusInit", 'background: var(--sui-success, green);'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_style, "temporaryStatusEnd", 'background: transparent; transition: background 5s linear;'), "headerUserMenuLink", 'background: none; border: 0; color: var(--sui-text, black); cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: var(--sui-space-md, 1em); width: 100%; text-decoration: none;'), "headerUserMenuLinkHover", 'background: none; border: 0; color: var(--sui-text, black); cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: var(--sui-space-md, 1em); width: 100%; text-decoration: none; background-image: var(--sui-header-gradient, linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%));'), "headerUserMenuTrigger", 'background: none; border: 0; cursor: pointer; width: var(--sui-header-height, 60px); height: var(--sui-header-height, 60px);'), "headerUserMenuTriggerImg", 'border-radius: var(--sui-border-radius-full, 50%); height: 56px; width: 28px !important;'), "headerUserMenuButton", 'background: none; border: 0; color: var(--sui-text, black); cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: var(--sui-space-md, 1em); width: 100%;'), "headerUserMenuButtonHover", 'background: none; border: 0; color: var(--sui-text, black); cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: var(--sui-space-md, 1em); width: 100%; background-image: var(--sui-header-gradient, linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%));'), "headerUserMenuList", 'list-style: none; margin: 0; padding: 0;'), "headerUserMenuListDisplay", 'list-style: none; margin: 0; padding: 0; display:true;'), "headerUserMenuNavigationMenu", 'background: var(--sui-bg-panel, white); border: solid 1px var(--sui-text, #000000); border-right: 0; position: absolute; right: 0; top: var(--sui-header-height, 60px); width: 200px; z-index: var(--sui-z-dropdown, 1); display: true;'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_style, "headerUserMenuNavigationMenuNotDisplayed", 'background: var(--sui-bg-panel, white); border: solid 1px var(--sui-text, #000000); border-right: 0; position: absolute; right: 0; top: var(--sui-header-height, 60px); width: 200px; z-index: var(--sui-z-dropdown, 1); display: none;'), "headerUserMenuListItem", 'border-bottom: solid 1px var(--sui-text, #000000);'), "headerUserMenuPhoto", 'border-radius: var(--sui-border-radius-full, 50%); background-position: center; background-repeat: no-repeat; background-size: cover; height: 50px; width: 50px;'), "headerBanner", 'background: var(--sui-bg-header, white); box-shadow: var(--sui-header-shadow, 0px 1px 4px #000000); display: flex; justify-content: space-between; padding: 0 var(--sui-space-lg, 1.5em);'), "headerBannerRightMenu", 'display: flex;'), "headerBannerLogin", 'margin-left: auto;'), "allChildrenVisible", 'display: true;'), "headerBannerUserMenu", 'border-left: solid 1px var(--sui-text, #000000); margin-left: auto;'), "headerBannerHelpMenu", 'border-left: solid 1px var(--sui-text, #000000); margin-left: auto;'), "headerBannerIcon", 'background-size: 65px var(--sui-header-height, 60px) !important; height: var(--sui-header-height, 60px) !important; width: 65px !important;'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_style, "footer", 'border-top: solid 1px var(--sui-border-color, #ccc); font-size: 0.9em; padding: var(--sui-space-sm, 0.5em) var(--sui-space-lg, 1.5em);'), "primaryButton", 'background-color: var(--sui-primary-light, #7c4dff); color: var(--sui-text-on-primary, #ffffff); font-family: var(--sui-font-family, Raleway, Roboto, sans-serif); border-radius: var(--sui-border-radius, 0.25em); border-color: var(--sui-primary-light, #7c4dff); border: 1px solid; cursor: pointer; font-size: 0.8em; text-decoration: none; padding: var(--sui-button-padding-sm, 0.5em 4em); transition: var(--sui-transition, 0.25s all ease-in-out); outline: none;'), "primaryButtonHover", 'background-color: var(--sui-primary, #9f7dff); color: var(--sui-text-on-primary, #ffffff); font-family: var(--sui-font-family, Raleway, Roboto, sans-serif); border-radius: var(--sui-border-radius, 0.25em); border-color: var(--sui-primary-light, #7c4dff); border: 1px solid; cursor: pointer; font-size: 0.8em; text-decoration: none; padding: var(--sui-button-padding-sm, 0.5em 4em); transition: var(--sui-transition, 0.25s all ease-in-out); outline: none;'), "primaryButtonNoBorder", 'background-color: var(--sui-bg-panel, #ffffff); color: var(--sui-primary-light, #7c4dff); font-family: var(--sui-font-family, Raleway, Roboto, sans-serif); border-radius: var(--sui-border-radius, 0.25em); border-color: var(--sui-primary-light, #7c4dff); border: 1px solid; cursor: pointer; font-size: 0.8em; text-decoration: none; padding: var(--sui-button-padding-sm, 0.5em 4em); transition: var(--sui-transition, 0.25s all ease-in-out); outline: none;'), "primaryButtonNoBorderHover", 'background-color: var(--sui-primary-light, #7c4dff); color: var(--sui-text-on-primary, #ffffff); font-family: var(--sui-font-family, Raleway, Roboto, sans-serif); border-radius: var(--sui-border-radius, 0.25em); border-color: var(--sui-primary-light, #7c4dff); border: 1px solid; cursor: pointer; font-size: 0.8em; text-decoration: none; padding: var(--sui-button-padding-sm, 0.5em 4em); transition: var(--sui-transition, 0.25s all ease-in-out); outline: none;'), "secondaryButton", 'background-color: var(--sui-accent, #01c9ea); color: var(--sui-text-on-primary, #ffffff); font-family: var(--sui-font-family, Raleway, Roboto, sans-serif); border-radius: var(--sui-border-radius, 0.25em); border-color: var(--sui-accent, #01c9ea); border: 1px solid; cursor: pointer; font-size: 0.8em; text-decoration: none; padding: var(--sui-button-padding-sm, 0.5em 4em); transition: var(--sui-transition, 0.25s all ease-in-out); outline: none;'), "secondaryButtonHover", 'background-color: var(--sui-info, #37cde6); color: var(--sui-text-on-primary, #ffffff); font-family: var(--sui-font-family, Raleway, Roboto, sans-serif); border-radius: var(--sui-border-radius, 0.25em); border-color: var(--sui-primary-light, #7c4dff); border: 1px solid; cursor: pointer; font-size: 0.8em; text-decoration: none; padding: var(--sui-button-padding-sm, 0.5em 4em); transition: var(--sui-transition, 0.25s all ease-in-out); outline: none;'), "secondaryButtonNoBorder", 'background-color: var(--sui-bg-panel, #ffffff); color: var(--sui-accent, #01c9ea); font-family: var(--sui-font-family, Raleway, Roboto, sans-serif); border-radius: var(--sui-border-radius, 0.25em); border-color: var(--sui-accent, #01c9ea); border: 1px solid; cursor: pointer; font-size: 0.8em; text-decoration: none; padding: var(--sui-button-padding-sm, 0.5em 4em); transition: var(--sui-transition, 0.25s all ease-in-out); outline: none;'), "secondaryButtonNoBorderHover", 'background-color: var(--sui-accent, #01c9ea); color: var(--sui-text-on-primary, #ffffff); font-family: var(--sui-font-family, Raleway, Roboto, sans-serif); border-radius: var(--sui-border-radius, 0.25em); border-color: var(--sui-accent, #01c9ea); border: 1px solid; cursor: pointer; font-size: 0.8em; text-decoration: none; padding: var(--sui-button-padding-sm, 0.5em 4em); transition: var(--sui-transition, 0.25s all ease-in-out); outline: none;'), "controlStyle", "border-radius: var(--sui-border-radius, 0.5em); margin: 0.8em; width: ".concat(styleConstants.mediaModuleCanvasWidth, "; height: ").concat(styleConstants.mediaModuleCanvasHeight, ";")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_style, "dragEvent", 'background-color: var(--sui-bg-hover, #ccc); border: 0.25em dashed var(--sui-text, black); border-radius: var(--sui-border-radius, 0.3em);'), "dropEvent", 'background-color: var(--sui-bg-panel, white); border: 0 solid var(--sui-text, black);'), "restoreStyle", 'background-color: var(--sui-bg-panel, white);'), "errorCancelButton", 'width: var(--sui-icon-size, 2em); height: var(--sui-icon-size, 2em); align: right;'), "errorMessageBlockStyle", 'margin: 0.1em; padding: var(--sui-space-sm, 0.5em); border: var(--sui-border-width, 0.05em) solid var(--sui-border-color-dark, gray); color: var(--sui-text, black);'), "notepadStyle", 'padding: var(--sui-space-md, 1em); overflow: auto; resize: horizontal; min-width: 40em;'), "upstreamStatus", 'width: 50%;'), "downstreamStatus", 'width: 50%;'), "baseStyle", 'font-size: 100%; font-family: var(--sui-font-family-mono, monospace); width: 100%; border: none; white-space: pre-wrap;'), "headingCore", 'font-family: var(--sui-font-family, sans-serif); font-weight: bold; border: none;'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_style, "headingStyle", ['font-size: 110%; padding-top: var(--sui-space-sm, 0.5em); padding-bottom: var(--sui-space-sm, 0.5em); width: 100%;', 'font-size: 120%; padding-top: var(--sui-space-md, 1em); padding-bottom: var(--sui-space-md, 1em); width: 100%;', 'font-size: 150%; padding-top: var(--sui-space-md, 1em); padding-bottom: var(--sui-space-md, 1em); width: 100%;']), "participantsStyle", 'margin: 0.8em;'), "participantsBlock", 'height: 1.5em; width: 1.5em; margin: 0.3em; border: 0.01em solid var(--sui-border-color-dark, #888);'), "personTableTD", 'vertical-align: middle;'), "tabsNavElement", 'margin: 0;'), "tabsRootElement", 'display: flex; height: 100%; width: 100%;'), "tabsMainElement", 'margin: 0; width: 100%; height: 100%;'), "tabContainer", 'list-style-type: none; display: flex; height: 100%; width: 100%; margin: 0; padding: 0;'), "makeNewSlot", 'background: none; border: none; font: inherit; cursor: pointer;'), "ellipsis", 'position: absolute; right: 0; bottom: 0; width: 20%; background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit;'));
+  aclControlBoxHeader: 'font-size: 120%; margin: 0 0 1rem;',
+  aclControlBoxStatus: 'display: none; margin: 1rem 0;',
+  aclControlBoxStatusRevealed: 'display: block;',
+  aclGroupContent: 'maxWidth: 650;',
+  accessGroupList: 'display: grid; grid-template-columns: 1fr; margin: 1em; width: 100%;',
+  accessGroupListItem: 'display: grid; grid-template-columns: 100px auto 30%;',
+  defaultsController: 'display: flex;',
+  defaultsControllerNotice: 'color: #888; flexGrow: 1; fontSize: 80%;',
+  bigButton: 'background-color: white; border: 0.1em solid #888; border-radius: 0.3em; max-width: 50%; padding-bottom: 1em; padding-top: 1em;',
+  group: 'color: #888;',
+  group1: 'color: green;',
+  group2: 'color: #cc0;',
+  group3: 'color: orange;',
+  group5: 'color: red;',
+  group9: 'color: blue;',
+  group13: 'color: purple;',
+  trustedAppAddApplicationsTable: 'background-color: #eee;',
+  trustedAppCancelButton: 'float: right;',
+  trustedAppControllerI: 'border-color: orange; border-radius: 1em; border-width: 0.1em;',
+  temporaryStatusInit: 'background: green;',
+  temporaryStatusEnd: 'background: transparent; transition: background 5s linear;',
+  // header
+  headerUserMenuLink: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em;  width: 100%; text-decoration: none;',
+  headerUserMenuLinkHover: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em;  width: 100%; text-decoration: none; background-image: linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%);',
+  headerUserMenuTrigger: 'background: none; border: 0; cursor: pointer; width: 60px; height: 60px;',
+  headerUserMenuTriggerImg: 'border-radius: 50%; height: 56px; width: 28px !important;',
+  headerUserMenuButton: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%;',
+  headerUserMenuButtonHover: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%; background-image: linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%);',
+  headerUserMenuList: 'list-style: none; margin: 0; padding: 0;',
+  headerUserMenuListDisplay: 'list-style: none; margin: 0; padding: 0; display:true;',
+  headerUserMenuNavigationMenu: 'background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: true;',
+  headerUserMenuNavigationMenuNotDisplayed: 'background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: none;',
+  headerUserMenuListItem: 'border-bottom: solid 1px #000000;',
+  headerUserMenuPhoto: 'border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; height: 50px; width: 50px;',
+  headerBanner: 'box-shadow: 0px 1px 4px #000000; display: flex; justify-content: space-between; padding: 0 1.5em; margin-bottom: 4px;',
+  headerBannerLink: 'display: block;',
+  headerBannerRightMenu: 'display: flex;',
+  headerBannerLogin: 'margin-left: auto;',
+  allChildrenVisible: 'display:true;',
+  headerBannerUserMenu: 'border-left: solid 1px #000000; margin-left: auto;',
+  headerBannerHelpMenu: 'border-left: solid 1px #000000; margin-left: auto;',
+  headerBannerIcon: 'background-size: 65px 60px !important; height: 60px !important; width: 65px !important;',
+  // may just be 65px round($icon-size * 352 / 322);
+
+  // footer
+  footer: 'border-top: solid 1px $divider-color; font-size: 0.9em; padding: 0.5em 1.5em;',
+  // buttons
+  primaryButton: 'background-color: #7c4dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',
+  primaryButtonHover: 'background-color: #9f7dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',
+  primaryButtonNoBorder: 'background-color: #ffffff; color: #7c4dff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',
+  primaryButtonNoBorderHover: 'background-color: #7c4dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',
+  secondaryButton: 'background-color: #01c9ea; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',
+  secondaryButtonHover: 'background-color: #37cde6; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',
+  secondaryButtonNoBorder: 'background-color: #ffffff; color: #01c9ea; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',
+  secondaryButtonNoBorderHover: 'background-color: #01c9ea; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',
+  // media
+  controlStyle: "border-radius: 0.5em; margin: 0.8em; width:".concat(styleConstants.mediaModuleCanvasWidth, "; height:").concat(styleConstants.mediaModuleCanvasHeight, ";"),
+  // dragAndDrop
+  dragEvent: 'background-color: #ccc; border: 0.25em dashed black; border-radius: 0.3em;',
+  dropEvent: 'background-color: white; border: 0em solid black;',
+  restoreStyle: 'background-color: white;',
+  // errors
+  errorCancelButton: 'width: 2em; height: 2em; align: right;',
+  errorMessageBlockStyle: 'margin: 0.1em; padding: 0.5em; border: 0.05em solid gray; color:black;',
+  // pad
+  notepadStyle: 'padding: 1em; overflow: auto; resize: horizontal; min-width: 40em;',
+  upstreamStatus: 'width: 50%;',
+  downstreamStatus: 'width: 50%;',
+  baseStyle: 'font-size: 100%; font-family: monospace; width: 100%; border: none; white-space: pre-wrap;',
+  headingCore: 'font-family: sans-serif; font-weight: bold;  border: none;',
+  headingStyle: ['font-size: 110%; padding-top: 0.5em; padding-bottom: 0.5em; width: 100%;', 'font-size: 120%; padding-top: 1em; padding-bottom: 1em; width: 100%;', 'font-size: 150%; padding-top: 1em; padding-bottom: 1em; width: 100%;'],
+  // participation
+  participantsStyle: 'margin: 0.8em;',
+  participantsBlock: 'height: 1.5em; width: 1.5em; margin: 0.3em; border 0.01em solid #888;',
+  personTableTD: 'vertical-align: middle;',
+  // tabs
+  tabsNavElement: 'margin: 0;',
+  tabsRootElement: 'display: flex; height: 100%; width: 100%;',
+  tabsMainElement: 'margin: 0; width:100%; height: 100%;',
+  tabContainer: 'list-style-type: none; display: flex; height: 100%; width: 100%; margin: 0; padding: 0;',
+  makeNewSlot: 'background: none; border: none; font: inherit; cursor: pointer;',
+  ellipsis: 'position: absolute; right: 0; bottom: 0; width: 20%; background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit;'
+};
 style.setStyle = function setStyle(ele, styleName) {
   ele.style = style[styleName];
 };
@@ -3685,7 +3750,7 @@ function buttons_button(dom, iconURI, text, handler) {
   if (iconURI) {
     var img = button.appendChild(dom.createElement('img'));
     img.setAttribute('src', iconURI);
-    img.setAttribute('style', style.iconStyle);
+    img.setAttribute('style', 'width: 2em; height: 2em;'); // trial and error. 2em disappears
     img.title = text;
     button.setAttribute('style', style.buttonStyle);
   } else {
@@ -3830,9 +3895,9 @@ function renderAsRow(dom, pred, obj, options) {
 
   // const image = td1.appendChild(dom.createElement('img'))
   var image = options.image || faviconOrDefault(dom, obj);
-  td1.setAttribute('style', 'vertical-align: middle; width: var(--sui-avatar-size, 2.5em); padding: 0.5em; height: var(--sui-avatar-size, 2.5em);');
+  td1.setAttribute('style', 'vertical-align: middle; width:2.5em; padding:0.5em; height: 2.5em;');
   td2.setAttribute('style', 'vertical-align: middle; text-align:left;');
-  td3.setAttribute('style', 'vertical-align: middle; width: var(--sui-icon-size, 2em); padding: 0.5em; height: 4em;');
+  td3.setAttribute('style', 'vertical-align: middle; width:2em; padding:0.5em; height: 4em;');
   td1.appendChild(image);
   if (options.title) {
     td2.textContent = options.title;
@@ -4463,6 +4528,17 @@ index = {
     widgetForClass: twoLineWidgetForClass
   }
 };
+;// ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+
+function _defineProperty(e, r, t) {
+  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
+
 ;// ./src/signup/config-default.js
 /**
  * Provides a simple configuration object for Solid web client and other
@@ -12828,11 +12904,11 @@ function _taggedTemplateLiteral(e, t) {
 // EXTERNAL MODULE: ./node_modules/escape-html/index.js
 var escape_html = __webpack_require__(580);
 var escape_html_default = /*#__PURE__*/__webpack_require__.n(escape_html);
-;// ./node_modules/uuid/dist/esm-browser/native.js
+;// ./node_modules/uuid/dist/native.js
 const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-/* harmony default export */ const esm_browser_native = ({ randomUUID });
+/* harmony default export */ const dist_native = ({ randomUUID });
 
-;// ./node_modules/uuid/dist/esm-browser/rng.js
+;// ./node_modules/uuid/dist/rng.js
 let getRandomValues;
 const rnds8 = new Uint8Array(16);
 function rng() {
@@ -12845,7 +12921,7 @@ function rng() {
     return getRandomValues(rnds8);
 }
 
-;// ./node_modules/uuid/dist/esm-browser/stringify.js
+;// ./node_modules/uuid/dist/stringify.js
 
 const byteToHex = [];
 for (let i = 0; i < 256; ++i) {
@@ -12880,16 +12956,13 @@ function stringify(arr, offset = 0) {
     }
     return uuid;
 }
-/* harmony default export */ const esm_browser_stringify = ((/* unused pure expression or super */ null && (stringify)));
+/* harmony default export */ const dist_stringify = ((/* unused pure expression or super */ null && (stringify)));
 
-;// ./node_modules/uuid/dist/esm-browser/v4.js
+;// ./node_modules/uuid/dist/v4.js
 
 
 
-function v4(options, buf, offset) {
-    if (esm_browser_native.randomUUID && !buf && !options) {
-        return esm_browser_native.randomUUID();
-    }
+function _v4(options, buf, offset) {
     options = options || {};
     const rnds = options.random ?? options.rng?.() ?? rng();
     if (rnds.length < 16) {
@@ -12909,7 +12982,13 @@ function v4(options, buf, offset) {
     }
     return unsafeStringify(rnds);
 }
-/* harmony default export */ const esm_browser_v4 = (v4);
+function v4(options, buf, offset) {
+    if (dist_native.randomUUID && !buf && !options) {
+        return dist_native.randomUUID();
+    }
+    return _v4(options, buf, offset);
+}
+/* harmony default export */ const dist_v4 = (v4);
 
 ;// ./src/widgets/peoplePicker.js
 
@@ -13033,7 +13112,7 @@ var PeoplePicker = /*#__PURE__*/function () {
       var _indexes = indexes(book),
         groupIndex = _indexes.groupIndex,
         groupContainer = _indexes.groupContainer;
-      var group = external_$rdf_.sym("".concat(groupContainer.uri).concat(esm_browser_v4().slice(0, 8), ".ttl#this"));
+      var group = external_$rdf_.sym("".concat(groupContainer.uri).concat(dist_v4().slice(0, 8), ".ttl#this"));
       var name = defaultNewGroupName || 'Untitled Group';
 
       // NOTE that order matters here.  Unfortunately this type of update is
@@ -22695,323 +22774,6 @@ function getPreferencesForClass(subject, theClass, predicates, context) {
 }
 
 // ends
-;// ./src/themeLoader.js
-
-
-
-function themeLoader_createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = themeLoader_unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function themeLoader_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return themeLoader_arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? themeLoader_arrayLikeToArray(r, a) : void 0; } }
-function themeLoader_arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-
-/**
- * Theme Loader for Solid-UI
- * Handles dynamic theme loading and switching
- */
-
-var STORAGE_KEY = 'solid-ui-theme';
-var DEFAULT_THEME = 'classic';
-var ThemeLoader = /*#__PURE__*/function () {
-  function ThemeLoader() {
-    classCallCheck_classCallCheck(this, ThemeLoader);
-    this.themes = {
-      classic: 'themes/presets/classic.css',
-      "default": 'themes/presets/default.css',
-      wave: 'themes/presets/wave.css',
-      telegram: 'themes/presets/telegram.css',
-      signal: 'themes/presets/signal.css'
-    };
-    this.currentTheme = this.getSavedTheme();
-    this.linkElements = {};
-    this.initialized = false;
-  }
-
-  /**
-   * Initialize the theme system
-   * Loads foundation CSS and current theme
-   */
-  return createClass_createClass(ThemeLoader, [{
-    key: "init",
-    value: (function () {
-      var _init = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee() {
-        var _t;
-        return regenerator_default().wrap(function (_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              if (!this.initialized) {
-                _context.next = 1;
-                break;
-              }
-              return _context.abrupt("return");
-            case 1:
-              _context.prev = 1;
-              _context.next = 2;
-              return this.loadFoundation();
-            case 2:
-              _context.next = 3;
-              return this.loadTheme(this.currentTheme);
-            case 3:
-              this.initialized = true;
-              _context.next = 5;
-              break;
-            case 4:
-              _context.prev = 4;
-              _t = _context["catch"](1);
-              console.error('Failed to initialize theme system:', _t);
-              // Continue without themes - use inline styles as fallback
-            case 5:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, this, [[1, 4]]);
-      }));
-      function init() {
-        return _init.apply(this, arguments);
-      }
-      return init;
-    }()
-    /**
-     * Load foundation CSS (variables + accessibility)
-     */
-    )
-  }, {
-    key: "loadFoundation",
-    value: (function () {
-      var _loadFoundation = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee2() {
-        var variablesLink, a11yLink;
-        return regenerator_default().wrap(function (_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              // Variables
-              variablesLink = this.createLinkElement('solid-ui-variables', 'themes/foundation/variables.css');
-              document.head.insertBefore(variablesLink, document.head.firstChild);
-              this.linkElements.variables = variablesLink;
-
-              // Accessibility
-              a11yLink = this.createLinkElement('solid-ui-accessibility', 'themes/foundation/accessibility.css');
-              document.head.insertBefore(a11yLink, document.head.firstChild);
-              this.linkElements.accessibility = a11yLink;
-
-              // Wait for CSS to load
-              _context2.next = 1;
-              return Promise.all([this.waitForStylesheet(variablesLink), this.waitForStylesheet(a11yLink)]);
-            case 1:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2, this);
-      }));
-      function loadFoundation() {
-        return _loadFoundation.apply(this, arguments);
-      }
-      return loadFoundation;
-    }()
-    /**
-     * Load a theme by name
-     * @param {string} themeName - Name of theme to load
-     */
-    )
-  }, {
-    key: "loadTheme",
-    value: (function () {
-      var _loadTheme = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee3(themeName) {
-        var themeFile, themeLink, _t2;
-        return regenerator_default().wrap(function (_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              themeFile = this.themes[themeName] || this.themes[DEFAULT_THEME];
-              _context3.prev = 1;
-              // Create or update theme link
-              themeLink = this.linkElements.theme;
-              if (!themeLink) {
-                themeLink = this.createLinkElement('solid-ui-theme', themeFile);
-                document.head.appendChild(themeLink);
-                this.linkElements.theme = themeLink;
-              } else {
-                themeLink.href = this.resolveThemePath(themeFile);
-              }
-
-              // Wait for theme to load
-              _context3.next = 2;
-              return this.waitForStylesheet(themeLink);
-            case 2:
-              // Update state
-              this.currentTheme = themeName;
-              this.saveTheme(themeName);
-
-              // Emit event for listeners
-              this.emitThemeChange(themeName);
-              _context3.next = 4;
-              break;
-            case 3:
-              _context3.prev = 3;
-              _t2 = _context3["catch"](1);
-              console.error("Failed to load theme \"".concat(themeName, "\":"), _t2);
-              throw _t2;
-            case 4:
-            case "end":
-              return _context3.stop();
-          }
-        }, _callee3, this, [[1, 3]]);
-      }));
-      function loadTheme(_x) {
-        return _loadTheme.apply(this, arguments);
-      }
-      return loadTheme;
-    }()
-    /**
-     * Get list of available themes
-     * @returns {Array<{name: string, label: string}>}
-     */
-    )
-  }, {
-    key: "getAvailableThemes",
-    value: function getAvailableThemes() {
-      var _this = this;
-      return Object.keys(this.themes).map(function (name) {
-        return {
-          name: name,
-          label: _this.formatThemeName(name)
-        };
-      });
-    }
-
-    /**
-     * Get currently active theme
-     * @returns {string}
-     */
-  }, {
-    key: "getCurrentTheme",
-    value: function getCurrentTheme() {
-      return this.currentTheme;
-    }
-
-    /**
-     * Create a link element for CSS
-     * @private
-     */
-  }, {
-    key: "createLinkElement",
-    value: function createLinkElement(id, href) {
-      var link = document.createElement('link');
-      link.id = id;
-      link.rel = 'stylesheet';
-      link.href = this.resolveThemePath(href);
-      return link;
-    }
-
-    /**
-     * Resolve theme path relative to solid-ui
-     * @private
-     */
-  }, {
-    key: "resolveThemePath",
-    value: function resolveThemePath(path) {
-      // In development, path might need adjustment
-      // In production (dist), themes should be copied alongside
-      if (true) {
-        return __webpack_require__.p + path;
-      }
-
-      // Try to find solid-ui base path
-      // removed by dead control flow
- var scripts; 
-      // removed by dead control flow
- var _iterator, _step; 
-      // removed by dead control flow
- var baseUrl, script; 
-      // removed by dead control flow
-
-    }
-
-    /**
-     * Wait for stylesheet to load
-     * @private
-     */
-  }, {
-    key: "waitForStylesheet",
-    value: function waitForStylesheet(link) {
-      return new Promise(function (resolve, reject) {
-        link.onload = function () {
-          return resolve();
-        };
-        link.onerror = function () {
-          return reject(new Error("Failed to load: ".concat(link.href)));
-        };
-
-        // Timeout after 10 seconds
-        setTimeout(function () {
-          return reject(new Error('Theme load timeout'));
-        }, 10000);
-      });
-    }
-
-    /**
-     * Get saved theme from localStorage
-     * @private
-     */
-  }, {
-    key: "getSavedTheme",
-    value: function getSavedTheme() {
-      try {
-        return localStorage.getItem(STORAGE_KEY) || DEFAULT_THEME;
-      } catch (error) {
-        return DEFAULT_THEME;
-      }
-    }
-
-    /**
-     * Save theme to localStorage
-     * @private
-     */
-  }, {
-    key: "saveTheme",
-    value: function saveTheme(themeName) {
-      try {
-        localStorage.setItem(STORAGE_KEY, themeName);
-      } catch (error) {
-        console.warn('Failed to save theme preference:', error);
-      }
-    }
-
-    /**
-     * Format theme name for display
-     * @private
-     */
-  }, {
-    key: "formatThemeName",
-    value: function formatThemeName(name) {
-      return name.charAt(0).toUpperCase() + name.slice(1);
-    }
-
-    /**
-     * Emit theme change event
-     * @private
-     */
-  }, {
-    key: "emitThemeChange",
-    value: function emitThemeChange(themeName) {
-      var event = new CustomEvent('solid-ui-theme-change', {
-        detail: {
-          theme: themeName
-        }
-      });
-      window.dispatchEvent(event);
-    }
-  }]);
-}(); // Create singleton instance
-var themeLoader = new ThemeLoader();
-
-// Auto-initialize on load (can be disabled if manual control needed)
-if (typeof window !== 'undefined') {
-  if (document.readyState === 'loading') {
-    document.addEventListener('DOMContentLoaded', function () {
-      return themeLoader.init();
-    });
-  } else {
-    themeLoader.init();
-  }
-}
-/* harmony default export */ const src_themeLoader = ((/* unused pure expression or super */ null && (themeLoader)));
 ;// ./src/table.js
 // Table Widget: Format an array of RDF statements as an HTML table.
 //
@@ -25295,17 +25057,17 @@ function initHeader(_x, _x2, _x3) {
  * @ignore exporting this only for the unit test
  */
 function _initHeader() {
-  _initHeader = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee3(store, userMenuList, options) {
+  _initHeader = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee2(store, userMenuList, options) {
     var header, pod;
-    return regenerator_default().wrap(function (_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
+    return regenerator_default().wrap(function (_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
         case 0:
           header = document.getElementById('PageHeader');
           if (header) {
-            _context3.next = 1;
+            _context2.next = 1;
             break;
           }
-          return _context3.abrupt("return");
+          return _context2.abrupt("return");
         case 1:
           pod = getPod();
           rebuildHeader(header, store, pod, userMenuList, options)();
@@ -25313,9 +25075,9 @@ function _initHeader() {
           external_SolidLogic_.authSession.events.on('login', rebuildHeader(header, store, pod, userMenuList, options));
         case 2:
         case "end":
-          return _context3.stop();
+          return _context2.stop();
       }
-    }, _callee3);
+    }, _callee2);
   }));
   return _initHeader.apply(this, arguments);
 }
@@ -25349,10 +25111,10 @@ function createBanner(_x4, _x5, _x6, _x7, _x8) {
  * @ignore exporting this only for the unit test
  */
 function _createBanner() {
-  _createBanner = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee4(store, pod, user, userMenuList, options) {
-    var podLink, image, userMenu, banner, leftSideOfHeader, helpMenu, _t3;
-    return regenerator_default().wrap(function (_context4) {
-      while (1) switch (_context4.prev = _context4.next) {
+  _createBanner = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee3(store, pod, user, userMenuList, options) {
+    var podLink, image, userMenu, banner, leftSideOfHeader, helpMenu, _t2;
+    return regenerator_default().wrap(function (_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
         case 0:
           podLink = document.createElement('a');
           podLink.href = pod.uri;
@@ -25364,19 +25126,19 @@ function _createBanner() {
           image.setAttribute('style', style.headerBannerIcon);
           podLink.appendChild(image);
           if (!user) {
-            _context4.next = 2;
+            _context3.next = 2;
             break;
           }
-          _context4.next = 1;
+          _context3.next = 1;
           return createUserMenu(store, user, userMenuList);
         case 1:
-          _t3 = _context4.sent;
-          _context4.next = 3;
+          _t2 = _context3.sent;
+          _context3.next = 3;
           break;
         case 2:
-          _t3 = createLoginSignUpButtons();
+          _t2 = createLoginSignUpButtons();
         case 3:
-          userMenu = _t3;
+          userMenu = _t2;
           banner = document.createElement('div');
           banner.setAttribute('style', style.headerBanner);
           banner.appendChild(podLink);
@@ -25388,12 +25150,12 @@ function _createBanner() {
             leftSideOfHeader.appendChild(helpMenu);
           }
           banner.appendChild(leftSideOfHeader);
-          return _context4.abrupt("return", banner);
+          return _context3.abrupt("return", banner);
         case 4:
         case "end":
-          return _context4.stop();
+          return _context3.stop();
       }
-    }, _callee4);
+    }, _callee3);
   }));
   return _createBanner.apply(this, arguments);
 }
@@ -25401,88 +25163,6 @@ function createHelpMenu(options, helpMenuItems) {
   if (!helpMenuItems) return;
   var helpMenuList = document.createElement('ul');
   helpMenuList.setAttribute('style', style.headerUserMenuList);
-
-  // Add theme selector submenu at the top
-  try {
-    var _UI, _UI2;
-    var themeLoader = ((_UI = globalThis.UI) === null || _UI === void 0 ? void 0 : _UI.themeLoader) || ((_UI2 = window.UI) === null || _UI2 === void 0 ? void 0 : _UI2.themeLoader);
-    if (themeLoader) {
-      // Add theme label
-      var themeLabel = document.createElement('li');
-      themeLabel.setAttribute('style', style.headerUserMenuItem + ' font-weight: bold; padding: 0.5em 1em; color: #666; font-size: 0.9em;');
-      themeLabel.textContent = '🎨 Themes';
-      helpMenuList.appendChild(themeLabel);
-
-      // Add theme options
-      var themes = [{
-        name: 'classic',
-        label: '📘 Classic',
-        icon: '📘'
-      }, {
-        name: 'default',
-        label: '💜 Default',
-        icon: '💜'
-      }, {
-        name: 'wave',
-        label: '💚 Wave',
-        icon: '💚'
-      }, {
-        name: 'telegram',
-        label: '💙 Telegram',
-        icon: '💙'
-      }, {
-        name: 'signal',
-        label: '🔵 Signal',
-        icon: '🔵'
-      }];
-      var currentTheme = themeLoader.getCurrentTheme();
-      themes.forEach(function (theme) {
-        var themeButton = createUserMenuButton(theme.label + (theme.name === currentTheme ? ' ✓' : ''), /*#__PURE__*/asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee2() {
-          var _t2;
-          return regenerator_default().wrap(function (_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
-              case 0:
-                _context2.prev = 0;
-                _context2.next = 1;
-                return themeLoader.loadTheme(theme.name);
-              case 1:
-                console.log("Theme switched to: ".concat(theme.label));
-                // Update checkmarks in all theme buttons
-                setTimeout(function () {
-                  var newCurrentTheme = themeLoader.getCurrentTheme();
-                  helpMenuList.querySelectorAll('button').forEach(function (btn, idx) {
-                    // Theme buttons are first 5 buttons (after the label)
-                    if (idx < themes.length) {
-                      var themeInfo = themes[idx];
-                      btn.textContent = themeInfo.label + (themeInfo.name === newCurrentTheme ? ' ✓' : '');
-                    }
-                  });
-                }, 100);
-                _context2.next = 3;
-                break;
-              case 2:
-                _context2.prev = 2;
-                _t2 = _context2["catch"](0);
-                console.error('Failed to switch theme:', _t2);
-              case 3:
-              case "end":
-                return _context2.stop();
-            }
-          }, _callee2, null, [[0, 2]]);
-        })));
-        helpMenuList.appendChild(createUserMenuItem(themeButton));
-      });
-
-      // Add separator
-      var separator = document.createElement('li');
-      separator.setAttribute('style', 'border-top: 1px solid #ddd; margin: 0.5em 0;');
-      helpMenuList.appendChild(separator);
-    }
-  } catch (error) {
-    console.warn('Theme loader not available', error);
-  }
-
-  // Add regular help menu items
   helpMenuItems.forEach(function (menuItem) {
     var menuItemType = menuItem.url ? 'url' : 'onclick';
     if (menuItemType === 'url') {
@@ -25583,17 +25263,17 @@ function createUserMenu(_x9, _x0, _x1) {
  * @ignore exporting this only for the unit test
  */
 function _createUserMenu() {
-  _createUserMenu = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee5(store, user, userMenuList) {
+  _createUserMenu = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee4(store, user, userMenuList) {
     var fetcher, loggedInMenuList, loggedInMenu, loggedInMenuTrigger, profileImg, loggedInMenuContainer, throttledMenuToggle, timer;
-    return regenerator_default().wrap(function (_context5) {
-      while (1) switch (_context5.prev = _context5.next) {
+    return regenerator_default().wrap(function (_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
         case 0:
           fetcher = store.fetcher;
           if (!fetcher) {
-            _context5.next = 1;
+            _context4.next = 1;
             break;
           }
-          _context5.next = 1;
+          _context4.next = 1;
           return fetcher.load(user);
         case 1:
           loggedInMenuList = document.createElement('ul');
@@ -25646,12 +25326,12 @@ function _createUserMenu() {
             var nav = document.getElementById('loggedInNav');
             nav === null || nav === void 0 || nav.setAttribute('style', style.headerUserMenuNavigationMenuNotDisplayed);
           });
-          return _context5.abrupt("return", loggedInMenuContainer);
+          return _context4.abrupt("return", loggedInMenuContainer);
         case 2:
         case "end":
-          return _context5.stop();
+          return _context4.stop();
       }
-    }, _callee5);
+    }, _callee4);
   }));
   return _createUserMenu.apply(this, arguments);
 }
@@ -25873,8 +25553,6 @@ https://github.com/solidos/solid
 
 // @ts-ignore
 
-// @ts-ignore
-
 
 // @ts-ignore
 
@@ -25906,7 +25584,6 @@ if (typeof window !== 'undefined') {
     participation: participation_namespaceObject,
     preferences: preferences_namespaceObject,
     style: style,
-    themeLoader: themeLoader,
     table: renderTableViewPane,
     tabs: tabs_namespaceObject,
     utils: utils_namespaceObject,