@public-ui/components 1.1.7-rc.6

package/dist/types/components/icon-font-awesome/component.d.ts

@@ -0,0 +1,19 @@
+import { JSX } from '../../stencil-public-runtime';
+import { FontAwesome, FontAwesomeOssPrefix } from '../../enums/font-awesome';
+import { Generic } from '@public-ui/core';
+import { AriaLabel } from '../../types/aria-label';
+declare type RequiredProps = AriaLabel & {
+  icon: FontAwesome;
+  prefix: FontAwesomeOssPrefix;
+};
+declare type OptionalProps = {
+  part: string;
+};
+export declare class KolIconFontAwesome implements Generic.Element.Members<RequiredProps, OptionalProps> {
+  render(): JSX.Element;
+  _ariaLabel: string;
+  _icon: FontAwesome;
+  _prefix: FontAwesomeOssPrefix;
+  _part?: string;
+}
+export {};

package/dist/types/components/icon-icofont/component.d.ts

@@ -0,0 +1,18 @@
+import { JSX } from '../../stencil-public-runtime';
+import { Generic } from '@public-ui/core';
+import { AriaLabel } from '../../types/aria-label';
+import { Icofont } from '../../types/icofont';
+declare type RequiredProps = AriaLabel & {
+  icon: Icofont;
+};
+declare type OptionalProps = {
+  part: string;
+};
+export declare type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
+export declare class KolIconIcofont implements Generic.Element.Members<RequiredProps, OptionalProps> {
+  render(): JSX.Element;
+  _ariaLabel: string;
+  _icon: Icofont;
+  _part?: string;
+}
+export {};

package/dist/types/components/icon-icofont/test/html.mock.d.ts

@@ -0,0 +1,2 @@
+import { Props } from '../component';
+export declare const getIconIcofontHtml: (props: Props, additionalAttrs?: string) => string;

package/dist/types/components/icon-icofont/validation.d.ts

@@ -0,0 +1,3 @@
+import { Generic } from '@public-ui/core';
+import { Icofont } from '../../types/icofont';
+export declare const watchIcofont: (component: Generic.Element.Component, value?: Icofont) => void;

package/dist/types/components/indented-text/component.d.ts

@@ -0,0 +1,13 @@
+import { JSX } from '../../stencil-public-runtime';
+import { Generic } from '@public-ui/core';
+declare type RequiredProps = unknown;
+declare type OptionalProps = unknown;
+export declare type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
+declare type RequiredStates = RequiredProps;
+declare type OptionalStates = OptionalProps;
+declare type States = Generic.Element.Members<RequiredStates, OptionalStates>;
+export declare class KolIndentedText implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
+  state: States;
+  render(): JSX.Element;
+}
+export {};

package/dist/types/components/indented-text/test/html.mock.d.ts

@@ -0,0 +1,4 @@
+import { Props } from '../component';
+export declare const getIndentedTextHtml: (props: Props, slots?: {
+  default?: string;
+}) => string;

package/dist/types/components/input/component.d.ts

@@ -0,0 +1,21 @@
+import { JSX } from '../../stencil-public-runtime';
+import { ButtonProps } from '../../types/button-link';
+import { Stringified } from '../../types/common';
+import { KoliBriInputIcon } from '../input-text/types';
+import { Props } from './types';
+export declare class KolInput implements Props {
+  render(): JSX.Element;
+  _alert?: boolean;
+  _disabled?: boolean;
+  _error?: string;
+  _hideLabel?: boolean;
+  _hint?: string;
+  _icon?: KoliBriInputIcon;
+  _id: string;
+  _list?: Stringified<string[]>;
+  _readOnly?: boolean;
+  _renderNoLabel?: boolean;
+  _required?: boolean;
+  _smartButton?: ButtonProps;
+  _touched?: boolean;
+}

package/dist/types/components/input/controller.d.ts

@@ -0,0 +1,10 @@
+export declare const getRenderStates: (state: {
+  _error?: string;
+  _hint?: string;
+  _id: string;
+  _touched?: boolean;
+}) => {
+  hasError: boolean;
+  hasHint: boolean;
+  ariaDiscribedBy: string[];
+};

