smoothly 1.0.0-alpha.13 → 1.0.0-alpha.131

package/dist/types/components.d.ts

@@ -5,17 +5,24 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { SmoothlyAccordion } from "./components/accordion";
 import { address } from "./components/address-display";
 import { address as address1 } from "./components/address-display/index";
-import { Color, Fill, Message, Notice, Option, Trigger } from "./model";
-import { CountryCode, Currency, Date, DateRange, DateTime } from "isoly";
+import { Color, Data as Data1, Fill, Icon, Message, Notice, Option, Trigger } from "./model";
+import { Button } from "./components/Button";
+import { CountryCode, Currency, Date, DateRange, DateTime, isoly } from "isoly";
 import { Direction, Type } from "tidily";
 import { Criteria } from "selectively";
-import { Data } from "./components/form/Data";
+import { Data } from "./model/Data";
 import { GoogleFont } from "./model/GoogleFont";
+import { Looks } from "./components/input/Looks";
+import { Controls } from "./components/picker/menu";
+import { Controls as Controls1 } from "./components/picker/menu/index";
 import { Selected } from "./components/radio-button/Selected";
+import { Slot } from "./components/picker/slot-elements/index";
 export namespace Components {
     interface SmoothlyAccordion {
+        "removeItem": (el: HTMLSmoothlyAccordionItemElement) => Promise<void>;
         "value"?: string;
     }
     interface SmoothlyAccordionItem {
@@ -37,25 +44,42 @@ export namespace Components {
     }
     interface SmoothlyApp {
         "color": Color;
+        "label": string;
+        "menuOpen": boolean;
+        "selectRoom": (path: string) => Promise<void>;
     }
     interface SmoothlyAppDemo {
         "baseUrl": string;
     }
-    interface SmoothlyBacktotop {
+    interface SmoothlyAppRoom {
+        "disabled": boolean;
+        "getContent": () => Promise<HTMLElement | undefined>;
+        "icon"?: Icon;
+        "label"?: string;
+        "path": string | URLPattern;
+        "selected"?: boolean;
+        "setSelected": (selected: boolean, options?: { history?: boolean; }) => Promise<void>;
+        "to"?: string;
+    }
+    interface SmoothlyBackToTop {
         "bottom": string;
         "opacity": string;
         "right": string;
     }
+    interface SmoothlyBurger {
+        "mediaQuery": string;
+        "open": boolean;
+        "visible": boolean;
+    }
     interface SmoothlyButton {
         "color"?: Color;
         "disabled": boolean;
-        "download"?: boolean;
         "expand"?: "block" | "full";
         "fill"?: Fill;
         "link"?: string;
         "shape"?: "rounded";
         "size": "small" | "large" | "icon" | "flexible";
-        "type": "link" | "button";
+        "type": Button.Properties["type"];
     }
     interface SmoothlyButtonDemo {
     }
@@ -70,6 +94,7 @@ export namespace Components {
     }
     interface SmoothlyCheckbox {
         "checked": boolean;
+        "clear": () => Promise<void>;
         "disabled": boolean;
         "intermediate": boolean;
         "name": string;
@@ -97,6 +122,7 @@ export namespace Components {
         "currency"?: Currency;
         "format"?: DateTime.Format;
         "type": Type;
+        "unit"?: string;
         "value"?: any;
     }
     interface SmoothlyDisplayAmount {
@@ -133,16 +159,20 @@ export namespace Components {
         "required": boolean;
         "showLabel": boolean;
         "type": string;
-        "value": any;
+        "value": string;
     }
     interface SmoothlyForm {
         "action"?: string;
+        "changed": boolean;
         "clear": () => Promise<void>;
+        "color"?: Color;
         "looks": "plain" | "grid" | "border" | "line";
         "method"?: "GET" | "POST";
         "name"?: string;
+        "prevent": boolean;
         "processing": boolean;
         "submit": () => Promise<void>;
+        "value": Readonly<Data>;
     }
     interface SmoothlyFrame {
         "name": string;
@@ -156,7 +186,7 @@ export namespace Components {
     interface SmoothlyIcon {
         "color": Color;
         "fill": Fill;
-        "name"?: string;
+        "name": Icon | "empty";
         "size": "tiny" | "small" | "medium" | "large";
         "toolTip"?: string;
     }
@@ -164,10 +194,13 @@ export namespace Components {
     }
     interface SmoothlyInput {
         "autocomplete": boolean;
+        "changed": boolean;
         "clear": () => Promise<void>;
+        "color"?: Color;
         "currency"?: Currency;
         "disabled": boolean;
         "getFormData": (name: string) => Promise<Record<string, any>>;
+        "looks": Looks;
         "maxLength": number;
         "minLength": number;
         "name": string;
@@ -178,88 +211,113 @@ export namespace Components {
         "setKeepFocusOnReRender": (keepFocus: boolean) => Promise<void>;
         "setSelectionRange": (start: number, end: number, direction?: Direction) => Promise<void>;
         "showLabel": boolean;
-        "type": string;
+        "type": Type;
         "value": any;
     }
+    interface SmoothlyInputClear {
+        "color"?: Color;
+        "disabled": boolean;
+        "display": boolean;
+        "expand"?: "block" | "full";
+        "fill"?: Fill;
+        "shape"?: "rounded";
+        "size": "small" | "large" | "icon" | "flexible";
+        "type": "form" | "input";
+    }
     interface SmoothlyInputDate {
+        "clear": () => Promise<void>;
+        "color"?: Color;
         "disabled": boolean;
+        "looks": Looks;
         "max": Date;
         "min": Date;
         "name": string;
         "open": boolean;
+        "showLabel": boolean;
         "value"?: Date;
     }
     interface SmoothlyInputDateRange {
-        "end"?: Date;
+        "clear": () => Promise<void>;
+        "color"?: Color;
+        "end"?: isoly.Date;
         "labelEnd": string;
         "labelStart": string;
-        "max": Date;
-        "min": Date;
+        "looks": Looks;
+        "max": isoly.Date;
+        "min": isoly.Date;
+        "name": string;
         "open": boolean;
         "showLabel": boolean;
-        "start"?: Date;
-        "value"?: Date;
+        "start"?: isoly.Date;
+        "value"?: isoly.Date;
     }
     interface SmoothlyInputDemo {
     }
+    interface SmoothlyInputFile {
+        "accept"?: string;
+        "camera": "front" | "back";
+        "clear": () => Promise<void>;
+        "color"?: Color;
+        "looks": Looks;
+        "name": string;
+        "placeholder": string | undefined;
+        "showLabel": boolean;
+        "value"?: File;
+    }
     interface SmoothlyInputMonth {
         "value"?: Date;
     }
+    interface SmoothlyInputSelect {
+        "color"?: Color;
+        "initialPrompt"?: string;
+        "initialValue"?: any;
+        "looks": Looks;
+        "name": string;
+        "reset": () => Promise<void>;
+        "showSelected"?: boolean;
+        "type"?: "icon";
+    }
     interface SmoothlyItem {
         "filter": (filter: string) => Promise<boolean>;
         "marked": boolean;
         "selected": boolean;
         "value": any;
     }
-    interface SmoothlyMenuOptions {
-        "emptyMenuLabel": string;
-        "filterOptions": (keyword: string, excludeValues?: string[]) => Promise<void>;
-        "getHighlighted": () => Promise<Option | undefined>;
-        "maxMenuHeight": "inherit";
-        "moveHighlight": (step: number) => Promise<void>;
-        "mutable": boolean;
-        "newOptionLabel": string;
-        "optionStyle": any;
-        "options": Option[];
-        "order": boolean;
-        "resetHighlightOnOptionsChange": boolean;
-        "setHighlight": (newIndex: number | string, scrollToHighlight?: boolean) => Promise<void>;
-        "toggle": boolean;
-    }
     interface SmoothlyNotification {
+        "closable": boolean;
+        "icon": boolean;
         "notice": Notice;
     }
     interface SmoothlyNotifier {
     }
-    interface SmoothlyOption {
-        "aliases": string;
-        "checkbox": boolean;
-        "checked": boolean;
-        "dataHighlight": boolean;
-        "divider"?: boolean;
+    interface SmoothlyPicker {
+        "clear": () => Promise<void>;
+        "looks": Looks;
+        "multiple": boolean;
+        "mutable": boolean;
         "name": string;
-        "new"?: boolean;
-        "toggle": boolean;
-        "value": string;
+        "open": boolean;
+        "readonly": boolean;
+        "validator"?: (value: string) => boolean | { result: boolean; notice: Notice };
     }
-    interface SmoothlyPicker {
-        "disabled": boolean;
-        "emptyMenuLabel": string;
-        "label": string;
-        "labelSetting": "hide" | "default";
-        "maxHeight": string;
-        "maxMenuHeight": string;
+    interface SmoothlyPickerDemo {
+    }
+    interface SmoothlyPickerMenu {
+        "looks": Looks;
         "multiple": boolean;
         "mutable": boolean;
-        "newOptionLabel": string;
-        "optionStyle": any;
-        "options": (Option & { checked?: boolean })[];
+        "open": boolean;
         "readonly": boolean;
-        "selectAllName": string;
-        "selectNoneName": string;
-        "selectionName": string;
-        "selections": Option[];
-        "valueValidator": (value: any) => [boolean, Notice | undefined];
+        "validator"?: (value: string) => boolean | { result: boolean; notice: Notice };
+    }
+    interface SmoothlyPickerOption {
+        "clickHandler": () => Promise<void>;
+        "position": number;
+        "required": boolean;
+        "search": string[];
+        "selected": boolean;
+        "value": any;
+        "visible": boolean;
     }
     interface SmoothlyPopup {
         "direction": "up" | "down";
@@ -271,13 +329,13 @@ export namespace Components {
     interface SmoothlyRadio {
         "checked": boolean;
         "name": string;
-        "tabIndex": number;
+        "tab": number;
         "value": string;
     }
     interface SmoothlyRadioButton {
         "decoration": "button" | "radio";
         "deselectable"?: boolean;
-        "name"?: string;
+        "name": string;
         "value"?: any;
     }
     interface SmoothlyRadioButtonItem {
@@ -290,23 +348,8 @@ export namespace Components {
     }
     interface SmoothlyReorder {
     }
-    interface SmoothlyRoom {
-        "icon"?: string;
-        "label"?: string;
-        "path": string | RegExp;
-        "to"?: string;
-    }
-    interface SmoothlySelect {
-        "background"?: string;
-        "identifier": string;
-        "value": string;
-    }
     interface SmoothlySelectDemo {
     }
-    interface SmoothlySelector {
-        "initialPrompt"?: string;
-        "reset": () => Promise<void>;
-    }
     interface SmoothlySkeleton {
         "align": "left" | "center" | "right";
         "color": string;
@@ -315,6 +358,13 @@ export namespace Components {
         "width": string;
         "widths": string[];
     }
+    interface SmoothlySlotElements {
+        "clone": boolean;
+        "nodes"?: Node | Node[];
+    }
+    interface SmoothlySlottedElements {
+        "clone": boolean;
+    }
     interface SmoothlySpinner {
         "active": boolean;
         "size": "small" | "medium" | "large";
@@ -324,13 +374,15 @@ export namespace Components {
         "disabled": boolean;
         "expand"?: "block" | "full";
         "fill"?: Fill;
+        "prevent": boolean;
         "shape"?: "rounded";
-        "size": "small" | "large" | "icon";
+        "size": "flexible" | "small" | "large" | "icon";
         "type": "link" | "button";
     }
     interface SmoothlySummary {
         "color": Color;
         "fill": Fill;
+        "open": boolean;
         "size": "tiny" | "small" | "medium" | "large";
     }
     interface SmoothlySvg {
@@ -346,6 +398,8 @@ export namespace Components {
     }
     interface SmoothlyTable {
         "align": "middle" | "bottom" | "top";
+        "color"?: Color;
+        "open": boolean;
         "root": boolean;
     }
     interface SmoothlyTableCell {
@@ -362,10 +416,24 @@ export namespace Components {
         "align": "left" | "center" | "right";
         "open": boolean;
     }
+    interface SmoothlyTableFooter {
+    }
     interface SmoothlyTableHeader {
         "name": string;
     }
     interface SmoothlyTableRow {
+        "open": boolean;
+    }
+    interface SmoothlyTableTesting {
+    }
+    interface SmoothlyThemeColor {
+        "color": Color;
+    }
+    interface SmoothlyThemeColorVariant {
+        "color": Color;
+        "variant": "shade" | "tint" | "color";
+    }
+    interface SmoothlyThemeColors {
     }
     interface SmoothlyToggle {
         "disabled": boolean;
@@ -375,11 +443,12 @@ export namespace Components {
         "value"?: any;
     }
     interface SmoothlyToggleSwitch {
+        "checkmark": boolean;
+        "color": Color;
         "disabled": boolean;
-        "name": string;
+        "fill": Fill;
         "selected": boolean;
         "size": "small" | "default" | "large";
-        "value"?: any;
     }
     interface SmoothlyTrigger {
         "color": Color | undefined;
@@ -408,6 +477,14 @@ export interface SmoothlyAccordionItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSmoothlyAccordionItemElement;
 }
+export interface SmoothlyAppRoomCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSmoothlyAppRoomElement;
+}
+export interface SmoothlyBurgerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSmoothlyBurgerElement;
+}
 export interface SmoothlyCalendarCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSmoothlyCalendarElement;
@@ -440,6 +517,10 @@ export interface SmoothlyInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSmoothlyInputElement;
 }
+export interface SmoothlyInputClearCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSmoothlyInputClearElement;
+}
 export interface SmoothlyInputDateCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSmoothlyInputDateElement;
@@ -448,30 +529,38 @@ export interface SmoothlyInputDateRangeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSmoothlyInputDateRangeElement;
 }
+export interface SmoothlyInputFileCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSmoothlyInputFileElement;
+}
 export interface SmoothlyInputMonthCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSmoothlyInputMonthElement;
 }
-export interface SmoothlyItemCustomEvent<T> extends CustomEvent<T> {
+export interface SmoothlyInputSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSmoothlyItemElement;
+    target: HTMLSmoothlyInputSelectElement;
 }
-export interface SmoothlyMenuOptionsCustomEvent<T> extends CustomEvent<T> {
+export interface SmoothlyItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSmoothlyMenuOptionsElement;
+    target: HTMLSmoothlyItemElement;
 }
 export interface SmoothlyNotificationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSmoothlyNotificationElement;
 }
-export interface SmoothlyOptionCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLSmoothlyOptionElement;
-}
 export interface SmoothlyPickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSmoothlyPickerElement;
 }
+export interface SmoothlyPickerMenuCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSmoothlyPickerMenuElement;
+}
+export interface SmoothlyPickerOptionCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSmoothlyPickerOptionElement;
+}
 export interface SmoothlyPopupCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSmoothlyPopupElement;
@@ -492,18 +581,22 @@ export interface SmoothlyReorderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSmoothlyReorderElement;
 }
-export interface SmoothlySelectCustomEvent<T> extends CustomEvent<T> {
+export interface SmoothlySlotElementsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSmoothlySelectElement;
+    target: HTMLSmoothlySlotElementsElement;
 }
-export interface SmoothlySelectorCustomEvent<T> extends CustomEvent<T> {
+export interface SmoothlySlottedElementsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLSmoothlySelectorElement;
+    target: HTMLSmoothlySlottedElementsElement;
 }
 export interface SmoothlySubmitCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSmoothlySubmitElement;
 }
+export interface SmoothlySummaryCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSmoothlySummaryElement;
+}
 export interface SmoothlyTabCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSmoothlyTabElement;
@@ -520,6 +613,10 @@ export interface SmoothlyTableExpandableRowCustomEvent<T> extends CustomEvent<T>
     detail: T;
     target: HTMLSmoothlyTableExpandableRowElement;
 }
+export interface SmoothlyToggleSwitchCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSmoothlyToggleSwitchElement;
+}
 export interface SmoothlyTriggerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSmoothlyTriggerElement;
@@ -571,11 +668,23 @@ declare global {
         prototype: HTMLSmoothlyAppDemoElement;
         new (): HTMLSmoothlyAppDemoElement;
     };
-    interface HTMLSmoothlyBacktotopElement extends Components.SmoothlyBacktotop, HTMLStencilElement {
+    interface HTMLSmoothlyAppRoomElement extends Components.SmoothlyAppRoom, HTMLStencilElement {
+    }
+    var HTMLSmoothlyAppRoomElement: {
+        prototype: HTMLSmoothlyAppRoomElement;
+        new (): HTMLSmoothlyAppRoomElement;
+    };
+    interface HTMLSmoothlyBackToTopElement extends Components.SmoothlyBackToTop, HTMLStencilElement {
     }
-    var HTMLSmoothlyBacktotopElement: {
-        prototype: HTMLSmoothlyBacktotopElement;
-        new (): HTMLSmoothlyBacktotopElement;
+    var HTMLSmoothlyBackToTopElement: {
+        prototype: HTMLSmoothlyBackToTopElement;
+        new (): HTMLSmoothlyBackToTopElement;
+    };
+    interface HTMLSmoothlyBurgerElement extends Components.SmoothlyBurger, HTMLStencilElement {
+    }
+    var HTMLSmoothlyBurgerElement: {
+        prototype: HTMLSmoothlyBurgerElement;
+        new (): HTMLSmoothlyBurgerElement;
     };
     interface HTMLSmoothlyButtonElement extends Components.SmoothlyButton, HTMLStencilElement {
     }
@@ -700,6 +809,12 @@ declare global {
         prototype: HTMLSmoothlyInputElement;
         new (): HTMLSmoothlyInputElement;
     };
+    interface HTMLSmoothlyInputClearElement extends Components.SmoothlyInputClear, HTMLStencilElement {
+    }
+    var HTMLSmoothlyInputClearElement: {
+        prototype: HTMLSmoothlyInputClearElement;
+        new (): HTMLSmoothlyInputClearElement;
+    };
     interface HTMLSmoothlyInputDateElement extends Components.SmoothlyInputDate, HTMLStencilElement {
     }
     var HTMLSmoothlyInputDateElement: {
@@ -718,24 +833,30 @@ declare global {
         prototype: HTMLSmoothlyInputDemoElement;
         new (): HTMLSmoothlyInputDemoElement;
     };
+    interface HTMLSmoothlyInputFileElement extends Components.SmoothlyInputFile, HTMLStencilElement {
+    }
+    var HTMLSmoothlyInputFileElement: {
+        prototype: HTMLSmoothlyInputFileElement;
+        new (): HTMLSmoothlyInputFileElement;
+    };
     interface HTMLSmoothlyInputMonthElement extends Components.SmoothlyInputMonth, HTMLStencilElement {
     }
     var HTMLSmoothlyInputMonthElement: {
         prototype: HTMLSmoothlyInputMonthElement;
         new (): HTMLSmoothlyInputMonthElement;
     };
+    interface HTMLSmoothlyInputSelectElement extends Components.SmoothlyInputSelect, HTMLStencilElement {
+    }
+    var HTMLSmoothlyInputSelectElement: {
+        prototype: HTMLSmoothlyInputSelectElement;
+        new (): HTMLSmoothlyInputSelectElement;
+    };
     interface HTMLSmoothlyItemElement extends Components.SmoothlyItem, HTMLStencilElement {
     }
     var HTMLSmoothlyItemElement: {
         prototype: HTMLSmoothlyItemElement;
         new (): HTMLSmoothlyItemElement;
     };
-    interface HTMLSmoothlyMenuOptionsElement extends Components.SmoothlyMenuOptions, HTMLStencilElement {
-    }
-    var HTMLSmoothlyMenuOptionsElement: {
-        prototype: HTMLSmoothlyMenuOptionsElement;
-        new (): HTMLSmoothlyMenuOptionsElement;
-    };
     interface HTMLSmoothlyNotificationElement extends Components.SmoothlyNotification, HTMLStencilElement {
     }
     var HTMLSmoothlyNotificationElement: {
@@ -748,18 +869,30 @@ declare global {
         prototype: HTMLSmoothlyNotifierElement;
         new (): HTMLSmoothlyNotifierElement;
     };
-    interface HTMLSmoothlyOptionElement extends Components.SmoothlyOption, HTMLStencilElement {
-    }
-    var HTMLSmoothlyOptionElement: {
-        prototype: HTMLSmoothlyOptionElement;
-        new (): HTMLSmoothlyOptionElement;
-    };
     interface HTMLSmoothlyPickerElement extends Components.SmoothlyPicker, HTMLStencilElement {
     }
     var HTMLSmoothlyPickerElement: {
         prototype: HTMLSmoothlyPickerElement;
         new (): HTMLSmoothlyPickerElement;
     };
+    interface HTMLSmoothlyPickerDemoElement extends Components.SmoothlyPickerDemo, HTMLStencilElement {
+    }
+    var HTMLSmoothlyPickerDemoElement: {
+        prototype: HTMLSmoothlyPickerDemoElement;
+        new (): HTMLSmoothlyPickerDemoElement;
+    };
+    interface HTMLSmoothlyPickerMenuElement extends Components.SmoothlyPickerMenu, HTMLStencilElement {
+    }
+    var HTMLSmoothlyPickerMenuElement: {
+        prototype: HTMLSmoothlyPickerMenuElement;
+        new (): HTMLSmoothlyPickerMenuElement;
+    };
+    interface HTMLSmoothlyPickerOptionElement extends Components.SmoothlyPickerOption, HTMLStencilElement {
+    }
+    var HTMLSmoothlyPickerOptionElement: {
+        prototype: HTMLSmoothlyPickerOptionElement;
+        new (): HTMLSmoothlyPickerOptionElement;
+    };
     interface HTMLSmoothlyPopupElement extends Components.SmoothlyPopup, HTMLStencilElement {
     }
     var HTMLSmoothlyPopupElement: {
@@ -802,36 +935,30 @@ declare global {
         prototype: HTMLSmoothlyReorderElement;
         new (): HTMLSmoothlyReorderElement;
     };
-    interface HTMLSmoothlyRoomElement extends Components.SmoothlyRoom, HTMLStencilElement {
-    }
-    var HTMLSmoothlyRoomElement: {
-        prototype: HTMLSmoothlyRoomElement;
-        new (): HTMLSmoothlyRoomElement;
-    };
-    interface HTMLSmoothlySelectElement extends Components.SmoothlySelect, HTMLStencilElement {
-    }
-    var HTMLSmoothlySelectElement: {
-        prototype: HTMLSmoothlySelectElement;
-        new (): HTMLSmoothlySelectElement;
-    };
     interface HTMLSmoothlySelectDemoElement extends Components.SmoothlySelectDemo, HTMLStencilElement {
     }
     var HTMLSmoothlySelectDemoElement: {
         prototype: HTMLSmoothlySelectDemoElement;
         new (): HTMLSmoothlySelectDemoElement;
     };
-    interface HTMLSmoothlySelectorElement extends Components.SmoothlySelector, HTMLStencilElement {
-    }
-    var HTMLSmoothlySelectorElement: {
-        prototype: HTMLSmoothlySelectorElement;
-        new (): HTMLSmoothlySelectorElement;
-    };
     interface HTMLSmoothlySkeletonElement extends Components.SmoothlySkeleton, HTMLStencilElement {
     }
     var HTMLSmoothlySkeletonElement: {
         prototype: HTMLSmoothlySkeletonElement;
         new (): HTMLSmoothlySkeletonElement;
     };
+    interface HTMLSmoothlySlotElementsElement extends Components.SmoothlySlotElements, HTMLStencilElement {
+    }
+    var HTMLSmoothlySlotElementsElement: {
+        prototype: HTMLSmoothlySlotElementsElement;
+        new (): HTMLSmoothlySlotElementsElement;
+    };
+    interface HTMLSmoothlySlottedElementsElement extends Components.SmoothlySlottedElements, HTMLStencilElement {
+    }
+    var HTMLSmoothlySlottedElementsElement: {
+        prototype: HTMLSmoothlySlottedElementsElement;
+        new (): HTMLSmoothlySlottedElementsElement;
+    };
     interface HTMLSmoothlySpinnerElement extends Components.SmoothlySpinner, HTMLStencilElement {
     }
     var HTMLSmoothlySpinnerElement: {
@@ -904,6 +1031,12 @@ declare global {
         prototype: HTMLSmoothlyTableExpandableRowElement;
         new (): HTMLSmoothlyTableExpandableRowElement;
     };
+    interface HTMLSmoothlyTableFooterElement extends Components.SmoothlyTableFooter, HTMLStencilElement {
+    }
+    var HTMLSmoothlyTableFooterElement: {
+        prototype: HTMLSmoothlyTableFooterElement;
+        new (): HTMLSmoothlyTableFooterElement;
+    };
     interface HTMLSmoothlyTableHeaderElement extends Components.SmoothlyTableHeader, HTMLStencilElement {
     }
     var HTMLSmoothlyTableHeaderElement: {
@@ -916,6 +1049,30 @@ declare global {
         prototype: HTMLSmoothlyTableRowElement;
         new (): HTMLSmoothlyTableRowElement;
     };
+    interface HTMLSmoothlyTableTestingElement extends Components.SmoothlyTableTesting, HTMLStencilElement {
+    }
+    var HTMLSmoothlyTableTestingElement: {
+        prototype: HTMLSmoothlyTableTestingElement;
+        new (): HTMLSmoothlyTableTestingElement;
+    };
+    interface HTMLSmoothlyThemeColorElement extends Components.SmoothlyThemeColor, HTMLStencilElement {
+    }
+    var HTMLSmoothlyThemeColorElement: {
+        prototype: HTMLSmoothlyThemeColorElement;
+        new (): HTMLSmoothlyThemeColorElement;
+    };
+    interface HTMLSmoothlyThemeColorVariantElement extends Components.SmoothlyThemeColorVariant, HTMLStencilElement {
+    }
+    var HTMLSmoothlyThemeColorVariantElement: {
+        prototype: HTMLSmoothlyThemeColorVariantElement;
+        new (): HTMLSmoothlyThemeColorVariantElement;
+    };
+    interface HTMLSmoothlyThemeColorsElement extends Components.SmoothlyThemeColors, HTMLStencilElement {
+    }
+    var HTMLSmoothlyThemeColorsElement: {
+        prototype: HTMLSmoothlyThemeColorsElement;
+        new (): HTMLSmoothlyThemeColorsElement;
+    };
     interface HTMLSmoothlyToggleElement extends Components.SmoothlyToggle, HTMLStencilElement {
     }
     var HTMLSmoothlyToggleElement: {
@@ -966,7 +1123,9 @@ declare global {
         "smoothly-addresses": HTMLSmoothlyAddressesElement;
         "smoothly-app": HTMLSmoothlyAppElement;
         "smoothly-app-demo": HTMLSmoothlyAppDemoElement;
-        "smoothly-backtotop": HTMLSmoothlyBacktotopElement;
+        "smoothly-app-room": HTMLSmoothlyAppRoomElement;
+        "smoothly-back-to-top": HTMLSmoothlyBackToTopElement;
+        "smoothly-burger": HTMLSmoothlyBurgerElement;
         "smoothly-button": HTMLSmoothlyButtonElement;
         "smoothly-button-demo": HTMLSmoothlyButtonDemoElement;
         "smoothly-calendar": HTMLSmoothlyCalendarElement;
@@ -987,16 +1146,20 @@ declare global {
         "smoothly-icon": HTMLSmoothlyIconElement;
         "smoothly-icon-demo": HTMLSmoothlyIconDemoElement;
         "smoothly-input": HTMLSmoothlyInputElement;
+        "smoothly-input-clear": HTMLSmoothlyInputClearElement;
         "smoothly-input-date": HTMLSmoothlyInputDateElement;
         "smoothly-input-date-range": HTMLSmoothlyInputDateRangeElement;
         "smoothly-input-demo": HTMLSmoothlyInputDemoElement;
+        "smoothly-input-file": HTMLSmoothlyInputFileElement;
         "smoothly-input-month": HTMLSmoothlyInputMonthElement;
+        "smoothly-input-select": HTMLSmoothlyInputSelectElement;
         "smoothly-item": HTMLSmoothlyItemElement;
-        "smoothly-menu-options": HTMLSmoothlyMenuOptionsElement;
         "smoothly-notification": HTMLSmoothlyNotificationElement;
         "smoothly-notifier": HTMLSmoothlyNotifierElement;
-        "smoothly-option": HTMLSmoothlyOptionElement;
         "smoothly-picker": HTMLSmoothlyPickerElement;
+        "smoothly-picker-demo": HTMLSmoothlyPickerDemoElement;
+        "smoothly-picker-menu": HTMLSmoothlyPickerMenuElement;
+        "smoothly-picker-option": HTMLSmoothlyPickerOptionElement;
         "smoothly-popup": HTMLSmoothlyPopupElement;
         "smoothly-quiet": HTMLSmoothlyQuietElement;
         "smoothly-radio": HTMLSmoothlyRadioElement;
@@ -1004,11 +1167,10 @@ declare global {
         "smoothly-radio-button-item": HTMLSmoothlyRadioButtonItemElement;
         "smoothly-radio-group": HTMLSmoothlyRadioGroupElement;
         "smoothly-reorder": HTMLSmoothlyReorderElement;
-        "smoothly-room": HTMLSmoothlyRoomElement;
-        "smoothly-select": HTMLSmoothlySelectElement;
         "smoothly-select-demo": HTMLSmoothlySelectDemoElement;
-        "smoothly-selector": HTMLSmoothlySelectorElement;
         "smoothly-skeleton": HTMLSmoothlySkeletonElement;
+        "smoothly-slot-elements": HTMLSmoothlySlotElementsElement;
+        "smoothly-slotted-elements": HTMLSmoothlySlottedElementsElement;
         "smoothly-spinner": HTMLSmoothlySpinnerElement;
         "smoothly-submit": HTMLSmoothlySubmitElement;
         "smoothly-summary": HTMLSmoothlySummaryElement;
@@ -1021,8 +1183,13 @@ declare global {
         "smoothly-table-demo-filtered": HTMLSmoothlyTableDemoFilteredElement;
         "smoothly-table-expandable-cell": HTMLSmoothlyTableExpandableCellElement;
         "smoothly-table-expandable-row": HTMLSmoothlyTableExpandableRowElement;
+        "smoothly-table-footer": HTMLSmoothlyTableFooterElement;
         "smoothly-table-header": HTMLSmoothlyTableHeaderElement;
         "smoothly-table-row": HTMLSmoothlyTableRowElement;
+        "smoothly-table-testing": HTMLSmoothlyTableTestingElement;
+        "smoothly-theme-color": HTMLSmoothlyThemeColorElement;
+        "smoothly-theme-color-variant": HTMLSmoothlyThemeColorVariantElement;
+        "smoothly-theme-colors": HTMLSmoothlyThemeColorsElement;
         "smoothly-toggle": HTMLSmoothlyToggleElement;
         "smoothly-toggle-switch": HTMLSmoothlyToggleSwitchElement;
         "smoothly-trigger": HTMLSmoothlyTriggerElement;
@@ -1039,8 +1206,7 @@ declare namespace LocalJSX {
     interface SmoothlyAccordionItem {
         "brand"?: string | string[];
         "name"?: string;
-        "onSmoothlyAccordionItemDidLoad"?: (event: SmoothlyAccordionItemCustomEvent<void>) => void;
-        "onSmoothlyAccordionItemDidUnload"?: (event: SmoothlyAccordionItemCustomEvent<void>) => void;
+        "onSmoothlyAccordionItemWillLoad"?: (event: SmoothlyAccordionItemCustomEvent<(parent: SmoothlyAccordion) => void>) => void;
         "onSmoothlyClose"?: (event: SmoothlyAccordionItemCustomEvent<{ name: string; open: boolean }>) => void;
         "onSmoothlyOpen"?: (event: SmoothlyAccordionItemCustomEvent<{ name: string; open: boolean }>) => void;
         "open"?: boolean;
@@ -1059,25 +1225,43 @@ declare namespace LocalJSX {
     }
     interface SmoothlyApp {
         "color"?: Color;
+        "label"?: string;
+        "menuOpen"?: boolean;
     }
     interface SmoothlyAppDemo {
         "baseUrl"?: string;
     }
-    interface SmoothlyBacktotop {
+    interface SmoothlyAppRoom {
+        "disabled"?: boolean;
+        "icon"?: Icon;
+        "label"?: string;
+        "onSmoothlyRoomLoaded"?: (event: SmoothlyAppRoomCustomEvent<{ selected: boolean }>) => void;
+        "onSmoothlyRoomSelected"?: (event: SmoothlyAppRoomCustomEvent<{ history: boolean }>) => void;
+        "path"?: string | URLPattern;
+        "selected"?: boolean;
+        "to"?: string;
+    }
+    interface SmoothlyBackToTop {
         "bottom"?: string;
         "opacity"?: string;
         "right"?: string;
     }
+    interface SmoothlyBurger {
+        "mediaQuery"?: string;
+        "onNavStatus"?: (event: SmoothlyBurgerCustomEvent<boolean>) => void;
+        "onVisibleStatus"?: (event: SmoothlyBurgerCustomEvent<boolean>) => void;
+        "open"?: boolean;
+        "visible"?: boolean;
+    }
     interface SmoothlyButton {
         "color"?: Color;
         "disabled"?: boolean;
-        "download"?: boolean;
         "expand"?: "block" | "full";
         "fill"?: Fill;
         "link"?: string;
         "shape"?: "rounded";
         "size"?: "small" | "large" | "icon" | "flexible";
-        "type"?: "link" | "button";
+        "type"?: Button.Properties["type"];
     }
     interface SmoothlyButtonDemo {
     }
@@ -1100,7 +1284,7 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         "intermediate"?: boolean;
         "name"?: string;
-        "onSmoothlyChecked"?: (event: SmoothlyCheckboxCustomEvent<Record<string, any>>) => void;
+        "onSmoothlyInput"?: (event: SmoothlyCheckboxCustomEvent<Record<string, any>>) => void;
         "size"?: "tiny" | "small" | "medium" | "large";
         "value"?: any;
     }
@@ -1124,6 +1308,7 @@ declare namespace LocalJSX {
         "currency"?: Currency;
         "format"?: DateTime.Format;
         "type"?: Type;
+        "unit"?: string;
         "value"?: any;
     }
     interface SmoothlyDisplayAmount {
@@ -1161,16 +1346,20 @@ declare namespace LocalJSX {
         "required"?: boolean;
         "showLabel"?: boolean;
         "type"?: string;
-        "value"?: any;
+        "value"?: string;
     }
     interface SmoothlyForm {
         "action"?: string;
+        "changed"?: boolean;
+        "color"?: Color;
         "looks"?: "plain" | "grid" | "border" | "line";
         "method"?: "GET" | "POST";
         "name"?: string;
         "onSmoothlyFormInput"?: (event: SmoothlyFormCustomEvent<Data>) => void;
         "onSmoothlyFormSubmit"?: (event: SmoothlyFormCustomEvent<Data>) => void;
+        "prevent"?: boolean;
         "processing"?: boolean;
+        "value"?: Readonly<Data>;
     }
     interface SmoothlyFrame {
         "name"?: string;
@@ -1185,7 +1374,7 @@ declare namespace LocalJSX {
     interface SmoothlyIcon {
         "color"?: Color;
         "fill"?: Fill;
-        "name"?: string;
+        "name"?: Icon | "empty";
         "size"?: "tiny" | "small" | "medium" | "large";
         "toolTip"?: string;
     }
@@ -1193,109 +1382,148 @@ declare namespace LocalJSX {
     }
     interface SmoothlyInput {
         "autocomplete"?: boolean;
+        "changed"?: boolean;
+        "color"?: Color;
         "currency"?: Currency;
         "disabled"?: boolean;
+        "looks"?: Looks;
         "maxLength"?: number;
         "minLength"?: number;
         "name"?: string;
         "onSmoothlyBlur"?: (event: SmoothlyInputCustomEvent<void>) => void;
         "onSmoothlyChange"?: (event: SmoothlyInputCustomEvent<Record<string, any>>) => void;
         "onSmoothlyInput"?: (event: SmoothlyInputCustomEvent<Record<string, any>>) => void;
+        "onSmoothlyInputLooks"?: (event: SmoothlyInputCustomEvent<(looks: Looks, color: Color) => void>) => void;
         "pattern"?: RegExp | undefined;
         "placeholder"?: string | undefined;
         "readonly"?: boolean;
         "required"?: boolean;
         "showLabel"?: boolean;
-        "type"?: string;
+        "type"?: Type;
         "value"?: any;
     }
+    interface SmoothlyInputClear {
+        "color"?: Color;
+        "disabled"?: boolean;
+        "display"?: boolean;
+        "expand"?: "block" | "full";
+        "fill"?: Fill;
+        "onSmoothlyInputLoad"?: (event: SmoothlyInputClearCustomEvent<(parent: HTMLElement) => void>) => void;
+        "shape"?: "rounded";
+        "size"?: "small" | "large" | "icon" | "flexible";
+        "type"?: "form" | "input";
+    }
     interface SmoothlyInputDate {
+        "color"?: Color;
         "disabled"?: boolean;
+        "looks"?: Looks;
         "max"?: Date;
         "min"?: Date;
         "name"?: string;
+        "onSmoothlyInput"?: (event: SmoothlyInputDateCustomEvent<Record<string, any>>) => void;
+        "onSmoothlyInputLooks"?: (event: SmoothlyInputDateCustomEvent<(looks: Looks, color: Color) => void>) => void;
         "onValueChanged"?: (event: SmoothlyInputDateCustomEvent<Date>) => void;
         "open"?: boolean;
+        "showLabel"?: boolean;
         "value"?: Date;
     }
     interface SmoothlyInputDateRange {
-        "end"?: Date;
+        "color"?: Color;
+        "end"?: isoly.Date;
         "labelEnd"?: string;
         "labelStart"?: string;
-        "max"?: Date;
-        "min"?: Date;
-        "onDateRangeSelected"?: (event: SmoothlyInputDateRangeCustomEvent<{ start: Date; end: Date }>) => void;
-        "onValueChanged"?: (event: SmoothlyInputDateRangeCustomEvent<Date>) => void;
+        "looks"?: Looks;
+        "max"?: isoly.Date;
+        "min"?: isoly.Date;
+        "name"?: string;
+        "onSmoothlyInput"?: (event: SmoothlyInputDateRangeCustomEvent<Data1>) => void;
+        "onSmoothlyInputLooks"?: (event: SmoothlyInputDateRangeCustomEvent<(looks: Looks, color: Color) => void>) => void;
+        "onValueChanged"?: (event: SmoothlyInputDateRangeCustomEvent<isoly.Date>) => void;
         "open"?: boolean;
         "showLabel"?: boolean;
-        "start"?: Date;
-        "value"?: Date;
+        "start"?: isoly.Date;
+        "value"?: isoly.Date;
     }
     interface SmoothlyInputDemo {
     }
+    interface SmoothlyInputFile {
+        "accept"?: string;
+        "camera"?: "front" | "back";
+        "color"?: Color;
+        "looks"?: Looks;
+        "name"?: string;
+        "onSmoothlyChange"?: (event: SmoothlyInputFileCustomEvent<Record<string, File>>) => void;
+        "onSmoothlyInput"?: (event: SmoothlyInputFileCustomEvent<Record<string, File>>) => void;
+        "onSmoothlyInputLooks"?: (event: SmoothlyInputFileCustomEvent<(looks: Looks, color: Color) => void>) => void;
+        "placeholder"?: string | undefined;
+        "showLabel"?: boolean;
+        "value"?: File;
+    }
     interface SmoothlyInputMonth {
         "onValueChanged"?: (event: SmoothlyInputMonthCustomEvent<Date>) => void;
         "value"?: Date;
     }
+    interface SmoothlyInputSelect {
+        "color"?: Color;
+        "initialPrompt"?: string;
+        "initialValue"?: any;
+        "looks"?: Looks;
+        "name"?: string;
+        "onSelected"?: (event: SmoothlyInputSelectCustomEvent<any>) => void;
+        "onSmoothlyInput"?: (event: SmoothlyInputSelectCustomEvent<Record<number, any>>) => void;
+        "onSmoothlyInputLooks"?: (event: SmoothlyInputSelectCustomEvent<(looks: Looks, color: Color) => void>) => void;
+        "showSelected"?: boolean;
+        "type"?: "icon";
+    }
     interface SmoothlyItem {
         "marked"?: boolean;
         "onItemSelected"?: (event: SmoothlyItemCustomEvent<void>) => void;
         "selected"?: boolean;
         "value"?: any;
     }
-    interface SmoothlyMenuOptions {
-        "emptyMenuLabel"?: string;
-        "maxMenuHeight"?: "inherit";
-        "mutable"?: boolean;
-        "newOptionLabel"?: string;
-        "onMenuEmpty"?: (event: SmoothlyMenuOptionsCustomEvent<boolean>) => void;
-        "optionStyle"?: any;
-        "options"?: Option[];
-        "order"?: boolean;
-        "resetHighlightOnOptionsChange"?: boolean;
-        "toggle"?: boolean;
-    }
     interface SmoothlyNotification {
+        "closable"?: boolean;
+        "icon"?: boolean;
         "notice"?: Notice;
         "onRemove"?: (event: SmoothlyNotificationCustomEvent<Notice>) => void;
     }
     interface SmoothlyNotifier {
     }
-    interface SmoothlyOption {
-        "aliases"?: string;
-        "checkbox"?: boolean;
-        "checked"?: boolean;
-        "dataHighlight"?: boolean;
-        "divider"?: boolean;
+    interface SmoothlyPicker {
+        "looks"?: Looks;
+        "multiple"?: boolean;
+        "mutable"?: boolean;
         "name"?: string;
-        "new"?: boolean;
-        "onOptionAdd"?: (event: SmoothlyOptionCustomEvent<{ name: string; value: string }>) => void;
-        "onOptionHover"?: (event: SmoothlyOptionCustomEvent<{ value: any; name: string }>) => void;
-        "onOptionSelect"?: (event: SmoothlyOptionCustomEvent<{ value: any; name: string }>) => void;
-        "onOptionUnselect"?: (event: SmoothlyOptionCustomEvent<{ value: any; name: string }>) => void;
-        "toggle"?: boolean;
-        "value"?: string;
+        "onSmoothlyChange"?: (event: SmoothlyPickerCustomEvent<Record<string, any | any[]>>) => void;
+        "onSmoothlyInput"?: (event: SmoothlyPickerCustomEvent<Record<string, any | any[]>>) => void;
+        "onSmoothlyInputLooks"?: (event: SmoothlyPickerCustomEvent<(looks: Looks) => void>) => void;
+        "onSmoothlyPickerLoaded"?: (event: SmoothlyPickerCustomEvent<Controls>) => void;
+        "open"?: boolean;
+        "readonly"?: boolean;
+        "validator"?: (value: string) => boolean | { result: boolean; notice: Notice };
     }
-    interface SmoothlyPicker {
-        "disabled"?: boolean;
-        "emptyMenuLabel"?: string;
-        "label"?: string;
-        "labelSetting"?: "hide" | "default";
-        "maxHeight"?: string;
-        "maxMenuHeight"?: string;
+    interface SmoothlyPickerDemo {
+    }
+    interface SmoothlyPickerMenu {
+        "looks"?: Looks;
         "multiple"?: boolean;
         "mutable"?: boolean;
-        "newOptionLabel"?: string;
-        "onMenuClose"?: (event: SmoothlyPickerCustomEvent<Option[]>) => void;
-        "onNotice"?: (event: SmoothlyPickerCustomEvent<Notice>) => void;
-        "optionStyle"?: any;
-        "options"?: (Option & { checked?: boolean })[];
+        "onNotice"?: (event: SmoothlyPickerMenuCustomEvent<Notice>) => void;
+        "onSmoothlyPickerMenuLoaded"?: (event: SmoothlyPickerMenuCustomEvent<Controls & { synced: () => boolean }>) => void;
+        "open"?: boolean;
         "readonly"?: boolean;
-        "selectAllName"?: string;
-        "selectNoneName"?: string;
-        "selectionName"?: string;
-        "selections"?: Option[];
-        "valueValidator"?: (value: any) => [boolean, Notice | undefined];
+        "validator"?: (value: string) => boolean | { result: boolean; notice: Notice };
+    }
+    interface SmoothlyPickerOption {
+        "onSmoothlyPickerOptionChange"?: (event: SmoothlyPickerOptionCustomEvent<Option>) => void;
+        "onSmoothlyPickerOptionLoad"?: (event: SmoothlyPickerOptionCustomEvent<Option.Load>) => void;
+        "onSmoothlyPickerOptionLoaded"?: (event: SmoothlyPickerOptionCustomEvent<Option>) => void;
+        "position"?: number;
+        "required"?: boolean;
+        "search"?: string[];
+        "selected"?: boolean;
+        "value"?: any;
+        "visible"?: boolean;
     }
     interface SmoothlyPopup {
         "direction"?: "up" | "down";
@@ -1309,14 +1537,15 @@ declare namespace LocalJSX {
         "checked"?: boolean;
         "name"?: string;
         "onSmoothlySelected"?: (event: SmoothlyRadioCustomEvent<{ name: string; value: string }>) => void;
-        "tabIndex"?: number;
+        "tab"?: number;
         "value"?: string;
     }
     interface SmoothlyRadioButton {
         "decoration"?: "button" | "radio";
         "deselectable"?: boolean;
         "name"?: string;
-        "onRadioButtonSelected"?: (event: SmoothlyRadioButtonCustomEvent<{ name: string | undefined; value: any }>) => void;
+        "onSmoothlyChange"?: (event: SmoothlyRadioButtonCustomEvent<Record<string, string>>) => void;
+        "onSmoothlyInput"?: (event: SmoothlyRadioButtonCustomEvent<Record<string, string>>) => void;
         "value"?: any;
     }
     interface SmoothlyRadioButtonItem {
@@ -1331,24 +1560,8 @@ declare namespace LocalJSX {
     interface SmoothlyReorder {
         "onReorder"?: (event: SmoothlyReorderCustomEvent<[number, number]>) => void;
     }
-    interface SmoothlyRoom {
-        "icon"?: string;
-        "label"?: string;
-        "path"?: string | RegExp;
-        "to"?: string;
-    }
-    interface SmoothlySelect {
-        "background"?: string;
-        "identifier"?: string;
-        "onSelectionChanged"?: (event: SmoothlySelectCustomEvent<{ identifier: string; value: string }>) => void;
-        "value"?: string;
-    }
     interface SmoothlySelectDemo {
     }
-    interface SmoothlySelector {
-        "initialPrompt"?: string;
-        "onSelected"?: (event: SmoothlySelectorCustomEvent<any>) => void;
-    }
     interface SmoothlySkeleton {
         "align"?: "left" | "center" | "right";
         "color"?: string;
@@ -1357,6 +1570,15 @@ declare namespace LocalJSX {
         "width"?: string;
         "widths"?: string[];
     }
+    interface SmoothlySlotElements {
+        "clone"?: boolean;
+        "nodes"?: Node | Node[];
+        "onSmoothlySlotEmpty"?: (event: SmoothlySlotElementsCustomEvent<Slot>) => void;
+    }
+    interface SmoothlySlottedElements {
+        "clone"?: boolean;
+        "onSmoothlySlottedChange"?: (event: SmoothlySlottedElementsCustomEvent<Node[]>) => void;
+    }
     interface SmoothlySpinner {
         "active"?: boolean;
         "size"?: "small" | "medium" | "large";
@@ -1366,14 +1588,18 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         "expand"?: "block" | "full";
         "fill"?: Fill;
+        "onSmoothlyInputLoad"?: (event: SmoothlySubmitCustomEvent<(parent: HTMLElement) => void>) => void;
         "onSmoothlySubmit"?: (event: SmoothlySubmitCustomEvent<any>) => void;
+        "prevent"?: boolean;
         "shape"?: "rounded";
-        "size"?: "small" | "large" | "icon";
+        "size"?: "flexible" | "small" | "large" | "icon";
         "type"?: "link" | "button";
     }
     interface SmoothlySummary {
         "color"?: Color;
         "fill"?: Fill;
+        "onSmoothlySummaryOpen"?: (event: SmoothlySummaryCustomEvent<boolean>) => void;
+        "open"?: boolean;
         "size"?: "tiny" | "small" | "medium" | "large";
     }
     interface SmoothlySvg {
@@ -1390,9 +1616,11 @@ declare namespace LocalJSX {
     }
     interface SmoothlyTable {
         "align"?: "middle" | "bottom" | "top";
+        "color"?: Color;
         "onSmoothlyNestedTable"?: (event: SmoothlyTableCustomEvent<() => void>) => void;
-        "onSpotlightChange"?: (event: SmoothlyTableCustomEvent<{ allowSpotlight: boolean; owner?: EventTarget }>) => void;
-        "onTableLoad"?: (event: SmoothlyTableCustomEvent<(owner: EventTarget) => void>) => void;
+        "onSmoothlySpotlightChange"?: (event: SmoothlyTableCustomEvent<{ allowSpotlight: boolean; owner?: EventTarget }>) => void;
+        "onSmoothlyTableLoad"?: (event: SmoothlyTableCustomEvent<(owner: EventTarget) => void>) => void;
+        "open"?: boolean;
         "root"?: boolean;
     }
     interface SmoothlyTableCell {
@@ -1403,23 +1631,37 @@ declare namespace LocalJSX {
     }
     interface SmoothlyTableExpandableCell {
         "align"?: "left" | "center" | "right";
-        "onExpandableChange"?: (event: SmoothlyTableExpandableCellCustomEvent<boolean>) => void;
-        "onExpandableLoad"?: (event: SmoothlyTableExpandableCellCustomEvent<{ allowSpotlight: (allowed: boolean) => void }>) => void;
-        "onExpansionLoad"?: (event: SmoothlyTableExpandableCellCustomEvent<void>) => void;
-        "onExpansionOpen"?: (event: SmoothlyTableExpandableCellCustomEvent<HTMLElement>) => void;
+        "onSmoothlyExpandableChange"?: (event: SmoothlyTableExpandableCellCustomEvent<boolean>) => void;
+        "onSmoothlyExpandableLoad"?: (event: SmoothlyTableExpandableCellCustomEvent<{ allowSpotlight: (allowed: boolean) => void }>) => void;
+        "onSmoothlyExpansionLoad"?: (event: SmoothlyTableExpandableCellCustomEvent<void>) => void;
+        "onSmoothlyExpansionOpen"?: (event: SmoothlyTableExpandableCellCustomEvent<HTMLElement>) => void;
         "open"?: boolean;
     }
     interface SmoothlyTableExpandableRow {
         "align"?: "left" | "center" | "right";
-        "onExpandableChange"?: (event: SmoothlyTableExpandableRowCustomEvent<boolean>) => void;
-        "onExpandableLoad"?: (event: SmoothlyTableExpandableRowCustomEvent<{ allowSpotlight: (allowed: boolean) => void }>) => void;
-        "onExpansionOpen"?: (event: SmoothlyTableExpandableRowCustomEvent<HTMLElement>) => void;
+        "onSmoothlyExpandableChange"?: (event: SmoothlyTableExpandableRowCustomEvent<boolean>) => void;
+        "onSmoothlyExpandableLoad"?: (event: SmoothlyTableExpandableRowCustomEvent<{ allowSpotlight: (allowed: boolean) => void }>) => void;
+        "onSmoothlyExpansionOpen"?: (event: SmoothlyTableExpandableRowCustomEvent<HTMLElement>) => void;
         "open"?: boolean;
     }
+    interface SmoothlyTableFooter {
+    }
     interface SmoothlyTableHeader {
         "name"?: string;
     }
     interface SmoothlyTableRow {
+        "open"?: boolean;
+    }
+    interface SmoothlyTableTesting {
+    }
+    interface SmoothlyThemeColor {
+        "color"?: Color;
+    }
+    interface SmoothlyThemeColorVariant {
+        "color"?: Color;
+        "variant"?: "shade" | "tint" | "color";
+    }
+    interface SmoothlyThemeColors {
     }
     interface SmoothlyToggle {
         "disabled"?: boolean;
@@ -1429,11 +1671,13 @@ declare namespace LocalJSX {
         "value"?: any;
     }
     interface SmoothlyToggleSwitch {
+        "checkmark"?: boolean;
+        "color"?: Color;
         "disabled"?: boolean;
-        "name"?: string;
+        "fill"?: Fill;
+        "onSmoothlyToggleSwitchChange"?: (event: SmoothlyToggleSwitchCustomEvent<boolean>) => void;
         "selected"?: boolean;
         "size"?: "small" | "default" | "large";
-        "value"?: any;
     }
     interface SmoothlyTrigger {
         "color"?: Color | undefined;
@@ -1451,7 +1695,7 @@ declare namespace LocalJSX {
     }
     interface SmoothlyTriggerSource {
         "listen"?: string;
-        "onMessage"?: (event: SmoothlyTriggerSourceCustomEvent<Message<any>>) => void;
+        "onSmoothlyMessage"?: (event: SmoothlyTriggerSourceCustomEvent<Message<any>>) => void;
         "onTrigger"?: (event: SmoothlyTriggerSourceCustomEvent<Trigger>) => void;
     }
     interface SmoothlyTuple {
@@ -1468,7 +1712,9 @@ declare namespace LocalJSX {
         "smoothly-addresses": SmoothlyAddresses;
         "smoothly-app": SmoothlyApp;
         "smoothly-app-demo": SmoothlyAppDemo;
-        "smoothly-backtotop": SmoothlyBacktotop;
+        "smoothly-app-room": SmoothlyAppRoom;
+        "smoothly-back-to-top": SmoothlyBackToTop;
+        "smoothly-burger": SmoothlyBurger;
         "smoothly-button": SmoothlyButton;
         "smoothly-button-demo": SmoothlyButtonDemo;
         "smoothly-calendar": SmoothlyCalendar;
@@ -1489,16 +1735,20 @@ declare namespace LocalJSX {
         "smoothly-icon": SmoothlyIcon;
         "smoothly-icon-demo": SmoothlyIconDemo;
         "smoothly-input": SmoothlyInput;
+        "smoothly-input-clear": SmoothlyInputClear;
         "smoothly-input-date": SmoothlyInputDate;
         "smoothly-input-date-range": SmoothlyInputDateRange;
         "smoothly-input-demo": SmoothlyInputDemo;
+        "smoothly-input-file": SmoothlyInputFile;
         "smoothly-input-month": SmoothlyInputMonth;
+        "smoothly-input-select": SmoothlyInputSelect;
         "smoothly-item": SmoothlyItem;
-        "smoothly-menu-options": SmoothlyMenuOptions;
         "smoothly-notification": SmoothlyNotification;
         "smoothly-notifier": SmoothlyNotifier;
-        "smoothly-option": SmoothlyOption;
         "smoothly-picker": SmoothlyPicker;
+        "smoothly-picker-demo": SmoothlyPickerDemo;
+        "smoothly-picker-menu": SmoothlyPickerMenu;
+        "smoothly-picker-option": SmoothlyPickerOption;
         "smoothly-popup": SmoothlyPopup;
         "smoothly-quiet": SmoothlyQuiet;
         "smoothly-radio": SmoothlyRadio;
@@ -1506,11 +1756,10 @@ declare namespace LocalJSX {
         "smoothly-radio-button-item": SmoothlyRadioButtonItem;
         "smoothly-radio-group": SmoothlyRadioGroup;
         "smoothly-reorder": SmoothlyReorder;
-        "smoothly-room": SmoothlyRoom;
-        "smoothly-select": SmoothlySelect;
         "smoothly-select-demo": SmoothlySelectDemo;
-        "smoothly-selector": SmoothlySelector;
         "smoothly-skeleton": SmoothlySkeleton;
+        "smoothly-slot-elements": SmoothlySlotElements;
+        "smoothly-slotted-elements": SmoothlySlottedElements;
         "smoothly-spinner": SmoothlySpinner;
         "smoothly-submit": SmoothlySubmit;
         "smoothly-summary": SmoothlySummary;
@@ -1523,8 +1772,13 @@ declare namespace LocalJSX {
         "smoothly-table-demo-filtered": SmoothlyTableDemoFiltered;
         "smoothly-table-expandable-cell": SmoothlyTableExpandableCell;
         "smoothly-table-expandable-row": SmoothlyTableExpandableRow;
+        "smoothly-table-footer": SmoothlyTableFooter;
         "smoothly-table-header": SmoothlyTableHeader;
         "smoothly-table-row": SmoothlyTableRow;
+        "smoothly-table-testing": SmoothlyTableTesting;
+        "smoothly-theme-color": SmoothlyThemeColor;
+        "smoothly-theme-color-variant": SmoothlyThemeColorVariant;
+        "smoothly-theme-colors": SmoothlyThemeColors;
         "smoothly-toggle": SmoothlyToggle;
         "smoothly-toggle-switch": SmoothlyToggleSwitch;
         "smoothly-trigger": SmoothlyTrigger;
@@ -1545,7 +1799,9 @@ declare module "@stencil/core" {
             "smoothly-addresses": LocalJSX.SmoothlyAddresses & JSXBase.HTMLAttributes<HTMLSmoothlyAddressesElement>;
             "smoothly-app": LocalJSX.SmoothlyApp & JSXBase.HTMLAttributes<HTMLSmoothlyAppElement>;
             "smoothly-app-demo": LocalJSX.SmoothlyAppDemo & JSXBase.HTMLAttributes<HTMLSmoothlyAppDemoElement>;
-            "smoothly-backtotop": LocalJSX.SmoothlyBacktotop & JSXBase.HTMLAttributes<HTMLSmoothlyBacktotopElement>;
+            "smoothly-app-room": LocalJSX.SmoothlyAppRoom & JSXBase.HTMLAttributes<HTMLSmoothlyAppRoomElement>;
+            "smoothly-back-to-top": LocalJSX.SmoothlyBackToTop & JSXBase.HTMLAttributes<HTMLSmoothlyBackToTopElement>;
+            "smoothly-burger": LocalJSX.SmoothlyBurger & JSXBase.HTMLAttributes<HTMLSmoothlyBurgerElement>;
             "smoothly-button": LocalJSX.SmoothlyButton & JSXBase.HTMLAttributes<HTMLSmoothlyButtonElement>;
             "smoothly-button-demo": LocalJSX.SmoothlyButtonDemo & JSXBase.HTMLAttributes<HTMLSmoothlyButtonDemoElement>;
             "smoothly-calendar": LocalJSX.SmoothlyCalendar & JSXBase.HTMLAttributes<HTMLSmoothlyCalendarElement>;
@@ -1569,16 +1825,20 @@ declare module "@stencil/core" {
             "smoothly-icon": LocalJSX.SmoothlyIcon & JSXBase.HTMLAttributes<HTMLSmoothlyIconElement>;
             "smoothly-icon-demo": LocalJSX.SmoothlyIconDemo & JSXBase.HTMLAttributes<HTMLSmoothlyIconDemoElement>;
             "smoothly-input": LocalJSX.SmoothlyInput & JSXBase.HTMLAttributes<HTMLSmoothlyInputElement>;
+            "smoothly-input-clear": LocalJSX.SmoothlyInputClear & JSXBase.HTMLAttributes<HTMLSmoothlyInputClearElement>;
             "smoothly-input-date": LocalJSX.SmoothlyInputDate & JSXBase.HTMLAttributes<HTMLSmoothlyInputDateElement>;
             "smoothly-input-date-range": LocalJSX.SmoothlyInputDateRange & JSXBase.HTMLAttributes<HTMLSmoothlyInputDateRangeElement>;
             "smoothly-input-demo": LocalJSX.SmoothlyInputDemo & JSXBase.HTMLAttributes<HTMLSmoothlyInputDemoElement>;
+            "smoothly-input-file": LocalJSX.SmoothlyInputFile & JSXBase.HTMLAttributes<HTMLSmoothlyInputFileElement>;
             "smoothly-input-month": LocalJSX.SmoothlyInputMonth & JSXBase.HTMLAttributes<HTMLSmoothlyInputMonthElement>;
+            "smoothly-input-select": LocalJSX.SmoothlyInputSelect & JSXBase.HTMLAttributes<HTMLSmoothlyInputSelectElement>;
             "smoothly-item": LocalJSX.SmoothlyItem & JSXBase.HTMLAttributes<HTMLSmoothlyItemElement>;
-            "smoothly-menu-options": LocalJSX.SmoothlyMenuOptions & JSXBase.HTMLAttributes<HTMLSmoothlyMenuOptionsElement>;
             "smoothly-notification": LocalJSX.SmoothlyNotification & JSXBase.HTMLAttributes<HTMLSmoothlyNotificationElement>;
             "smoothly-notifier": LocalJSX.SmoothlyNotifier & JSXBase.HTMLAttributes<HTMLSmoothlyNotifierElement>;
-            "smoothly-option": LocalJSX.SmoothlyOption & JSXBase.HTMLAttributes<HTMLSmoothlyOptionElement>;
             "smoothly-picker": LocalJSX.SmoothlyPicker & JSXBase.HTMLAttributes<HTMLSmoothlyPickerElement>;
+            "smoothly-picker-demo": LocalJSX.SmoothlyPickerDemo & JSXBase.HTMLAttributes<HTMLSmoothlyPickerDemoElement>;
+            "smoothly-picker-menu": LocalJSX.SmoothlyPickerMenu & JSXBase.HTMLAttributes<HTMLSmoothlyPickerMenuElement>;
+            "smoothly-picker-option": LocalJSX.SmoothlyPickerOption & JSXBase.HTMLAttributes<HTMLSmoothlyPickerOptionElement>;
             "smoothly-popup": LocalJSX.SmoothlyPopup & JSXBase.HTMLAttributes<HTMLSmoothlyPopupElement>;
             "smoothly-quiet": LocalJSX.SmoothlyQuiet & JSXBase.HTMLAttributes<HTMLSmoothlyQuietElement>;
             "smoothly-radio": LocalJSX.SmoothlyRadio & JSXBase.HTMLAttributes<HTMLSmoothlyRadioElement>;
@@ -1586,11 +1846,10 @@ declare module "@stencil/core" {
             "smoothly-radio-button-item": LocalJSX.SmoothlyRadioButtonItem & JSXBase.HTMLAttributes<HTMLSmoothlyRadioButtonItemElement>;
             "smoothly-radio-group": LocalJSX.SmoothlyRadioGroup & JSXBase.HTMLAttributes<HTMLSmoothlyRadioGroupElement>;
             "smoothly-reorder": LocalJSX.SmoothlyReorder & JSXBase.HTMLAttributes<HTMLSmoothlyReorderElement>;
-            "smoothly-room": LocalJSX.SmoothlyRoom & JSXBase.HTMLAttributes<HTMLSmoothlyRoomElement>;
-            "smoothly-select": LocalJSX.SmoothlySelect & JSXBase.HTMLAttributes<HTMLSmoothlySelectElement>;
             "smoothly-select-demo": LocalJSX.SmoothlySelectDemo & JSXBase.HTMLAttributes<HTMLSmoothlySelectDemoElement>;
-            "smoothly-selector": LocalJSX.SmoothlySelector & JSXBase.HTMLAttributes<HTMLSmoothlySelectorElement>;
             "smoothly-skeleton": LocalJSX.SmoothlySkeleton & JSXBase.HTMLAttributes<HTMLSmoothlySkeletonElement>;
+            "smoothly-slot-elements": LocalJSX.SmoothlySlotElements & JSXBase.HTMLAttributes<HTMLSmoothlySlotElementsElement>;
+            "smoothly-slotted-elements": LocalJSX.SmoothlySlottedElements & JSXBase.HTMLAttributes<HTMLSmoothlySlottedElementsElement>;
             "smoothly-spinner": LocalJSX.SmoothlySpinner & JSXBase.HTMLAttributes<HTMLSmoothlySpinnerElement>;
             "smoothly-submit": LocalJSX.SmoothlySubmit & JSXBase.HTMLAttributes<HTMLSmoothlySubmitElement>;
             "smoothly-summary": LocalJSX.SmoothlySummary & JSXBase.HTMLAttributes<HTMLSmoothlySummaryElement>;
@@ -1603,8 +1862,13 @@ declare module "@stencil/core" {
             "smoothly-table-demo-filtered": LocalJSX.SmoothlyTableDemoFiltered & JSXBase.HTMLAttributes<HTMLSmoothlyTableDemoFilteredElement>;
             "smoothly-table-expandable-cell": LocalJSX.SmoothlyTableExpandableCell & JSXBase.HTMLAttributes<HTMLSmoothlyTableExpandableCellElement>;
             "smoothly-table-expandable-row": LocalJSX.SmoothlyTableExpandableRow & JSXBase.HTMLAttributes<HTMLSmoothlyTableExpandableRowElement>;
+            "smoothly-table-footer": LocalJSX.SmoothlyTableFooter & JSXBase.HTMLAttributes<HTMLSmoothlyTableFooterElement>;
             "smoothly-table-header": LocalJSX.SmoothlyTableHeader & JSXBase.HTMLAttributes<HTMLSmoothlyTableHeaderElement>;
             "smoothly-table-row": LocalJSX.SmoothlyTableRow & JSXBase.HTMLAttributes<HTMLSmoothlyTableRowElement>;
+            "smoothly-table-testing": LocalJSX.SmoothlyTableTesting & JSXBase.HTMLAttributes<HTMLSmoothlyTableTestingElement>;
+            "smoothly-theme-color": LocalJSX.SmoothlyThemeColor & JSXBase.HTMLAttributes<HTMLSmoothlyThemeColorElement>;
+            "smoothly-theme-color-variant": LocalJSX.SmoothlyThemeColorVariant & JSXBase.HTMLAttributes<HTMLSmoothlyThemeColorVariantElement>;
+            "smoothly-theme-colors": LocalJSX.SmoothlyThemeColors & JSXBase.HTMLAttributes<HTMLSmoothlyThemeColorsElement>;
             "smoothly-toggle": LocalJSX.SmoothlyToggle & JSXBase.HTMLAttributes<HTMLSmoothlyToggleElement>;
             "smoothly-toggle-switch": LocalJSX.SmoothlyToggleSwitch & JSXBase.HTMLAttributes<HTMLSmoothlyToggleSwitchElement>;
             "smoothly-trigger": LocalJSX.SmoothlyTrigger & JSXBase.HTMLAttributes<HTMLSmoothlyTriggerElement>;