onekijs-ui 0.22.0 → 1.0.2

package/dist/components/datetime/util.d.ts

@@ -5,3 +5,4 @@ export declare const toDateRange: (value: string | null, label?: string | null)
 export declare const qr: (quickRange: DefaultQuickRange) => DateQuickRange;
 export declare const defaultQuickRanges: () => AnonymousObject<DateQuickRange>;
 export declare const findQuickRangeLabel: (quickRanges: AnonymousObject<DateStringRange> | undefined, dateRange: DateStringRange | string | null | undefined) => string | undefined;
+export declare const isSameDay: (date1: Date, date2: Date) => boolean;

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

@@ -1,2 +1,10 @@
-declare const Dropdown: import("styled-components").StyledComponent<import("onekijs-framework").FCC<import("./typings").DropdownComponentProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const Dropdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("./typings").DropdownProps & {
+    refElement?: HTMLElement | null;
+} & {
+    children?: import("react").ReactNode | undefined;
+}, never> & Partial<Pick<import("./typings").DropdownProps & {
+    refElement?: HTMLElement | null;
+} & {
+    children?: import("react").ReactNode | undefined;
+}, never>>> & string & Omit<import("onekijs-framework").FCC<import("./typings").DropdownComponentProps>, keyof import("react").Component<any, {}, any>>;
 export default Dropdown;

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

@@ -1,5 +1,6 @@
-import { Placement } from '@popperjs/core';
+import { Placement } from '@floating-ui/react';
 import { AnyFunction } from 'onekijs-framework';
