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;

components/button/index.d.ts

@@ -0,0 +1,227 @@
+import __ReactToolbox from "../index.d.ts";
+
+export interface ButtonTheme {
+  /**
+   * Used for the root in case button is accent.
+   */
+  accent?: string;
+  /**
+   * Used for the root element in any button.
+   */
+  button?: string;
+  /**
+   * Used when the button is flat for the root element.
+   */
+  flat?: string;
+  /**
+   * Used when the button is floating for the root element.
+   */
+  floating?: string;
+  /**
+   * For the icon inside a button.
+   */
+  icon?: string;
+  /**
+   * Used when colors are inverted.
+   */
+  inverse?: string;
+  /**
+   * Used for mini floating buttons.
+   */
+  mini?: string;
+  /**
+   * Used for neutral colored buttons.
+   */
+  neutral?: string;
+  /**
+   * Used for primary buttons when button is primary.
+   */
+  primary?: string;
+  /**
+   * Used when the button is raised for root element.
+   */
+  raised?: string;
+  /**
+   * Used for the ripple element.
+   */
+  rippleWrapper?: string;
+  /**
+   * Used for toggle buttons in the root element.
+   */
+  toggle?: string;
+}
+
+interface ButtonProps extends __ReactToolbox.Props {
+  /**
+   * Indicates if the button should have accent color.
+   * @default false
+   */
+  accent?: boolean;
+  /**
+   * Children to pass through the component.
+   */
+  children?: __React.ReactNode;
+  /**
+   * If true, component will be disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * If true, the button will have a flat look.
+   * @default false
+   */
+  flat?: boolean;
+  /**
+   * If true, the button will have a floating look.
+   * @default false
+   */
+  floating?: boolean;
+  /**
+   * Creates a link for the button.
+   */
+  href?: string;
+  /**
+   * Value of the icon (See Font Icon Component).
+   */
+  icon?: __React.ReactNode | string;
+  /**
+   * If true, the neutral colors are inverted. Useful to put a button over a dark background.
+   */
+  inverse?: boolean;
+  /**
+   * The text string to use for the name of the button.
+   */
+  label?: string;
+  /**
+   * To be used with floating button. If true, the button will be smaller.
+   * @default false
+   */
+  mini?: boolean;
+  /**
+   * Set it to false if you don't want the neutral styles to be included.
+   * @default true
+   */
+  neutral?: boolean;
+  /**
+   * Fires after the mouse leaves the Component.
+   */
+  onMouseLeave?: __React.MouseEventHandler;
+  /**
+   * Fires after the mouse is released from the Component.
+   */
+  OnMouseUp?: __React.MouseEventHandler;
+  /**
+   * Indicates if the button should have primary color.
+   * @default false
+   */
+  primary?: boolean;
+  /**
+   * If true, the button will have a raised look.
+   * @default false
+   */
+  raised?: boolean;
+  /**
+   * If true, component will have a ripple effect on click.
+   * @default true
+   */
+  ripple?: boolean;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: ButtonTheme;
+}
+
+export class Button extends __React.Component<ButtonProps, {}> { }
+
+export interface IconButtonTheme {
+  /**
+   * Used for the root in case button is accent.
+   */
+  accent?: string;
+  /**
+   * Used for the root element in any button.
+   */
+  button?: string;
+  /**
+   * For the icon inside a button.
+   */
+  icon?: string;
+  /**
+   * Used when colors are inverted.
+   */
+  inverse?: string;
+  /**
+   * Used for neutral colored buttons.
+   */
+  neutral?: string;
+  /**
+   * Used for primary buttons when button is primary.
+   */
+  primary?: string;
+  /**
+   * Used for the ripple element.
+   */
+  rippleWrapper?: string;
+  /**
+   * Used for toggle buttons in the root element.
+   */
+  toggle?: string;
+}
+
+interface IconButtonProps extends __ReactToolbox.Props {
+  /**
+   * Indicates if the button should have accent color.
+   * @default false
+   */
+  accent?: boolean;
+  /**
+   * Children to pass through the component.
+   */
+  children?: __React.ReactNode;
+  /**
+   * If true, component will be disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * Creates a link for the button.
+   */
+  href?: string;
+  /**
+   * Value of the icon (See Font Icon Component).
+   */
+  icon?: __React.ReactNode | string;
+  /**
+   * If true, the neutral colors are inverted. Useful to put a button over a dark background.
+   */
+  inverse?: boolean;
+  /**
+   * Set it to false if you don't want the neutral styles to be included.
+   * @default true
+   */
+  neutral?: boolean;
+  /**
+   * Fires after the mouse leaves the Component.
+   */
+  onMouseLeave?: __React.MouseEventHandler;
+  /**
+   * Fires after the mouse is released from the Component.
+   */
+  OnMouseUp?: __React.MouseEventHandler;
+  /**
+   * Indicates if the button should have primary color.
+   * @default false
+   */
+  primary?: boolean;
+  /**
+   * If true, component will have a ripple effect on click.
+   * @default true
+   */
+  ripple?: boolean;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: IconButtonTheme;
+}
+
+export class IconButton extends __React.Component<IconButtonProps, {}> { }

