smoothly 0.2.11 → 0.3.1

package/dist/smoothly/smoothly.esm.js

@@ -1 +1 @@
-import{p as e,b as o}from"./p-191ee4b8.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((e=>o([["p-8e4e941e",[[2,"smoothly-google-font",{value:[1]}]]],["p-9bc77fba",[[4,"smoothly-radio-group",{orientation:[513]}]]],["p-7a5eda51",[[0,"smoothly-reorder"]]],["p-8aefcb54",[[2,"smoothly-svg",{url:[513],size:[513],color:[1]}]]],["p-d5d4832d",[[6,"smoothly-trigger-sink",{context:[16],destination:[1],filter:[1]},[[0,"trigger","TriggerListener"]]]]],["p-919ae3e8",[[6,"smoothly-trigger-source",{listen:[1]}]]],["p-956089d5",[[0,"smoothly-app-demo",{baseUrl:[1,"base-url"]}],[0,"smoothly-input-demo"],[2,"smoothly-select-demo",null,[[0,"selectionChanged","handleSelectionChanged"]]],[2,"smoothly-table-demo"],[0,"smoothly-display-demo"],[4,"smoothly-app",{color:[1]}],[0,"smoothly-dialog-demo"],[2,"smoothly-icon-demo"],[6,"smoothly-button",{color:[513],expand:[513],fill:[513],disabled:[516],type:[513],link:[1],download:[4]}],[4,"smoothly-room",{label:[1],icon:[1],path:[1],to:[1]}],[2,"smoothly-input-date-range",{value:[1025],start:[1025],end:[1025],max:[1025],min:[1025],open:[1028],showLabel:[516,"show-label"]},[[0,"startChanged","onStartChanged"],[0,"endChanged","onEndChanged"],[0,"dateRangeSet","onDateRangeSet"]]],[6,"smoothly-notifier",{notices:[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]],[1,"smoothly-picker",{disabled:[516],readonly:[516],maxMenuHeight:[1,"max-menu-height"],maxHeight:[1,"max-height"],emptyMenuLabel:[1025,"empty-menu-label"],multiple:[516],mutable:[4],optionStyle:[8,"option-style"],options:[16],labelSetting:[513,"label-setting"],label:[513],selections:[1040],selectNoneName:[1025,"select-none-name"],selectAllName:[1025,"select-all-name"],selectionName:[1025,"selection-name"],newOptionLabel:[1025,"new-option-label"],valueValidator:[16],isOpen:[32],empty:[32]},[[0,"optionSelect","optionSelectHandler"],[0,"optionAdd","optionAddHandler"],[0,"menuEmpty","emptyHandler"]]],[6,"smoothly-dialog",{color:[513],open:[1540],closable:[516],header:[513]},[[0,"trigger","TriggerListener"]]],[2,"smoothly-backtotop",{opacity:[1],bottom:[1],right:[1],visible:[32]}],[2,"smoothly-checkbox",{selectAll:[4,"select-all"],size:[1],intermediate:[1540],selected:[1540],disabled:[1540],t:[32]}],[6,"smoothly-submit",{processing:[1540],color:[513],expand:[513],fill:[513],disabled:[516],prevent:[4],submit:[64]},[[0,"click","handleSubmit"]]],[6,"smoothly-table-expandable-cell",{align:[1],open:[1540]},[[0,"click","onClick"]]],[6,"smoothly-table-expandable-row",{align:[1],open:[1540]},[[0,"click","onClick"]]],[0,"smoothly-urlencoded",{data:[1]}],[6,"smoothly-accordion",{value:[1025]},[[0,"smoothlyOpen","handleOpenClose"],[0,"smoothlyClose","handleOpenClose"],[0,"smoothlyAccordionItemDidLoad","onAccordionItemDidLoad"],[0,"smoothlyAccordionItemDidUnload","onAccordionItemDidUnload"]]],[6,"smoothly-accordion-item",{name:[1],brand:[1],open:[1540]}],[2,"smoothly-display",{type:[1],value:[8],currency:[1],country:[1],format:[16]}],[2,"smoothly-display-amount",{amount:[8],currency:[1]}],[2,"smoothly-frame",{url:[1],name:[1],origin:[1],send:[64]}],[6,"smoothly-popup",{visible:[1540],direction:[1537],cssVariables:[32]}],[6,"smoothly-quiet",{color:[1]}],[6,"smoothly-radio",{name:[1],value:[1],checked:[1540],tabIndex:[2,"tab-index"]}],[6,"smoothly-select",{identifier:[1],background:[513],value:[1025]}],[2,"smoothly-skeleton",{widths:[16],width:[1],color:[1],period:[2],distance:[1],align:[513]}],[6,"smoothly-table",null,[[0,"expansionLoad","handleEvents"],[0,"expansionOpen","handleEvents"]]],[6,"smoothly-table-cell"],[6,"smoothly-table-header",{name:[1]}],[6,"smoothly-table-row",null,[[0,"expansionLoad","onExpansionLoad"],[0,"expansionOpen","onExpansionOpen"]]],[6,"smoothly-input-date",{name:[513],value:[1025],open:[1028],max:[1025],min:[1025],disabled:[1028]},[[0,"dateSet","dateSetHandler"]]],[1,"smoothly-menu-options",{emptyMenuLabel:[1025,"empty-menu-label"],newOptionLabel:[1,"new-option-label"],maxMenuHeight:[1,"max-menu-height"],order:[4],optionStyle:[8,"option-style"],options:[1040],resetHighlightOnOptionsChange:[1028,"reset-highlight-on-options-change"],mutable:[4],filteredOptions:[32],highlightIndex:[32],keyword:[32],moveHighlight:[64],setHighlight:[64],getHighlighted:[64],filterOptions:[64]},[[0,"optionHover","optionHoverHandler"]]],[2,"smoothly-notification",{notice:[16],tick:[32]},[[0,"trigger","onTrigger"]]],[2,"smoothly-display-date-time",{datetime:[1]}],[2,"smoothly-spinner",{active:[516],size:[513]}],[6,"smoothly-tab",{label:[1],open:[1540]},[[0,"click","onClick"]]],[6,"smoothly-tab-switch",{selectedElement:[32]},[[0,"expansionOpen","openChanged"]]],[0,"smoothly-tuple",{tuple:[16]}],[1,"smoothly-option",{aliases:[513],dataHighlight:[1540,"data-highlight"],name:[1537],value:[1537],divider:[1540],new:[4]}],[2,"smoothly-calendar",{month:[1025],value:[1025],start:[1025],end:[1025],max:[1025],min:[1025],doubleInput:[516,"double-input"],firstSelected:[32]}],[6,"smoothly-input",{name:[513],value:[1032],type:[513],required:[1540],minLength:[1026,"min-length"],showLabel:[516,"show-label"],maxLength:[1026,"max-length"],autocomplete:[1028],pattern:[1040],placeholder:[1025],disabled:[1028],readonly:[1028],currency:[513],initialValue:[32],getFormData:[64],setKeepFocusOnReRender:[64],setSelectionRange:[64]}],[2,"smoothly-input-month",{value:[1025]}],[6,"smoothly-selector",{opened:[32],selectedElement:[32],missing:[32],filter:[32]},[[0,"click","onClick"],[0,"itemSelected","onItemSelected"],[0,"keydown","onKeyDown"]]],[6,"smoothly-item",{value:[8],selected:[1540],filter:[64]},[[0,"click","onClick"]]],[6,"smoothly-trigger",{color:[513],expand:[513],fill:[513],disabled:[516],type:[513],name:[1],value:[8]},[[0,"click","onClick"]]],[2,"smoothly-icon",{color:[513],fill:[513],name:[1],size:[513],toolTip:[1,"tool-tip"],document:[32]}]]]],e)));
+import{p as e,b as o}from"./p-191ee4b8.js";(()=>{const o=import.meta.url,t={};return""!==o&&(t.resourcesUrl=new URL(".",o).href),e(t)})().then((e=>o([["p-8e4e941e",[[2,"smoothly-google-font",{value:[1]}]]],["p-9bc77fba",[[4,"smoothly-radio-group",{orientation:[513]}]]],["p-7a5eda51",[[0,"smoothly-reorder"]]],["p-8aefcb54",[[2,"smoothly-svg",{url:[513],size:[513],color:[1]}]]],["p-d5d4832d",[[6,"smoothly-trigger-sink",{context:[16],destination:[1],filter:[1]},[[0,"trigger","TriggerListener"]]]]],["p-919ae3e8",[[6,"smoothly-trigger-source",{listen:[1]}]]],["p-b92b1eb7",[[0,"smoothly-app-demo",{baseUrl:[1,"base-url"]}],[0,"smoothly-input-demo"],[2,"smoothly-select-demo",null,[[0,"selectionChanged","handleSelectionChanged"]]],[2,"smoothly-table-demo"],[0,"smoothly-display-demo"],[4,"smoothly-app",{color:[1]}],[0,"smoothly-dialog-demo"],[2,"smoothly-icon-demo"],[6,"smoothly-button",{color:[513],expand:[513],fill:[513],disabled:[516],type:[513],link:[1],download:[4]}],[4,"smoothly-room",{label:[1],icon:[1],path:[1],to:[1]}],[2,"smoothly-input-date-range",{value:[1025],start:[1025],end:[1025],max:[1025],min:[1025],open:[1028],showLabel:[516,"show-label"]},[[0,"startChanged","onStartChanged"],[0,"endChanged","onEndChanged"],[0,"dateRangeSet","onDateRangeSet"]]],[1,"smoothly-picker",{disabled:[516],readonly:[516],maxMenuHeight:[1,"max-menu-height"],maxHeight:[1,"max-height"],emptyMenuLabel:[1025,"empty-menu-label"],multiple:[516],mutable:[4],optionStyle:[8,"option-style"],options:[1040],labelSetting:[513,"label-setting"],label:[513],selections:[1040],selectNoneName:[1025,"select-none-name"],selectAllName:[1025,"select-all-name"],selectionName:[1025,"selection-name"],newOptionLabel:[1025,"new-option-label"],valueValidator:[16],isOpen:[32],empty:[32]},[[0,"optionSelect","optionSelectHandler"],[0,"optionUnselect","optionSelectHandler"],[0,"optionAdd","optionAddHandler"],[0,"menuEmpty","emptyHandler"]]],[6,"smoothly-notifier",{notices:[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]],[6,"smoothly-dialog",{color:[513],open:[1540],closable:[516],header:[513]},[[0,"trigger","TriggerListener"]]],[2,"smoothly-backtotop",{opacity:[1],bottom:[1],right:[1],visible:[32]}],[2,"smoothly-checkbox",{selectAll:[4,"select-all"],size:[1],intermediate:[1540],selected:[1540],disabled:[1540],t:[32]}],[6,"smoothly-submit",{processing:[1540],color:[513],expand:[513],fill:[513],disabled:[516],prevent:[4],submit:[64]},[[0,"click","handleSubmit"]]],[6,"smoothly-table-expandable-cell",{align:[1],open:[1540]},[[0,"click","onClick"]]],[6,"smoothly-table-expandable-row",{align:[1],open:[1540]},[[0,"click","onClick"]]],[0,"smoothly-urlencoded",{data:[1]}],[6,"smoothly-accordion",{value:[1025]},[[0,"smoothlyOpen","handleOpenClose"],[0,"smoothlyClose","handleOpenClose"],[0,"smoothlyAccordionItemDidLoad","onAccordionItemDidLoad"],[0,"smoothlyAccordionItemDidUnload","onAccordionItemDidUnload"]]],[6,"smoothly-accordion-item",{name:[1],brand:[1],open:[1540]}],[2,"smoothly-display",{type:[1],value:[8],currency:[1],country:[1],format:[16]}],[2,"smoothly-frame",{url:[1],name:[1],origin:[1],send:[64]}],[6,"smoothly-popup",{visible:[1540],direction:[1537],cssVariables:[32]}],[6,"smoothly-radio",{name:[1],value:[1],checked:[1540],tabIndex:[2,"tab-index"]}],[6,"smoothly-select",{identifier:[1],background:[513],value:[1025]}],[2,"smoothly-skeleton",{widths:[16],width:[1025],color:[1],period:[2],distance:[1],align:[513]}],[6,"smoothly-table",null,[[0,"expansionLoad","handleEvents"],[0,"expansionOpen","handleEvents"]]],[6,"smoothly-table-cell"],[6,"smoothly-table-header",{name:[1]}],[6,"smoothly-table-row",null,[[0,"expansionLoad","onExpansionLoad"],[0,"expansionOpen","onExpansionOpen"]]],[6,"smoothly-input-date",{name:[513],value:[1025],open:[1028],max:[1025],min:[1025],disabled:[1028]},[[0,"dateSet","dateSetHandler"]]],[1,"smoothly-menu-options",{toggle:[4],emptyMenuLabel:[1025,"empty-menu-label"],newOptionLabel:[1,"new-option-label"],maxMenuHeight:[1,"max-menu-height"],order:[4],optionStyle:[8,"option-style"],options:[1040],resetHighlightOnOptionsChange:[1028,"reset-highlight-on-options-change"],mutable:[4],filteredOptions:[32],highlightIndex:[32],keyword:[32],moveHighlight:[64],setHighlight:[64],getHighlighted:[64],filterOptions:[64]},[[0,"optionHover","optionHoverHandler"]]],[2,"smoothly-notification",{notice:[16],tick:[32]},[[0,"trigger","onTrigger"]]],[2,"smoothly-display-amount",{amount:[8],currency:[1],toInteger:[4,"to-integer"]}],[2,"smoothly-display-date-time",{datetime:[1]}],[2,"smoothly-spinner",{active:[516],size:[513]}],[6,"smoothly-tab",{label:[1],open:[1540]},[[0,"click","onClick"]]],[6,"smoothly-tab-switch",{selectedElement:[32]},[[0,"expansionOpen","openChanged"]]],[0,"smoothly-tuple",{tuple:[16]}],[1,"smoothly-option",{aliases:[513],dataHighlight:[1540,"data-highlight"],name:[1537],value:[1537],divider:[1540],checkbox:[4],new:[4],toggle:[4],checked:[1028]}],[2,"smoothly-calendar",{month:[1025],value:[1025],start:[1025],end:[1025],max:[1025],min:[1025],doubleInput:[516,"double-input"],firstSelected:[32]}],[6,"smoothly-input",{name:[513],value:[1032],type:[513],required:[1540],minLength:[1026,"min-length"],showLabel:[516,"show-label"],maxLength:[1026,"max-length"],autocomplete:[1028],pattern:[1040],placeholder:[1025],disabled:[1028],readonly:[1028],currency:[513],initialValue:[32],getFormData:[64],setKeepFocusOnReRender:[64],setSelectionRange:[64]}],[2,"smoothly-input-month",{value:[1025]}],[6,"smoothly-quiet",{color:[1]}],[6,"smoothly-selector",{opened:[32],selectedElement:[32],missing:[32],filter:[32]},[[0,"click","onClick"],[0,"itemSelected","onItemSelected"],[0,"keydown","onKeyDown"]]],[6,"smoothly-item",{value:[8],selected:[1540],filter:[64]},[[0,"click","onClick"]]],[6,"smoothly-trigger",{color:[513],expand:[513],fill:[513],disabled:[516],type:[513],name:[1],value:[8]},[[0,"click","onClick"]]],[2,"smoothly-icon",{color:[513],fill:[513],name:[1],size:[513],toolTip:[1,"tool-tip"],document:[32]}]]]],e)));

package/dist/types/components/display-amount/index.d.ts

@@ -2,6 +2,7 @@ import { Currency } from "isoly";
 export declare class SmoothlyDisplayAmount {
   amount: number | string;
   currency: Currency;
+  toInteger: boolean;
   format(amount: string): string;
   render(): string[];
 }

package/dist/types/components/menu-options/index.d.ts

@@ -1,31 +1,35 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { OptionType } from "../../model";
+import { Option } from "../../model";
 export declare class SmoothlyMenuOptions {
   private firstOptionsElement;
+  private optionElements;
   element: HTMLElement;
-  filteredOptions: OptionType[];
+  filteredOptions: (Option & {
+    checked?: boolean;
+  })[];
   highlightIndex: number;
   keyword?: string;
+  toggle: boolean;
   emptyMenuLabel: string;
   newOptionLabel: string;
   maxMenuHeight: "inherit";
   order: boolean;
   optionStyle: any;
-  options: OptionType[];
+  options: Option[];
   resetHighlightOnOptionsChange: boolean;
   mutable: boolean;
   menuEmpty: EventEmitter<boolean>;
-  optionsChangeHandler(newOptions: OptionType[]): void;
+  optionsChangeHandler(): void;
   optionHoverHandler(event: CustomEvent<{
     value: any;
     name: string;
   }>): void;
   moveHighlight(step: number): Promise<void>;
   setHighlight(newIndex: number | string, scrollToHighlight?: boolean): Promise<void>;
-  getHighlighted(): Promise<OptionType | undefined>;
+  getHighlighted(): Promise<Option | undefined>;
   filterOptions(keyword: string, excludeValues?: string[]): Promise<void>;
   sortOptions(keyword: string): void;
-  getPriorityScore(option: OptionType, keywordLowercase: string): number;
+  getPriorityScore(option: Option, keywordLowercase: string): number;
   scrollTo(optionIndex: number): void;
   render(): any;
 }

package/dist/types/components/option/index.d.ts

@@ -6,7 +6,10 @@ export declare class SmoothlyOption {
   name: string;
   value: string;
   divider?: boolean;
+  checkbox: boolean;
   new?: boolean;
+  toggle: boolean;
+  checked: boolean;
   optionHover: EventEmitter<{
     value: any;
     name: string;
@@ -15,6 +18,10 @@ export declare class SmoothlyOption {
     value: any;
     name: string;
   }>;
+  optionUnselect: EventEmitter<{
+    value: any;
+    name: string;
+  }>;
   optionAdd: EventEmitter<{
     name: string;
     value: string;

package/dist/types/components/picker/index.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { Notice, OptionType } from "../../model";
+import { Notice, Option } from "../../model";
 export declare class SmoothlyPicker {
   private inputElement;
   private keepFocusOnReRender;
@@ -9,35 +9,37 @@ export declare class SmoothlyPicker {
   empty: boolean;
   disabled: boolean;
   readonly: boolean;
-  maxMenuHeight: "inherit";
+  maxMenuHeight: string;
   maxHeight: string;
   emptyMenuLabel: string;
   multiple: boolean;
   mutable: boolean;
   optionStyle: any;
-  options: OptionType[];
+  options: (Option & {
+    checked?: boolean;
+  })[];
   labelSetting: "hide" | "default";
   label: string;
-  selections: OptionType[];
+  selections: Option[];
   selectNoneName: string;
   selectAllName: string;
   selectionName: string;
   newOptionLabel: string;
   valueValidator: (value: any) => [boolean, Notice | undefined];
-  menuClose: EventEmitter<OptionType[]>;
+  menuClose: EventEmitter<Option[]>;
   notice: EventEmitter<Notice>;
   isOpenChangeHandler(): void;
   componentDidRender(): void;
-  optionSelectHandler(event: CustomEvent<OptionType>): void;
+  optionSelectHandler(event: CustomEvent<Option>): void;
   optionAddHandler(event: CustomEvent<{
     name: string;
     value: string;
   }>): void;
   emptyHandler(event: CustomEvent<boolean>): void;
-  toggle(option: OptionType): void;
+  toggle(option: Option): void;
   toggleAll(): void;
-  unselect(selection: OptionType): void;
-  select(selection: OptionType): void;
+  unselect(selection: Option): void;
+  select(selection: Option): void;
   toggleHighlighted(): void;
   highlightDefault(): void;
   filterOptions(): void;
@@ -45,6 +47,5 @@ export declare class SmoothlyPicker {
   onKeyDown(event: KeyboardEvent): void;
   onClick(): void;
   onBlur(): void;
-  getCheckHtml(checked: boolean): HTMLElement;
   render(): any;
 }

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * 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, OptionType, Trigger } from "./model";
+import { Color, Expand, Fill, Message, Notice, Option, Trigger } from "./model";
 import { CountryCode, Currency, Date, DateRange, DateTime } from "isoly";
 import { Direction, Type } from "tidily";
 import { GoogleFont } from "./model/GoogleFont";
@@ -73,6 +73,7 @@ export namespace Components {
     interface SmoothlyDisplayAmount {
         "amount": number | string;
         "currency": Currency;
+        "toInteger": boolean;
     }
     interface SmoothlyDisplayDateTime {
         "datetime": DateTime;
@@ -145,16 +146,17 @@ export namespace Components {
     interface SmoothlyMenuOptions {
         "emptyMenuLabel": string;
         "filterOptions": (keyword: string, excludeValues?: string[]) => Promise<void>;
-        "getHighlighted": () => Promise<OptionType | undefined>;
+        "getHighlighted": () => Promise<Option | undefined>;
         "maxMenuHeight": "inherit";
         "moveHighlight": (step: number) => Promise<void>;
         "mutable": boolean;
         "newOptionLabel": string;
         "optionStyle": any;
-        "options": OptionType[];
+        "options": Option[];
         "order": boolean;
         "resetHighlightOnOptionsChange": boolean;
         "setHighlight": (newIndex: number | string, scrollToHighlight?: boolean) => Promise<void>;
+        "toggle": boolean;
     }
     interface SmoothlyNotification {
         "notice": Notice;
@@ -163,10 +165,13 @@ export namespace Components {
     }
     interface SmoothlyOption {
         "aliases": string;
+        "checkbox": boolean;
+        "checked": boolean;
         "dataHighlight": boolean;
         "divider"?: boolean;
         "name": string;
         "new"?: boolean;
+        "toggle": boolean;
         "value": string;
     }
     interface SmoothlyPicker {
@@ -175,17 +180,17 @@ export namespace Components {
         "label": string;
         "labelSetting": "hide" | "default";
         "maxHeight": string;
-        "maxMenuHeight": "inherit";
+        "maxMenuHeight": string;
         "multiple": boolean;
         "mutable": boolean;
         "newOptionLabel": string;
         "optionStyle": any;
-        "options": OptionType[];
+        "options": (Option & { checked?: boolean })[];
         "readonly": boolean;
         "selectAllName": string;
         "selectNoneName": string;
         "selectionName": string;
-        "selections": OptionType[];
+        "selections": Option[];
         "valueValidator": (value: any) => [boolean, Notice | undefined];
     }
     interface SmoothlyPopup {
@@ -869,6 +874,7 @@ declare namespace LocalJSX {
     interface SmoothlyDisplayAmount {
         "amount"?: number | string;
         "currency"?: Currency;
+        "toInteger"?: boolean;
     }
     interface SmoothlyDisplayDateTime {
         "datetime"?: DateTime;
@@ -951,9 +957,10 @@ declare namespace LocalJSX {
         "newOptionLabel"?: string;
         "onMenuEmpty"?: (event: SmoothlyMenuOptionsCustomEvent<boolean>) => void;
         "optionStyle"?: any;
-        "options"?: OptionType[];
+        "options"?: Option[];
         "order"?: boolean;
         "resetHighlightOnOptionsChange"?: boolean;
+        "toggle"?: boolean;
     }
     interface SmoothlyNotification {
         "notice"?: Notice;
@@ -963,6 +970,8 @@ declare namespace LocalJSX {
     }
     interface SmoothlyOption {
         "aliases"?: string;
+        "checkbox"?: boolean;
+        "checked"?: boolean;
         "dataHighlight"?: boolean;
         "divider"?: boolean;
         "name"?: string;
@@ -970,6 +979,8 @@ declare namespace LocalJSX {
         "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;
     }
     interface SmoothlyPicker {
@@ -978,19 +989,19 @@ declare namespace LocalJSX {
         "label"?: string;
         "labelSetting"?: "hide" | "default";
         "maxHeight"?: string;
-        "maxMenuHeight"?: "inherit";
+        "maxMenuHeight"?: string;
         "multiple"?: boolean;
         "mutable"?: boolean;
         "newOptionLabel"?: string;
-        "onMenuClose"?: (event: SmoothlyPickerCustomEvent<OptionType[]>) => void;
+        "onMenuClose"?: (event: SmoothlyPickerCustomEvent<Option[]>) => void;
         "onNotice"?: (event: SmoothlyPickerCustomEvent<Notice>) => void;
         "optionStyle"?: any;
-        "options"?: OptionType[];
+        "options"?: (Option & { checked?: boolean })[];
         "readonly"?: boolean;
         "selectAllName"?: string;
         "selectNoneName"?: string;
         "selectionName"?: string;
-        "selections"?: OptionType[];
+        "selections"?: Option[];
         "valueValidator"?: (value: any) => [boolean, Notice | undefined];
     }
     interface SmoothlyPopup {

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, OptionType, } from "./model";
+export { Autocomplete, ClientIdentifier, Color, Expand, Fill, GoogleFont, Message, Notice, Trigger, Option, } from "./model";
 export { Cosmetic } from "./utilities";

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

@@ -0,0 +1,7 @@
+export declare type Option = {
+  value: any;
+  name: string;
+  hint?: string;
+  aliases?: string[];
+  divider?: boolean;
+};

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

@@ -6,5 +6,5 @@ export { Fill } from "./Fill";
 export { GoogleFont } from "./GoogleFont";
 export { Message } from "./Message";
 export { Notice } from "./Notice";
-export { OptionType } from "./OptionType";
+export { Option } from "./Option";
 export { Trigger } from "./Trigger";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "smoothly",
-  "version": "0.2.11",
+  "version": "0.3.1",
   "description": "Web component library written in Stencil.",
   "author": "PayFunc",
   "license": "MIT",