@scouterna/ui-webc 2.0.0 → 2.2.0

package/dist/types/components.d.ts

@@ -8,10 +8,17 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { ItemType } from "./components/bottom-bar-item/bottom-bar-item";
 import { Variant } from "./components/button/button";
 import { InputMode, InputType } from "./components/input/input";
+import { ItemType as ItemType1 } from "./components/list-view-item/list-view-item";
+import { Direction, GapSize } from "./components/stack/stack";
 export { ItemType } from "./components/bottom-bar-item/bottom-bar-item";
 export { Variant } from "./components/button/button";
 export { InputMode, InputType } from "./components/input/input";
+export { ItemType as ItemType1 } from "./components/list-view-item/list-view-item";
+export { Direction, GapSize } from "./components/stack/stack";
 export namespace Components {
+    interface ScoutAppBar {
+        "titleText"?: string;
+    }
     /**
      * The bottom bar component is used in the Jamboree26 app to provide
      * navigation at the bottom of the screen.
@@ -39,6 +46,8 @@ export namespace Components {
           * The label to display below the icon.
          */
         "label": string;
+        "rel"?: string;
+        "target"?: string;
         /**
           * The type of the bottom bar item, either a button or a link.
           * @default "button"
@@ -49,14 +58,21 @@ export namespace Components {
      * A simple button component.
      */
     interface ScoutButton {
+        "href"?: string;
         /**
           * An optional icon to display alongside the button text. Must be an SVG string.
          */
         "icon"?: string;
+        /**
+          * @default false
+         */
+        "iconOnly": boolean;
+        "rel"?: string;
+        "target"?: string;
         /**
           * @default "button"
          */
-        "type": "button" | "submit" | "reset";
+        "type": "button" | "submit" | "reset" | "link";
         /**
           * The variant primarily affects the color of the button.
           * @default "outlined"
@@ -82,6 +98,10 @@ export namespace Components {
          */
         "disabled": boolean;
         "label": string;
+        "name": string;
+        "value": string;
+    }
+    interface ScoutDivider {
     }
     interface ScoutField {
         /**
@@ -103,6 +123,7 @@ export namespace Components {
           * Input mode hints for devices with dynamic keyboards.
          */
         "inputmode"?: InputMode;
+        "name": string;
         /**
           * Regex pattern for input validation.
          */
@@ -122,6 +143,108 @@ export namespace Components {
          */
         "value": string;
     }
+    interface ScoutLink {
+        /**
+          * The URL that the link points to. Required when type is set to link
+         */
+        "href"?: string;
+        /**
+          * Text to be displayed for the link
+         */
+        "label": string;
+        /**
+          * If the label property is not sufficient to describe its use, add an aria-label describing what happens when pressing the button or where the user navigates if it is a link.
+         */
+        "linkAriaLabel"?: string;
+        "rel"?: string;
+        /**
+          * _blank	Opens the linked document in a new window or tab  _self	Opens the linked document in the same frame as it was clicked (this is default)  _parent	Opens the linked document in the parent frame  _top	Opens the linked document in the full body of the window  _framename	Opens the linked document in the named iframe
+          * @default "_self"
+         */
+        "target"?: "_blank" | "_self" | "_parent" | "_top" | "framename";
+        /**
+          * There are two types. If you intend to use it as a button with onclick, a button is rendered, however if you want to you it as a normal link, a link with href is rendered.
+          * @default "link"
+         */
+        "type": "link" | "button";
+    }
+    interface ScoutListView {
+    }
+    interface ScoutListViewItem {
+        "checked"?: boolean;
+        "href"?: string;
+        "icon"?: string;
+        "name"?: string;
+        "primary"?: string;
+        "rel"?: string;
+        "secondary"?: string;
+        "target"?: string;
+        /**
+          * @default "button"
+         */
+        "type": ItemType1;
+        "value"?: string;
+    }
+    interface ScoutListViewSubheader {
+        /**
+          * @default "h2"
+         */
+        "headingLevel": "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+        "text": string;
+    }
+    interface ScoutLoader {
+        /**
+          * @default "base"
+         */
+        "size"?: "xs" | "sm" | "base" | "lg" | "xl";
+        "text"?: string;
+    }
+    interface ScoutRadioButton {
+        /**
+          * Use this prop if you need to connect your radio button with another element describing its use, other than the property label.
+         */
+        "ariaLabelledby": string;
+        /**
+          * @default false
+         */
+        "checked": boolean;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        "label": string;
+        "name": string;
+        "value": string;
+    }
+    interface ScoutSelect {
+        /**
+          * Whether the select is disabled. Disabled selects are not editable, excluded from tab order and are not validated.
+          * @default false
+         */
+        "disabled": boolean;
+        "name": string;
+        /**
+          * Custom validation function run on top of the implicit validation performed by the browser. Return a string with the validation message to mark the select as invalid, or null to mark it as valid.
+         */
+        "validate"?: (value: string) => string | null;
+        /**
+          * Value of the select element, in case you want to control it yourself.
+          * @default ""
+         */
+        "value": string;
+    }
+    interface ScoutStack {
+        /**
+          * The direction of the stack.
+          * @default "row"
+         */
+        "direction": Direction;
+        /**
+          * Gap size. If more sizes are needed, we can expand.
+          * @default "m"
+         */
+        "gapSize": GapSize;
+    }
     interface ScoutSwitch {
         /**
           * Use this prop if you need to connect your switch with another element describing its use, other than the property label.
@@ -155,11 +278,33 @@ export interface ScoutInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLScoutInputElement;
 }
+export interface ScoutLinkCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLScoutLinkElement;
+}
+export interface ScoutListViewItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLScoutListViewItemElement;
+}
+export interface ScoutRadioButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLScoutRadioButtonElement;
+}
+export interface ScoutSelectCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLScoutSelectElement;
+}
 export interface ScoutSwitchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLScoutSwitchElement;
 }
 declare global {
+    interface HTMLScoutAppBarElement extends Components.ScoutAppBar, HTMLStencilElement {
+    }
+    var HTMLScoutAppBarElement: {
+        prototype: HTMLScoutAppBarElement;
+        new (): HTMLScoutAppBarElement;
+    };
     /**
      * The bottom bar component is used in the Jamboree26 app to provide
      * navigation at the bottom of the screen.
@@ -221,7 +366,7 @@ declare global {
         new (): HTMLScoutCardElement;
     };
     interface HTMLScoutCheckboxElementEventMap {
-        "scoutCheckboxChecked": {
+        "scoutChecked": {
     checked: boolean;
     element: HTMLInputElement;
   };
@@ -241,6 +386,12 @@ declare global {
         prototype: HTMLScoutCheckboxElement;
         new (): HTMLScoutCheckboxElement;
     };
+    interface HTMLScoutDividerElement extends Components.ScoutDivider, HTMLStencilElement {
+    }
+    var HTMLScoutDividerElement: {
+        prototype: HTMLScoutDividerElement;
+        new (): HTMLScoutDividerElement;
+    };
     interface HTMLScoutFieldElement extends Components.ScoutField, HTMLStencilElement {
     }
     var HTMLScoutFieldElement: {
@@ -269,6 +420,107 @@ declare global {
         prototype: HTMLScoutInputElement;
         new (): HTMLScoutInputElement;
     };
+    interface HTMLScoutLinkElementEventMap {
+        "scoutLinkClick": HTMLButtonElement;
+    }
+    interface HTMLScoutLinkElement extends Components.ScoutLink, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLScoutLinkElementEventMap>(type: K, listener: (this: HTMLScoutLinkElement, ev: ScoutLinkCustomEvent<HTMLScoutLinkElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLScoutLinkElementEventMap>(type: K, listener: (this: HTMLScoutLinkElement, ev: ScoutLinkCustomEvent<HTMLScoutLinkElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLScoutLinkElement: {
+        prototype: HTMLScoutLinkElement;
+        new (): HTMLScoutLinkElement;
+    };
+    interface HTMLScoutListViewElement extends Components.ScoutListView, HTMLStencilElement {
+    }
+    var HTMLScoutListViewElement: {
+        prototype: HTMLScoutListViewElement;
+        new (): HTMLScoutListViewElement;
+    };
+    interface HTMLScoutListViewItemElementEventMap {
+        "scoutClick": void;
+    }
+    interface HTMLScoutListViewItemElement extends Components.ScoutListViewItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLScoutListViewItemElementEventMap>(type: K, listener: (this: HTMLScoutListViewItemElement, ev: ScoutListViewItemCustomEvent<HTMLScoutListViewItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLScoutListViewItemElementEventMap>(type: K, listener: (this: HTMLScoutListViewItemElement, ev: ScoutListViewItemCustomEvent<HTMLScoutListViewItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLScoutListViewItemElement: {
+        prototype: HTMLScoutListViewItemElement;
+        new (): HTMLScoutListViewItemElement;
+    };
+    interface HTMLScoutListViewSubheaderElement extends Components.ScoutListViewSubheader, HTMLStencilElement {
+    }
+    var HTMLScoutListViewSubheaderElement: {
+        prototype: HTMLScoutListViewSubheaderElement;
+        new (): HTMLScoutListViewSubheaderElement;
+    };
+    interface HTMLScoutLoaderElement extends Components.ScoutLoader, HTMLStencilElement {
+    }
+    var HTMLScoutLoaderElement: {
+        prototype: HTMLScoutLoaderElement;
+        new (): HTMLScoutLoaderElement;
+    };
+    interface HTMLScoutRadioButtonElementEventMap {
+        "scoutChecked": {
+    checked: boolean;
+    element: HTMLInputElement;
+  };
+        "_fieldId": string;
+    }
+    interface HTMLScoutRadioButtonElement extends Components.ScoutRadioButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLScoutRadioButtonElementEventMap>(type: K, listener: (this: HTMLScoutRadioButtonElement, ev: ScoutRadioButtonCustomEvent<HTMLScoutRadioButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLScoutRadioButtonElementEventMap>(type: K, listener: (this: HTMLScoutRadioButtonElement, ev: ScoutRadioButtonCustomEvent<HTMLScoutRadioButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLScoutRadioButtonElement: {
+        prototype: HTMLScoutRadioButtonElement;
+        new (): HTMLScoutRadioButtonElement;
+    };
+    interface HTMLScoutSelectElementEventMap {
+        "scoutInputChange": {
+    value: string;
+    element: HTMLSelectElement;
+  };
+        "scoutBlur": void;
+        "_fieldId": string;
+    }
+    interface HTMLScoutSelectElement extends Components.ScoutSelect, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLScoutSelectElementEventMap>(type: K, listener: (this: HTMLScoutSelectElement, ev: ScoutSelectCustomEvent<HTMLScoutSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLScoutSelectElementEventMap>(type: K, listener: (this: HTMLScoutSelectElement, ev: ScoutSelectCustomEvent<HTMLScoutSelectElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLScoutSelectElement: {
+        prototype: HTMLScoutSelectElement;
+        new (): HTMLScoutSelectElement;
+    };
+    interface HTMLScoutStackElement extends Components.ScoutStack, HTMLStencilElement {
+    }
+    var HTMLScoutStackElement: {
+        prototype: HTMLScoutStackElement;
+        new (): HTMLScoutStackElement;
+    };
     interface HTMLScoutSwitchElementEventMap {
         "scoutSwitchToggled": {
     toggled: boolean;
@@ -291,17 +543,30 @@ declare global {
         new (): HTMLScoutSwitchElement;
     };
     interface HTMLElementTagNameMap {
+        "scout-app-bar": HTMLScoutAppBarElement;
         "scout-bottom-bar": HTMLScoutBottomBarElement;
         "scout-bottom-bar-item": HTMLScoutBottomBarItemElement;
         "scout-button": HTMLScoutButtonElement;
         "scout-card": HTMLScoutCardElement;
         "scout-checkbox": HTMLScoutCheckboxElement;
+        "scout-divider": HTMLScoutDividerElement;
         "scout-field": HTMLScoutFieldElement;
         "scout-input": HTMLScoutInputElement;
+        "scout-link": HTMLScoutLinkElement;
+        "scout-list-view": HTMLScoutListViewElement;
+        "scout-list-view-item": HTMLScoutListViewItemElement;
+        "scout-list-view-subheader": HTMLScoutListViewSubheaderElement;
+        "scout-loader": HTMLScoutLoaderElement;
+        "scout-radio-button": HTMLScoutRadioButtonElement;
+        "scout-select": HTMLScoutSelectElement;
+        "scout-stack": HTMLScoutStackElement;
         "scout-switch": HTMLScoutSwitchElement;
     }
 }
 declare namespace LocalJSX {
+    interface ScoutAppBar {
+        "titleText"?: string;
+    }
     /**
      * The bottom bar component is used in the Jamboree26 app to provide
      * navigation at the bottom of the screen.
@@ -330,6 +595,8 @@ declare namespace LocalJSX {
          */
         "label": string;
         "onScoutClick"?: (event: ScoutBottomBarItemCustomEvent<void>) => void;
+        "rel"?: string;
+        "target"?: string;
         /**
           * The type of the bottom bar item, either a button or a link.
           * @default "button"
@@ -340,15 +607,22 @@ declare namespace LocalJSX {
      * A simple button component.
      */
     interface ScoutButton {
+        "href"?: string;
         /**
           * An optional icon to display alongside the button text. Must be an SVG string.
          */
         "icon"?: string;
+        /**
+          * @default false
+         */
+        "iconOnly"?: boolean;
         "onScoutClick"?: (event: ScoutButtonCustomEvent<void>) => void;
+        "rel"?: string;
+        "target"?: string;
         /**
           * @default "button"
          */
-        "type"?: "button" | "submit" | "reset";
+        "type"?: "button" | "submit" | "reset" | "link";
         /**
           * The variant primarily affects the color of the button.
           * @default "outlined"
@@ -374,7 +648,8 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         "label"?: string;
-        "onScoutCheckboxChecked"?: (event: ScoutCheckboxCustomEvent<{
+        "name"?: string;
+        "onScoutChecked"?: (event: ScoutCheckboxCustomEvent<{
     checked: boolean;
     element: HTMLInputElement;
   }>) => void;
@@ -382,6 +657,9 @@ declare namespace LocalJSX {
           * Internal event used for form field association.
          */
         "on_fieldId"?: (event: ScoutCheckboxCustomEvent<string>) => void;
+        "value"?: string;
+    }
+    interface ScoutDivider {
     }
     interface ScoutField {
         /**
@@ -403,6 +681,7 @@ declare namespace LocalJSX {
           * Input mode hints for devices with dynamic keyboards.
          */
         "inputmode"?: InputMode;
+        "name"?: string;
         "onScoutBlur"?: (event: ScoutInputCustomEvent<void>) => void;
         "onScoutInputChange"?: (event: ScoutInputCustomEvent<{
     value: string;
@@ -431,6 +710,130 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface ScoutLink {
+        /**
+          * The URL that the link points to. Required when type is set to link
+         */
+        "href"?: string;
+        /**
+          * Text to be displayed for the link
+         */
+        "label"?: string;
+        /**
+          * If the label property is not sufficient to describe its use, add an aria-label describing what happens when pressing the button or where the user navigates if it is a link.
+         */
+        "linkAriaLabel"?: string;
+        /**
+          * Only sent if the link is a button.
+         */
+        "onScoutLinkClick"?: (event: ScoutLinkCustomEvent<HTMLButtonElement>) => void;
+        "rel"?: string;
+        /**
+          * _blank	Opens the linked document in a new window or tab  _self	Opens the linked document in the same frame as it was clicked (this is default)  _parent	Opens the linked document in the parent frame  _top	Opens the linked document in the full body of the window  _framename	Opens the linked document in the named iframe
+          * @default "_self"
+         */
+        "target"?: "_blank" | "_self" | "_parent" | "_top" | "framename";
+        /**
+          * There are two types. If you intend to use it as a button with onclick, a button is rendered, however if you want to you it as a normal link, a link with href is rendered.
+          * @default "link"
+         */
+        "type"?: "link" | "button";
+    }
+    interface ScoutListView {
+    }
+    interface ScoutListViewItem {
+        "checked"?: boolean;
+        "href"?: string;
+        "icon"?: string;
+        "name"?: string;
+        "onScoutClick"?: (event: ScoutListViewItemCustomEvent<void>) => void;
+        "primary"?: string;
+        "rel"?: string;
+        "secondary"?: string;
+        "target"?: string;
+        /**
+          * @default "button"
+         */
+        "type"?: ItemType1;
+        "value"?: string;
+    }
+    interface ScoutListViewSubheader {
+        /**
+          * @default "h2"
+         */
+        "headingLevel"?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+        "text"?: string;
+    }
+    interface ScoutLoader {
+        /**
+          * @default "base"
+         */
+        "size"?: "xs" | "sm" | "base" | "lg" | "xl";
+        "text"?: string;
+    }
+    interface ScoutRadioButton {
+        /**
+          * Use this prop if you need to connect your radio button with another element describing its use, other than the property label.
+         */
+        "ariaLabelledby"?: string;
+        /**
+          * @default false
+         */
+        "checked"?: boolean;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        "label"?: string;
+        "name"?: string;
+        "onScoutChecked"?: (event: ScoutRadioButtonCustomEvent<{
+    checked: boolean;
+    element: HTMLInputElement;
+  }>) => void;
+        /**
+          * Internal event used for form field association.
+         */
+        "on_fieldId"?: (event: ScoutRadioButtonCustomEvent<string>) => void;
+        "value"?: string;
+    }
+    interface ScoutSelect {
+        /**
+          * Whether the select is disabled. Disabled selects are not editable, excluded from tab order and are not validated.
+          * @default false
+         */
+        "disabled"?: boolean;
+        "name"?: string;
+        "onScoutBlur"?: (event: ScoutSelectCustomEvent<void>) => void;
+        "onScoutInputChange"?: (event: ScoutSelectCustomEvent<{
+    value: string;
+    element: HTMLSelectElement;
+  }>) => void;
+        /**
+          * Internal event used for form field association.
+         */
+        "on_fieldId"?: (event: ScoutSelectCustomEvent<string>) => void;
+        /**
+          * Custom validation function run on top of the implicit validation performed by the browser. Return a string with the validation message to mark the select as invalid, or null to mark it as valid.
+         */
+        "validate"?: (value: string) => string | null;
+        /**
+          * Value of the select element, in case you want to control it yourself.
+          * @default ""
+         */
+        "value"?: string;
+    }
+    interface ScoutStack {
+        /**
+          * The direction of the stack.
+          * @default "row"
+         */
+        "direction"?: Direction;
+        /**
+          * Gap size. If more sizes are needed, we can expand.
+          * @default "m"
+         */
+        "gapSize"?: GapSize;
+    }
     interface ScoutSwitch {
         /**
           * Use this prop if you need to connect your switch with another element describing its use, other than the property label.
@@ -456,13 +859,23 @@ declare namespace LocalJSX {
         "toggled"?: boolean;
     }
     interface IntrinsicElements {
+        "scout-app-bar": ScoutAppBar;
         "scout-bottom-bar": ScoutBottomBar;
         "scout-bottom-bar-item": ScoutBottomBarItem;
         "scout-button": ScoutButton;
         "scout-card": ScoutCard;
         "scout-checkbox": ScoutCheckbox;
+        "scout-divider": ScoutDivider;
         "scout-field": ScoutField;
         "scout-input": ScoutInput;
+        "scout-link": ScoutLink;
+        "scout-list-view": ScoutListView;
+        "scout-list-view-item": ScoutListViewItem;
+        "scout-list-view-subheader": ScoutListViewSubheader;
+        "scout-loader": ScoutLoader;
+        "scout-radio-button": ScoutRadioButton;
+        "scout-select": ScoutSelect;
+        "scout-stack": ScoutStack;
         "scout-switch": ScoutSwitch;
     }
 }
@@ -470,6 +883,7 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            "scout-app-bar": LocalJSX.ScoutAppBar & JSXBase.HTMLAttributes<HTMLScoutAppBarElement>;
             /**
              * The bottom bar component is used in the Jamboree26 app to provide
              * navigation at the bottom of the screen.
@@ -489,8 +903,17 @@ declare module "@stencil/core" {
              */
             "scout-card": LocalJSX.ScoutCard & JSXBase.HTMLAttributes<HTMLScoutCardElement>;
             "scout-checkbox": LocalJSX.ScoutCheckbox & JSXBase.HTMLAttributes<HTMLScoutCheckboxElement>;
+            "scout-divider": LocalJSX.ScoutDivider & JSXBase.HTMLAttributes<HTMLScoutDividerElement>;
             "scout-field": LocalJSX.ScoutField & JSXBase.HTMLAttributes<HTMLScoutFieldElement>;
             "scout-input": LocalJSX.ScoutInput & JSXBase.HTMLAttributes<HTMLScoutInputElement>;
+            "scout-link": LocalJSX.ScoutLink & JSXBase.HTMLAttributes<HTMLScoutLinkElement>;
+            "scout-list-view": LocalJSX.ScoutListView & JSXBase.HTMLAttributes<HTMLScoutListViewElement>;
+            "scout-list-view-item": LocalJSX.ScoutListViewItem & JSXBase.HTMLAttributes<HTMLScoutListViewItemElement>;
+            "scout-list-view-subheader": LocalJSX.ScoutListViewSubheader & JSXBase.HTMLAttributes<HTMLScoutListViewSubheaderElement>;
+            "scout-loader": LocalJSX.ScoutLoader & JSXBase.HTMLAttributes<HTMLScoutLoaderElement>;
+            "scout-radio-button": LocalJSX.ScoutRadioButton & JSXBase.HTMLAttributes<HTMLScoutRadioButtonElement>;
+            "scout-select": LocalJSX.ScoutSelect & JSXBase.HTMLAttributes<HTMLScoutSelectElement>;
+            "scout-stack": LocalJSX.ScoutStack & JSXBase.HTMLAttributes<HTMLScoutStackElement>;
             "scout-switch": LocalJSX.ScoutSwitch & JSXBase.HTMLAttributes<HTMLScoutSwitchElement>;
         }
     }

package/dist/types/index.d.ts

@@ -7,5 +7,5 @@
  * DO NOT use this file to export your components. Instead, use the recommended approaches
  * to consume components of this package as outlined in the `README.md`.
  */
-export { format } from './utils/utils';
-export type * from './components.d.ts';
+export type * from "./components.d.ts";
+export { format } from "./utils/utils";