components/card/index.d.ts

@@ -0,0 +1,102 @@
+import __ReactToolbox from "../index.d.ts";
+
+export interface CardTheme {
+  card?: string;
+  raised?: string;
+}
+
+interface CardProps extends __ReactToolbox.Props {
+  /**
+   * Children to pass through the component.
+   */
+  children?: __React.ReactNode;
+  raised?: boolean;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: CardTheme;
+}
+
+export class Card extends __React.Component<CardProps, {}> { }
+
+export interface CardActionsTheme {
+  cardActions?: string;
+}
+
+interface CardActionsProps extends __ReactToolbox.Props {
+  /**
+   * Children to pass through the component.
+   */
+  children?: __React.ReactNode;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: CardActionsTheme;
+}
+
+export class CardActions extends __React.Component<CardActionsProps, {}> { }
+
+export interface CardMediaTheme {
+  cardMedia?: string;
+  content?: string;
+  contentOverlay?: string;
+  square?: string;
+  wide?: string;
+}
+
+interface CardMediaProps extends __ReactToolbox.Props {
+  aspectRatio?: "wide" | "square";
+  /**
+   * Children to pass through the component.
+   */
+  children?: __React.ReactNode;
+  color?: string;
+  contentOverlay?: boolean;
+  image?: __React.ReactNode | string;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: CardMediaTheme;
+}
+
+export class CardMedia extends __React.Component<CardMediaProps, {}> { }
+
+export interface CardTextTheme {
+  cardText?: string;
+}
+
+interface CardTextProps extends __ReactToolbox.Props {
+  /**
+   * Children to pass through the component.
+   */
+  children?: __React.ReactNode;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: CardTextTheme;
+}
+
+export class CardText extends __React.Component<CardTextProps, {}> { }
+
+export interface CardTitleTheme {
+  large?: string;
+  title?: string;
+  small?: string;
+  subtitle?: string;
+}
+
+interface CardTitleProps extends __ReactToolbox.Props {
+  avatar?: __React.ReactNode | string;
+  /**
+   * Children to pass through the component.
+   */
+  children?: __React.ReactNode;
+  subtitle?: __React.ReactNode | string;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: CardTitleTheme;
+  title?: __React.ReactNode | string;
+}
+
+export class CardTitle extends __React.Component<CardTitleProps, {}> { }

components/checkbox/index.d.ts

@@ -0,0 +1,26 @@
+import __ReactToolbox from "../index.d.ts";
+
+export interface CheckboxTheme {
+  check?: string;
+  checked?: string;
+  disabled?: string;
+  field?: string;
+  input?: string;
+  ripple?: string;
+}
+
+interface CheckboxProps extends __ReactToolbox.Props {
+  checked?: boolean;
+  disabled?: boolean;
+  label?: __React.ReactNode | string;
+  name?: string;
+  onChange?: __React.MouseEventHandler;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: CheckboxTheme;
+}
+
+export class Checkbox extends __React.Component<CheckboxProps, {}> { }
+
+export default Checkbox;