package/dist/types/components/input/types.d.ts

@@ -0,0 +1,18 @@
+import { Generic } from '@public-ui/core';
+import { ButtonProps } from '../../types/button-link';
+import { KoliBriInputIcon } from '../input-text/types';
+declare type RequiredProps = unknown;
+declare type OptionalProps = {
+  alert: boolean;
+  disabled: boolean;
+  error: string;
+  hideLabel: boolean;
+  hint: string;
+  icon: KoliBriInputIcon;
+  readOnly: boolean;
+  required: boolean;
+  smartButton: ButtonProps;
+  touched: boolean;
+};
+export declare type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
+export {};

package/dist/types/components/input-adapter-leanup/component.d.ts

@@ -0,0 +1,37 @@
+import { InputControl } from '@leanup/form';
+import { JSX } from '../../stencil-public-runtime';
+import { Generic } from '@public-ui/core';
+import { InputTypeOnDefault } from '../../types/input/types';
+declare type RequiredProps = {
+  control: InputControl;
+};
+declare type OptionalProps = {
+  debounce: number;
+  on: InputTypeOnDefault;
+};
+declare type RequiredStates = {
+  control: InputControl;
+  debounce: number;
+  on: InputTypeOnDefault;
+};
+declare type OptionalStates = unknown;
+declare type States = Generic.Element.Members<RequiredStates, OptionalStates>;
+export declare class KolInputAdapterLeanup implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
+  private hostElement?;
+  _control: InputControl;
+  _debounce?: number;
+  _on?: InputTypeOnDefault;
+  state: States;
+  validateControl(newControl?: InputControl, oldControl?: InputControl): void;
+  validateDebounce(value?: number): void;
+  validateOn(value?: InputTypeOnDefault): void;
+  componentWillLoad(): void;
+  disconnectedCallback(): void;
+  private changeListener;
+  private onChange;
+  private propagateControl;
+  private syncControl;
+  private catchHostElement;
+  render(): JSX.Element;
+}
+export {};

package/dist/types/components/input-adapter-leanup/controller.d.ts

@@ -0,0 +1,10 @@
+import { Generic } from '@public-ui/core';
+import { Props, Watches } from './types';
+export declare class ControlledInputController implements Watches {
+  protected readonly component: Generic.Element.Component & Props;
+  protected readonly name: string;
+  constructor(component: Generic.Element.Component & Props, name: string);
+  validateAlert(value?: boolean): void;
+  validateTouched(value?: boolean): void;
+  componentWillLoad(): void;
+}

package/dist/types/components/input-adapter-leanup/types.d.ts

@@ -0,0 +1,9 @@
+import { Generic } from '@public-ui/core';
+declare type RequiredProps = unknown;
+declare type OptionalProps = {
+  alert: boolean;
+  touched: boolean;
+};
+export declare type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
+export declare type Watches = Generic.Element.Watchers<RequiredProps, OptionalProps>;
+export {};

package/dist/types/components/input-checkbox/component.d.ts

@@ -0,0 +1,43 @@
+import { JSX } from '../../stencil-public-runtime';
+import { InputTypeOnDefault } from '../../types/input/types';
+import { ComponentApi, InputCheckboxType, States } from './types';
+export declare class KolInputCheckbox implements ComponentApi {
+  render(): JSX.Element;
+  private readonly controller;
+  _accessKey?: string;
+  _alert?: boolean;
+  _checked?: boolean;
+  _disabled?: boolean;
+  _error?: string;
+  _hideLabel?: boolean;
+  _hint?: string;
+  _id: string;
+  _indeterminate?: boolean;
+  _name?: string;
+  _on?: InputTypeOnDefault;
+  _required?: boolean;
+  _tabIndex?: number;
+  _touched?: boolean;
+  _type?: InputCheckboxType;
+  _value?: string;
+  state: States;
+  constructor();
+  validateAccessKey(value?: string): void;
+  validateAlert(value?: boolean): void;
+  validateChecked(value?: boolean): void;
+  validateDisabled(value?: boolean): void;
+  validateError(value?: string): void;
+  validateHideLabel(value?: boolean): void;
+  validateHint(value?: string): void;
+  validateId(value?: string): void;
+  validateIndeterminate(value?: boolean): void;
+  validateName(value?: string): void;
+  validateOn(value?: InputTypeOnDefault): void;
+  validateRequired(value?: boolean): void;
+  validateTabIndex(value?: number): void;
+  validateTouched(value?: boolean): void;
+  validateType(value?: InputCheckboxType): void;
+  validateValue(value?: string): void;
+  componentWillLoad(): void;
+  private onChange;
+}