+export type DropdownPlacement = Placement | 'auto' | 'auto-start' | 'auto-end';
 export type DropdownProps = {
     attachToBody?: boolean;
     className?: string;
@@ -14,8 +15,8 @@ export type DropdownProps = {
     onCollapseDone?: (node: HTMLElement) => void;
     onCollapsing?: (node: HTMLElement) => void;
     animationTimeout?: number;
-    placement?: Placement;
-    fallbackPlacements?: Placement[];
+    placement?: DropdownPlacement;
+    fallbackPlacements?: DropdownPlacement[];
     widthModifier?: DropdownWidthModifier;
     width?: string;
     zIndex?: number;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const FieldDescription: import("styled-components").StyledComponent<import("react").FC<import("./typings").FieldDescriptionProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const FieldDescription: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("./typings").FieldDescriptionProps, never> & Partial<Pick<import("./typings").FieldDescriptionProps, never>>> & string & Omit<import("react").FC<import("./typings").FieldDescriptionProps>, keyof import("react").Component<any, {}, any>>;
 export default FieldDescription;

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

@@ -1,3 +1,16 @@
-/// <reference types="react" />
-declare const FieldDisplayer: import("styled-components").StyledComponent<import("react").FC<import("./typings").FieldDisplayerProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const FieldDisplayer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../..").StylableProps & {
+    label: import("react").ReactNode;
+    value: import("react").ReactNode;
+    help?: import("react").ReactNode;
+    first: boolean;
+    last: boolean;
+    format: import("onekijs-framework").FormDisplayerProps["format"];
+}, never> & Partial<Pick<import("../..").StylableProps & {
+    label: import("react").ReactNode;
+    value: import("react").ReactNode;
+    help?: import("react").ReactNode;
+    first: boolean;
+    last: boolean;
+    format: import("onekijs-framework").FormDisplayerProps["format"];
+}, never>>> & string & Omit<import("react").FC<import("./typings").FieldDisplayerProps>, keyof import("react").Component<any, {}, any>>;
 export default FieldDisplayer;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const FieldHelp: import("styled-components").StyledComponent<import("react").FC<import("./typings").FieldHelpProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const FieldHelp: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("./typings").FieldHelpProps, never> & Partial<Pick<import("./typings").FieldHelpProps, never>>> & string & Omit<import("react").FC<import("./typings").FieldHelpProps>, keyof import("react").Component<any, {}, any>>;
 export default FieldHelp;

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

@@ -1,2 +1,6 @@
-declare const FieldLayout: import("styled-components").StyledComponent<import("onekijs-framework").FCC<import("./typings").FieldLayoutProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const FieldLayout: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("./typings").FieldLayoutProps & {
+    children?: import("react").ReactNode | undefined;
+}, never> & Partial<Pick<import("./typings").FieldLayoutProps & {
+    children?: import("react").ReactNode | undefined;
+}, never>>> & string & Omit<import("onekijs-framework").FCC<import("./typings").FieldLayoutProps>, keyof import("react").Component<any, {}, any>>;
 export default FieldLayout;

package/dist/components/field/hooks/useFieldLayout.d.ts

@@ -1,4 +1,4 @@
 import { AnonymousObject } from 'onekijs-framework';
 import { FieldComponentProps, FieldLayoutProps, UseFieldLayoutProps } from '../typings';
-declare const useFieldLayout: <T extends AnonymousObject<any>>(props: UseFieldLayoutProps<T>) => [FieldLayoutProps, FieldComponentProps<T>];
+declare const useFieldLayout: <T extends AnonymousObject>(props: UseFieldLayoutProps<T>) => [FieldLayoutProps, FieldComponentProps<T>];
 export default useFieldLayout;

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

@@ -1,4 +1,25 @@
 import { FCC } from 'onekijs-framework';
+import React from 'react';
 import { ColProps } from './typings';
-declare const Col: import("styled-components").StyledComponent<FCC<ColProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const Col: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<React.InputHTMLAttributes<HTMLDivElement>, "size"> & {
+    size: import("./typings").GridSize;
+    xs?: import("./typings").GridSize;
+    sm?: import("./typings").GridSize;
+    md?: import("./typings").GridSize;
+    lg?: import("./typings").GridSize;
+    xl?: import("./typings").GridSize;
+    offset?: import("./typings").GridSize;
+} & {
+    children?: React.ReactNode | undefined;
+}, never> & Partial<Pick<Omit<React.InputHTMLAttributes<HTMLDivElement>, "size"> & {
+    size: import("./typings").GridSize;
+    xs?: import("./typings").GridSize;
+    sm?: import("./typings").GridSize;
+    md?: import("./typings").GridSize;
+    lg?: import("./typings").GridSize;
+    xl?: import("./typings").GridSize;
+    offset?: import("./typings").GridSize;
+} & {
+    children?: React.ReactNode | undefined;
+}, never>>> & string & Omit<FCC<ColProps>, keyof React.Component<any, {}, any>>;
 export default Col;

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

@@ -1,4 +1,47 @@
 import { FCC } from 'onekijs-framework';
+import React from 'react';
 import { RowProps } from './typings';
-declare const Row: import("styled-components").StyledComponent<FCC<RowProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const Row: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<React.InputHTMLAttributes<HTMLDivElement>, "width"> & {
+    alignItems?: import("csstype").Property.AlignItems;
+    gap?: import("csstype").Property.Width<import("../..").TLength>;
+    gapX?: import("csstype").Property.Width<import("../..").TLength>;
+    gapY?: import("csstype").Property.Height<import("../..").TLength>;
+    width?: import("csstype").Property.Width<import("../..").TLength>;
+    xs?: import("csstype").Property.Width<import("../..").TLength>;
+    sm?: import("csstype").Property.Width<import("../..").TLength>;
+    md?: import("csstype").Property.Width<import("../..").TLength>;
+    lg?: import("csstype").Property.Width<import("../..").TLength>;
+    xl?: import("csstype").Property.Width<import("../..").TLength>;
+    reverse?: boolean;
+    marginLeft?: import("csstype").Property.Margin<import("../..").TLength>;
+    marginRight?: import("csstype").Property.Margin<import("../..").TLength>;
+    marginX?: import("csstype").Property.Margin<import("../..").TLength>;
+    marginTop?: import("csstype").Property.Margin<import("../..").TLength>;
+    marginBottom?: import("csstype").Property.Margin<import("../..").TLength>;
+    marginY?: import("csstype").Property.Margin<import("../..").TLength>;
+    margin?: import("csstype").Property.Margin<import("../..").TLength>;
+} & {
+    children?: React.ReactNode | undefined;
+}, never> & Partial<Pick<Omit<React.InputHTMLAttributes<HTMLDivElement>, "width"> & {
+    alignItems?: import("csstype").Property.AlignItems;
+    gap?: import("csstype").Property.Width<import("../..").TLength>;
+    gapX?: import("csstype").Property.Width<import("../..").TLength>;
+    gapY?: import("csstype").Property.Height<import("../..").TLength>;
+    width?: import("csstype").Property.Width<import("../..").TLength>;
+    xs?: import("csstype").Property.Width<import("../..").TLength>;
+    sm?: import("csstype").Property.Width<import("../..").TLength>;
+    md?: import("csstype").Property.Width<import("../..").TLength>;
+    lg?: import("csstype").Property.Width<import("../..").TLength>;
+    xl?: import("csstype").Property.Width<import("../..").TLength>;
+    reverse?: boolean;
+    marginLeft?: import("csstype").Property.Margin<import("../..").TLength>;
+    marginRight?: import("csstype").Property.Margin<import("../..").TLength>;
+    marginX?: import("csstype").Property.Margin<import("../..").TLength>;
+    marginTop?: import("csstype").Property.Margin<import("../..").TLength>;
+    marginBottom?: import("csstype").Property.Margin<import("../..").TLength>;
+    marginY?: import("csstype").Property.Margin<import("../..").TLength>;
+    margin?: import("csstype").Property.Margin<import("../..").TLength>;
+} & {
+    children?: React.ReactNode | undefined;
+}, never>>> & string & Omit<FCC<RowProps>, keyof React.Component<any, {}, any>>;
 export default Row;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Property } from 'csstype';
 import { TLength } from '../../styles/typings';
 export type RowProps = Omit<React.InputHTMLAttributes<HTMLDivElement>, 'width'> & {

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

@@ -1,4 +1,12 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const _default: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never> & Partial<Pick<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never>>> & string & Omit<React.FC<IconProps>, keyof React.Component<any, {}, any>>;
 export default _default;

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

@@ -1,4 +1,12 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const _default: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never> & Partial<Pick<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never>>> & string & Omit<React.FC<IconProps>, keyof React.Component<any, {}, any>>;
 export default _default;

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

@@ -1,4 +1,12 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const _default: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never> & Partial<Pick<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never>>> & string & Omit<React.FC<IconProps>, keyof React.Component<any, {}, any>>;
 export default _default;

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

@@ -1,4 +1,12 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const CrossIcon: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const CrossIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never> & Partial<Pick<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never>>> & string & Omit<React.FC<IconProps>, keyof React.Component<any, {}, any>>;
 export default CrossIcon;

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

@@ -1,4 +1,12 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const _default: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never> & Partial<Pick<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never>>> & string & Omit<React.FC<IconProps>, keyof React.Component<any, {}, any>>;
 export default _default;

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

@@ -1,4 +1,12 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const _default: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never> & Partial<Pick<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never>>> & string & Omit<React.FC<IconProps>, keyof React.Component<any, {}, any>>;
 export default _default;

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

@@ -1,4 +1,12 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const _default: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never> & Partial<Pick<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never>>> & string & Omit<React.FC<IconProps>, keyof React.Component<any, {}, any>>;
 export default _default;

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

@@ -1,4 +1,12 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const _default: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never> & Partial<Pick<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never>>> & string & Omit<React.FC<IconProps>, keyof React.Component<any, {}, any>>;
 export default _default;

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

@@ -1,4 +1,12 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const _default: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never> & Partial<Pick<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never>>> & string & Omit<React.FC<IconProps>, keyof React.Component<any, {}, any>>;
 export default _default;

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

@@ -1,4 +1,12 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const _default: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never> & Partial<Pick<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never>>> & string & Omit<React.FC<IconProps>, keyof React.Component<any, {}, any>>;
 export default _default;

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

@@ -1,4 +1,12 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const _default: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never> & Partial<Pick<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never>>> & string & Omit<React.FC<IconProps>, keyof React.Component<any, {}, any>>;
 export default _default;

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

@@ -1,4 +1,12 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const _default: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never> & Partial<Pick<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never>>> & string & Omit<React.FC<IconProps>, keyof React.Component<any, {}, any>>;
 export default _default;

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

@@ -1,4 +1,12 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const _default: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never> & Partial<Pick<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never>>> & string & Omit<React.FC<IconProps>, keyof React.Component<any, {}, any>>;
 export default _default;

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

@@ -1,4 +1,12 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const _default: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never> & Partial<Pick<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never>>> & string & Omit<React.FC<IconProps>, keyof React.Component<any, {}, any>>;
 export default _default;

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

@@ -1,4 +1,12 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const _default: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never> & Partial<Pick<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never>>> & string & Omit<React.FC<IconProps>, keyof React.Component<any, {}, any>>;
 export default _default;

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

@@ -1,4 +1,12 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const _default: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never> & Partial<Pick<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never>>> & string & Omit<React.FC<IconProps>, keyof React.Component<any, {}, any>>;
 export default _default;

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

@@ -1,4 +1,12 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const _default: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never> & Partial<Pick<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never>>> & string & Omit<React.FC<IconProps>, keyof React.Component<any, {}, any>>;
 export default _default;

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

@@ -1,4 +1,12 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const _default: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never> & Partial<Pick<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never>>> & string & Omit<React.FC<IconProps>, keyof React.Component<any, {}, any>>;
 export default _default;

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

@@ -1,4 +1,12 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const _default: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never> & Partial<Pick<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never>>> & string & Omit<React.FC<IconProps>, keyof React.Component<any, {}, any>>;
 export default _default;

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

@@ -1,4 +1,26 @@
 import React from 'react';
 import { TogglerIconProps } from './typings';
-declare const TogglerIcon: import("styled-components").StyledComponent<React.FC<TogglerIconProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const TogglerIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+} & {
+    open?: boolean;
+    loading?: boolean;
+    visible?: boolean;
+    model?: "arrow" | "plus";
+    closeArrowPosition?: "e" | "w" | "n" | "s";
+    openArrowPosition?: "e" | "w" | "n" | "s";
+}, never> & Partial<Pick<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+} & {
+    open?: boolean;
+    loading?: boolean;
+    visible?: boolean;
+    model?: "arrow" | "plus";
+    closeArrowPosition?: "e" | "w" | "n" | "s";
+    openArrowPosition?: "e" | "w" | "n" | "s";
+}, never>>> & string & Omit<React.FC<TogglerIconProps>, keyof React.Component<any, {}, any>>;
 export default TogglerIcon;

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

@@ -1,4 +1,12 @@
 import React from 'react';
 import { IconProps } from './typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const _default: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never> & Partial<Pick<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../..").TLength>;
+    marginLeft?: import("../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../..").TLength>;
+}, never>>> & string & Omit<React.FC<IconProps>, keyof React.Component<any, {}, any>>;
 export default _default;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Property } from 'csstype';
 import { ColorPropertyTheme, SpacingPropertyTheme, TLength } from '../../styles/typings';
 export type IconProps = React.InputHTMLAttributes<HTMLDivElement> & {