components/chip/index.d.ts

@@ -0,0 +1,27 @@
+import __ReactToolbox from "../index.d.ts";
+
+export interface ChipTheme {
+  avatar?: string;
+  chip?: string;
+  deletable?: string;
+  delete?: string;
+  deleteIcon?: string;
+  deleteX?: string;
+}
+
+interface ChipProps extends __ReactToolbox.Props {
+  /**
+   * Children to pass through the component.
+   */
+  children?: __React.ReactNode;
+  deleteable?: boolean;
+  onDeleteClick?: __React.MouseEventHandler;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: ChipTheme;
+}
+
+export class Chip extends __React.Component<ChipProps, {}> { }
+
+export default Chip;

components/date_picker/index.d.ts

@@ -0,0 +1,48 @@
+import __ReactToolbox from "../index.d.ts";
+
+export interface DatePickerTheme {
+  active?: string;
+  button?: string;
+  calendar?: string;
+  calendarWrapper?: string;
+  date?: string;
+  day?: string;
+  days?: string;
+  dialog?: string;
+  disabled?: string;
+  header?: string;
+  input?: string;
+  month?: string;
+  monthsDisplay?: string;
+  next?: string;
+  prev?: string;
+  title?: string;
+  week?: string;
+  year?: string;
+  years?: string;
+  yearsDisplay?: string;
+}
+
+interface DatePickerProps extends __ReactToolbox.Props {
+  autoOk?: boolean;
+  error?: string;
+  icon?: __React.ReactNode | string;
+  inputClassName?: string;
+  inputFormat?: Function;
+  label?: string;
+  maxDate?: Date;
+  minDate?: Date;
+  name?: string;
+  onChange?: __React.MouseEventHandler;
+  onEscKeyDown?: __React.KeyboardEventHandler;
+  onOverlayClick?: __React.MouseEventHandler;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: DatePickerTheme;
+  value?: Date | string;
+}
+
+export class DatePicker extends __React.Component<DatePickerProps, {}> { }
+
+export default DatePicker;

components/dialog/index.d.ts

@@ -0,0 +1,38 @@
+import __ReactToolbox from "../index.d.ts";
+
+export interface DialogTheme {
+  active?: string;
+  body?: string;
+  button?: string;
+  dialog?: string;
+  navigation?: string;
+  title?: string;
+}
+
+interface DialogActionProps {
+  label?: string;
+}
+
+interface DialogProps extends __ReactToolbox.Props {
+  actions?: DialogActionProps[];
+  active?: boolean;
+  /**
+   * Children to pass through the component.
+   */
+  children?: __React.ReactNode;
+  onEscKeyDown?: __React.KeyboardEventHandler;
+  onOverlayClick?: __React.MouseEventHandler;
+  onOverlayMouseDown?: __React.MouseEventHandler;
+  onOverlayMouseMove?: __React.MouseEventHandler;
+  onOverlayMouseUp?: __React.MouseEventHandler;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: DialogTheme;
+  title?: string;
+  type?: string;
+}
+
+export class Dialog extends __React.Component<DialogProps, {}> { }
+
+export default Dialog;

components/drawer/index.d.ts

@@ -0,0 +1,27 @@
+import __ReactToolbox from "../index.d.ts";
+
+export interface DrawerTheme {
+  active?: string;
+  content?: string;
+  drawer?: string;
+  left?: string;
+  right?: string;
+}
+
+interface DrawerProps extends __ReactToolbox.Props {
+  active?: boolean;
+  /**
+   * Children to pass through the component.
+   */
+  children?: __React.ReactNode;
+  onOverlayClick?: __React.MouseEventHandler;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: DrawerTheme;
+  type?: "left" | "right";
+}
+
+export class Drawer extends __React.Component<DrawerProps, {}> { }
+
+export default Drawer;

components/dropdown/index.d.ts

