smoothly 0.3.38 → 1.0.0-alpha.10

package/dist/types/components.d.ts

@@ -5,12 +5,15 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { Color, Expand, Fill, Message, Notice, Option, Trigger } from "./model";
+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 { Direction, Type } from "tidily";
+import { Criteria } from "selectively";
+import { Data } from "./components/form/Data";
 import { GoogleFont } from "./model/GoogleFont";
 import { Selected } from "./components/radio-button/Selected";
-import { Data } from "./components/submit/Data";
 export namespace Components {
     interface SmoothlyAccordion {
         "value"?: string;
@@ -20,6 +23,18 @@ export namespace Components {
         "name": string;
         "open"?: boolean;
     }
+    interface SmoothlyAddress {
+        "editable": boolean;
+        "value": address;
+    }
+    interface SmoothlyAddressDisplay {
+        "editable": boolean;
+        "value": address;
+    }
+    interface SmoothlyAddresses {
+        "editable": boolean[];
+        "value": address[];
+    }
     interface SmoothlyApp {
         "color": Color;
     }
@@ -32,16 +47,17 @@ export namespace Components {
         "right": string;
     }
     interface SmoothlyButton {
-        "color": Color | undefined;
+        "color"?: Color;
         "disabled": boolean;
         "download"?: boolean;
-        "expand": Expand;
-        "fill": Fill;
+        "expand"?: "block" | "full";
+        "fill"?: Fill;
         "link"?: string;
+        "shape"?: "rounded";
+        "size": "small" | "large" | "icon";
         "type": "link" | "button";
     }
     interface SmoothlyCalendar {
-        "color"?: Color;
         "doubleInput": boolean;
         "end"?: Date;
         "max": Date;
@@ -51,11 +67,16 @@ export namespace Components {
         "value": Date;
     }
     interface SmoothlyCheckbox {
+        "checked": boolean;
         "disabled": boolean;
         "intermediate": boolean;
-        "selectAll": boolean;
-        "selected": boolean;
+        "name": string;
         "size": "tiny" | "small" | "medium" | "large";
+        "toggle": () => Promise<void>;
+        "value": any;
+    }
+    interface SmoothlyColor {
+        "color"?: Color;
     }
     interface SmoothlyCountry {
         "text": "alpha2" | "name" | "none";
@@ -89,10 +110,42 @@ export namespace Components {
     }
     interface SmoothlyDisplayDemo {
     }
+    interface SmoothlyFilter {
+        "clear": (event: MouseEvent) => Promise<void>;
+        "criteria": Record<string, Criteria>;
+        "inputValue": Criteria;
+        "placeholder": string | undefined;
+    }
+    interface SmoothlyFilterInput {
+        "autocomplete": boolean;
+        "clear": () => Promise<void>;
+        "comparison": "equals" | "less" | "greater" | "starts" | "ends" | "includes";
+        "currency"?: Currency;
+        "disabled": boolean;
+        "maxLength": number;
+        "minLength": number;
+        "name": string;
+        "pattern"?: RegExp;
+        "placeholder"?: string;
+        "readonly": boolean;
+        "required": boolean;
+        "showLabel": boolean;
+        "type": string;
+        "value": any;
+    }
+    interface SmoothlyForm {
+        "action"?: string;
+        "clear": () => Promise<void>;
+        "looks": "plain" | "grid" | "border" | "line";
+        "method"?: "GET" | "POST";
+        "name"?: string;
+        "processing": boolean;
+        "submit": () => Promise<void>;
+    }
     interface SmoothlyFrame {
         "name": string;
         "origin": string | undefined;
-        "send": (message: string | Message<any>, content?: Trigger | any) => Promise<void>;
+        "send": (message2: string | Message<any>, content?: Trigger | any) => Promise<void>;
         "url": string;
     }
     interface SmoothlyGoogleFont {
@@ -109,6 +162,7 @@ export namespace Components {
     }
     interface SmoothlyInput {
         "autocomplete": boolean;
+        "clear": () => Promise<void>;
         "currency"?: Currency;
         "disabled": boolean;
         "getFormData": (name: string) => Promise<Record<string, any>>;
@@ -126,7 +180,6 @@ export namespace Components {
         "value": any;
     }
     interface SmoothlyInputDate {
-        "color": Color;
         "disabled": boolean;
         "max": Date;
         "min": Date;
@@ -226,7 +279,7 @@ export namespace Components {
         "value"?: any;
     }
     interface SmoothlyRadioButtonItem {
-        "color": Color;
+        "color"?: Color;
         "selected": boolean;
         "value": any;
     }
@@ -267,11 +320,16 @@ export namespace Components {
     interface SmoothlySubmit {
         "color"?: Color;
         "disabled": boolean;
-        "expand"?: Expand;
+        "expand"?: "block" | "full";
         "fill"?: Fill;
-        "prevent"?: boolean;
-        "processing": boolean;
-        "submit": () => Promise<boolean>;
+        "shape"?: "rounded";
+        "size": "small" | "large" | "icon";
+        "type": "link" | "button";
+    }
+    interface SmoothlySummary {
+        "color": Color;
+        "fill": Fill;
+        "size": "tiny" | "small" | "medium" | "large";
     }
     interface SmoothlySvg {
         "color": string;
@@ -285,12 +343,15 @@ export namespace Components {
     interface SmoothlyTabSwitch {
     }
     interface SmoothlyTable {
+        "align": "middle" | "bottom" | "top";
         "root": boolean;
     }
     interface SmoothlyTableCell {
     }
     interface SmoothlyTableDemo {
     }
+    interface SmoothlyTableDemoFiltered {
+    }
     interface SmoothlyTableExpandableCell {
         "align": "left" | "center" | "right";
         "open": boolean;
@@ -304,10 +365,23 @@ export namespace Components {
     }
     interface SmoothlyTableRow {
     }
+    interface SmoothlyToggle {
+        "disabled": boolean;
+        "name": string;
+        "selected": boolean;
+        "shape": "rounded";
+        "value"?: any;
+    }
+    interface SmoothlyToggleSwitch {
+        "disabled": boolean;
+        "name": string;
+        "selected": boolean;
+        "size": "small" | "default" | "large";
+        "value"?: any;
+    }
     interface SmoothlyTrigger {
         "color": Color | undefined;
         "disabled": boolean;
-        "expand": Expand;
         "fill": Fill;
         "name": string;
         "type": "link" | "button";
@@ -344,6 +418,18 @@ export interface SmoothlyDisplayDemoCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSmoothlyDisplayDemoElement;
 }
+export interface SmoothlyFilterCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSmoothlyFilterElement;
+}
+export interface SmoothlyFilterInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSmoothlyFilterInputElement;
+}
+export interface SmoothlyFormCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSmoothlyFormElement;
+}
 export interface SmoothlyFrameCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSmoothlyFrameElement;
@@ -453,6 +539,24 @@ declare global {
         prototype: HTMLSmoothlyAccordionItemElement;
         new (): HTMLSmoothlyAccordionItemElement;
     };
+    interface HTMLSmoothlyAddressElement extends Components.SmoothlyAddress, HTMLStencilElement {
+    }
+    var HTMLSmoothlyAddressElement: {
+        prototype: HTMLSmoothlyAddressElement;
+        new (): HTMLSmoothlyAddressElement;
+    };
+    interface HTMLSmoothlyAddressDisplayElement extends Components.SmoothlyAddressDisplay, HTMLStencilElement {
+    }
+    var HTMLSmoothlyAddressDisplayElement: {
+        prototype: HTMLSmoothlyAddressDisplayElement;
+        new (): HTMLSmoothlyAddressDisplayElement;
+    };
+    interface HTMLSmoothlyAddressesElement extends Components.SmoothlyAddresses, HTMLStencilElement {
+    }
+    var HTMLSmoothlyAddressesElement: {
+        prototype: HTMLSmoothlyAddressesElement;
+        new (): HTMLSmoothlyAddressesElement;
+    };
     interface HTMLSmoothlyAppElement extends Components.SmoothlyApp, HTMLStencilElement {
     }
     var HTMLSmoothlyAppElement: {
@@ -489,6 +593,12 @@ declare global {
         prototype: HTMLSmoothlyCheckboxElement;
         new (): HTMLSmoothlyCheckboxElement;
     };
+    interface HTMLSmoothlyColorElement extends Components.SmoothlyColor, HTMLStencilElement {
+    }
+    var HTMLSmoothlyColorElement: {
+        prototype: HTMLSmoothlyColorElement;
+        new (): HTMLSmoothlyColorElement;
+    };
     interface HTMLSmoothlyCountryElement extends Components.SmoothlyCountry, HTMLStencilElement {
     }
     var HTMLSmoothlyCountryElement: {
@@ -534,6 +644,24 @@ declare global {
         prototype: HTMLSmoothlyDisplayDemoElement;
         new (): HTMLSmoothlyDisplayDemoElement;
     };
+    interface HTMLSmoothlyFilterElement extends Components.SmoothlyFilter, HTMLStencilElement {
+    }
+    var HTMLSmoothlyFilterElement: {
+        prototype: HTMLSmoothlyFilterElement;
+        new (): HTMLSmoothlyFilterElement;
+    };
+    interface HTMLSmoothlyFilterInputElement extends Components.SmoothlyFilterInput, HTMLStencilElement {
+    }
+    var HTMLSmoothlyFilterInputElement: {
+        prototype: HTMLSmoothlyFilterInputElement;
+        new (): HTMLSmoothlyFilterInputElement;
+    };
+    interface HTMLSmoothlyFormElement extends Components.SmoothlyForm, HTMLStencilElement {
+    }
+    var HTMLSmoothlyFormElement: {
+        prototype: HTMLSmoothlyFormElement;
+        new (): HTMLSmoothlyFormElement;
+    };
     interface HTMLSmoothlyFrameElement extends Components.SmoothlyFrame, HTMLStencilElement {
     }
     var HTMLSmoothlyFrameElement: {
@@ -708,6 +836,12 @@ declare global {
         prototype: HTMLSmoothlySubmitElement;
         new (): HTMLSmoothlySubmitElement;
     };
+    interface HTMLSmoothlySummaryElement extends Components.SmoothlySummary, HTMLStencilElement {
+    }
+    var HTMLSmoothlySummaryElement: {
+        prototype: HTMLSmoothlySummaryElement;
+        new (): HTMLSmoothlySummaryElement;
+    };
     interface HTMLSmoothlySvgElement extends Components.SmoothlySvg, HTMLStencilElement {
     }
     var HTMLSmoothlySvgElement: {
@@ -744,6 +878,12 @@ declare global {
         prototype: HTMLSmoothlyTableDemoElement;
         new (): HTMLSmoothlyTableDemoElement;
     };
+    interface HTMLSmoothlyTableDemoFilteredElement extends Components.SmoothlyTableDemoFiltered, HTMLStencilElement {
+    }
+    var HTMLSmoothlyTableDemoFilteredElement: {
+        prototype: HTMLSmoothlyTableDemoFilteredElement;
+        new (): HTMLSmoothlyTableDemoFilteredElement;
+    };
     interface HTMLSmoothlyTableExpandableCellElement extends Components.SmoothlyTableExpandableCell, HTMLStencilElement {
     }
     var HTMLSmoothlyTableExpandableCellElement: {
@@ -768,6 +908,18 @@ declare global {
         prototype: HTMLSmoothlyTableRowElement;
         new (): HTMLSmoothlyTableRowElement;
     };
+    interface HTMLSmoothlyToggleElement extends Components.SmoothlyToggle, HTMLStencilElement {
+    }
+    var HTMLSmoothlyToggleElement: {
+        prototype: HTMLSmoothlyToggleElement;
+        new (): HTMLSmoothlyToggleElement;
+    };
+    interface HTMLSmoothlyToggleSwitchElement extends Components.SmoothlyToggleSwitch, HTMLStencilElement {
+    }
+    var HTMLSmoothlyToggleSwitchElement: {
+        prototype: HTMLSmoothlyToggleSwitchElement;
+        new (): HTMLSmoothlyToggleSwitchElement;
+    };
     interface HTMLSmoothlyTriggerElement extends Components.SmoothlyTrigger, HTMLStencilElement {
     }
     var HTMLSmoothlyTriggerElement: {
@@ -801,12 +953,16 @@ declare global {
     interface HTMLElementTagNameMap {
         "smoothly-accordion": HTMLSmoothlyAccordionElement;
         "smoothly-accordion-item": HTMLSmoothlyAccordionItemElement;
+        "smoothly-address": HTMLSmoothlyAddressElement;
+        "smoothly-address-display": HTMLSmoothlyAddressDisplayElement;
+        "smoothly-addresses": HTMLSmoothlyAddressesElement;
         "smoothly-app": HTMLSmoothlyAppElement;
         "smoothly-app-demo": HTMLSmoothlyAppDemoElement;
         "smoothly-backtotop": HTMLSmoothlyBacktotopElement;
         "smoothly-button": HTMLSmoothlyButtonElement;
         "smoothly-calendar": HTMLSmoothlyCalendarElement;
         "smoothly-checkbox": HTMLSmoothlyCheckboxElement;
+        "smoothly-color": HTMLSmoothlyColorElement;
         "smoothly-country": HTMLSmoothlyCountryElement;
         "smoothly-dialog": HTMLSmoothlyDialogElement;
         "smoothly-dialog-demo": HTMLSmoothlyDialogDemoElement;
@@ -814,6 +970,9 @@ declare global {
         "smoothly-display-amount": HTMLSmoothlyDisplayAmountElement;
         "smoothly-display-date-time": HTMLSmoothlyDisplayDateTimeElement;
         "smoothly-display-demo": HTMLSmoothlyDisplayDemoElement;
+        "smoothly-filter": HTMLSmoothlyFilterElement;
+        "smoothly-filter-input": HTMLSmoothlyFilterInputElement;
+        "smoothly-form": HTMLSmoothlyFormElement;
         "smoothly-frame": HTMLSmoothlyFrameElement;
         "smoothly-google-font": HTMLSmoothlyGoogleFontElement;
         "smoothly-icon": HTMLSmoothlyIconElement;
@@ -843,16 +1002,20 @@ declare global {
         "smoothly-skeleton": HTMLSmoothlySkeletonElement;
         "smoothly-spinner": HTMLSmoothlySpinnerElement;
         "smoothly-submit": HTMLSmoothlySubmitElement;
+        "smoothly-summary": HTMLSmoothlySummaryElement;
         "smoothly-svg": HTMLSmoothlySvgElement;
         "smoothly-tab": HTMLSmoothlyTabElement;
         "smoothly-tab-switch": HTMLSmoothlyTabSwitchElement;
         "smoothly-table": HTMLSmoothlyTableElement;
         "smoothly-table-cell": HTMLSmoothlyTableCellElement;
         "smoothly-table-demo": HTMLSmoothlyTableDemoElement;
+        "smoothly-table-demo-filtered": HTMLSmoothlyTableDemoFilteredElement;
         "smoothly-table-expandable-cell": HTMLSmoothlyTableExpandableCellElement;
         "smoothly-table-expandable-row": HTMLSmoothlyTableExpandableRowElement;
         "smoothly-table-header": HTMLSmoothlyTableHeaderElement;
         "smoothly-table-row": HTMLSmoothlyTableRowElement;
+        "smoothly-toggle": HTMLSmoothlyToggleElement;
+        "smoothly-toggle-switch": HTMLSmoothlyToggleSwitchElement;
         "smoothly-trigger": HTMLSmoothlyTriggerElement;
         "smoothly-trigger-sink": HTMLSmoothlyTriggerSinkElement;
         "smoothly-trigger-source": HTMLSmoothlyTriggerSourceElement;
@@ -873,6 +1036,18 @@ declare namespace LocalJSX {
         "onSmoothlyOpen"?: (event: SmoothlyAccordionItemCustomEvent<{ name: string; open: boolean }>) => void;
         "open"?: boolean;
     }
+    interface SmoothlyAddress {
+        "editable"?: boolean;
+        "value"?: address;
+    }
+    interface SmoothlyAddressDisplay {
+        "editable"?: boolean;
+        "value"?: address;
+    }
+    interface SmoothlyAddresses {
+        "editable"?: boolean[];
+        "value"?: address[];
+    }
     interface SmoothlyApp {
         "color"?: Color;
     }
@@ -885,16 +1060,17 @@ declare namespace LocalJSX {
         "right"?: string;
     }
     interface SmoothlyButton {
-        "color"?: Color | undefined;
+        "color"?: Color;
         "disabled"?: boolean;
         "download"?: boolean;
-        "expand"?: Expand;
+        "expand"?: "block" | "full";
         "fill"?: Fill;
         "link"?: string;
+        "shape"?: "rounded";
+        "size"?: "small" | "large" | "icon";
         "type"?: "link" | "button";
     }
     interface SmoothlyCalendar {
-        "color"?: Color;
         "doubleInput"?: boolean;
         "end"?: Date;
         "max"?: Date;
@@ -909,12 +1085,16 @@ declare namespace LocalJSX {
         "value"?: Date;
     }
     interface SmoothlyCheckbox {
+        "checked"?: boolean;
         "disabled"?: boolean;
         "intermediate"?: boolean;
-        "onChecked"?: (event: SmoothlyCheckboxCustomEvent<{ selected: boolean }>) => void;
-        "selectAll"?: boolean;
-        "selected"?: boolean;
+        "name"?: string;
+        "onSmoothlyChecked"?: (event: SmoothlyCheckboxCustomEvent<Record<string, any>>) => void;
         "size"?: "tiny" | "small" | "medium" | "large";
+        "value"?: any;
+    }
+    interface SmoothlyColor {
+        "color"?: Color;
     }
     interface SmoothlyCountry {
         "text"?: "alpha2" | "name" | "none";
@@ -949,9 +1129,41 @@ declare namespace LocalJSX {
     interface SmoothlyDisplayDemo {
         "onNotice"?: (event: SmoothlyDisplayDemoCustomEvent<Notice>) => void;
     }
+    interface SmoothlyFilter {
+        "criteria"?: Record<string, Criteria>;
+        "inputValue"?: Criteria;
+        "onFilters"?: (event: SmoothlyFilterCustomEvent<Criteria>) => void;
+        "placeholder"?: string | undefined;
+    }
+    interface SmoothlyFilterInput {
+        "autocomplete"?: boolean;
+        "comparison"?: "equals" | "less" | "greater" | "starts" | "ends" | "includes";
+        "currency"?: Currency;
+        "disabled"?: boolean;
+        "maxLength"?: number;
+        "minLength"?: number;
+        "name"?: string;
+        "onFilter"?: (event: SmoothlyFilterInputCustomEvent<Criteria>) => void;
+        "pattern"?: RegExp;
+        "placeholder"?: string;
+        "readonly"?: boolean;
+        "required"?: boolean;
+        "showLabel"?: boolean;
+        "type"?: string;
+        "value"?: any;
+    }
+    interface SmoothlyForm {
+        "action"?: string;
+        "looks"?: "plain" | "grid" | "border" | "line";
+        "method"?: "GET" | "POST";
+        "name"?: string;
+        "onSmoothlyFormInput"?: (event: SmoothlyFormCustomEvent<Data>) => void;
+        "onSmoothlyFormSubmit"?: (event: SmoothlyFormCustomEvent<Data>) => void;
+        "processing"?: boolean;
+    }
     interface SmoothlyFrame {
         "name"?: string;
-        "onMessage"?: (event: SmoothlyFrameCustomEvent<Message<any>>) => void;
+        "onMessage2"?: (event: SmoothlyFrameCustomEvent<Message<any>>) => void;
         "onTrigger"?: (event: SmoothlyFrameCustomEvent<Trigger>) => void;
         "origin"?: string | undefined;
         "url"?: string;
@@ -976,8 +1188,8 @@ declare namespace LocalJSX {
         "minLength"?: number;
         "name"?: string;
         "onSmoothlyBlur"?: (event: SmoothlyInputCustomEvent<void>) => void;
-        "onSmoothlyChange"?: (event: SmoothlyInputCustomEvent<{ name: string; value: any }>) => void;
-        "onSmoothlyInput"?: (event: SmoothlyInputCustomEvent<{ name: string; value: any }>) => void;
+        "onSmoothlyChange"?: (event: SmoothlyInputCustomEvent<Record<string, any>>) => void;
+        "onSmoothlyInput"?: (event: SmoothlyInputCustomEvent<Record<string, any>>) => void;
         "pattern"?: RegExp | undefined;
         "placeholder"?: string | undefined;
         "readonly"?: boolean;
@@ -987,7 +1199,6 @@ declare namespace LocalJSX {
         "value"?: any;
     }
     interface SmoothlyInputDate {
-        "color"?: Color;
         "disabled"?: boolean;
         "max"?: Date;
         "min"?: Date;
@@ -1142,11 +1353,17 @@ declare namespace LocalJSX {
     interface SmoothlySubmit {
         "color"?: Color;
         "disabled"?: boolean;
-        "expand"?: Expand;
+        "expand"?: "block" | "full";
         "fill"?: Fill;
-        "onSubmit"?: (event: SmoothlySubmitCustomEvent<Data>) => void;
-        "prevent"?: boolean;
-        "processing"?: boolean;
+        "onSmoothlySubmit"?: (event: SmoothlySubmitCustomEvent<any>) => void;
+        "shape"?: "rounded";
+        "size"?: "small" | "large" | "icon";
+        "type"?: "link" | "button";
+    }
+    interface SmoothlySummary {
+        "color"?: Color;
+        "fill"?: Fill;
+        "size"?: "tiny" | "small" | "medium" | "large";
     }
     interface SmoothlySvg {
         "color"?: string;
@@ -1161,6 +1378,7 @@ declare namespace LocalJSX {
     interface SmoothlyTabSwitch {
     }
     interface SmoothlyTable {
+        "align"?: "middle" | "bottom" | "top";
         "onSmoothlyNestedTable"?: (event: SmoothlyTableCustomEvent<() => void>) => void;
         "onSpotlightChange"?: (event: SmoothlyTableCustomEvent<{ allowSpotlight: boolean; owner?: EventTarget }>) => void;
         "onTableLoad"?: (event: SmoothlyTableCustomEvent<(owner: EventTarget) => void>) => void;
@@ -1170,6 +1388,8 @@ declare namespace LocalJSX {
     }
     interface SmoothlyTableDemo {
     }
+    interface SmoothlyTableDemoFiltered {
+    }
     interface SmoothlyTableExpandableCell {
         "align"?: "left" | "center" | "right";
         "onExpandableChange"?: (event: SmoothlyTableExpandableCellCustomEvent<boolean>) => void;
@@ -1190,10 +1410,23 @@ declare namespace LocalJSX {
     }
     interface SmoothlyTableRow {
     }
+    interface SmoothlyToggle {
+        "disabled"?: boolean;
+        "name"?: string;
+        "selected"?: boolean;
+        "shape"?: "rounded";
+        "value"?: any;
+    }
+    interface SmoothlyToggleSwitch {
+        "disabled"?: boolean;
+        "name"?: string;
+        "selected"?: boolean;
+        "size"?: "small" | "default" | "large";
+        "value"?: any;
+    }
     interface SmoothlyTrigger {
         "color"?: Color | undefined;
         "disabled"?: boolean;
-        "expand"?: Expand;
         "fill"?: Fill;
         "name"?: string;
         "onTrigger"?: (event: SmoothlyTriggerCustomEvent<Trigger>) => void;
@@ -1219,12 +1452,16 @@ declare namespace LocalJSX {
     interface IntrinsicElements {
         "smoothly-accordion": SmoothlyAccordion;
         "smoothly-accordion-item": SmoothlyAccordionItem;
+        "smoothly-address": SmoothlyAddress;
+        "smoothly-address-display": SmoothlyAddressDisplay;
+        "smoothly-addresses": SmoothlyAddresses;
         "smoothly-app": SmoothlyApp;
         "smoothly-app-demo": SmoothlyAppDemo;
         "smoothly-backtotop": SmoothlyBacktotop;
         "smoothly-button": SmoothlyButton;
         "smoothly-calendar": SmoothlyCalendar;
         "smoothly-checkbox": SmoothlyCheckbox;
+        "smoothly-color": SmoothlyColor;
         "smoothly-country": SmoothlyCountry;
         "smoothly-dialog": SmoothlyDialog;
         "smoothly-dialog-demo": SmoothlyDialogDemo;
@@ -1232,6 +1469,9 @@ declare namespace LocalJSX {
         "smoothly-display-amount": SmoothlyDisplayAmount;
         "smoothly-display-date-time": SmoothlyDisplayDateTime;
         "smoothly-display-demo": SmoothlyDisplayDemo;
+        "smoothly-filter": SmoothlyFilter;
+        "smoothly-filter-input": SmoothlyFilterInput;
+        "smoothly-form": SmoothlyForm;
         "smoothly-frame": SmoothlyFrame;
         "smoothly-google-font": SmoothlyGoogleFont;
         "smoothly-icon": SmoothlyIcon;
@@ -1261,16 +1501,20 @@ declare namespace LocalJSX {
         "smoothly-skeleton": SmoothlySkeleton;
         "smoothly-spinner": SmoothlySpinner;
         "smoothly-submit": SmoothlySubmit;
+        "smoothly-summary": SmoothlySummary;
         "smoothly-svg": SmoothlySvg;
         "smoothly-tab": SmoothlyTab;
         "smoothly-tab-switch": SmoothlyTabSwitch;
         "smoothly-table": SmoothlyTable;
         "smoothly-table-cell": SmoothlyTableCell;
         "smoothly-table-demo": SmoothlyTableDemo;
+        "smoothly-table-demo-filtered": SmoothlyTableDemoFiltered;
         "smoothly-table-expandable-cell": SmoothlyTableExpandableCell;
         "smoothly-table-expandable-row": SmoothlyTableExpandableRow;
         "smoothly-table-header": SmoothlyTableHeader;
         "smoothly-table-row": SmoothlyTableRow;
+        "smoothly-toggle": SmoothlyToggle;
+        "smoothly-toggle-switch": SmoothlyToggleSwitch;
         "smoothly-trigger": SmoothlyTrigger;
         "smoothly-trigger-sink": SmoothlyTriggerSink;
         "smoothly-trigger-source": SmoothlyTriggerSource;
@@ -1284,12 +1528,16 @@ declare module "@stencil/core" {
         interface IntrinsicElements {
             "smoothly-accordion": LocalJSX.SmoothlyAccordion & JSXBase.HTMLAttributes<HTMLSmoothlyAccordionElement>;
             "smoothly-accordion-item": LocalJSX.SmoothlyAccordionItem & JSXBase.HTMLAttributes<HTMLSmoothlyAccordionItemElement>;
+            "smoothly-address": LocalJSX.SmoothlyAddress & JSXBase.HTMLAttributes<HTMLSmoothlyAddressElement>;
+            "smoothly-address-display": LocalJSX.SmoothlyAddressDisplay & JSXBase.HTMLAttributes<HTMLSmoothlyAddressDisplayElement>;
+            "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-button": LocalJSX.SmoothlyButton & JSXBase.HTMLAttributes<HTMLSmoothlyButtonElement>;
             "smoothly-calendar": LocalJSX.SmoothlyCalendar & JSXBase.HTMLAttributes<HTMLSmoothlyCalendarElement>;
             "smoothly-checkbox": LocalJSX.SmoothlyCheckbox & JSXBase.HTMLAttributes<HTMLSmoothlyCheckboxElement>;
+            "smoothly-color": LocalJSX.SmoothlyColor & JSXBase.HTMLAttributes<HTMLSmoothlyColorElement>;
             "smoothly-country": LocalJSX.SmoothlyCountry & JSXBase.HTMLAttributes<HTMLSmoothlyCountryElement>;
             "smoothly-dialog": LocalJSX.SmoothlyDialog & JSXBase.HTMLAttributes<HTMLSmoothlyDialogElement>;
             "smoothly-dialog-demo": LocalJSX.SmoothlyDialogDemo & JSXBase.HTMLAttributes<HTMLSmoothlyDialogDemoElement>;
@@ -1300,6 +1548,9 @@ declare module "@stencil/core" {
              */
             "smoothly-display-date-time": LocalJSX.SmoothlyDisplayDateTime & JSXBase.HTMLAttributes<HTMLSmoothlyDisplayDateTimeElement>;
             "smoothly-display-demo": LocalJSX.SmoothlyDisplayDemo & JSXBase.HTMLAttributes<HTMLSmoothlyDisplayDemoElement>;
+            "smoothly-filter": LocalJSX.SmoothlyFilter & JSXBase.HTMLAttributes<HTMLSmoothlyFilterElement>;
+            "smoothly-filter-input": LocalJSX.SmoothlyFilterInput & JSXBase.HTMLAttributes<HTMLSmoothlyFilterInputElement>;
+            "smoothly-form": LocalJSX.SmoothlyForm & JSXBase.HTMLAttributes<HTMLSmoothlyFormElement>;
             "smoothly-frame": LocalJSX.SmoothlyFrame & JSXBase.HTMLAttributes<HTMLSmoothlyFrameElement>;
             "smoothly-google-font": LocalJSX.SmoothlyGoogleFont & JSXBase.HTMLAttributes<HTMLSmoothlyGoogleFontElement>;
             "smoothly-icon": LocalJSX.SmoothlyIcon & JSXBase.HTMLAttributes<HTMLSmoothlyIconElement>;
@@ -1329,16 +1580,20 @@ declare module "@stencil/core" {
             "smoothly-skeleton": LocalJSX.SmoothlySkeleton & JSXBase.HTMLAttributes<HTMLSmoothlySkeletonElement>;
             "smoothly-spinner": LocalJSX.SmoothlySpinner & JSXBase.HTMLAttributes<HTMLSmoothlySpinnerElement>;
             "smoothly-submit": LocalJSX.SmoothlySubmit & JSXBase.HTMLAttributes<HTMLSmoothlySubmitElement>;
+            "smoothly-summary": LocalJSX.SmoothlySummary & JSXBase.HTMLAttributes<HTMLSmoothlySummaryElement>;
             "smoothly-svg": LocalJSX.SmoothlySvg & JSXBase.HTMLAttributes<HTMLSmoothlySvgElement>;
             "smoothly-tab": LocalJSX.SmoothlyTab & JSXBase.HTMLAttributes<HTMLSmoothlyTabElement>;
             "smoothly-tab-switch": LocalJSX.SmoothlyTabSwitch & JSXBase.HTMLAttributes<HTMLSmoothlyTabSwitchElement>;
             "smoothly-table": LocalJSX.SmoothlyTable & JSXBase.HTMLAttributes<HTMLSmoothlyTableElement>;
             "smoothly-table-cell": LocalJSX.SmoothlyTableCell & JSXBase.HTMLAttributes<HTMLSmoothlyTableCellElement>;
             "smoothly-table-demo": LocalJSX.SmoothlyTableDemo & JSXBase.HTMLAttributes<HTMLSmoothlyTableDemoElement>;
+            "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-header": LocalJSX.SmoothlyTableHeader & JSXBase.HTMLAttributes<HTMLSmoothlyTableHeaderElement>;
             "smoothly-table-row": LocalJSX.SmoothlyTableRow & JSXBase.HTMLAttributes<HTMLSmoothlyTableRowElement>;
+            "smoothly-toggle": LocalJSX.SmoothlyToggle & JSXBase.HTMLAttributes<HTMLSmoothlyToggleElement>;
+            "smoothly-toggle-switch": LocalJSX.SmoothlyToggleSwitch & JSXBase.HTMLAttributes<HTMLSmoothlyToggleSwitchElement>;
             "smoothly-trigger": LocalJSX.SmoothlyTrigger & JSXBase.HTMLAttributes<HTMLSmoothlyTriggerElement>;
             "smoothly-trigger-sink": LocalJSX.SmoothlyTriggerSink & JSXBase.HTMLAttributes<HTMLSmoothlyTriggerSinkElement>;
             "smoothly-trigger-source": LocalJSX.SmoothlyTriggerSource & JSXBase.HTMLAttributes<HTMLSmoothlyTriggerSourceElement>;

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
 export { Components, JSX } from "./components";
 export { App, redirect } from "./components/App";
-export { Autocomplete, ClientIdentifier, Color, Expand, Fill, GoogleFont, Message, Notice, Trigger, Option, Listenable, } from "./model";
+export { Autocomplete, ClientIdentifier, Color, Fill, GoogleFont, Message, Notice, Trigger, Option, Listenable, } from "./model";
 export { Cosmetic } from "./utilities";

package/dist/types/model/index.d.ts

@@ -1,7 +1,6 @@
 export { Autocomplete } from "./Autocomplete";
 export { ClientIdentifier } from "./ClientIdentifier";
 export { Color } from "./Color";
-export { Expand } from "./Expand";
 export { Fill } from "./Fill";
 export { GoogleFont } from "./GoogleFont";
 export { Message } from "./Message";