@openremote/or-mwc-components 1.24.0 → 1.24.1

package/custom-elements-jsx.d.ts

@@ -1,11 +1,47 @@
-
-import type { OrMwcDialogOpenedEvent, OrMwcDialogClosedEvent, showErrorDialog, showOkCancelDialog, showOkDialog, showDialog, OrMwcDialog } from "./lib/or-mwc-dialog.d.ts";
-import type { OrMwcDrawerChangedEvent, OrMwcDrawer } from "./lib/or-mwc-drawer.d.ts";
-import type { OrInputChangedEvent, SUPPORTED_WELLKNOWN_VALUE_TYPES, getValueHolderInputTemplateProvider, OrMwcInput } from "./lib/or-mwc-input.d.ts";
-import type { MDCListActionEvent, OrMwcListChangedEvent, createListGroup, getListTemplate, getItemTemplate, OrMwcList } from "./lib/or-mwc-list.d.ts";
-import type { OrMwcMenuChangedEvent, OrMwcMenuClosedEvent, positionMenuAtElement, getContentWithMenuTemplate, OrMwcMenu } from "./lib/or-mwc-menu.d.ts";
-import type { OrMwcSnackbarChangedEvent, showSnackbar, OrMwcSnackbar } from "./lib/or-mwc-snackbar.d.ts";
-import type { OrMwcTableRowClickEvent, OrMwcTableRowSelectEvent, OrMwcTable } from "./lib/or-mwc-table.d.ts";
+import type {
+  OrMwcDialogOpenedEvent,
+  OrMwcDialogClosedEvent,
+  showErrorDialog,
+  showOkCancelDialog,
+  showOkDialog,
+  showDialog,
+  OrMwcDialog,
+} from "./lib/or-mwc-dialog.d.ts";
+import type {
+  OrMwcDrawerChangedEvent,
+  OrMwcDrawer,
+} from "./lib/or-mwc-drawer.d.ts";
+import type {
+  OrInputChangedEvent,
+  SUPPORTED_WELLKNOWN_VALUE_TYPES,
+  getValueHolderInputTemplateProvider,
+  OrMwcInput,
+} from "./lib/or-mwc-input.d.ts";
+import type {
+  MDCListActionEvent,
+  OrMwcListChangedEvent,
+  createListGroup,
+  getListTemplate,
+  getItemTemplate,
+  OrMwcList,
+} from "./lib/or-mwc-list.d.ts";
+import type {
+  OrMwcMenuChangedEvent,
+  OrMwcMenuClosedEvent,
+  positionMenuAtElement,
+  getContentWithMenuTemplate,
+  OrMwcMenu,
+} from "./lib/or-mwc-menu.d.ts";
+import type {
+  OrMwcSnackbarChangedEvent,
+  showSnackbar,
+  OrMwcSnackbar,
+} from "./lib/or-mwc-snackbar.d.ts";
+import type {
+  OrMwcTableRowClickEvent,
+  OrMwcTableRowSelectEvent,
+  OrMwcTable,
+} from "./lib/or-mwc-table.d.ts";
 import type { OrMwcTabs } from "./lib/or-mwc-tabs.d.ts";
 
 /**
@@ -34,7 +70,6 @@ export type ScopedElements<
 };
 
 type BaseProps<T extends HTMLElement> = {
-
   /** Content added between the opening and closing tags of the element */
   children?: any;
   /** Used for declaratively styling one or more elements using CSS (Cascading Stylesheets) */
@@ -57,6 +92,8 @@ type BaseProps<T extends HTMLElement> = {
   key?: string | number;
   /** Specifies the language of the element. */
   lang?: string;
+  /** Defines the element's semantic role for accessibility APIs. */
+  role?: string;
   /** Contains a space-separated list of the part names of the element. Part names allows CSS to select and style specific elements in a shadow tree via the ::part pseudo-element. */
   part?: string;
   /** Use the ref attribute with a variable to assign a DOM element to the variable once the element is rendered. */
@@ -77,611 +114,1172 @@ type BaseProps<T extends HTMLElement> = {
   popovertarget?: "top" | "bottom" | "left" | "right" | "auto";
   /** Specifies the action to be performed on a popover element being controlled by a control element. */
   popovertargetaction?: "show" | "hide" | "toggle";
-
-} ;
-
-type BaseEvents = {
-
-
 };
 
-
+type BaseEvents = {};
 
 export type OrMwcDialogProps = {
   /**  */
-  "heading"?: OrMwcDialog['heading'];
+  heading?: OrMwcDialog["heading"];
   /**  */
-  "avatar"?: OrMwcDialog['avatar'];
+  avatar?: OrMwcDialog["avatar"];
   /**  */
-  "styles"?: OrMwcDialog['styles'];
+  styles?: OrMwcDialog["styles"];
   /**  */
-  "content"?: OrMwcDialog['content'];
+  content?: OrMwcDialog["content"];
   /**  */
-  "actions"?: OrMwcDialog['actions'];
+  actions?: OrMwcDialog["actions"];
   /**  */
-  "dismissAction"?: OrMwcDialog['dismissAction'];
+  dismissAction?: OrMwcDialog["dismissAction"];
 
   /**  */
-  "onundefined"?: (e: CustomEvent<OrMwcDialogOpenedEvent>) => void;
+  onaction?: (e: OrMwcDialogClosedEvent) => void;
+};
+
+export type OrMwcDialogSolidJsProps = {
   /**  */
-  "onaction"?: (e: CustomEvent<OrMwcDialogClosedEvent>) => void;
-}
+  "prop:heading"?: OrMwcDialog["heading"];
+  /**  */
+  "prop:avatar"?: OrMwcDialog["avatar"];
+  /**  */
+  "prop:styles"?: OrMwcDialog["styles"];
+  /**  */
+  "prop:content"?: OrMwcDialog["content"];
+  /**  */
+  "prop:actions"?: OrMwcDialog["actions"];
+  /**  */
+  "prop:dismissAction"?: OrMwcDialog["dismissAction"];
+  /**  */
+  "on:action"?: (e: OrMwcDialogClosedEvent) => void;
 
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
 
 export type OrMwcDrawerProps = {
   /**  */
-  "dismissible"?: OrMwcDrawer['dismissible'];
+  dismissible?: OrMwcDrawer["dismissible"];
   /**  */
-  "rightSided"?: OrMwcDrawer['rightSided'];
+  rightSided?: OrMwcDrawer["rightSided"];
   /**  */
-  "transparent"?: OrMwcDrawer['transparent'];
+  transparent?: OrMwcDrawer["transparent"];
   /**  */
-  "open"?: OrMwcDrawer['open'];
+  open?: OrMwcDrawer["open"];
   /**  */
-  "header"?: OrMwcDrawer['header'];
+  header?: OrMwcDrawer["header"];
   /**  */
-  "appContent"?: OrMwcDrawer['appContent'];
+  appContent?: OrMwcDrawer["appContent"];
   /**  */
-  "topBar"?: OrMwcDrawer['topBar'];
+  topBar?: OrMwcDrawer["topBar"];
 
   /**  */
-  "onvalue"?: (e: CustomEvent<OrMwcDrawerChangedEvent>) => void;
-}
+  onvalue?: (e: OrMwcDrawerChangedEvent) => void;
+};
 