@@ -0,0 +1,39 @@
+import __ReactToolbox from "../index.d.ts";
+
+export interface DropdownTheme {
+  active?: string;
+  disabled?: string;
+  dropdown?: string;
+  error?: string;
+  errored?: string;
+  field?: string;
+  label?: string;
+  selected?: string;
+  templateValue?: string;
+  up?: string;
+  value?: string;
+  values?: string;
+}
+
+interface DropdownProps extends __ReactToolbox.Props {
+  allowBlank?: boolean;
+  auto?: boolean;
+  disabled?: boolean;
+  error?: string;
+  label?: string;
+  name?: string;
+  onBlur?: __React.FocusEventHandler;
+  onChange?: __React.FormEventHandler;
+  onFocus?: __React.FocusEventHandler;
+  source: any[];
+  template?: Function;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: DropdownTheme;
+  value?: string | number;
+}
+
+export class Dropdown extends __React.Component<DropdownProps, {}> { }
+
+export default Dropdown;

components/font_icon/index.d.ts

@@ -0,0 +1,13 @@
+import __ReactToolbox from "../index.d.ts";
+
+interface FontIconProps extends __ReactToolbox.Props {
+  /**
+   * Children to pass through the component.
+   */
+  children?: __React.ReactNode;
+  value?: __React.ReactNode | string;
+}
+
+export class FontIcon extends __React.Component<FontIconProps, {}> { }
+
+export default FontIcon;

components/input/index.d.ts

@@ -0,0 +1,47 @@
+import __ReactToolbox from "../index.d.ts";
+
+export interface InputTheme {
+  bar?: string;
+  counter?: string;
+  disabled?: string;
+  error?: string;
+  errored?: string;
+  hidden?: string;
+  hint?: string;
+  icon?: string;
+  input?: string;
+  inputElement?: string;
+  required?: string;
+  withIcon?: string;
+}
+
+interface InputProps extends __ReactToolbox.Props {
+  /**
+   * Children to pass through the component.
+   */
+  children?: __React.ReactNode;
+  disabled?: boolean;
+  error?: string;
+  floating?: boolean;
+  hint?: string;
+  icon?: __React.ReactNode | string;
+  label?: string;
+  maxLength?: number;
+  multiLine?: boolean;
+  name?: string;
+  onBlur?: __React.FocusEventHandler;
+  onChange?: __React.FormEventHandler;
+  onFocus?: __React.FocusEventHandler;
+  onKeyPress?: __React.MouseEventHandler;
+  required?: boolean;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: InputTheme;
+  type?: string;
+  value?: any;
+}
+
+export class Input extends __React.Component<InputProps, {}> { }
+
+export default Input;

components/layout/index.d.ts

@@ -0,0 +1,95 @@
+import __ReactToolbox from "../index.d.ts";
+
+export interface LayoutTheme {
+  layout?: string;
+}
+
+interface LayoutProps extends __ReactToolbox.Props {
+  /**
+   * Children to pass through the component.
+   */
+  children?: [NavDrawer | Panel | Sidebar];
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: LayoutTheme;
+}
+
+export class Layout extends __React.Component<LayoutProps, {}> { }
+
+export interface NavDrawerTheme {
+  active?: string;
+  drawerContent?: string;
+  lgPermangent?: string;
+  mdPermangent?: string;
+  navDrawer?: string;
+  pinned?: string;
+  scrim?: string;
+  scrollY?: string;
+  smPermanent?: string;
+  wide?: string;
+  xlPermanent?: string;
+  xxlPermangent?: string;
+  xxxlPermangent?: string;
+}
+
+interface NavDrawerProps extends __ReactToolbox.Props {
+  active?: boolean;
+  /**
+   * Children to pass through the component.
+   */
+  children?: __React.ReactNode;
+  onOverlayClick?: __React.MouseEventHandler;
+  permanentAt?: "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl";
+  pinned?: boolean;
+  scrollY?: boolean;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: NavDrawerTheme;
+  width?: "normal" | "wide";
+}
+
+export class NavDrawer extends __React.Component<NavDrawerProps, {}> { }
+
+export interface PanelTheme {
+  panel?: string;
+  scrollY?: string;
+}
+
+interface PanelProps extends __ReactToolbox.Props {
+  /**
+   * Children to pass through the component.
+   */
+  children?: __React.ReactNode;
+  scrollY?: boolean;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: PanelTheme;
+}
+
+export class Panel extends __React.Component<PanelProps, {}> { }
+
+export interface SidebarTheme {
+  pinned?: string;
+  scrollY?: string;
+  sidebar?: string;
+  sidebarContent?: string;
+}
+
+interface SidebarProps extends __ReactToolbox.Props {
+  /**
+   * Children to pass through the component.
+   */
+  children?: __React.ReactNode;
+  pinned?: boolean;
+  scrollY?: boolean;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: SidebarTheme;
+  width?: number; // 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 25 | 33 | 50 | 66 | 75 | 100;
+}
+
+export class Sidebar extends __React.Component<SidebarProps, {}> { }