package/dist/types/components/input-checkbox/controller.d.ts

@@ -0,0 +1,12 @@
+import { Generic } from '@public-ui/core';
+import { InputCheckboxRadioController } from '../input-radio/controller';
+import { InputCheckboxType, Props, Watches } from './types';
+export declare class InputCheckboxController extends InputCheckboxRadioController implements Watches {
+  protected readonly component: Generic.Element.Component & Props;
+  constructor(component: Generic.Element.Component & Props, name: string);
+  validateChecked(value?: boolean): void;
+  validateIndeterminate(value?: boolean): void;
+  validateType(value?: InputCheckboxType): void;
+  validateValue(value?: string): void;
+  componentWillLoad(): void;
+}

package/dist/types/components/input-checkbox/types.d.ts

@@ -0,0 +1,47 @@
+import { Generic } from '@public-ui/core';
+import { InputTypeOnDefault } from '../../types/input/types';
+import { InputRequiredProps } from '../input-text/types';
+export declare type InputCheckboxType = 'checkbox' | 'switch';
+declare type RequiredProps = InputRequiredProps;
+declare type OptionalProps = {
+  alert: boolean;
+  accessKey: string;
+  checked: boolean;
+  disabled: boolean;
+  error: string;
+  hideLabel: boolean;
+  hint: string;
+  indeterminate: boolean;
+  name: string;
+  on: InputTypeOnDefault;
+  required: boolean;
+  touched: boolean;
+  tabIndex: number;
+  type: InputCheckboxType;
+  value: string;
+};
+export declare type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
+declare type RequiredStates = {
+  checked: boolean;
+  id: string;
+  name: string;
+  type: InputCheckboxType;
+};
+declare type OptionalStates = {
+  alert: boolean;
+  accessKey: string;
+  disabled: boolean;
+  error: string;
+  hideLabel: boolean;
+  hint: string;
+  indeterminate: boolean;
+  on: InputTypeOnDefault;
+  required: boolean;
+  touched: boolean;
+  tabIndex: number;
+  value: string;
+};
+export declare type States = Generic.Element.Members<RequiredStates, OptionalStates>;
+export declare type Watches = Generic.Element.Watchers<RequiredProps, OptionalProps>;
+export declare type ComponentApi = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export {};

package/dist/types/components/input-color/component.d.ts

@@ -0,0 +1,45 @@
+import { JSX } from '../../stencil-public-runtime';
+import { ButtonProps } from '../../types/button-link';
+import { Stringified } from '../../types/common';
+import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
+import { KoliBriInputIcon } from '../input-text/types';
+import { ComponentApi, States } from './types';
+export declare class KolInputColor implements ComponentApi {
+  render(): JSX.Element;
+  private readonly controller;
+  _accessKey?: string;
+  _alert?: boolean;
+  _autoComplete?: InputTypeOnOff;
+  _disabled?: boolean;
+  _error?: string;
+  _hideLabel?: boolean;
+  _hint?: string;
+  _icon?: Stringified<KoliBriInputIcon>;
+  _id: string;
+  _list?: Stringified<string[]>;
+  _name?: string;
+  _on?: InputTypeOnDefault;
+  _smartButton?: ButtonProps;
+  _tabIndex?: number;
+  _touched?: boolean;
+  _value?: string;
+  state: States;
+  constructor();
+  validateAccessKey(value?: string): void;
+  validateAlert(value?: boolean): void;
+  validateAutoComplete(value?: InputTypeOnOff): void;
+  validateDisabled(value?: boolean): void;
+  validateError(value?: string): void;
+  validateHideLabel(value?: boolean): void;
+  validateHint(value?: string): void;
+  validateIcon(value?: Stringified<KoliBriInputIcon>): void;
+  validateId(value?: string): void;
+  validateList(value?: Stringified<string[]>): void;
+  validateName(value?: string): void;
+  validateOn(value?: InputTypeOnDefault): void;
+  validateSmartButton(value?: ButtonProps | string): void;
+  validateTabIndex(value?: number): void;
+  validateTouched(value?: boolean): void;
+  validateValue(value?: string): void;
+  componentWillLoad(): void;
+}