+export type OrMwcDrawerSolidJsProps = {
+  /**  */
+  "prop:dismissible"?: OrMwcDrawer["dismissible"];
+  /**  */
+  "prop:rightSided"?: OrMwcDrawer["rightSided"];
+  /**  */
+  "prop:transparent"?: OrMwcDrawer["transparent"];
+  /**  */
+  "prop:open"?: OrMwcDrawer["open"];
+  /**  */
+  "prop:header"?: OrMwcDrawer["header"];
+  /**  */
+  "prop:appContent"?: OrMwcDrawer["appContent"];
+  /**  */
+  "prop:topBar"?: OrMwcDrawer["topBar"];
+  /**  */
+  "on:value"?: (e: OrMwcDrawerChangedEvent) => void;
+
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
 
 export type OrMwcInputProps = {
   /**  */
-  "focused"?: OrMwcInput['focused'];
+  focused?: OrMwcInput["focused"];
   /**  */
-  "value"?: OrMwcInput['value'];
+  value?: OrMwcInput["value"];
   /**  */
-  "type"?: OrMwcInput['type'];
+  type?: OrMwcInput["type"];
   /**  */
-  "name"?: OrMwcInput['name'];
+  name?: OrMwcInput["name"];
   /**  */
-  "readonly"?: OrMwcInput['readonly'];
+  readonly?: OrMwcInput["readonly"];
   /**  */
-  "required"?: OrMwcInput['required'];
+  required?: OrMwcInput["required"];
   /**  */
-  "max"?: OrMwcInput['max'];
+  max?: OrMwcInput["max"];
   /**  */
-  "min"?: OrMwcInput['min'];
+  min?: OrMwcInput["min"];
   /**  */
-  "step"?: OrMwcInput['step'];
+  step?: OrMwcInput["step"];
   /**  */
-  "checked"?: OrMwcInput['checked'];
+  checked?: OrMwcInput["checked"];
   /**  */
-  "indeterminate"?: OrMwcInput['indeterminate'];
+  indeterminate?: OrMwcInput["indeterminate"];
   /**  */
-  "maxLength"?: OrMwcInput['maxLength'];
+  maxLength?: OrMwcInput["maxLength"];
   /**  */
-  "minLength"?: OrMwcInput['minLength'];
+  minLength?: OrMwcInput["minLength"];
   /**  */
-  "rows"?: OrMwcInput['rows'];
+  rows?: OrMwcInput["rows"];
   /**  */
-  "cols"?: OrMwcInput['cols'];
+  cols?: OrMwcInput["cols"];
   /**  */
-  "multiple"?: OrMwcInput['multiple'];
+  multiple?: OrMwcInput["multiple"];
   /**  */
-  "pattern"?: OrMwcInput['pattern'];
+  pattern?: OrMwcInput["pattern"];
   /**  */
-  "placeHolder"?: OrMwcInput['placeHolder'];
+  placeHolder?: OrMwcInput["placeHolder"];
   /**  */
-  "options"?: OrMwcInput['options'];
+  options?: OrMwcInput["options"];
   /**  */
-  "autoSelect"?: OrMwcInput['autoSelect'];
+  autoSelect?: OrMwcInput["autoSelect"];
   /**  */
-  "searchProvider"?: OrMwcInput['searchProvider'];
+  searchProvider?: OrMwcInput["searchProvider"];
   /**  */
-  "searchLabel"?: OrMwcInput['searchLabel'];
+  searchLabel?: OrMwcInput["searchLabel"];
   /**  */
-  "icon"?: OrMwcInput['icon'];
+  icon?: OrMwcInput["icon"];
   /**  */
-  "iconColor"?: OrMwcInput['iconColor'];
+  iconColor?: OrMwcInput["iconColor"];
   /**  */
-  "iconOn"?: OrMwcInput['iconOn'];
+  iconOn?: OrMwcInput["iconOn"];
   /**  */
-  "iconTrailing"?: OrMwcInput['iconTrailing'];
+  iconTrailing?: OrMwcInput["iconTrailing"];
   /**  */
-  "compact"?: OrMwcInput['compact'];
+  compact?: OrMwcInput["compact"];
   /**  */
-  "comfortable"?: OrMwcInput['comfortable'];
+  comfortable?: OrMwcInput["comfortable"];
   /**  */
-  "raised"?: OrMwcInput['raised'];
+  raised?: OrMwcInput["raised"];
   /**  */
-  "action"?: OrMwcInput['action'];
+  action?: OrMwcInput["action"];
   /**  */
-  "unElevated"?: OrMwcInput['unElevated'];
+  unElevated?: OrMwcInput["unElevated"];
   /**  */
-  "outlined"?: OrMwcInput['outlined'];
+  outlined?: OrMwcInput["outlined"];
   /**  */
-  "rounded"?: OrMwcInput['rounded'];
+  rounded?: OrMwcInput["rounded"];
   /**  */
-  "format"?: OrMwcInput['format'];
+  format?: OrMwcInput["format"];
   /**  */
-  "disableSliderNumberInput"?: OrMwcInput['disableSliderNumberInput'];
+  disableSliderNumberInput?: OrMwcInput["disableSliderNumberInput"];
   /**  */
-  "fullWidth"?: OrMwcInput['fullWidth'];
+  fullWidth?: OrMwcInput["fullWidth"];
   /**  */
-  "helperText"?: OrMwcInput['helperText'];
+  helperText?: OrMwcInput["helperText"];
   /**  */
-  "helperPersistent"?: OrMwcInput['helperPersistent'];
+  helperPersistent?: OrMwcInput["helperPersistent"];
   /**  */
-  "validationMessage"?: OrMwcInput['validationMessage'];
+  validationMessage?: OrMwcInput["validationMessage"];
   /**  */
-  "autoValidate"?: OrMwcInput['autoValidate'];
+  autoValidate?: OrMwcInput["autoValidate"];
   /**  */
-  "charCounter"?: OrMwcInput['charCounter'];
+  charCounter?: OrMwcInput["charCounter"];
   /**  */
-  "label"?: OrMwcInput['label'];
+  label?: OrMwcInput["label"];
   /**  */
-  "disabled"?: OrMwcInput['disabled'];
+  disabled?: OrMwcInput["disabled"];
   /**  */
-  "continuous"?: OrMwcInput['continuous'];
+  continuous?: OrMwcInput["continuous"];
   /**  */
-  "resizeVertical"?: OrMwcInput['resizeVertical'];
+  resizeVertical?: OrMwcInput["resizeVertical"];
   /** Always censure text fields (like a password), and do not allow toggling */
-  "censored"?: OrMwcInput['censored'];
+  censored?: OrMwcInput["censored"];
   /** Toggles visibility state of the password InputType (true = shown, false = hidden) */
-  "advertised"?: OrMwcInput['advertised'];
+  advertised?: OrMwcInput["advertised"];
   /**  */
-  "searchableValue"?: OrMwcInput['searchableValue'];
+  searchableValue?: OrMwcInput["searchableValue"];
 
   /**  */
-  "onundefined"?: (e: CustomEvent<OrInputChangedEvent>) => void;
+  onnewValue?: (e: OrInputChangedEvent) => void;
+};
+
+export type OrMwcInputSolidJsProps = {
   /**  */
-  "onnewValue"?: (e: CustomEvent<OrInputChangedEvent>) => void;
-}
+  "prop:focused"?: OrMwcInput["focused"];
+  /**  */
+  "prop:value"?: OrMwcInput["value"];
+  /**  */
+  "prop:type"?: OrMwcInput["type"];
+  /**  */
+  "prop:name"?: OrMwcInput["name"];
+  /**  */
+  "prop:readonly"?: OrMwcInput["readonly"];
+  /**  */
+  "prop:required"?: OrMwcInput["required"];
+  /**  */
+  "prop:max"?: OrMwcInput["max"];
+  /**  */
+  "prop:min"?: OrMwcInput["min"];
+  /**  */
+  "prop:step"?: OrMwcInput["step"];
+  /**  */
+  "prop:checked"?: OrMwcInput["checked"];
+  /**  */
+  "prop:indeterminate"?: OrMwcInput["indeterminate"];
+  /**  */
+  "prop:maxLength"?: OrMwcInput["maxLength"];
+  /**  */
+  "prop:minLength"?: OrMwcInput["minLength"];
+  /**  */
+  "prop:rows"?: OrMwcInput["rows"];
+  /**  */
+  "prop:cols"?: OrMwcInput["cols"];
+  /**  */
+  "prop:multiple"?: OrMwcInput["multiple"];
+  /**  */
+  "prop:pattern"?: OrMwcInput["pattern"];
+  /**  */
+  "prop:placeHolder"?: OrMwcInput["placeHolder"];
+  /**  */
+  "prop:options"?: OrMwcInput["options"];
+  /**  */
+  "prop:autoSelect"?: OrMwcInput["autoSelect"];
+  /**  */
+  "prop:searchProvider"?: OrMwcInput["searchProvider"];
+  /**  */
+  "prop:searchLabel"?: OrMwcInput["searchLabel"];
+  /**  */
+  "prop:icon"?: OrMwcInput["icon"];
+  /**  */
+  "prop:iconColor"?: OrMwcInput["iconColor"];
+  /**  */
+  "prop:iconOn"?: OrMwcInput["iconOn"];
+  /**  */
+  "prop:iconTrailing"?: OrMwcInput["iconTrailing"];
+  /**  */
+  "prop:compact"?: OrMwcInput["compact"];
+  /**  */
+  "prop:comfortable"?: OrMwcInput["comfortable"];
+  /**  */
+  "prop:raised"?: OrMwcInput["raised"];
+  /**  */
+  "prop:action"?: OrMwcInput["action"];
+  /**  */
+  "prop:unElevated"?: OrMwcInput["unElevated"];
+  /**  */
+  "prop:outlined"?: OrMwcInput["outlined"];
+  /**  */
+  "prop:rounded"?: OrMwcInput["rounded"];
+  /**  */
+  "prop:format"?: OrMwcInput["format"];
+  /**  */
+  "prop:disableSliderNumberInput"?: OrMwcInput["disableSliderNumberInput"];
+  /**  */
+  "prop:fullWidth"?: OrMwcInput["fullWidth"];
+  /**  */
+  "prop:helperText"?: OrMwcInput["helperText"];
+  /**  */
+  "prop:helperPersistent"?: OrMwcInput["helperPersistent"];
+  /**  */
+  "prop:validationMessage"?: OrMwcInput["validationMessage"];
+  /**  */
+  "prop:autoValidate"?: OrMwcInput["autoValidate"];
+  /**  */
+  "prop:charCounter"?: OrMwcInput["charCounter"];
+  /**  */
+  "prop:label"?: OrMwcInput["label"];
+  /**  */
+  "prop:disabled"?: OrMwcInput["disabled"];
+  /**  */
+  "prop:continuous"?: OrMwcInput["continuous"];
+  /**  */
+  "prop:resizeVertical"?: OrMwcInput["resizeVertical"];
+  /** Always censure text fields (like a password), and do not allow toggling */
+  "prop:censored"?: OrMwcInput["censored"];
+  /** Toggles visibility state of the password InputType (true = shown, false = hidden) */
+  "prop:advertised"?: OrMwcInput["advertised"];
+  /**  */
+  "prop:searchableValue"?: OrMwcInput["searchableValue"];
+  /**  */
+  "on:newValue"?: (e: OrInputChangedEvent) => void;
 
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
 
 export type OrMwcListProps = {
   /**  */
-  "listItems"?: OrMwcList['listItems'];
+  listItems?: OrMwcList["listItems"];
   /**  */
-  "values"?: OrMwcList['values'];
+  values?: OrMwcList["values"];
   /**  */
-  "type"?: OrMwcList['type'];
+  type?: OrMwcList["type"];
+};
 
+export type OrMwcListSolidJsProps = {
   /**  */
-  "onundefined"?: (e: CustomEvent<OrMwcListChangedEvent>) => void;
-}
+  "prop:listItems"?: OrMwcList["listItems"];
+  /**  */
+  "prop:values"?: OrMwcList["values"];
+  /**  */
+  "prop:type"?: OrMwcList["type"];
 
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
 
 export type OrMwcMenuProps = {
   /**  */
-  "menuItems"?: OrMwcMenu['menuItems'];
+  menuItems?: OrMwcMenu["menuItems"];
   /**  */
-  "values"?: OrMwcMenu['values'];
+  values?: OrMwcMenu["values"];
   /**  */
-  "multiSelect"?: OrMwcMenu['multiSelect'];
+  multiSelect?: OrMwcMenu["multiSelect"];
   /**  */
-  "visible"?: OrMwcMenu['visible'];
+  visible?: OrMwcMenu["visible"];
   /**  */
-  "translateValues"?: OrMwcMenu['translateValues'];
+  translateValues?: OrMwcMenu["translateValues"];
   /**  */
-  "midHeight"?: OrMwcMenu['midHeight'];
+  midHeight?: OrMwcMenu["midHeight"];
   /**  */
-  "fullWidth"?: OrMwcMenu['fullWidth'];
+  fullWidth?: OrMwcMenu["fullWidth"];
+};
 
+export type OrMwcMenuSolidJsProps = {
   /**  */
-  "onundefined"?: (e: CustomEvent<OrMwcMenuClosedEvent>) => void;
-}
+  "prop:menuItems"?: OrMwcMenu["menuItems"];
+  /**  */
+  "prop:values"?: OrMwcMenu["values"];
+  /**  */
+  "prop:multiSelect"?: OrMwcMenu["multiSelect"];
+  /**  */
+  "prop:visible"?: OrMwcMenu["visible"];
+  /**  */
+  "prop:translateValues"?: OrMwcMenu["translateValues"];
+  /**  */
+  "prop:midHeight"?: OrMwcMenu["midHeight"];
+  /**  */
+  "prop:fullWidth"?: OrMwcMenu["fullWidth"];
 
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
 
 export type OrMwcSnackbarProps = {
   /**  */
-  "buttonText"?: OrMwcSnackbar['buttonText'];
+  buttonText?: OrMwcSnackbar["buttonText"];
   /**  */
-  "timeout"?: OrMwcSnackbar['timeout'];
+  timeout?: OrMwcSnackbar["timeout"];
   /**  */
-  "_open"?: OrMwcSnackbar['_open'];
+  _open?: OrMwcSnackbar["_open"];
   /**  */
-  "text"?: OrMwcSnackbar['text'];
+  text?: OrMwcSnackbar["text"];
   /**  */
-  "buttonAction"?: OrMwcSnackbar['buttonAction'];
+  buttonAction?: OrMwcSnackbar["buttonAction"];
   /**  */
-  "isOpen"?: OrMwcSnackbar['isOpen'];
+  isOpen?: OrMwcSnackbar["isOpen"];
 
   /**  */
-  "ondetail"?: (e: CustomEvent<OrMwcSnackbarChangedEvent>) => void;
-}
+  ondetail?: (e: OrMwcSnackbarChangedEvent) => void;
+};
+
+export type OrMwcSnackbarSolidJsProps = {
+  /**  */
+  "prop:buttonText"?: OrMwcSnackbar["buttonText"];
+  /**  */
+  "prop:timeout"?: OrMwcSnackbar["timeout"];
+  /**  */
+  "prop:_open"?: OrMwcSnackbar["_open"];
+  /**  */
+  "prop:text"?: OrMwcSnackbar["text"];
+  /**  */
+  "prop:buttonAction"?: OrMwcSnackbar["buttonAction"];
+  /**  */
+  "prop:isOpen"?: OrMwcSnackbar["isOpen"];
+  /**  */
+  "on:detail"?: (e: OrMwcSnackbarChangedEvent) => void;
 
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
 
 export type OrMwcTableProps = {
   /**  */
-  "columns"?: OrMwcTable['columns'];
+  columns?: OrMwcTable["columns"];
   /**  */
-  "columnsTemplate"?: OrMwcTable['columnsTemplate'];
+  columnsTemplate?: OrMwcTable["columnsTemplate"];
   /**  */
-  "rows"?: OrMwcTable['rows'];
+  rows?: OrMwcTable["rows"];
   /**  */
-  "rowsTemplate"?: OrMwcTable['rowsTemplate'];
+  rowsTemplate?: OrMwcTable["rowsTemplate"];
   /**  */
-  "config"?: OrMwcTable['config'];
+  config?: OrMwcTable["config"];
   /**  */
-  "paginationIndex"?: OrMwcTable['paginationIndex'];
+  paginationIndex?: OrMwcTable["paginationIndex"];
   /**  */
-  "paginationSize"?: OrMwcTable['paginationSize'];
+  paginationSize?: OrMwcTable["paginationSize"];
   /**  */
-  "sortDirection"?: OrMwcTable['sortDirection'];
+  sortDirection?: OrMwcTable["sortDirection"];
   /**  */
-  "sortIndex"?: OrMwcTable['sortIndex'];
+  sortIndex?: OrMwcTable["sortIndex"];
   /**  */
-  "selectedRows"?: OrMwcTable['selectedRows'];
+  selectedRows?: OrMwcTable["selectedRows"];
 
   /**  */
-  "onundefined"?: (e: CustomEvent<OrMwcTableRowClickEvent>) => void;
+  onindex?: (e: OrMwcTableRowSelectEvent) => void;
+};
+
+export type OrMwcTableSolidJsProps = {
   /**  */
-  "onindex"?: (e: CustomEvent<OrMwcTableRowSelectEvent>) => void;
-}
+  "prop:columns"?: OrMwcTable["columns"];
+  /**  */
+  "prop:columnsTemplate"?: OrMwcTable["columnsTemplate"];
+  /**  */
+  "prop:rows"?: OrMwcTable["rows"];
+  /**  */
+  "prop:rowsTemplate"?: OrMwcTable["rowsTemplate"];
+  /**  */
+  "prop:config"?: OrMwcTable["config"];
+  /**  */
+  "prop:paginationIndex"?: OrMwcTable["paginationIndex"];
+  /**  */
+  "prop:paginationSize"?: OrMwcTable["paginationSize"];
+  /**  */
+  "prop:sortDirection"?: OrMwcTable["sortDirection"];
+  /**  */
+  "prop:sortIndex"?: OrMwcTable["sortIndex"];
+  /**  */
+  "prop:selectedRows"?: OrMwcTable["selectedRows"];
+  /**  */
+  "on:index"?: (e: OrMwcTableRowSelectEvent) => void;
 
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
 
 export type OrMwcTabsProps = {
   /**  */
-  "index"?: OrMwcTabs['index'];
+  index?: OrMwcTabs["index"];
   /**  */
-  "items"?: OrMwcTabs['items'];
+  items?: OrMwcTabs["items"];
   /**  */
-  "iconPosition"?: OrMwcTabs['iconPosition'];
+  iconPosition?: OrMwcTabs["iconPosition"];
   /**  */
-  "noScroll"?: OrMwcTabs['noScroll'];
+  noScroll?: OrMwcTabs["noScroll"];
   /**  */
-  "bgColor"?: OrMwcTabs['bgColor'];
+  bgColor?: OrMwcTabs["bgColor"];
   /**  */
-  "color"?: OrMwcTabs['color'];
+  color?: OrMwcTabs["color"];
   /**  */
-  "styles"?: OrMwcTabs['styles'];
+  styles?: OrMwcTabs["styles"];
 
   /**  */
-  "onactivated"?: (e: CustomEvent<CustomEvent>) => void;
-}
+  onactivated?: (e: CustomEvent) => void;
+};
 