components/link/index.d.ts

@@ -0,0 +1,25 @@
+import __ReactToolbox from "../index.d.ts";
+
+export interface LinkTheme {
+  active?: string;
+  icon?: string;
+  link?: string;
+}
+
+interface LinkProps extends __ReactToolbox.Props {
+  active?: boolean;
+  /**
+   * Children to pass through the component.
+   */
+  children?: __React.ReactNode;
+  count?: number;
+  href?: string;
+  icon?: __React.ReactNode | string;
+  label?: string;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: LinkTheme;
+}
+
+export class Link extends __React.Component<LinkProps, {}> { }

components/list/index.d.ts

@@ -0,0 +1,112 @@
+import __ReactToolbox from "../index.d.ts";
+
+export interface ListTheme {
+  list?: string;
+}
+
+interface ListProps extends __ReactToolbox.Props {
+  /**
+   * Children to pass through the component.
+   */
+  children?: __React.ReactNode;
+  ripple?: boolean;
+  selectable?: boolean;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: ListTheme;
+}
+
+export class List extends __React.Component<ListProps, {}> { }
+
+export interface ListCheckboxTheme {
+  checkbox?: string;
+  checkboxItem?: string;
+  disabled?: string;
+  item?: string;
+  itemContentRoot?: string;
+  itemText?: string;
+  large?: string;
+  primary?: string;
+}
+
+interface ListCheckboxProps extends __ReactToolbox.Props {
+  caption?: string;
+  checked?: boolean;
+  disabled?: boolean;
+  legend?: string;
+  name?: string;
+  onBlur?: __React.FocusEventHandler;
+  onChange?: __React.FormEventHandler;
+  onFocus?: __React.FocusEventHandler;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: ListCheckboxTheme;
+}
+
+export class ListCheckbox extends __React.Component<ListCheckboxProps, {}> { }
+
+export interface ListDividerTheme {
+  divider?: string;
+  inset?: string;
+}
+
+interface ListDividerProps extends __ReactToolbox.Props {
+  inset?: boolean;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: ListDividerTheme;
+}
+
+export class ListDivider extends __React.Component<ListDivider, {}> { }
+
+export interface ListItemTheme {
+  disabled?: string;
+  item?: string;
+  itemAction?: string;
+  large?: string;
+  left?: string;
+  listItem?: string;
+  primary?: string;
+  right?: string;
+  selectable?: string;
+}
+
+interface ListItemProps extends __ReactToolbox.Props {
+  avatar?: __React.ReactNode | string;
+  caption?: string;
+  /**
+   * Children to pass through the component.
+   */
+  children?: __React.ReactNode;
+  disabled?: boolean;
+  itemContent?: __React.ReactNode;
+  leftActions?: __React.ReactNode;
+  leftIcon?: __React.ReactNode | string;
+  rightIcon?: __React.ReactNode | string;
+  ripple?: boolean;
+  selectable?: boolean;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: ListItemTheme;
+  to?: string;
+}
+
+export class ListItem extends __React.Component<ListItemProps, {}> { }
+
+export interface ListSubHeaderTheme {
+  subheader?: string;
+}
+
+interface ListSubHeaderProps extends __ReactToolbox.Props {
+  caption?: boolean;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: ListSubHeaderTheme;
+}
+
+export class ListSubHeader extends __React.Component<ListSubHeaderProps, {}> { }

components/menu/index.d.ts