package/dist/types/components/input-color/controller.d.ts

@@ -0,0 +1,13 @@
+import { Generic } from '@public-ui/core';
+import { Stringified } from '../../types/common';
+import { InputTypeOnOff } from '../../types/input/types';
+import { InputController } from '../@deprecated/input/controller';
+import { Props, Watches } from './types';
+export declare class InputColorController extends InputController implements Watches {
+  protected readonly component: Generic.Element.Component & Props;
+  constructor(component: Generic.Element.Component & Props, name: string);
+  validateAutoComplete(value?: InputTypeOnOff): void;
+  validateList(value?: Stringified<string[]>): void;
+  validateValue(value?: string | null): void;
+  componentWillLoad(): void;
+}

package/dist/types/components/input-color/types.d.ts

@@ -0,0 +1,48 @@
+import { Generic } from '@public-ui/core';
+import { ButtonProps } from '../../types/button-link';
+import { Stringified } from '../../types/common';
+import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
+import { InputRequiredProps, KoliBriInputIcon } from '../input-text/types';
+declare type RequiredProps = InputRequiredProps;
+declare type OptionalProps = {
+  accessKey: string;
+  alert: boolean;
+  autoComplete: InputTypeOnOff;
+  disabled: boolean;
+  error: string;
+  hideLabel: boolean;
+  hint: string;
+  icon: Stringified<KoliBriInputIcon>;
+  list: Stringified<string[]>;
+  name: string;
+  on: InputTypeOnDefault;
+  smartButton: ButtonProps;
+  touched: boolean;
+  tabIndex: number;
+  value: string;
+};
+export declare type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
+declare type RequiredStates = {
+  autoComplete: InputTypeOnOff;
+  id: string;
+  list: string[];
+  name: string;
+};
+declare type OptionalStates = {
+  accessKey: string;
+  alert: boolean;
+  disabled: boolean;
+  error: string;
+  hideLabel: boolean;
+  hint: string;
+  icon: KoliBriInputIcon;
+  on: InputTypeOnDefault;
+  smartButton: ButtonProps;
+  touched: boolean;
+  tabIndex: number;
+  value: string;
+};
+export declare type States = Generic.Element.Members<RequiredStates, OptionalStates>;
+export declare type Watches = Generic.Element.Watchers<RequiredProps, OptionalProps>;
+export declare type ComponentApi = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export {};

package/dist/types/components/input-email/component.d.ts

