onekijs-ui 0.16.2 → 0.17.1

package/dist/components/accordion/index.d.ts

@@ -12,5 +12,5 @@
  * @see AccordionComponent
  * @remarks #styled#
  */
-declare const Accordion: import("styled-components").StyledComponent<import("onekijs-framework").FCC<import("./typings").AccordionProps>, any, {}, never>;
+declare const Accordion: import("styled-components").StyledComponent<import("onekijs-framework").FCC<import("./typings").AccordionProps>, import("styled-components").DefaultTheme, {}, never>;
 export default Accordion;

package/dist/components/accordion/typings.d.ts

@@ -1,17 +1,17 @@
 import { AnonymousObject, AnyFunction, FCC } from 'onekijs-framework';
-export declare type AccordionPanelProps<T = string> = {
+export type AccordionPanelProps<T = string> = {
     initialActive?: boolean;
     title: T;
     Component?: FCC<AccordionPanelTitleProps<T>>;
     link?: string;
 };
-export declare type AccordionPanelTitleProps<T = string> = {
+export type AccordionPanelTitleProps<T = string> = {
     title: T;
     active: boolean;
     onClick: AnyFunction;
     link?: string;
 };
-export declare type AccordionPanelState = {
+export type AccordionPanelState = {
     active: boolean;
     uid: string;
     collapsing?: boolean;
@@ -21,7 +21,7 @@ export declare type AccordionPanelState = {
  * @group Accordion
  * @category types
  */
-export declare type AccordionProps = {
+export type AccordionProps = {
     /**
      * a flag to indicate if the border is visible or not
      *
@@ -47,7 +47,7 @@ export declare type AccordionProps = {
      */
     mode?: 'push' | 'pushToBottom';
 };
-export declare type AccordionState = {
+export type AccordionState = {
     panels: AnonymousObject<AccordionPanelState>;
     multiActive?: boolean;
     animate: number;

package/dist/components/button/DropdownButton.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export declare const DropdownButton: import("styled-components").StyledComponent<import("react").FC<import("./typings").DropDownButtonProps>, any, {}, never>;
+export declare const DropdownButton: import("styled-components").StyledComponent<import("react").FC<import("./typings").DropDownButtonProps>, import("styled-components").DefaultTheme, import("./typings").ButtonProps, never>;
 export default DropdownButton;

package/dist/components/button/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Button: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("./typings").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+declare const Button: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("./typings").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
 export default Button;

package/dist/components/card/index.d.ts

@@ -1,2 +1,2 @@
-declare const Card: import("styled-components").StyledComponent<import("onekijs-framework").FCC<import("./typings").CardProps>, any, {}, never>;
+declare const Card: import("styled-components").StyledComponent<import("onekijs-framework").FCC<import("./typings").CardProps>, import("styled-components").DefaultTheme, {}, never>;
 export default Card;

package/dist/components/card/typings.d.ts

@@ -1,6 +1,6 @@
 import { FormDecoratorOptions } from 'onekijs-framework';
 import { FC, ReactNode } from 'react';
-export declare type CardProps = {
+export type CardProps = {
     bordered?: boolean;
     className?: string;
     collapsable?: boolean;
@@ -11,7 +11,7 @@ export declare type CardProps = {
     open?: boolean;
     onToggle?: () => void;
 };
-export declare type CardTitleProps = {
+export type CardTitleProps = {
     title: string;
     icon?: ReactNode;
     onToggle: () => void;
@@ -19,6 +19,6 @@ export declare type CardTitleProps = {
     collapsable: boolean;
     animate?: number;
 };
-export declare type FormCardProps = CardProps & FormDecoratorOptions & {
+export type FormCardProps = CardProps & FormDecoratorOptions & {
     name: string;
 };

package/dist/components/checkbox/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Checkbox: import("styled-components").StyledComponent<import("react").FC<import("./typings").CheckboxProps>, any, {}, never>;
+declare const Checkbox: import("styled-components").StyledComponent<import("react").FC<import("./typings").CheckboxProps>, import("styled-components").DefaultTheme, {}, never>;
 export default Checkbox;

package/dist/components/checkbox/typings.d.ts

@@ -8,7 +8,7 @@ export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputE
     bordered?: boolean;
     status?: ValidationStatus;
 }
-export declare type FormCheckboxProps = CheckboxProps & FormFieldProps & FieldLayoutProps & {
+export type FormCheckboxProps = CheckboxProps & FormFieldProps & FieldLayoutProps & {
     defaultValue?: boolean;
     FieldComponent?: React.FC<CheckboxProps>;
 };

package/dist/components/dashboard/components/DashboardContainer.d.ts

@@ -1,5 +1,5 @@
 import { FCC } from 'onekijs-framework';
 import { DashboardContainerProps } from '../typings';
 export declare const getDashboardTemplate: (dashboardContainerProps: DashboardContainerProps) => string;
-declare const DashboardContainer: import("styled-components").StyledComponent<FCC<DashboardContainerProps>, any, {}, never>;
+declare const DashboardContainer: import("styled-components").StyledComponent<FCC<DashboardContainerProps>, import("styled-components").DefaultTheme, {}, never>;
 export default DashboardContainer;

package/dist/components/dashboard/components/DashboardOverlay.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { ComponentStyle } from '../../..';
 import { DashboardOverlayProps } from '../typings';
 export declare const dashboardOverlayStyle: ComponentStyle<DashboardOverlayProps>;
-declare const DashboardOverlay: import("styled-components").StyledComponent<React.FC<DashboardOverlayProps>, any, {}, never>;
+declare const DashboardOverlay: import("styled-components").StyledComponent<React.FC<DashboardOverlayProps>, import("styled-components").DefaultTheme, {}, never>;
 export default DashboardOverlay;

package/dist/components/dashboard/components/DashboardToggler.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { DashboardTogglerProps } from '../typings';
-export declare const TogglerIcon: import("styled-components").StyledComponent<React.FC<import("../../icon/typings").IconProps>, any, {}, never>;
+export declare const TogglerIcon: import("styled-components").StyledComponent<React.FC<import("../../icon/typings").IconProps>, import("styled-components").DefaultTheme, {}, never>;
 declare const DashboardToggler: React.FC<DashboardTogglerProps>;
 export default DashboardToggler;

package/dist/components/dashboard/typings.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { StylableProps } from '../../styles/typings';
-export declare type DashboardArea = DashboardHorizontalArea | DashboardVerticalArea | 'body' | 'none';
-export declare type DashboardBodyComponentProps = {
+export type DashboardArea = DashboardHorizontalArea | DashboardVerticalArea | 'body' | 'none';
+export type DashboardBodyComponentProps = {
     className?: string;
     footer?: DashboardHorizontalPanel;
     header?: DashboardHorizontalPanel;
@@ -9,17 +9,17 @@ export declare type DashboardBodyComponentProps = {
     right?: DashboardVerticalPanel;
     panel?: DashboardBodyPanel;
 };
-export declare type DashboardBodyPanel = {
+export type DashboardBodyPanel = {
     className?: string;
     ref: React.RefObject<HTMLDivElement>;
 };
-export declare type DashboardBodyPanelProps = {
+export type DashboardBodyPanelProps = {
     className?: string;
 };
-export declare type DashboardContainer = {
+export type DashboardContainer = {
     ref: React.RefObject<HTMLDivElement>;
 };
-export declare type DashboardContainerProps = {
+export type DashboardContainerProps = {
     areas?: DashboardArea[][];
     className?: string;
     footer?: DashboardHorizontalPanel;
@@ -29,32 +29,32 @@ export declare type DashboardContainerProps = {
     body?: DashboardBodyPanel;
     onInit: (ref: React.RefObject<HTMLDivElement>) => void;
 };
-export declare type DashboardHorizontalArea = 'header' | 'footer';
-export declare type DashboardHorizontalPanel = DashboardSidePanel & Required<DashboardHorizontalProps> & {
+export type DashboardHorizontalArea = 'header' | 'footer';
+export type DashboardHorizontalPanel = DashboardSidePanel & Required<DashboardHorizontalProps> & {
     area: DashboardHorizontalArea;
 };
-export declare type DashboardHorizontalPanelComponentProps = React.InputHTMLAttributes<HTMLDivElement> & DashboardState & DashboardHorizontalPanelProps & {
+export type DashboardHorizontalPanelComponentProps = React.InputHTMLAttributes<HTMLDivElement> & DashboardState & DashboardHorizontalPanelProps & {
     panel?: DashboardHorizontalPanel;
     area: DashboardHorizontalArea;
 };
-declare type DashboardHorizontalProps = {
+type DashboardHorizontalProps = {
     collapseHeight?: string | 0;
     height?: string | 0;
     maxHeight?: string | 0;
     minHeight?: string | 0;
 };
-export declare type DashboardHorizontalPanelProps = DashboardSidePanelProps & DashboardHorizontalProps;
-export declare type DashboardProps = StylableProps & {
+export type DashboardHorizontalPanelProps = DashboardSidePanelProps & DashboardHorizontalProps;
+export type DashboardProps = StylableProps & {
     ContainerComponent?: React.FC<DashboardContainerProps>;
     OverlayComponent?: React.FC<DashboardOverlayProps>;
 };
-export declare type DashboardOverlayProps = React.InputHTMLAttributes<HTMLDivElement> & {
+export type DashboardOverlayProps = React.InputHTMLAttributes<HTMLDivElement> & {
     show: boolean;
 };
-export declare type DashboardSidePanel = Omit<Required<DashboardSidePanelProps>, 'collapse' | 'floating'> & {
+export type DashboardSidePanel = Omit<Required<DashboardSidePanelProps>, 'collapse' | 'floating'> & {
     ref: React.RefObject<HTMLDivElement>;
 };
-export declare type DashboardSidePanelProps = {
+export type DashboardSidePanelProps = {
     className?: string;
     collapse?: boolean;
     collapseSmall?: boolean;
@@ -67,8 +67,8 @@ export declare type DashboardSidePanelProps = {
     resizable?: boolean;
     resizerGap?: number;
 };
-export declare type DashboardSize = 'small' | 'medium' | 'large';
-export declare type DashboardState = {
+export type DashboardSize = 'small' | 'medium' | 'large';
+export type DashboardState = {
     right?: DashboardVerticalPanel;
     left?: DashboardVerticalPanel;
     header?: DashboardHorizontalPanel;
@@ -77,22 +77,22 @@ export declare type DashboardState = {
     container?: DashboardContainer;
     areas?: DashboardArea[][];
 };
-export declare type DashboardTogglerProps = {
+export type DashboardTogglerProps = {
     area: DashboardVerticalArea;
 };
-export declare type DashboardVerticalArea = 'left' | 'right';
-export declare type DashboardVerticalPanel = DashboardSidePanel & Required<DashboardVerticalProps> & {
+export type DashboardVerticalArea = 'left' | 'right';
+export type DashboardVerticalPanel = DashboardSidePanel & Required<DashboardVerticalProps> & {
     area: DashboardVerticalArea;
 };
-export declare type DashboardVerticalPanelComponentProps = React.InputHTMLAttributes<HTMLDivElement> & DashboardState & DashboardVerticalPanelProps & {
+export type DashboardVerticalPanelComponentProps = React.InputHTMLAttributes<HTMLDivElement> & DashboardState & DashboardVerticalPanelProps & {
     panel?: DashboardVerticalPanel;
     area: DashboardVerticalArea;
 };
-declare type DashboardVerticalProps = {
+type DashboardVerticalProps = {
     collapseWidth?: string | 0;
     maxWidth?: string | 0;
     minWidth?: string | 0;
     width?: string | 0;
 };
-export declare type DashboardVerticalPanelProps = DashboardSidePanelProps & DashboardVerticalProps;
+export type DashboardVerticalPanelProps = DashboardSidePanelProps & DashboardVerticalProps;
 export {};

package/dist/components/dropdown/index.d.ts

@@ -1,2 +1,2 @@
-declare const Dropdown: import("styled-components").StyledComponent<import("onekijs-framework").FCC<import("./typings").DropdownComponentProps>, any, {}, never>;
+declare const Dropdown: import("styled-components").StyledComponent<import("onekijs-framework").FCC<import("./typings").DropdownComponentProps>, import("styled-components").DefaultTheme, {}, never>;
 export default Dropdown;

package/dist/components/dropdown/typings.d.ts

@@ -1,6 +1,6 @@
 import { Placement } from '@popperjs/core';
 import { AnyFunction } from 'onekijs-framework';
-export declare type DropdownProps = {
+export type DropdownProps = {
     attachToBody?: boolean;
     className?: string;
     open?: boolean;
@@ -16,9 +16,10 @@ export declare type DropdownProps = {
     animationTimeout?: number;
     placement?: Placement;
     widthModifier?: DropdownWidthModifier;
+    width?: string;
     zIndex?: number;
 };
-export declare type DropdownWidthModifier = 'same' | 'min' | 'max';
-export declare type DropdownComponentProps = DropdownProps & {
+export type DropdownWidthModifier = 'same' | 'min' | 'max';
+export type DropdownComponentProps = DropdownProps & {
     refElement?: HTMLElement | null;
 };

package/dist/components/field/FieldDescription.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const FieldDescription: import("styled-components").StyledComponent<import("react").FC<import("./typings").FieldDescriptionProps>, any, {}, never>;
+declare const FieldDescription: import("styled-components").StyledComponent<import("react").FC<import("./typings").FieldDescriptionProps>, import("styled-components").DefaultTheme, {}, never>;
 export default FieldDescription;

package/dist/components/field/FieldHelp.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Help: import("styled-components").StyledComponent<import("react").FC<import("./typings").FieldHelpProps>, any, {}, never>;
+declare const Help: import("styled-components").StyledComponent<import("react").FC<import("./typings").FieldHelpProps>, import("styled-components").DefaultTheme, {}, never>;
 export default Help;

package/dist/components/field/FieldLayout.d.ts

@@ -1,2 +1,2 @@
-declare const FieldLayout: import("styled-components").StyledComponent<import("onekijs-framework").FCC<import("./typings").FieldLayoutProps>, any, {}, never>;
+declare const FieldLayout: import("styled-components").StyledComponent<import("onekijs-framework").FCC<import("./typings").FieldLayoutProps>, import("styled-components").DefaultTheme, {}, never>;
 export default FieldLayout;

package/dist/components/field/typings.d.ts

@@ -3,7 +3,7 @@ import React, { ReactNode } from 'react';
 import { TshirtSize } from '../../styles/typings';
 import { GridSize } from '../grid/typings';
 import { LabelProps } from '../label/typings';
-export declare type FieldComponentProps<T extends AnonymousObject> = T & {
+export type FieldComponentProps<T extends AnonymousObject> = T & {
     name: string;
     value?: T['value'];
     onFocus?: T['onFocus'];
@@ -12,20 +12,20 @@ export declare type FieldComponentProps<T extends AnonymousObject> = T & {
     status?: ValidationStatus;
     size?: T['size'];
 };
-export declare type FieldDescriptionProps = {
+export type FieldDescriptionProps = {
     className?: string;
     content: ReactNode;
     size?: TshirtSize;
     layout?: FormLayout;
 };
-export declare type FieldHelpProps = {
+export type FieldHelpProps = {
     className?: string;
     content?: ReactNode;
     visible?: boolean;
     size?: TshirtSize;
     layout?: FormLayout;
 };
-export declare type FieldLayoutProps = {
+export type FieldLayoutProps = {
     className?: string;
     description?: ReactNode;
     disabled?: boolean;
@@ -47,7 +47,7 @@ export declare type FieldLayoutProps = {
     validation?: FieldValidation | ContainerValidation;
     visible?: boolean;
 };
-export declare type UseFieldLayoutProps<T extends AnonymousObject> = T & FormFieldProps & FieldLayoutProps & {
+export type UseFieldLayoutProps<T extends AnonymousObject> = T & FormFieldProps & FieldLayoutProps & {
     defaultValue: T['value'];
     FieldComponent?: React.FC<T>;
 };

package/dist/components/grid/Col.d.ts

@@ -1,4 +1,4 @@
 import { FCC } from 'onekijs-framework';
 import { ColProps } from './typings';
-declare const Col: import("styled-components").StyledComponent<FCC<ColProps>, any, {}, never>;
+declare const Col: import("styled-components").StyledComponent<FCC<ColProps>, import("styled-components").DefaultTheme, {}, never>;
 export default Col;

package/dist/components/grid/Row.d.ts

@@ -1,4 +1,4 @@
 import { FCC } from 'onekijs-framework';
 import { RowProps } from './typings';
-declare const Row: import("styled-components").StyledComponent<FCC<RowProps>, any, {}, never>;
+declare const Row: import("styled-components").StyledComponent<FCC<RowProps>, import("styled-components").DefaultTheme, {}, never>;
 export default Row;

package/dist/components/grid/typings.d.ts

@@ -1,27 +1,27 @@
 /// <reference types="react" />
-import { AlignItemsProperty, HeightProperty, MarginProperty, WidthProperty } from 'csstype';
+import { Property } from 'csstype';
 import { TLength } from '../../styles/typings';
-export declare type RowProps = Omit<React.InputHTMLAttributes<HTMLDivElement>, 'width'> & {
-    alignItems?: AlignItemsProperty;
-    gap?: WidthProperty<TLength>;
-    gapX?: WidthProperty<TLength>;
-    gapY?: HeightProperty<TLength>;
-    width?: WidthProperty<TLength>;
-    xs?: WidthProperty<TLength>;
-    sm?: WidthProperty<TLength>;
-    md?: WidthProperty<TLength>;
-    lg?: WidthProperty<TLength>;
-    xl?: WidthProperty<TLength>;
+export type RowProps = Omit<React.InputHTMLAttributes<HTMLDivElement>, 'width'> & {
+    alignItems?: Property.AlignItems;
+    gap?: Property.Width<TLength>;
+    gapX?: Property.Width<TLength>;
+    gapY?: Property.Height<TLength>;
+    width?: Property.Width<TLength>;
+    xs?: Property.Width<TLength>;
+    sm?: Property.Width<TLength>;
+    md?: Property.Width<TLength>;
+    lg?: Property.Width<TLength>;
+    xl?: Property.Width<TLength>;
     reverse?: boolean;
-    marginLeft?: MarginProperty<TLength>;
-    marginRight?: MarginProperty<TLength>;
-    marginX?: MarginProperty<TLength>;
-    marginTop?: MarginProperty<TLength>;
-    marginBottom?: MarginProperty<TLength>;
-    marginY?: MarginProperty<TLength>;
-    margin?: MarginProperty<TLength>;
+    marginLeft?: Property.Margin<TLength>;
+    marginRight?: Property.Margin<TLength>;
+    marginX?: Property.Margin<TLength>;
+    marginTop?: Property.Margin<TLength>;
+    marginBottom?: Property.Margin<TLength>;
+    marginY?: Property.Margin<TLength>;
+    margin?: Property.Margin<TLength>;
 };
-export declare type ColProps = Omit<React.InputHTMLAttributes<HTMLDivElement>, 'size'> & {
+export type ColProps = Omit<React.InputHTMLAttributes<HTMLDivElement>, 'size'> & {
     size: GridSize;
     xs?: GridSize;
     sm?: GridSize;
@@ -30,4 +30,4 @@ export declare type ColProps = Omit<React.InputHTMLAttributes<HTMLDivElement>, '
     xl?: GridSize;
     offset?: GridSize;
 };
-export declare type GridSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export type GridSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;

package/dist/components/icon/CloseAllIcon.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, any, {}, never>;
+declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
 export default _default;

package/dist/components/icon/CloseIcon.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, any, {}, never>;
+declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
 export default _default;

package/dist/components/icon/CrossIcon.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const CrossIcon: import("styled-components").StyledComponent<React.FC<React.InputHTMLAttributes<HTMLDivElement>>, any, {}, never>;
+declare const CrossIcon: import("styled-components").StyledComponent<React.FC<React.InputHTMLAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export default CrossIcon;

package/dist/components/icon/DebugIcon.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, any, {}, never>;
+declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
 export default _default;

package/dist/components/icon/ErrorIcon.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, any, {}, never>;
+declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
 export default _default;

package/dist/components/icon/FileIcon.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, any, {}, never>;
+declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
 export default _default;

package/dist/components/icon/FilterIcon.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, any, {}, never>;
+declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
 export default _default;

package/dist/components/icon/FolderIcon.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, any, {}, never>;
+declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
 export default _default;

package/dist/components/icon/HelpIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './typings';
+declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
+export default _default;

package/dist/components/icon/InfoIcon.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, any, {}, never>;
+declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
 export default _default;

package/dist/components/icon/LoadingIcon.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, any, {}, never>;
+declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
 export default _default;

package/dist/components/icon/MenuIcon.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, any, {}, never>;
+declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
 export default _default;

package/dist/components/icon/RemoveIcon.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, any, {}, never>;
+declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
 export default _default;

package/dist/components/icon/SearchIcon.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, any, {}, never>;
+declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
 export default _default;

package/dist/components/icon/SuccessIcon.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, any, {}, never>;
+declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
 export default _default;

package/dist/components/icon/TogglerIcon.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TogglerIconProps } from './typings';
-declare const TogglerIcon: import("styled-components").StyledComponent<React.FC<TogglerIconProps>, any, {}, never>;
+declare const TogglerIcon: import("styled-components").StyledComponent<React.FC<TogglerIconProps>, import("styled-components").DefaultTheme, {}, never>;
 export default TogglerIcon;

package/dist/components/icon/WarningIcon.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, any, {}, never>;
+declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
 export default _default;

package/dist/components/icon/typings.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { ColorProperty } from 'csstype';
+import { Property } from 'csstype';
 import { ColorPropertyTheme } from '../../styles/typings';
-export declare type IconProps = React.InputHTMLAttributes<HTMLDivElement> & {
-    color?: ColorPropertyTheme | ColorProperty;
+export type IconProps = React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: ColorPropertyTheme | Property.Color;
 };
-export declare type TogglerIconProps = IconProps & {
+export type TogglerIconProps = IconProps & {
     open?: boolean;
     loading?: boolean;
     visible?: boolean;

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Input: import("styled-components").StyledComponent<import("react").FC<import("./typings").InputProps>, any, {}, never>;
+declare const Input: import("styled-components").StyledComponent<import("react").FC<import("./typings").InputProps>, import("styled-components").DefaultTheme, {}, never>;
 export default Input;

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

@@ -2,13 +2,13 @@
 import { FormFieldProps, ValidationStatus } from 'onekijs-framework';
 import { TshirtSize } from '../../styles/typings';
 import { FieldLayoutProps } from '../field/typings';
-export declare type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> & {
+export type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> & {
     PrefixComponent?: React.FC<InputProps>;
     SuffixComponent?: React.FC<InputProps>;
     status?: ValidationStatus;
     size?: TshirtSize;
 };
-export declare type FormInputProps = InputProps & FormFieldProps & FieldLayoutProps & {
+export type FormInputProps = InputProps & FormFieldProps & FieldLayoutProps & {
     defaultValue?: string;
     FieldComponent?: React.FC<InputProps>;
 };

package/dist/components/label/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Label: import("styled-components").StyledComponent<import("react").FC<import("./typings").LabelProps>, any, {}, never>;
+declare const Label: import("styled-components").StyledComponent<import("react").FC<import("./typings").LabelProps>, import("styled-components").DefaultTheme, {}, never>;
 export default Label;

package/dist/components/list/DropdownList.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 declare const _default: {
-    <T = any, I extends import("./typings").ListItem<T> = import("./typings").ListItem<T>>(props: import("./typings").ListProps<T, I, import("./typings").ListState<T, I>, import("./typings").ListCollection<T, I, import("./typings").ListState<T, I>>>): JSX.Element;
+    <T = any, I extends import("./typings").ListItem<T> = import("./typings").ListItem<T>>(props: import("./typings").ListProps<T, I>): import("react").JSX.Element;
     displayName: string;
 };
 export default _default;

package/dist/components/list/components/ArrayListComponent.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ArrayListProps, ListItem } from '../typings';
-declare const ArrayListComponent: <T = any, I extends ListItem<T> = ListItem<T>>(props: ArrayListProps<T, I>) => JSX.Element;
+declare const ArrayListComponent: <T = any, I extends ListItem<T> = ListItem<T>>(props: ArrayListProps<T, I>) => React.JSX.Element;
 export default ArrayListComponent;

package/dist/components/list/components/CollectionListComponent.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { CollectionListProps, ListItem } from '../typings';
-declare const CollectionListComponent: <T = any, I extends ListItem<T> = ListItem<T>>({ className, controller, height, ItemComponent, ItemLoadingComponent, ItemContentComponent, NotFoundComponent, itemHeight, preload, keyboardNavigable, increment, multiSelect, onItemActivate, onItemHighlight, onItemSelect, onItemDeactivate, onItemUnhighlight, onItemUnselect, paddingEnd, paddingStart, virtual, style, }: CollectionListProps<T, I, import("../typings").ListState<T, I>, import("../typings").ListCollection<T, I, import("../typings").ListState<T, I>>>) => JSX.Element;
+declare const CollectionListComponent: <T = any, I extends ListItem<T> = ListItem<T>>({ autoRefresh, className, controller, follow, height, ItemComponent, ItemLoadingComponent, ItemContentComponent, NotFoundComponent, itemHeight, preload, keyboardNavigable, increment, multiSelect, onItemActivate, onItemHighlight, onItemSelect, onItemDeactivate, onItemUnhighlight, onItemUnselect, paddingEnd, paddingStart, virtual, style, tail, }: CollectionListProps<T, I>) => React.JSX.Element;
 export default CollectionListComponent;

package/dist/components/list/components/ListBodyComponent.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ListBodyProps, ListItem } from '../typings';
-declare const ListBodyComponent: <T = any, I extends ListItem<T> = ListItem<T>>({ bodyRef, className, height, items, ItemComponent, ItemLoadingComponent, ItemContentComponent, NotFoundComponent, keyboardNavigable, ListComponent, multiSelect, onItemActivate, onItemDeactivate, onItemSelect, onItemUnselect, onItemHighlight, onItemUnhighlight, parentRef, scrollToIndex, service, state, style, totalSize, virtualItems, VirtualListComponent, LoadingComponent, }: ListBodyProps<T, I, import("../typings").ListState<T, I>, import("../typings").ListCollection<T, I, import("../typings").ListState<T, I>>>) => JSX.Element | null;
+declare const ListBodyComponent: <T = any, I extends ListItem<T> = ListItem<T>>({ autoRefresh, bodyRef, className, follow, height, items, ItemComponent, ItemLoadingComponent, ItemContentComponent, NotFoundComponent, keyboardNavigable, ListComponent, multiSelect, onItemActivate, onItemDeactivate, onItemSelect, onItemUnselect, onItemHighlight, onItemUnhighlight, parentRef, scrollToIndex, service, state, style, tail, totalSize, virtualItems, VirtualListComponent, LoadingComponent, }: ListBodyProps<T, I>) => React.JSX.Element | null;
 export default ListBodyComponent;