@@ -0,0 +1,115 @@
+import __ReactToolbox from "../index.d.ts";
+
+export interface MenuTheme {
+  active?: string;
+  bottomLeft?: string;
+  bottomRight?: string;
+  menu?: string;
+  menuInner?: string;
+  outline?: string;
+  rippled?: string;
+  static?: string;
+  topLeft?: string;
+  topRight?: string;
+}
+
+interface MenuProps extends __ReactToolbox.Props {
+  active?: boolean;
+  /**
+   * Children to pass through the component.
+   */
+  children?: __React.ReactNode;
+  onHide?: Function;
+  onSelect?: Function;
+  onShow?: Function;
+  position?: "auto" | "static" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
+  ripple?: boolean;
+  selectable?: boolean;
+  selected?: any;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: MenuTheme;
+}
+
+export class Menu extends __React.Component<MenuProps, {}> { }
+
+export interface IconMenuTheme {
+  icon?: string;
+  iconMenu?: string;
+}
+
+interface IconMenuProps extends __ReactToolbox.Props {
+  /**
+   * Children to pass through the component.
+   */
+  children?: __React.ReactNode;
+  icon?: __React.ReactNode | string;
+  iconRipple?: boolean;
+  menuRipple?: boolean;
+  onSelect?: Function;
+  onShow?: Function;
+  position?: "auto" | "static" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
+  selectable?: boolean;
+  selected?: any;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: IconMenuTheme;
+}
+
+export class IconMenu extends __React.Component<IconMenuProps, {}> { }
+
+export interface MenuDividerTheme {
+  menuDivider?: string;
+}
+
+interface MenuDividerProps extends __ReactToolbox.Props {
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: MenuDividerTheme;
+}
+
+export class MenuDivider extends __React.Component<MenuDividerProps, {}> { }
+
+export interface ListDividerTheme {
+  divider?: string;
+  inset?: string;
+}
+
+interface ListDividerProps extends __ReactToolbox.Props {
+  inset?: boolean;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: ListDividerTheme;
+}
+
+export class ListDivider extends __React.Component<ListDivider, {}> { }
+
+export interface MenuItemTheme {
+  caption?: string;
+  disabled?: string;
+  icon?: string;
+  menuItem?: string;
+  selected?: string;
+  shortcut?: string;
+}
+
+interface MenuItemProps extends __ReactToolbox.Props {
+  caption?: string;
+  /**
+   * Children to pass through the component.
+   */
+  children?: __React.ReactNode;
+  disabled?: boolean;
+  icon?: __React.ReactNode | string;
+  selected?: boolean;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: MenuItemTheme;
+}
+
+export class MenuItem extends __React.Component<MenuItemProps, {}> { }

components/navigation/index.d.ts

@@ -0,0 +1,24 @@
+import __ReactToolbox from "../index.d.ts";
+
+export interface NavigationTheme {
+  button?: string;
+  horizontal?: string;
+  link?: string;
+  vertical?: string;
+}
+
+interface NavigationProps extends __ReactToolbox.Props {
+  actions?: any[];
+  /**
+   * Children to pass through the component.
+   */
+  children?: __React.ReactNode;
+  routes?: any[];
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: NavigationTheme;
+  type?: "vertical" | "horizontal";
+}
+
+export class Navigation extends __React.Component<NavigationProps, {}> { }

components/progress_bar/index.d.ts

@@ -0,0 +1,30 @@
+import __ReactToolbox from "../index.d.ts";
+
+export interface ProgressBarTheme {
+  buffer?: string;
+  circle?: string;
+  circular?: string;
+  indeterminate?: string;
+  linear?: string;
+  multicolor?: string;
+  path?: string;
+  value?: string;
+}
+
+interface ProgressBarProps extends __ReactToolbox.Props {
+  buffer?: number;
+  max?: number;
+  min?: number;
+  mode?: "determinate" | "indeterminate";
+  multicolor?: boolean;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: ProgressBarTheme;
+  type?: "linear" | "circular";
+  value?: number;
+}
+
+export class ProgressBar extends __React.Component<ProgressBarProps, {}> { }
+
+export default ProgressBar;

