Moved modules to separate files.

components/app_bar/index.d.ts

@@ -0,0 +1,41 @@
+import __ReactToolbox from "../index.d.ts";
+
+export interface AppBarTheme {
+  /**
+   * Used for the component root element.
+   */
+  appBar?: string;
+  /**
+   * Added to the root element when the app bar is fixed.
+   */
+  fixed?: string;
+  /**
+   * Added to the root element when the app bar is flat.
+   */
+  flat?: string;
+}
+
+interface AppBarProps extends __ReactToolbox.Props {
+  /**
+   * Children to pass through the component.
+   */
+  children?: __React.ReactNode;
+  /**
+   * Determine if the bar should have position fixed or relative.
+   * @default false
+   */
+  fixed?: boolean;
+  /**
+   * If true, the AppBar shows a shadow.
+   * @default false
+   */
+  flat?: boolean;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: AppBarTheme;
+}
+
+export class AppBar extends __React.Component<AppBarProps, {}> { }
+
+export default AppBar;

components/autocomplete/index.d.ts

@@ -0,0 +1,105 @@
+import __ReactToolbox from "../index.d.ts";
+
+export interface AutocompleteTheme {
+  /**
+   * Used for a suggestion when it's active.
+   */
+  active?: string;
+  /**
+   * Used for the root element.
+   */
+  autocomplete?: string;
+  /**
+   * Used when the input is focused.
+   */
+  focus?: string;
+  /**
+   * Used to style the Input component.
+   */
+  input?: string;
+  /**
+   * Used for the label.
+   */
+  label?: string;
+  /**
+   * Used to style each suggestion.
+   */
+  suggestion?: string;
+  /**
+   * Used to style the suggestions container.
+   */
+  suggestions?: string;
+  /**
+   * Used for the suggestions when it's opening to the top.
+   */
+  up?: string;
+  /**
+   * Classname used for a single value.
+   */
+  value?: string;
+  /**
+   * Classname used for the values container.
+   */
+  values?: string;
+}
+
+interface AutocompleteProps extends __ReactToolbox.Props {
+  /**
+   * Determines the opening direction. It can be auto, up or down.
+   * @default auto
+   */
+  direction?: "auto" | "up" | "down";
+  /**
+   * If true, component will be disabled.
+   */
+  disabled?: boolean;
+  /**
+   * Sets the error string for the internal input element.
+   * @default false
+   */
+  error?: string;
+  /**
+   * The text string to use for the floating label element.
+   */
+  label?: string;
+  /**
+   * If true, component can hold multiple values.
+   */
+  multiple?: boolean;
+  /**
+   * Callback function that is fired when the components's value changes.
+   * @default auto
+   */
+  onChange?: __React.FormEventHandler;
+  /**
+   * Determines if the selected list is shown above or below input. It can be above or below.
+   * @default above
+   */
+  selectedPosition?: "above" | "below";
+  /**
+   * If true, the list of suggestions will not be filtered when a value is selected.
+   * @default false
+   */
+  showSuggestionsWHenValueIsSet?: boolean;
+  /**
+   * Object of key/values or array representing all items suggested.
+   */
+  source?: any;
+  /**
+   * Determines how suggestions are supplied.
+   * @default start
+   */
+  suggestionMatch?: "start" | "anywhere" | "word";
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: AutocompleteTheme;
+  /**
+   * Value or array of values currently selected component.
+   */
+  value?: any;
+}
+
+export class Autocomplete extends __React.Component<AutocompleteProps, {}> { }
+
+export default Autocomplete;

components/avatar/index.d.ts

@@ -0,0 +1,47 @@
+import __ReactToolbox from "../index.d.ts";
+
+export interface AvatarTheme {
+  /**
+   * Used for the root class of the element.
+   */
+  avatar?: string;
+  /**
+   * Added to the root element when the component has image.
+   */
+  image?: string;
+  /**
+   * Used for the root element if the component shows the letter.
+   */
+  letter?: string;
+}
+
+interface AvatarProps extends __ReactToolbox.Props {
+  /**
+   * Children to pass through the component.
+   */
+  children?: __React.ReactNode;
+  /**
+   * Set to true if your image is not squared so it will be used as a cover for the element.
+   */
+  cover?: boolean;
+  /**
+   * A key to identify an Icon from Material Design Icons or a custom Icon Element.
+   */
+  icon?: __React.ReactNode | string;
+  /**
+   * An image source or an image element.
+   */
+  image?: __React.ReactNode | string;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: AvatarTheme;
+  /**
+   * A title for the image. If no image is provided, the first letter will be displayed as the avatar.
+   */
+  title?: string;
+}
+
+export class Avatar extends __React.Component<AvatarProps, {}> { }
+
+export default Avatar;