@@ -0,0 +1,64 @@
+import { JSX } from '../../stencil-public-runtime';
+import { ButtonProps } from '../../types/button-link';
+import { Stringified } from '../../types/common';
+import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
+import { KoliBriInputIcon } from '../input-text/types';
+import { ComponentApi, States } from './types';
+export declare class KolInputEmail implements ComponentApi {
+  private inputEl;
+  private host?;
+  private readonly catchHost;
+  private readonly onKeyUp;
+  private catchEl;
+  render(): JSX.Element;
+  private readonly controller;
+  _accessKey?: string;
+  _alert?: boolean;
+  _autoComplete?: InputTypeOnOff;
+  _disabled?: boolean;
+  _error?: string;
+  _hideLabel?: boolean;
+  _hint?: string;
+  _icon?: Stringified<KoliBriInputIcon>;
+  _id: string;
+  _list?: Stringified<string[]>;
+  _maxLength?: number;
+  _multiple?: boolean;
+  _name?: string;
+  _on?: InputTypeOnDefault;
+  _pattern?: string;
+  _placeholder?: string;
+  _readOnly?: boolean;
+  _required?: boolean;
+  _size?: number;
+  _smartButton?: ButtonProps;
+  _tabIndex?: number;
+  _touched?: boolean;
+  _value?: string;
+  state: States;
+  constructor();
+  validateAccessKey(value?: string): void;
+  validateAlert(value?: boolean): void;
+  validateAutoComplete(value?: InputTypeOnOff): void;
+  validateDisabled(value?: boolean): void;
+  validateError(value?: string): void;
+  validateHideLabel(value?: boolean): void;
+  validateHint(value?: string): void;
+  validateIcon(value?: Stringified<KoliBriInputIcon>): void;
+  validateId(value?: string): void;
+  validateList(value?: Stringified<string[]>): void;
+  validateMaxLength(value?: number): void;
+  validateMultiple(value?: boolean): void;
+  validateName(value?: string): void;
+  validateOn(value?: InputTypeOnDefault): void;
+  validatePattern(value?: string): void;
+  validatePlaceholder(value?: string): void;
+  validateReadOnly(value?: boolean): void;
+  validateRequired(value?: boolean): void;
+  validateSize(value?: number): void;
+  validateSmartButton(value?: ButtonProps | string): void;
+  validateTabIndex(value?: number): void;
+  validateTouched(value?: boolean): void;
+  validateValue(value?: string): void;
+  componentWillLoad(): void;
+}

package/dist/types/components/input-email/controller.d.ts

@@ -0,0 +1,9 @@
+import { Generic } from '@public-ui/core';
+import { InputTextEmailController } from '../input-text/controller';
+import { Props, Watches } from './types';
+export declare class InputEmailController extends InputTextEmailController implements Watches {
+  protected readonly component: Generic.Element.Component & Props;
+  constructor(component: Generic.Element.Component & Props, name: string);
+  validateMultiple(value?: boolean): void;
+  componentWillLoad(): void;
+}

package/dist/types/components/input-email/types.d.ts

@@ -0,0 +1,62 @@
+import { Generic } from '@public-ui/core';
+import { ButtonProps } from '../../types/button-link';
+import { Stringified } from '../../types/common';
+import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
+import { InputRequiredProps, KoliBriInputIcon } from '../input-text/types';
+declare type RequiredProps = InputRequiredProps;
+declare type OptionalProps = {
+  accessKey: string;
+  alert: boolean;
+  autoComplete: InputTypeOnOff;
+  disabled: boolean;
+  error: string;
+  hideLabel: boolean;
+  hint: string;
+  icon: Stringified<KoliBriInputIcon>;
+  list: Stringified<string[]>;
+  maxLength: number;
+  multiple: boolean;
+  name: string;
+  on: InputTypeOnDefault;
+  pattern: string;
+  placeholder: string;
+  readOnly: boolean;
+  required: boolean;
+  size: number;
+  smartButton: ButtonProps;
+  touched: boolean;
+  tabIndex: number;
+  value: string;
+};
+export declare type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
+declare type RequiredStates = {
+  autoComplete: InputTypeOnOff;
+  id: string;
+  list: string[];
+  name: string;
+};
+declare type OptionalStates = {
+  accessKey: string;
+  alert: boolean;
+  disabled: boolean;
+  error: string;
+  hideLabel: boolean;
+  hint: string;
+  icon: KoliBriInputIcon;
+  maxLength: number;
+  multiple: boolean;
+  on: InputTypeOnDefault;
+  pattern: string;
+  placeholder: string;
+  readOnly: boolean;
+  required: boolean;
+  size: number;
+  smartButton: ButtonProps;
+  touched: boolean;
+  tabIndex: number;
+  value: string;
+};
+export declare type States = Generic.Element.Members<RequiredStates, OptionalStates>;
+export declare type Watches = Generic.Element.Watchers<RequiredProps, OptionalProps>;
+export declare type ComponentApi = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export {};

package/dist/types/components/input-file/component.d.ts