components/radio/index.d.ts

@@ -0,0 +1,41 @@
+import __ReactToolbox from "../index.d.ts";
+
+interface RadioGroupProps extends __ReactToolbox.Props {
+  /**
+   * Children to pass through the component.
+   */
+  children?: __React.ReactNode;
+  disabled?: boolean;
+  name?: string;
+  onChange?: Function;
+  value?: number;
+}
+
+export class RadioGroup extends __React.Component<RadioGroupProps, {}> { }
+
+export interface RadioButtonTheme {
+  radio?: string;
+  radioChecked?: string;
+  ripple?: string;
+  disabled?: string;
+  field?: string;
+  input?: string;
+  text?: string;
+}
+
+interface RadioButtonProps extends __ReactToolbox.Props {
+  checked?: boolean;
+  disabled?: boolean;
+  label?: __React.ReactNode | string;
+  name?: string;
+  onBlur?: __React.FocusEventHandler;
+  onChange?: __React.FormEventHandler;
+  onFocus?: __React.FocusEventHandler;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: RadioButtonTheme;
+  value?: any;
+}
+
+export class RadioButton extends __React.Component<RadioButtonProps, {}> { }

components/ripple/index.d.ts

@@ -0,0 +1,26 @@
+import __ReactToolbox from "../index.d.ts";
+
+export interface RippleTheme {
+  ripple?: string;
+  rippleActive?: string;
+  rippleRestarting?: string;
+  riplleWrapper?: string;
+}
+
+interface RippleProps {
+  /**
+   * Children to pass through the component.
+   */
+  children?: __React.ReactNode;
+  disabled?: boolean;
+  onRippleEnded?: Function;
+  spread?: number;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: RippleTheme;
+}
+
+export class Ripple extends __React.Component<RippleProps, {}> { }
+
+export default Ripple;

components/slider/index.d.ts

@@ -0,0 +1,36 @@
+import __ReactToolbox from "../index.d.ts";
+
+export interface SliderTheme {
+  container?: string;
+  editable?: string;
+  innerknob?: string;
+  innerprogress?: string;
+  input?: string;
+  knob?: string;
+  pinned?: string;
+  pressed?: string;
+  progress?: string;
+  ring?: string;
+  slider?: string;
+  snap?: string;
+  snaps?: string;
+}
+
+interface SliderProps extends __ReactToolbox.Props {
+  editable?: boolean;
+  max?: number;
+  min?: number;
+  onChange?: Function;
+  pinned?: boolean;
+  snaps?: boolean;
+  step?: number;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: SliderTheme;
+  value?: number;
+}
+
+export class Slider extends __React.Component<SliderProps, {}> { }
+
+export default Slider;

components/snackbar/index.d.ts

@@ -0,0 +1,30 @@
+import __ReactToolbox from "../index.d.ts";
+
+export interface SnackbarTheme {
+  accept?: string;
+  active?: string;
+  button?: string;
+  cancel?: string;
+  icon?: string;
+  label?: string;
+  snackbar?: string;
+  warning?: string;
+}
+
+interface SnackbarProps extends __ReactToolbox.Props {
+  action?: string;
+  active?: boolean;
+  icon?: __React.ReactNode | string;
+  label?: string;
+  onTimeout?: Function;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: SnackbarTheme;
+  timeout?: number;
+  type?: "accept" | "cancel" | "warning";
+}
+
+export class Snackbar extends __React.Component<SnackbarProps, {}> { }
+
+export default Snackbar;

components/switch/index.d.ts

@@ -0,0 +1,30 @@
+import __ReactToolbox from "../index.d.ts";
+
+export interface SwitchTheme {
+  disabled?: string;
+  field?: string;
+  input?: string;
+  off?: string;
+  on?: string;
+  ripple?: string;
+  text?: string;
+  thumb?: string;
+}
+
+interface SwitchProps extends __ReactToolbox.Props {
+  checked?: boolean;
+  disabled?: boolean;
+  label?: string;
+  name?: string;
+  onBlur?: __React.FocusEventHandler;
+  onChange?: __React.FormEventHandler;
+  onFocus?: __React.FocusEventHandler;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: SwitchTheme;
+}
+
+export class Switch extends __React.Component<SwitchProps, {}> { }
+
+export default Switch;

