onekijs-ui 0.22.0 → 1.0.2

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

@@ -1,26 +1,22 @@
-/// <reference types="react" />
-/// <reference types="react" />
 import { IconProps } from './typings';
 export declare const getIconDivProps: (props: IconProps) => {
     accept?: string | undefined;
     alt?: string | undefined;
-    autoComplete?: string | undefined;
+    autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
     capture?: boolean | "user" | "environment" | undefined;
     checked?: boolean | undefined;
-    crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
     disabled?: boolean | undefined;
-    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
     form?: string | undefined;
-    formAction?: string | undefined;
+    formAction?: string | ((formData: FormData) => void | Promise<void>) | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
     formEncType?: string | undefined;
     formMethod?: string | undefined;
     formNoValidate?: boolean | undefined;
     formTarget?: string | undefined;
-    height?: string | number | undefined;
+    height?: number | string | undefined;
     list?: string | undefined;
-    max?: string | number | undefined;
+    max?: number | string | undefined;
     maxLength?: number | undefined;
-    min?: string | number | undefined;
+    min?: number | string | undefined;
     minLength?: number | undefined;
     multiple?: boolean | undefined;
     name?: string | undefined;
@@ -30,28 +26,30 @@ export declare const getIconDivProps: (props: IconProps) => {
     required?: boolean | undefined;
     size?: number | undefined;
     src?: string | undefined;
-    step?: string | number | undefined;
+    step?: number | string | undefined;
     type?: import("react").HTMLInputTypeAttribute | undefined;
-    value?: string | number | readonly string[] | undefined;
-    width?: string | number | undefined;
-    onChange?: import("react").ChangeEventHandler<HTMLDivElement> | undefined;
+    value?: string | readonly string[] | number | undefined;
+    width?: number | string | undefined;
+    onChange?: import("react").ChangeEventHandler<HTMLDivElement, HTMLInputElement> | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
     autoFocus?: boolean | undefined;
     className?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+    contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
+    draggable?: (boolean | "false" | "true") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
     slot?: string | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
+    spellCheck?: (boolean | "false" | "true") | undefined;
     style?: import("react").CSSProperties | undefined;
     tabIndex?: number | undefined;
     title?: string | undefined;
@@ -69,7 +67,6 @@ export declare const getIconDivProps: (props: IconProps) => {
     rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
     itemProp?: string | undefined;
@@ -80,62 +77,68 @@ export declare const getIconDivProps: (props: IconProps) => {
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+    popoverTarget?: string | undefined;
+    inert?: boolean | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
-    'aria-activedescendant'?: string | undefined;
-    'aria-atomic'?: (boolean | "true" | "false") | undefined;
-    'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
-    'aria-braillelabel'?: string | undefined;
-    'aria-brailleroledescription'?: string | undefined;
-    'aria-busy'?: (boolean | "true" | "false") | undefined;
-    'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
-    'aria-colcount'?: number | undefined;
-    'aria-colindex'?: number | undefined;
-    'aria-colindextext'?: string | undefined;
-    'aria-colspan'?: number | undefined;
-    'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-description'?: string | undefined;
-    'aria-details'?: string | undefined;
-    'aria-disabled'?: (boolean | "true" | "false") | undefined;
-    'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
-    'aria-errormessage'?: string | undefined;
-    'aria-expanded'?: (boolean | "true" | "false") | undefined;
-    'aria-flowto'?: string | undefined;
-    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
-    'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-    'aria-keyshortcuts'?: string | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-level'?: number | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    'aria-modal'?: (boolean | "true" | "false") | undefined;
-    'aria-multiline'?: (boolean | "true" | "false") | undefined;
-    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
-    'aria-orientation'?: "horizontal" | "vertical" | undefined;
-    'aria-owns'?: string | undefined;
-    'aria-placeholder'?: string | undefined;
-    'aria-posinset'?: number | undefined;
-    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
-    'aria-readonly'?: (boolean | "true" | "false") | undefined;
-    'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    'aria-required'?: (boolean | "true" | "false") | undefined;
-    'aria-roledescription'?: string | undefined;
-    'aria-rowcount'?: number | undefined;
-    'aria-rowindex'?: number | undefined;
-    'aria-rowindextext'?: string | undefined;
-    'aria-rowspan'?: number | undefined;
-    'aria-selected'?: (boolean | "true" | "false") | undefined;
-    'aria-setsize'?: number | undefined;
-    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-    'aria-valuemax'?: number | undefined;
-    'aria-valuemin'?: number | undefined;
-    'aria-valuenow'?: number | undefined;
-    'aria-valuetext'?: string | undefined;
-    children?: import("react").ReactNode;
+    exportparts?: string | undefined;
+    part?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "false" | "true") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "false" | "true") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "false" | "true") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "false" | "true") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: (boolean | "false" | "true") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "false" | "true") | undefined;
+    "aria-multiline"?: (boolean | "false" | "true") | undefined;
+    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: (boolean | "false" | "true") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "false" | "true") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "false" | "true") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    children?: import("react").ReactNode | undefined;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined;
@@ -155,17 +158,17 @@ export declare const getIconDivProps: (props: IconProps) => {
     onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-    onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onChangeCapture?: import("react").ChangeEventHandler<HTMLDivElement, Element> | undefined;
+    onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: import("react").InputEventHandler<HTMLDivElement> | undefined;
+    onInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: import("react").InputEventHandler<HTMLDivElement> | undefined;
+    onReset?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: import("react").SubmitEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: import("react").SubmitEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -206,8 +209,6 @@ export declare const getIconDivProps: (props: IconProps) => {
     onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -277,9 +278,7 @@ export declare const getIconDivProps: (props: IconProps) => {
     onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -290,6 +289,8 @@ export declare const getIconDivProps: (props: IconProps) => {
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
@@ -298,6 +299,14 @@ export declare const getIconDivProps: (props: IconProps) => {
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 };

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

@@ -1,3 +1,14 @@
-/// <reference types="react" />
-declare const Input: import("styled-components").StyledComponent<import("react").FC<import("./typings").InputProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const Input: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    PrefixComponent?: React.FC<import("./typings").InputProps>;
+    selectOnFocus?: boolean;
+    SuffixComponent?: React.FC<import("./typings").InputProps>;
+    status?: import("onekijs-framework").ValidationStatus;
+    size?: import("../..").TshirtSize;
+}, never> & Partial<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    PrefixComponent?: React.FC<import("./typings").InputProps>;
+    selectOnFocus?: boolean;
+    SuffixComponent?: React.FC<import("./typings").InputProps>;
+    status?: import("onekijs-framework").ValidationStatus;
+    size?: import("../..").TshirtSize;
+}, never>>> & string & Omit<import("react").FC<import("./typings").InputProps>, keyof import("react").Component<any, {}, any>>;
 export default Input;

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

@@ -47,7 +47,7 @@ export type FormInputProps = InputProps & FormFieldProps & FieldLayoutProps & {
      *
      * @remarks #important#
      */
-    defaultValue?: string;
+    defaultValue?: string | number;
     /**
      * Replace the default component that display the input
      *

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

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

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

@@ -1,6 +1,3 @@
-/// <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("react").JSX.Element;
-    displayName: string;
-};
+import ListComponent from './components/ListComponent';
+declare const _default: typeof ListComponent;
 export default _default;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { CollectionListProps, ListItem } from '../typings';
-declare const CollectionListComponent: <T extends unknown = 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;
+declare const CollectionListComponent: <T extends any = 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, parentRef, virtual, style, tail, }: CollectionListProps<T, I>) => React.JSX.Element;
 export default CollectionListComponent;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ListBodyProps, ListItem } from '../typings';
-declare const ListBodyComponent: <T extends unknown = 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;
+declare const ListBodyComponent: <T extends any = 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;

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

@@ -1,7 +1,8 @@
 import React from 'react';
 import { ListItem, ListProps } from '../typings';
-declare const _default: {
+declare const ListComponent: {
     <T = any, I extends ListItem<T> = ListItem<T>>(props: ListProps<T, I>): React.JSX.Element;
     displayName: string;
 };
+declare const _default: typeof ListComponent;
 export default _default;

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

@@ -1,8 +1,9 @@
 import React from 'react';
 import { ListItem, ListItemProps } from '../typings';
-export declare const ListItemContent: <T extends unknown = any, I extends ListItem<T> = ListItem<T>>({ item }: ListItemProps<T, I>) => React.JSX.Element;
-declare const _default: {
+export declare const ListItemContent: <T extends any = any, I extends ListItem<T> = ListItem<T>>({ item, }: ListItemProps<T, I>) => React.JSX.Element;
+declare const ListItemComponent: {
     <T extends unknown = any, I extends ListItem<T> = ListItem<T>>(props: ListItemProps<T, I>): React.JSX.Element;
     displayName: string;
 };
+declare const _default: typeof ListItemComponent;
 export default _default;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { StylableProps } from '../../../styles/typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<StylableProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const _default: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<StylableProps, never> & Partial<Pick<StylableProps, never>>> & string & Omit<React.FC<StylableProps>, keyof React.Component<any, {}, any>>;
 export default _default;

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

@@ -1,6 +1,12 @@
 import React from 'react';
-declare const _default: import("styled-components").StyledComponent<React.FC<{
-    className?: string | undefined;
-    minHeight?: number | undefined;
-}>, import("styled-components").DefaultTheme, {}, never>;
+declare const _default: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<{
+    className?: string;
+    minHeight?: number;
+}, never> & Partial<Pick<{
+    className?: string;
+    minHeight?: number;
+}, never>>> & string & Omit<React.FC<{
+    className?: string;
+    minHeight?: number;
+}>, keyof React.Component<any, {}, any>>;
 export default _default;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ListItem, VirtualListProps } from '../typings';
-declare const VirtualListComponent: <T extends unknown = any, I extends ListItem<T> = ListItem<T>>({ items, ItemComponent, ItemLoadingComponent, ItemContentComponent, onItemClick, onItemMouseEnter, onItemMouseLeave, virtualItems, }: VirtualListProps<T, I>) => React.JSX.Element;
+declare const VirtualListComponent: <T extends any = any, I extends ListItem<T> = ListItem<T>>({ items, ItemComponent, ItemLoadingComponent, ItemContentComponent, onItemClick, onItemMouseEnter, onItemMouseLeave, virtualItems, }: VirtualListProps<T, I>) => React.JSX.Element;
 export default VirtualListComponent;

package/dist/components/list/hooks/useListController.d.ts

@@ -1,4 +1,4 @@
 import { CollectionProxy, CollectionService } from 'onekijs-framework';
 import { ListItem, ListState, UseListOptions } from '../typings';
-declare const useListController: <T = any, I extends ListItem<T> = ListItem<T>>(dataSource: string | T[], options?: UseListOptions<T, I>) => CollectionProxy<T, I, ListState<T, I>, CollectionService<T, I, ListState<T, I>>>;
+declare const useListController: <T = any, I extends ListItem<T> = ListItem<T>>(dataSource: T[] | string, options?: UseListOptions<T, I>) => CollectionProxy<T, I, ListState<T, I>, CollectionService<T, I, ListState<T, I>>>;
 export default useListController;

package/dist/components/list/hooks/useListView.d.ts

@@ -2,7 +2,7 @@ import { Item } from 'onekijs-framework';
 import { RefObject } from 'react';
 import { CollectionListProps, ListCollection, VirtualItem } from '../typings';
 declare const useListView: <T = any, I extends Item<T> = Item<T>>(props: Pick<CollectionListProps<T, I>, 'height' | 'itemHeight' | 'overscan' | 'preload' | 'increment' | 'virtual'> & {
-    ref: RefObject<HTMLDivElement>;
+    ref: RefObject<HTMLDivElement | null>;
     controller: ListCollection<T, I>;
     scrollToFn?: (offset: number, defaultScrollToFn?: (offset: number) => void) => void;
     keyExtractor?: (index: number) => number | string;

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

@@ -1,6 +1,3 @@
-/// <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("react").JSX.Element;
-    displayName: string;
-};
+import ListComponent from './components/ListComponent';
+declare const _default: typeof ListComponent;
 export default _default;

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

@@ -7,14 +7,14 @@ export type ArrayListProps<T = any, I extends ListItem<T> = ListItem<T>> = ListC
     fetchOnce?: boolean;
 };
 export type ListBodyProps<T = any, I extends ListItem<T> = ListItem<T>, S extends ListState<T, I> = ListState<T, I>, C extends ListCollection<T, I, S> = ListCollection<T, I, S>> = Pick<CollectionListProps<T, I>, 'autoRefresh' | 'follow' | 'onItemSelect' | 'onItemUnselect' | 'onItemActivate' | 'onItemDeactivate' | 'onItemHighlight' | 'onItemUnhighlight' | 'multiSelect' | 'ItemComponent' | 'NotFoundComponent' | 'LoadingComponent' | 'height' | 'keyboardNavigable' | 'tail'> & {
-    bodyRef?: React.RefObject<HTMLDivElement>;
+    bodyRef?: React.RefObject<HTMLDivElement | null>;
     className?: string;
     ItemLoadingComponent?: FC;
     ItemComponent?: FC<ListItemProps<T, I>>;
     ItemContentComponent?: FC<ListItemProps<T, I>>;
     items: (I | undefined)[];
     ListComponent?: FC<StandardListProps<T, I>>;
-    parentRef?: React.RefObject<HTMLDivElement>;
+    parentRef?: React.RefObject<HTMLDivElement | null>;
     service: C;
     state: S;
     style?: React.CSSProperties;
@@ -77,6 +77,7 @@ export type ListConfig<T = any, I extends ListItem<T> = ListItem<T>> = {
     onItemUnselect?: ListItemHandler<T, I>;
     paddingEnd?: number;
     paddingStart?: number;
+    parentRef?: React.RefObject<HTMLDivElement>;
     overscan?: number;
     preload?: number;
     style?: React.CSSProperties;

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

@@ -1,3 +1,3 @@
 import { Collection, CollectionProxy, CollectionState, CollectionStatus, Item } from 'onekijs-framework';
-export declare const canFetchMore: <T, I extends Item<T>, S extends CollectionState<T, I>>(collection: Collection<T, I, S> | T[]) => boolean;
-export declare const getListStatus: <T, I extends Item<T>, S extends CollectionState<T, I>>(collection: CollectionProxy<T, I, S> | T[]) => CollectionStatus;
+export declare const canFetchMore: <T, I extends Item<T>, S extends CollectionState<T, I>>(collection: T[] | Collection<T, I, S>) => boolean;
+export declare const getListStatus: <T, I extends Item<T>, S extends CollectionState<T, I>>(collection: T[] | CollectionProxy<T, I, S>) => CollectionStatus;

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

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

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

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

package/dist/components/password/Password.d.ts

@@ -1,3 +1,16 @@
-/// <reference types="react" />
-declare const Password: import("styled-components").StyledComponent<import("react").FC<import("./typings").PasswordProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const Password: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("../..").StylableProps & {
+    value: string;
+}, never> & Partial<Pick<import("../..").StylableProps & {
+    value: string;
+}, never>>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("../..").StylableProps & {
+    value: string;
+}, never> & Partial<Pick<import("../..").StylableProps & {
+    value: string;
+}, never>>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never>>> & string;
 export default Password;

package/dist/components/password/components/PasswordComponent.d.ts

@@ -1,4 +1,8 @@
 import React from 'react';
 import { PasswordProps } from '../typings';
-declare const _default: import("styled-components").StyledComponent<React.FC<PasswordProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const _default: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../../..").StylableProps & {
+    value: string;
+}, never> & Partial<Pick<import("../../..").StylableProps & {
+    value: string;
+}, never>>> & string & Omit<React.FC<PasswordProps>, keyof React.Component<any, {}, any>>;
 export default _default;

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

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

package/dist/components/resizer/ResizerService.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Task } from '@redux-saga/types';
 import { DefaultService } from 'onekijs-framework';
 import { ResizerHandle, ResizerHandler, ResizerState } from './typings';
@@ -7,11 +6,11 @@ export declare class ResizerService extends DefaultService<ResizerState> {
     protected currentHandle?: ResizerHandle;
     setSize(width: number, height: number, lastX: number, lastY: number): void;
     setHover(hover: boolean): void;
-    delayEnter(delay_ms: number): Generator<void | import("@redux-saga/core/effects").CallEffect<true>, void, unknown>;
-    onEnter(): Generator<import("@redux-saga/core/effects").ForkEffect<Generator<void | import("@redux-saga/core/effects").CallEffect<true>, void, unknown>>, void, Task<any> | null>;
-    onLeave(): Generator<import("@redux-saga/core/effects").CancelEffect, void, unknown>;
+    delayEnter(delay_ms: number): Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>;
+    onEnter(): Generator<import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>>, void, Task<any> | null>;
+    onLeave(): Generator<import("redux-saga/effects").CancelEffect, void, unknown>;
     onResize(e: any): Generator<void, void, unknown>;
-    startResize(handle: ResizerHandle, target: React.RefObject<HTMLDivElement>, x: number, y: number): void;
+    startResize(handle: ResizerHandle, target: React.RefObject<HTMLDivElement | null>, x: number, y: number): void;
     stopResize(): void;
 }
 export declare const useResizerService: (handler: ResizerHandler) => [ResizerState, ResizerService];

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type ResizerVerticalHandle = 'e' | 'w';
 export type ResizerHorizontallHandle = 'n' | 's';
 export type ResizerHandle = ResizerVerticalHandle | ResizerHorizontallHandle | 'se' | 'sw' | 'nw' | 'all';
@@ -16,7 +15,7 @@ export interface ResizerProps {
 }
 export interface ResizeSplitterProps {
     onResize: ResizerHandler;
-    target: React.RefObject<HTMLDivElement>;
+    target: React.RefObject<HTMLDivElement | null>;
     gap: number;
 }
 export interface ResizeVerticalSplitterProps extends ResizeSplitterProps {

package/dist/components/select/FormSelect.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import { FormSelectProps, SelectItem } from './typings';
-declare const _default: {
+declare const FormSelect: {
     <T extends unknown = any, I extends SelectItem<T> = SelectItem<T>>(props: FormSelectProps<T, I>): React.JSX.Element;
     displayName: string;
 };
+declare const _default: typeof FormSelect;
 export default _default;