@@ -0,0 +1,50 @@
+import { JSX } from '../../stencil-public-runtime';
+import { ButtonProps } from '../../types/button-link';
+import { Stringified } from '../../types/common';
+import { InputTypeOnDefault } from '../../types/input/types';
+import { KoliBriInputIcon } from '../input-text/types';
+import { ComponentApi, States } from './types';
+export declare class KolInputFile implements ComponentApi {
+  private inputEl;
+  private catchEl;
+  render(): JSX.Element;
+  private readonly controller;
+  _accept?: string;
+  _accessKey?: string;
+  _alert?: boolean;
+  _disabled?: boolean;
+  _error?: string;
+  _hideLabel?: boolean;
+  _hint?: string;
+  _icon?: Stringified<KoliBriInputIcon>;
+  _id: string;
+  _multiple?: boolean;
+  _name?: string;
+  _on?: InputTypeOnDefault;
+  _required?: boolean;
+  _smartButton?: ButtonProps;
+  _tabIndex?: number;
+  _touched?: boolean;
+  _value?: string;
+  state: States;
+  constructor();
+  validateAccept(value?: string): void;
+  validateAccessKey(value?: string): void;
+  validateAlert(value?: boolean): void;
+  validateDisabled(value?: boolean): void;
+  validateError(value?: string): void;
+  validateHideLabel(value?: boolean): void;
+  validateHint(value?: string): void;
+  validateIcon(value?: Stringified<KoliBriInputIcon>): void;
+  validateId(value?: string): void;
+  validateMultiple(value?: boolean): void;
+  validateName(value?: string): void;
+  validateOn(value?: InputTypeOnDefault): void;
+  validateRequired(value?: boolean): void;
+  validateSmartButton(value?: ButtonProps | string): void;
+  validateTabIndex(value?: number): void;
+  validateTouched(value?: boolean): void;
+  validateValue(value?: string): void;
+  componentWillLoad(): void;
+  private onChange;
+}

package/dist/types/components/input-file/controller.d.ts

@@ -0,0 +1,12 @@
+import { Generic } from '@public-ui/core';
+import { InputController } from '../@deprecated/input/controller';
+import { Props, Watches } from './types';
+export declare class InputFileController extends InputController implements Watches {
+  protected readonly component: Generic.Element.Component & Props;
+  constructor(component: Generic.Element.Component & Props, name: string);
+  validateAccept(value?: string): void;
+  validateMultiple(value?: boolean): void;
+  validateRequired(value?: boolean): void;
+  validateValue(value?: string | null): void;
+  componentWillLoad(): void;
+}

package/dist/types/components/input-file/types.d.ts

@@ -0,0 +1,50 @@
+import { Generic } from '@public-ui/core';
+import { ButtonProps } from '../../types/button-link';
+import { Stringified } from '../../types/common';
+import { InputTypeOnDefault } from '../../types/input/types';
+import { InputRequiredProps, KoliBriInputIcon } from '../input-text/types';
+declare type RequiredProps = InputRequiredProps;
+declare type OptionalProps = {
+  accept: string;
+  alert: boolean;
+  accessKey: string;
+  disabled: boolean;
+  error: string;
+  hideLabel: boolean;
+  hint: string;
+  icon: Stringified<KoliBriInputIcon>;
+  multiple: boolean;
+  name: string;
+  on: InputTypeOnDefault;
+  required: boolean;
+  smartButton: ButtonProps;
+  touched: boolean;
+  tabIndex: number;
+  value: string;
+};
+export declare type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
+declare type RequiredStates = {
+  id: string;
+  name: string;
+};
+declare type OptionalStates = {
+  accept: string;
+  alert: boolean;
+  accessKey: string;
+  disabled: boolean;
+  error: string;
+  hideLabel: boolean;
+  hint: string;
+  icon: KoliBriInputIcon;
+  multiple: boolean;
+  on: InputTypeOnDefault;
+  required: boolean;
+  smartButton: ButtonProps;
+  touched: boolean;
+  tabIndex: number;
+  value: string;
+};
+export declare type States = Generic.Element.Members<RequiredStates, OptionalStates>;
+export declare type Watches = Generic.Element.Watchers<RequiredProps, OptionalProps>;
+export declare type ComponentApi = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export {};