components/table/index.d.ts

@@ -0,0 +1,28 @@
+import __ReactToolbox from "../index.d.ts";
+
+export interface TableTheme {
+  editable?: string;
+  row?: string;
+  selectable?: string;
+  selected?: string;
+  table?: string;
+}
+
+interface TableProps extends __ReactToolbox.Props {
+  heading?: boolean;
+  model?: any;
+  onChange?: Function;
+  onSelect?: __React.FormEventHandler;
+  selectable?: boolean;
+  multiSelectable?: boolean;
+  selected?: any[];
+  source?: any[];
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: TableTheme;
+}
+
+export class Table extends __React.Component<TableProps, {}> { }
+
+export default Table;

components/tabs/index.d.ts

@@ -0,0 +1,47 @@
+import __ReactToolbox from "../index.d.ts";
+
+export interface TabsTheme {
+  active?: string;
+  navigation?: string;
+  pointer?: string;
+  tabs?: string;
+  tab?: string;
+}
+
+interface TabsProps extends __ReactToolbox.Props {
+  /**
+   * Children to pass through the component.
+   */
+  children?: __React.ReactNode;
+  disableAnimatedBottomBorder?: boolean;
+  index?: number;
+  onChange?: Function;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: TabsTheme;
+}
+
+export class Tabs extends __React.Component<TabsProps, {}> { }
+
+export interface TabTheme {
+  active?: string;
+  disabled?: string;
+  hidden?: string;
+  label?: string;
+}
+
+interface TabProps extends __ReactToolbox.Props {
+  active?: boolean;
+  activeClassName?: string;
+  disabled?: boolean;
+  hidden?: boolean;
+  label?: string;
+  onActive?: Function;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: TabTheme;
+}
+
+export class Tab extends __React.Component<TabProps, {}> { }

components/time_picker/index.d.ts

@@ -0,0 +1,44 @@
+import __ReactToolbox from "../index.d.ts";
+
+export interface TimePickerTheme {
+  active?: string;
+  am?: string;
+  amFormat?: string;
+  ampm?: string;
+  button?: string;
+  clock?: string;
+  clockWrapper?: string;
+  dialog?: string;
+  face?: string;
+  hand?: string;
+  header?: string;
+  hours?: string;
+  hoursDisplay?: string;
+  input?: string;
+  knob?: string;
+  minutes?: string;
+  minutesDisplay?: string;
+  number?: string;
+  placeholder?: string;
+  pm?: string;
+  pmFormat?: string;
+  separator?: string;
+  small?: string;
+}
+
+interface TimePickerProps {
+  error?: string;
+  inputClassName?: string;
+  format?: "24hr" | "ampm";
+  label?: string;
+  onChange?: Function;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: TimePickerTheme;
+  value?: Date;
+}
+
+export class TimePicker extends __React.Component<TimePickerProps, {}> { }
+
+export default TimePicker;

components/tooltip/index.d.ts

@@ -0,0 +1,31 @@
+import { Props } from "../index.d.ts";
+
+export interface TooltipTheme {
+  tooltip?: string;
+  tooltipActive?: string;
+  tooltipWrapper?: string;
+}
+
+interface TooltipProps {
+  onMouseEnter?: __React.MouseEventHandler;
+  onMouseLeave?: __React.MouseEventHandler;
+  /**
+   * Classnames object defining the component style.
+   */
+  theme?: TooltipTheme;
+  tooltip?: string;
+  tooltipDelay?: number;
+  tooltipHideOnClick?: boolean;
+}
+
+declare class TooltipComponent<P, S> extends __React.Component<P, S> {
+  props: P & TooltipProps;
+}
+
+interface TooltippedComponentClass<P> extends TooltipProps {
+  new (props?: P, context?: any): TooltipComponent<P, any>;
+}
+
+export function Tooltip<P>(componentClass: __React.ComponentClass<P>): TooltippedComponentClass<P>;
+
+export default Tooltip;