-  export type CustomElements = {
+export type OrMwcTabsSolidJsProps = {
+  /**  */
+  "prop:index"?: OrMwcTabs["index"];
+  /**  */
+  "prop:items"?: OrMwcTabs["items"];
+  /**  */
+  "prop:iconPosition"?: OrMwcTabs["iconPosition"];
+  /**  */
+  "prop:noScroll"?: OrMwcTabs["noScroll"];
+  /**  */
+  "prop:bgColor"?: OrMwcTabs["bgColor"];
+  /**  */
+  "prop:color"?: OrMwcTabs["color"];
+  /**  */
+  "prop:styles"?: OrMwcTabs["styles"];
+  /**  */
+  "on:activated"?: (e: CustomEvent) => void;
 
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
 
+export type CustomElements = {
   /**
-     * 
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `heading`: undefined 
- * - `avatar`: undefined 
- * - `styles`: undefined 
- * - `content`: undefined (property only)
- * - `actions`: undefined (property only)
- * - `dismissAction`: undefined (property only)
- * - `isOpen`: undefined (property only) (readonly)
- * 
- * ## Events
- * 
- * Events that will be emitted by the component.
- * 
- * - `undefined`: undefined
- * - `action`: undefined
- * 
- * ## Methods
- * 
- * Methods that can be called to access component functionality.
- * 
- * - `setOpen(isOpen: boolean) => OrMwcDialog`: undefined
- * - `setHeading(heading: TemplateResult | string | undefined) => OrMwcDialog`: undefined
- * - `setContent(content: TemplateResult | (() => TemplateResult) | undefined) => OrMwcDialog`: undefined
- * - `setActions(actions: DialogAction[] | undefined) => OrMwcDialog`: undefined
- * - `setDismissAction(action: DialogActionBase | null | undefined) => OrMwcDialog`: undefined
- * - `setStyles(styles: string | TemplateResult | undefined) => OrMwcDialog`: undefined
- * - `setAvatar(avatar: boolean | undefined) => OrMwcDialog`: undefined
- * - `open() => void`: undefined
- * - `close(action?: string) => void`: undefined
-  */
-    "or-mwc-dialog": Partial<OrMwcDialogProps & BaseProps<OrMwcDialog> & BaseEvents>;
-
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `heading`: undefined
+   * - `avatar`: undefined
+   * - `styles`: undefined
+   * - `content`: undefined (property only)
+   * - `actions`: undefined (property only)
+   * - `dismissAction`: undefined (property only)
+   * - `isOpen`: undefined (property only) (readonly)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `undefined`: undefined
+   * - `action`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `setOpen(isOpen: boolean) => OrMwcDialog`: undefined
+   * - `setHeading(heading: TemplateResult | string | undefined) => OrMwcDialog`: undefined
+   * - `setContent(content: TemplateResult | (() => TemplateResult) | undefined) => OrMwcDialog`: undefined
+   * - `setActions(actions: DialogAction[] | undefined) => OrMwcDialog`: undefined
+   * - `setDismissAction(action: DialogActionBase | null | undefined) => OrMwcDialog`: undefined
+   * - `setStyles(styles: string | TemplateResult | undefined) => OrMwcDialog`: undefined
+   * - `setAvatar(avatar: boolean | undefined) => OrMwcDialog`: undefined
+   * - `open() => void`: undefined
+   * - `close(action?: string) => void`: undefined
+   */
+  "or-mwc-dialog": Partial<
+    OrMwcDialogProps & BaseProps<OrMwcDialog> & BaseEvents
+  >;
 
   /**
-     * 
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `dismissible`: undefined 
- * - `rightSided`: undefined 
- * - `transparent`: undefined 
- * - `open`: undefined 
- * - `header`: undefined (property only)
- * - `appContent`: undefined (property only)
- * - `topBar`: undefined (property only)
- * 
- * ## Events
- * 
- * Events that will be emitted by the component.
- * 
- * - `value`: undefined
- * 
- * ## Methods
- * 
- * Methods that can be called to access component functionality.
- * 
- * - `toggle() => void`: undefined
-  */
-    "or-mwc-drawer": Partial<OrMwcDrawerProps & BaseProps<OrMwcDrawer> & BaseEvents>;
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `dismissible`: undefined
+   * - `rightSided`: undefined
+   * - `transparent`: undefined
+   * - `open`: undefined
+   * - `header`: undefined (property only)
+   * - `appContent`: undefined (property only)
+   * - `topBar`: undefined (property only)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `value`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `toggle() => void`: undefined
+   */
+  "or-mwc-drawer": Partial<
+    OrMwcDrawerProps & BaseProps<OrMwcDrawer> & BaseEvents
+  >;
 
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `focused`: undefined
+   * - `value`: undefined
+   * - `type`: undefined
+   * - `name`: undefined
+   * - `readonly`: undefined
+   * - `required`: undefined
+   * - `max`: undefined
+   * - `min`: undefined
+   * - `step`: undefined
+   * - `checked`: undefined
+   * - `indeterminate`: undefined
+   * - `maxLength`: undefined
+   * - `minLength`: undefined
+   * - `rows`: undefined
+   * - `cols`: undefined
+   * - `multiple`: undefined
+   * - `pattern`: undefined
+   * - `placeHolder`: undefined
+   * - `options`: undefined
+   * - `autoSelect`: undefined
+   * - `searchProvider`: undefined
+   * - `searchLabel`: undefined
+   * - `icon`: undefined
+   * - `iconColor`: undefined
+   * - `iconOn`: undefined
+   * - `iconTrailing`: undefined
+   * - `compact`: undefined
+   * - `comfortable`: undefined
+   * - `raised`: undefined
+   * - `action`: undefined
+   * - `unElevated`: undefined
+   * - `outlined`: undefined
+   * - `rounded`: undefined
+   * - `format`: undefined
+   * - `disableSliderNumberInput`: undefined
+   * - `fullWidth`: undefined
+   * - `helperText`: undefined
+   * - `helperPersistent`: undefined
+   * - `validationMessage`: undefined
+   * - `autoValidate`: undefined
+   * - `charCounter`: undefined
+   * - `label`: undefined
+   * - `disabled`: undefined
+   * - `continuous`: undefined
+   * - `resizeVertical`: undefined
+   * - `censored`: Always censure text fields (like a password), and do not allow toggling
+   * - `advertised`: Toggles visibility state of the password InputType (true = shown, false = hidden)
+   * - `nativeValue`: undefined (property only) (readonly)
+   * - `searchableValue`: undefined (property only)
+   * - `valid`: undefined (property only) (readonly)
+   * - `currentValue`: undefined (property only) (readonly)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `undefined`: undefined
+   * - `newValue`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `focus() => void`: undefined
+   * - `setCustomValidity(msg: string | undefined) => void`: undefined
+   * - `checkValidity() => boolean`: undefined
+   * - `reportValidity() => boolean`: undefined
+   */
+  "or-mwc-input": Partial<OrMwcInputProps & BaseProps<OrMwcInput> & BaseEvents>;
 
   /**
-     * 
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `focused`: undefined 
- * - `value`: undefined 
- * - `type`: undefined 
- * - `name`: undefined 
- * - `readonly`: undefined 
- * - `required`: undefined 
- * - `max`: undefined 
- * - `min`: undefined 
- * - `step`: undefined 
- * - `checked`: undefined 
- * - `indeterminate`: undefined 
- * - `maxLength`: undefined 
- * - `minLength`: undefined 
- * - `rows`: undefined 
- * - `cols`: undefined 
- * - `multiple`: undefined 
- * - `pattern`: undefined 
- * - `placeHolder`: undefined 
- * - `options`: undefined 
- * - `autoSelect`: undefined 
- * - `searchProvider`: undefined 
- * - `searchLabel`: undefined 
- * - `icon`: undefined 
- * - `iconColor`: undefined 
- * - `iconOn`: undefined 
- * - `iconTrailing`: undefined 
- * - `compact`: undefined 
- * - `comfortable`: undefined 
- * - `raised`: undefined 
- * - `action`: undefined 
- * - `unElevated`: undefined 
- * - `outlined`: undefined 
- * - `rounded`: undefined 
- * - `format`: undefined 
- * - `disableSliderNumberInput`: undefined 
- * - `fullWidth`: undefined 
- * - `helperText`: undefined 
- * - `helperPersistent`: undefined 
- * - `validationMessage`: undefined 
- * - `autoValidate`: undefined 
- * - `charCounter`: undefined 
- * - `label`: undefined 
- * - `disabled`: undefined 
- * - `continuous`: undefined 
- * - `resizeVertical`: undefined 
- * - `censored`: Always censure text fields (like a password), and do not allow toggling 
- * - `advertised`: Toggles visibility state of the password InputType (true = shown, false = hidden) 
- * - `nativeValue`: undefined (property only) (readonly)
- * - `searchableValue`: undefined (property only)
- * - `valid`: undefined (property only) (readonly)
- * - `currentValue`: undefined (property only) (readonly)
- * 
- * ## Events
- * 
- * Events that will be emitted by the component.
- * 
- * - `undefined`: undefined
- * - `newValue`: undefined
- * 
- * ## Methods
- * 
- * Methods that can be called to access component functionality.
- * 
- * - `focus() => void`: undefined
- * - `setCustomValidity(msg: string | undefined) => void`: undefined
- * - `checkValidity() => boolean`: undefined
- * - `reportValidity() => boolean`: undefined
-  */
-    "or-mwc-input": Partial<OrMwcInputProps & BaseProps<OrMwcInput> & BaseEvents>;
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `listItems`: undefined
+   * - `values`: undefined
+   * - `type`: undefined
+   * - `selectedItems`: undefined (property only) (readonly)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `undefined`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `setSelectedItems(items: ListItem | ListItem[] | string | string[] | undefined) => void`: undefined
+   */
+  "or-mwc-list": Partial<OrMwcListProps & BaseProps<OrMwcList> & BaseEvents>;
 
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `menuItems`: undefined
+   * - `values`: undefined
+   * - `multiSelect`: undefined
+   * - `visible`: undefined
+   * - `translateValues`: undefined
+   * - `midHeight`: undefined (property only)
+   * - `fullWidth`: undefined (property only)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `undefined`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `open() => void`: undefined
+   */
+  "or-mwc-menu": Partial<OrMwcMenuProps & BaseProps<OrMwcMenu> & BaseEvents>;
 
   /**
-     * 
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `listItems`: undefined 
- * - `values`: undefined 
- * - `type`: undefined 
- * - `selectedItems`: undefined (property only) (readonly)
- * 
- * ## Events
- * 
- * Events that will be emitted by the component.
- * 
- * - `undefined`: undefined
- * 
- * ## Methods
- * 
- * Methods that can be called to access component functionality.
- * 
- * - `setSelectedItems(items: ListItem | ListItem[] | string | string[] | undefined) => void`: undefined
-  */
-    "or-mwc-list": Partial<OrMwcListProps & BaseProps<OrMwcList> & BaseEvents>;
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `buttonText`: undefined
+   * - `timeout`: undefined
+   * - `_open`: undefined
+   * - `text`: undefined (property only)
+   * - `buttonAction`: undefined (property only)
+   * - `isOpen`: undefined (property only)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `detail`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `open() => void`: undefined
+   * - `close(action?: string) => void`: undefined
+   */
+  "or-mwc-snackbar": Partial<
+    OrMwcSnackbarProps & BaseProps<OrMwcSnackbar> & BaseEvents
+  >;
 
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `columns`: undefined
+   * - `columnsTemplate`: undefined
+   * - `rows`: undefined
+   * - `rowsTemplate`: undefined
+   * - `config`: undefined
+   * - `paginationIndex`: undefined
+   * - `paginationSize`: undefined
+   * - `sortDirection`: undefined
+   * - `sortIndex`: undefined
+   * - `selectedRows`: undefined
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `undefined`: undefined
+   * - `index`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `onColumnSort(ev: MouseEvent, index: number, sortDirection: 'ASC' | 'DESC') => void`: Event handling function for when users try to sort the rows within a column.
+   * - `getSortHeader(index: number, title: string, sortDirection: 'ASC' | 'DESC', arrowOnLeft = false) => Promise<TemplateResult>`: undefined
+   * - `getPaginationControls() => Promise<TemplateResult>`: undefined
+   * - `getRowCount(wait: boolean = true, tableElem?: HTMLElement) => Promise<number>`: undefined
+   * - `getTableElem(wait: boolean = false) => Promise<HTMLElement | undefined>`: undefined
+   */
+  "or-mwc-table": Partial<OrMwcTableProps & BaseProps<OrMwcTable> & BaseEvents>;
 
   /**
-     * 
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `menuItems`: undefined 
- * - `values`: undefined 
- * - `multiSelect`: undefined 
- * - `visible`: undefined 
- * - `translateValues`: undefined 
- * - `midHeight`: undefined (property only)
- * - `fullWidth`: undefined (property only)
- * 
- * ## Events
- * 
- * Events that will be emitted by the component.
- * 
- * - `undefined`: undefined
- * 
- * ## Methods
- * 
- * Methods that can be called to access component functionality.
- * 
- * - `open() => void`: undefined
-  */
-    "or-mwc-menu": Partial<OrMwcMenuProps & BaseProps<OrMwcMenu> & BaseEvents>;
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `index`: undefined
+   * - `items`: undefined
+   * - `iconPosition`: undefined
+   * - `noScroll`: undefined
+   * - `bgColor`: undefined
+   * - `color`: undefined
+   * - `styles`: undefined
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `activated`: undefined
+   */
+  "or-mwc-tabs": Partial<OrMwcTabsProps & BaseProps<OrMwcTabs> & BaseEvents>;
+};
 
+export type CustomElementsSolidJs = {
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `heading`: undefined
+   * - `avatar`: undefined
+   * - `styles`: undefined
+   * - `content`: undefined (property only)
+   * - `actions`: undefined (property only)
+   * - `dismissAction`: undefined (property only)
+   * - `isOpen`: undefined (property only) (readonly)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `undefined`: undefined
+   * - `action`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `setOpen(isOpen: boolean) => OrMwcDialog`: undefined
+   * - `setHeading(heading: TemplateResult | string | undefined) => OrMwcDialog`: undefined
+   * - `setContent(content: TemplateResult | (() => TemplateResult) | undefined) => OrMwcDialog`: undefined
+   * - `setActions(actions: DialogAction[] | undefined) => OrMwcDialog`: undefined
+   * - `setDismissAction(action: DialogActionBase | null | undefined) => OrMwcDialog`: undefined
+   * - `setStyles(styles: string | TemplateResult | undefined) => OrMwcDialog`: undefined
+   * - `setAvatar(avatar: boolean | undefined) => OrMwcDialog`: undefined
+   * - `open() => void`: undefined
+   * - `close(action?: string) => void`: undefined
+   */
+  "or-mwc-dialog": Partial<
+    OrMwcDialogProps &
+      OrMwcDialogSolidJsProps &
+      BaseProps<OrMwcDialog> &
+      BaseEvents
+  >;
 
   /**
-     * 
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `buttonText`: undefined 
- * - `timeout`: undefined 
- * - `_open`: undefined 
- * - `text`: undefined (property only)
- * - `buttonAction`: undefined (property only)
- * - `isOpen`: undefined (property only)
- * 
- * ## Events
- * 
- * Events that will be emitted by the component.
- * 
- * - `detail`: undefined
- * 
- * ## Methods
- * 
- * Methods that can be called to access component functionality.
- * 
- * - `open() => void`: undefined
- * - `close(action?: string) => void`: undefined
-  */
-    "or-mwc-snackbar": Partial<OrMwcSnackbarProps & BaseProps<OrMwcSnackbar> & BaseEvents>;
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `dismissible`: undefined
+   * - `rightSided`: undefined
+   * - `transparent`: undefined
+   * - `open`: undefined
+   * - `header`: undefined (property only)
+   * - `appContent`: undefined (property only)
+   * - `topBar`: undefined (property only)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `value`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `toggle() => void`: undefined
+   */
+  "or-mwc-drawer": Partial<
+    OrMwcDrawerProps &
+      OrMwcDrawerSolidJsProps &
+      BaseProps<OrMwcDrawer> &
+      BaseEvents
+  >;
 
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `focused`: undefined
+   * - `value`: undefined
+   * - `type`: undefined
+   * - `name`: undefined
+   * - `readonly`: undefined
+   * - `required`: undefined
+   * - `max`: undefined
+   * - `min`: undefined
+   * - `step`: undefined
+   * - `checked`: undefined
+   * - `indeterminate`: undefined
+   * - `maxLength`: undefined
+   * - `minLength`: undefined
+   * - `rows`: undefined
+   * - `cols`: undefined
+   * - `multiple`: undefined
+   * - `pattern`: undefined
+   * - `placeHolder`: undefined
+   * - `options`: undefined
+   * - `autoSelect`: undefined
+   * - `searchProvider`: undefined
+   * - `searchLabel`: undefined
+   * - `icon`: undefined
+   * - `iconColor`: undefined
+   * - `iconOn`: undefined
+   * - `iconTrailing`: undefined
+   * - `compact`: undefined
+   * - `comfortable`: undefined
+   * - `raised`: undefined
+   * - `action`: undefined
+   * - `unElevated`: undefined
+   * - `outlined`: undefined
+   * - `rounded`: undefined
+   * - `format`: undefined
+   * - `disableSliderNumberInput`: undefined
+   * - `fullWidth`: undefined
+   * - `helperText`: undefined
+   * - `helperPersistent`: undefined
+   * - `validationMessage`: undefined
+   * - `autoValidate`: undefined
+   * - `charCounter`: undefined
+   * - `label`: undefined
+   * - `disabled`: undefined
+   * - `continuous`: undefined
+   * - `resizeVertical`: undefined
+   * - `censored`: Always censure text fields (like a password), and do not allow toggling
+   * - `advertised`: Toggles visibility state of the password InputType (true = shown, false = hidden)
+   * - `nativeValue`: undefined (property only) (readonly)
+   * - `searchableValue`: undefined (property only)
+   * - `valid`: undefined (property only) (readonly)
+   * - `currentValue`: undefined (property only) (readonly)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `undefined`: undefined
+   * - `newValue`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `focus() => void`: undefined
+   * - `setCustomValidity(msg: string | undefined) => void`: undefined
+   * - `checkValidity() => boolean`: undefined
+   * - `reportValidity() => boolean`: undefined
+   */
+  "or-mwc-input": Partial<
+    OrMwcInputProps &
+      OrMwcInputSolidJsProps &
+      BaseProps<OrMwcInput> &
+      BaseEvents
+  >;
 
   /**
-     * 
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `columns`: undefined 
- * - `columnsTemplate`: undefined 
- * - `rows`: undefined 
- * - `rowsTemplate`: undefined 
- * - `config`: undefined 
- * - `paginationIndex`: undefined 
- * - `paginationSize`: undefined 
- * - `sortDirection`: undefined 
- * - `sortIndex`: undefined 
- * - `selectedRows`: undefined 
- * 
- * ## Events
- * 
- * Events that will be emitted by the component.
- * 
- * - `undefined`: undefined
- * - `index`: undefined
- * 
- * ## Methods
- * 
- * Methods that can be called to access component functionality.
- * 
- * - `onColumnSort(ev: MouseEvent, index: number, sortDirection: 'ASC' | 'DESC') => void`: Event handling function for when users try to sort the rows within a column.
- * - `getSortHeader(index: number, title: string, sortDirection: 'ASC' | 'DESC', arrowOnLeft = false) => Promise<TemplateResult>`: undefined
- * - `getPaginationControls() => Promise<TemplateResult>`: undefined
- * - `getRowCount(wait: boolean = true, tableElem?: HTMLElement) => Promise<number>`: undefined
- * - `getTableElem(wait: boolean = false) => Promise<HTMLElement | undefined>`: undefined
-  */
-    "or-mwc-table": Partial<OrMwcTableProps & BaseProps<OrMwcTable> & BaseEvents>;
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `listItems`: undefined
+   * - `values`: undefined
+   * - `type`: undefined
+   * - `selectedItems`: undefined (property only) (readonly)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `undefined`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `setSelectedItems(items: ListItem | ListItem[] | string | string[] | undefined) => void`: undefined
+   */
+  "or-mwc-list": Partial<
+    OrMwcListProps & OrMwcListSolidJsProps & BaseProps<OrMwcList> & BaseEvents
+  >;
 
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `menuItems`: undefined
+   * - `values`: undefined
+   * - `multiSelect`: undefined
+   * - `visible`: undefined
+   * - `translateValues`: undefined
+   * - `midHeight`: undefined (property only)
+   * - `fullWidth`: undefined (property only)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `undefined`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `open() => void`: undefined
+   */
+  "or-mwc-menu": Partial<
+    OrMwcMenuProps & OrMwcMenuSolidJsProps & BaseProps<OrMwcMenu> & BaseEvents
+  >;
 
   /**
-     * 
- * 
- * ## Attributes & Properties
- * 
- * Component attributes and properties that can be applied to the element or by using JavaScript.
- * 
- * - `index`: undefined 
- * - `items`: undefined 
- * - `iconPosition`: undefined 
- * - `noScroll`: undefined 
- * - `bgColor`: undefined 
- * - `color`: undefined 
- * - `styles`: undefined 
- * 
- * ## Events
- * 
- * Events that will be emitted by the component.
- * 
- * - `activated`: undefined
-  */
-    "or-mwc-tabs": Partial<OrMwcTabsProps & BaseProps<OrMwcTabs> & BaseEvents>;
-  }
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `buttonText`: undefined
+   * - `timeout`: undefined
+   * - `_open`: undefined
+   * - `text`: undefined (property only)
+   * - `buttonAction`: undefined (property only)
+   * - `isOpen`: undefined (property only)
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `detail`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `open() => void`: undefined
+   * - `close(action?: string) => void`: undefined
+   */
+  "or-mwc-snackbar": Partial<
+    OrMwcSnackbarProps &
+      OrMwcSnackbarSolidJsProps &
+      BaseProps<OrMwcSnackbar> &
+      BaseEvents
+  >;
 
-export type CustomCssProperties = {
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `columns`: undefined
+   * - `columnsTemplate`: undefined
+   * - `rows`: undefined
+   * - `rowsTemplate`: undefined
+   * - `config`: undefined
+   * - `paginationIndex`: undefined
+   * - `paginationSize`: undefined
+   * - `sortDirection`: undefined
+   * - `sortIndex`: undefined
+   * - `selectedRows`: undefined
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `undefined`: undefined
+   * - `index`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `onColumnSort(ev: MouseEvent, index: number, sortDirection: 'ASC' | 'DESC') => void`: Event handling function for when users try to sort the rows within a column.
+   * - `getSortHeader(index: number, title: string, sortDirection: 'ASC' | 'DESC', arrowOnLeft = false) => Promise<TemplateResult>`: undefined
+   * - `getPaginationControls() => Promise<TemplateResult>`: undefined
+   * - `getRowCount(wait: boolean = true, tableElem?: HTMLElement) => Promise<number>`: undefined
+   * - `getTableElem(wait: boolean = false) => Promise<HTMLElement | undefined>`: undefined
+   */
+  "or-mwc-table": Partial<
+    OrMwcTableProps &
+      OrMwcTableSolidJsProps &
+      BaseProps<OrMwcTable> &
+      BaseEvents
+  >;
 
-}
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `index`: undefined
+   * - `items`: undefined
+   * - `iconPosition`: undefined
+   * - `noScroll`: undefined
+   * - `bgColor`: undefined
+   * - `color`: undefined
+   * - `styles`: undefined
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `activated`: undefined
+   */
+  "or-mwc-tabs": Partial<
+    OrMwcTabsProps & OrMwcTabsSolidJsProps & BaseProps<OrMwcTabs> & BaseEvents
+  >;
+};
 
+export type CustomCssProperties = {};
 
-declare module 'react' {
+declare module "react" {
   namespace JSX {
     interface IntrinsicElements extends CustomElements {}
   }
   export interface CSSProperties extends CustomCssProperties {}
 }
 
-declare module 'preact' {
+declare module "preact" {
   namespace JSX {
     interface IntrinsicElements extends CustomElements {}
   }
   export interface CSSProperties extends CustomCssProperties {}
 }
 
-declare module '@builder.io/qwik' {
+declare module "@builder.io/qwik" {
   namespace JSX {
     interface IntrinsicElements extends CustomElements {}
   }
   export interface CSSProperties extends CustomCssProperties {}
 }
 
-declare module '@stencil/core' {
+declare module "@stencil/core" {
   namespace JSX {
     interface IntrinsicElements extends CustomElements {}
   }
   export interface CSSProperties extends CustomCssProperties {}
 }
 
-declare module 'hono/jsx' {
+declare module "hono/jsx" {
   namespace JSX {
     interface IntrinsicElements extends CustomElements {}
   }
   export interface CSSProperties extends CustomCssProperties {}
 }
 
-declare module 'react-native' {
+declare module "react-native" {
   namespace JSX {
     interface IntrinsicElements extends CustomElements {}
   }
   export interface CSSProperties extends CustomCssProperties {}
 }
 
+declare module "solid-js" {
+  namespace JSX {
+    interface IntrinsicElements extends CustomElementsSolidJs {}
+  }
+  export interface CSSProperties extends CustomCssProperties {}
+}
+
 declare global {
   namespace JSX {
     interface IntrinsicElements extends CustomElements {}