@bundle-stats/ui 4.2.3-beta.0 → 4.2.3-beta.1

package/types/layout/stack/stack.d.ts

@@ -1,20 +1,7 @@
-export function Stack(props: any): JSX.Element;
-export namespace Stack {
-    namespace defaultProps {
-        export const as: string;
-        export const className: string;
-        export const children: null;
-        export { NO_SPACE as space };
-    }
-    namespace propTypes {
-        const as_1: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        export { as_1 as as };
-        const className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        const children_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export { children_1 as children };
-        export const space: PropTypes.Requireable<string>;
-    }
-}
-import { NO_SPACE } from "../../constants";
-import PropTypes from "prop-types";
+import React from 'react';
+import { SPACES } from '../../tokens';
+export type StackProps = {
+    as?: React.ElementType;
+    space?: (typeof SPACES)[number];
+};
+export declare const Stack: (props: StackProps & React.ComponentProps<"div">) => React.JSX.Element;

package/types/query-state.d.ts

@@ -1,2 +1,7 @@
-export function QueryStateProvider(props: any): JSX.Element;
-export function useComponentQueryState(componentName: any): any[];
+import React from 'react';
+interface QueryStateProviderProps {
+    children: React.ReactNode;
+}
+export declare const QueryStateProvider: (props: QueryStateProviderProps) => React.JSX.Element;
+export declare const useComponentQueryState: (componentName: string) => any[];
+export {};

package/types/stories/wrapper.d.ts

@@ -1 +1,2 @@
-export function getWrapperDecorator(customWrapperStyles?: {}): (storyFn: any) => JSX.Element;
+export function getWrapperDecorator(customWrapperStyles?: {}): (Story: any) => React.JSX.Element;
+import React from 'react';

package/types/tokens.d.ts

@@ -0,0 +1,23 @@
+export declare const NO_SPACE = "no-space";
+export declare const SPACE_XXXSMALL = "xxxsmall";
+export declare const SPACE_XXSMALL = "xxsmall";
+export declare const SPACE_XSMALL = "xsmall";
+export declare const SPACE_SMALL = "small";
+export declare const SPACE_MEDIUM = "medium";
+export declare const SPACE_LARGE = "large";
+export declare const SPACE_XLARGE = "xlarge";
+export declare const SPACE_XXLARGE = "xxlarge";
+export declare const SPACE_XXXLARGE = "xxxlarge";
+export declare const SPACES: readonly ["no-space", "xxxsmall", "xxsmall", "xsmall", "small", "medium", "large", "xlarge", "xxlarge", "xxxlarge"];
+export declare const KIND: {
+    readonly DEFAULT: "default";
+    readonly SUCCESS: "success";
+    readonly INFO: "info";
+    readonly WARNING: "warning";
+    readonly DANGER: "danger";
+};
+export declare const SIZE: {
+    readonly SMALL: "small";
+    readonly MEDIUM: "medium";
+    readonly LARGE: "large";
+};

package/types/ui/alert/alert.d.ts

@@ -1,15 +1,8 @@
-export function Alert(props: any): JSX.Element;
-export namespace Alert {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const kind: PropTypes.Requireable<string>;
-        const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-    }
-    namespace defaultProps {
-        const className_1: string;
-        export { className_1 as className };
-        const kind_1: string;
-        export { kind_1 as kind };
-    }
+import React from 'react';
+import { KIND } from '../../tokens';
+import { Box } from '../../layout/box';
+interface AlertProps {
+    kind?: (typeof KIND)[keyof typeof KIND];
 }
-import PropTypes from "prop-types";
+export declare const Alert: (props: AlertProps & React.ComponentProps<typeof Box>) => React.JSX.Element;
+export {};

package/types/ui/alert/index.d.ts

@@ -1 +1 @@
-export * from "./alert";
+export * from './alert';

package/types/ui/button/button.d.ts

@@ -0,0 +1,58 @@
+import React from 'react';
+import { Icon as BaseIcon } from '../icon';
+export declare const BUTTON_SIZE: {
+    readonly SMALL: "small";
+    readonly MEDIUM: "medium";
+    readonly LARGE: "large";
+};
+export declare const BUTTON_KIND: {
+    readonly PRIMARY: "primary";
+    readonly SECONDARY: "secondary";
+    readonly DANGE: "danger";
+    readonly WARNING: "warning";
+    readonly INFO: "info";
+    readonly SUCCES: "success";
+};
+export declare const BUTTON_GLYPHS: {
+    readonly ARROW: "arrow";
+    readonly ARROW_RIGHT_CIRCLE: "arrow-right-circle";
+    readonly CANCEL: "close";
+    readonly CHEVRON_DOWN: "chevron-down";
+    readonly CHEVRON_UP: "chevron-up";
+    readonly CHECK: "check";
+    readonly CLOSE: "close";
+    readonly CLOCK: "clock";
+    readonly COMMIT: "commit";
+    readonly CLIPBOARD: "clipboard";
+    readonly CLIPBOARD_CHECK: "clipboard-check";
+    readonly DOWNLOAD: "download";
+    readonly ERROR: "error";
+    readonly EXTERNAL_LINK: "external-link";
+    readonly FILTER: "filter";
+    readonly GITHUB: "github";
+    readonly INFO: "info";
+    readonly HELP: "help";
+    readonly TABLE: "table";
+    readonly TREEMAP: "treemap";
+    readonly MENU: "menu";
+    readonly MORE_VERTICAL: "more-vertical";
+    readonly SORT: "sort";
+    readonly WARNING: "warning";
+};
+type Size = (typeof BUTTON_SIZE)[keyof typeof BUTTON_SIZE];
+type Kind = (typeof BUTTON_KIND)[keyof typeof BUTTON_KIND];
+interface ButtonProps<T extends React.ElementType> {
+    outline?: boolean;
+    solid?: boolean;
+    active?: boolean;
+    kind?: Kind | 'default';
+    size?: Size;
+    radius?: Size | 'circle' | 'none';
+    padding?: Size | 'none';
+    as?: T;
+    Icon?: React.ElementType;
+    glyph?: React.ComponentProps<typeof BaseIcon>['glyph'];
+    rightGlyph?: React.ComponentProps<typeof BaseIcon>['glyph'];
+}
+export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>> & Omit<Omit<any, "ref">, keyof ButtonProps<T>>, "ref"> & React.RefAttributes<unknown>>;
+export {};

package/types/ui/button/index.d.ts

@@ -0,0 +1 @@
+export * from './button';

package/types/ui/container/container.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
     as?: React.ElementType;
 }
-export declare const Container: ({ as: Component, className, ...restProps }: ContainerProps) => JSX.Element;
+export declare const Container: ({ as: Component, className, ...restProps }: ContainerProps) => React.JSX.Element;
 export {};

package/types/ui/control-group/control-group.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { FlexStack } from '../../layout/flex-stack';
+export declare const ControlGroup: (props: React.ComponentProps<typeof FlexStack>) => React.JSX.Element;

package/types/ui/control-group/index.d.ts

@@ -0,0 +1 @@
+export * from './control-group';

package/types/ui/copy-to-clipboard/copy-to-clipboard.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentProps } from 'react';
+import React from 'react';
+import { Button } from '../button';
+export type CopyToClipboardProps = {
+    text: string;
+} & ComponentProps<typeof Button>;
+export declare const CopyToClipboard: (props: CopyToClipboardProps) => React.JSX.Element;

package/types/ui/copy-to-clipboard/index.d.ts

@@ -0,0 +1 @@
+export * from './copy-to-clipboard';

package/types/ui/dialog/dialog.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentProps, ReactNode } from 'react';
+import React from 'react';
+import { Dialog as AriakitDialog } from 'ariakit/dialog';
+export { useDialogState } from 'ariakit/dialog';
+type AriakitDialogProps = ComponentProps<typeof AriakitDialog>;
+type DialogProps = {
+    title?: ReactNode;
+    width?: 'narrow' | 'medium' | 'wide' | 'extra-wide';
+    center?: boolean;
+    modal?: AriakitDialogProps['modal'];
+    state: AriakitDialogProps['state'];
+} & Omit<ComponentProps<'div'>, 'title'>;
+export declare const Dialog: (props: DialogProps) => React.JSX.Element;

package/types/ui/dialog/index.d.ts

@@ -0,0 +1 @@
+export * from './dialog';

package/types/ui/dropdown/dropdown.d.ts

@@ -1,46 +1,18 @@
-export function Dropdown(props: any): JSX.Element;
-export namespace Dropdown {
-    export namespace defaultProps {
-        const className: string;
-        const buttonClassName: string;
-        const label: null;
-        const ariaLabel: string;
-        const glyph: null;
-    }
-    export namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        const buttonClassName_1: PropTypes.Requireable<string>;
-        export { buttonClassName_1 as buttonClassName };
-        const label_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export { label_1 as label };
-        const ariaLabel_1: PropTypes.Requireable<string>;
-        export { ariaLabel_1 as ariaLabel };
-        const glyph_1: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        export { glyph_1 as glyph };
-        export const children: PropTypes.Validator<NonNullable<NonNullable<string | PropTypes.ReactElementLike | ((...args: any[]) => any) | null | undefined>>>;
-    }
-    export { Item };
+import React from 'react';
+import { MenuItem, MenuStateProps } from 'ariakit/menu';
+interface DropdownItemProps {
+    isActive?: boolean;
 }
-import PropTypes from "prop-types";
-declare function Item({ className, isActive, ...restProps }: {
-    [x: string]: any;
-    className?: string | undefined;
-    isActive?: boolean | undefined;
-}): JSX.Element;
-declare namespace Item {
-    export namespace propTypes_1 {
-        const className_2: PropTypes.Requireable<string>;
-        export { className_2 as className };
-        export const isActive: PropTypes.Requireable<boolean>;
-    }
-    export { propTypes_1 as propTypes };
-    export namespace defaultProps_1 {
-        const className_3: string;
-        export { className_3 as className };
-        const isActive_1: boolean;
-        export { isActive_1 as isActive };
-    }
-    export { defaultProps_1 as defaultProps };
+export declare const DropdownItem: (props: DropdownItemProps & React.ComponentProps<typeof MenuItem>) => React.JSX.Element;
+interface DropdownProps {
+    dropdownClassName?: string;
+    label?: React.ReactNode;
+    ariaLabel?: string;
+    glyph?: string;
+    disabled?: boolean;
+    placement?: MenuStateProps['placement'];
+    gutter?: MenuStateProps['gutter'];
+    shift?: MenuStateProps['shift'];
 }
+export declare const Dropdown: (props: DropdownProps & React.ComponentProps<"div">) => React.JSX.Element;
 export {};

package/types/ui/dropdown/index.d.ts

@@ -1 +1 @@
-export * from "./dropdown";
+export * from './dropdown';

package/types/ui/empty-set/empty-set.d.ts

@@ -1,16 +1,17 @@
-export function EmptySet(props: any): JSX.Element;
+export function EmptySet(props: any): React.JSX.Element;
 export namespace EmptySet {
     namespace propTypes {
-        const resources: PropTypes.Validator<string>;
-        const filtered: PropTypes.Validator<boolean>;
-        const handleResetFilters: PropTypes.Requireable<(...args: any[]) => any>;
-        const handleViewAll: PropTypes.Requireable<(...args: any[]) => any>;
+        let resources: PropTypes.Validator<string>;
+        let filtered: PropTypes.Validator<boolean>;
+        let handleResetFilters: PropTypes.Requireable<(...args: any[]) => any>;
+        let handleViewAll: PropTypes.Requireable<(...args: any[]) => any>;
     }
     namespace defaultProps {
-        const handleResetFilters_1: null;
+        let handleResetFilters_1: null;
         export { handleResetFilters_1 as handleResetFilters };
-        const handleViewAll_1: null;
+        let handleViewAll_1: null;
         export { handleViewAll_1 as handleViewAll };
     }
 }
-import PropTypes from "prop-types";
+import React from 'react';
+import PropTypes from 'prop-types';

package/types/ui/file-name/file-name.d.ts

@@ -2,20 +2,21 @@ export function FileName({ className, as: Component, name }: {
     className: any;
     as: any;
     name: any;
-}): JSX.Element;
+}): React.JSX.Element;
 export namespace FileName {
     namespace defaultProps {
-        const className: string;
-        const as: string;
-        const name: string;
+        let className: string;
+        let as: string;
+        let name: string;
     }
     namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
+        let className_1: PropTypes.Requireable<string>;
         export { className_1 as className };
-        const as_1: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+        let as_1: PropTypes.Requireable<PropTypes.ReactComponentLike>;
         export { as_1 as as };
-        const name_1: PropTypes.Requireable<string>;
+        let name_1: number;
         export { name_1 as name };
     }
 }
-import PropTypes from "prop-types";
+import React from 'react';
+import PropTypes from 'prop-types';

package/types/ui/filters/filters.d.ts

@@ -1,14 +1,20 @@
-export function Filters(props: any): JSX.Element;
-export namespace Filters {
-    namespace defaultProps {
-        const className: string;
-    }
-    namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        export const values: PropTypes.Validator<object>;
-        export const filters: PropTypes.Validator<object>;
-        export const toggleFilter: PropTypes.Validator<(...args: any[]) => any>;
-    }
+import React from 'react';
+import type { FilterFieldsData, FilterGroupFieldData } from '../../types';
+interface FilterBooleanProps extends React.ComponentProps<'input'> {
+    label: string;
 }
-import PropTypes from "prop-types";
+interface FilterGroupProps extends React.ComponentProps<'div'> {
+    groupKey: string;
+    data: FilterGroupFieldData;
+    values: Record<string, boolean>;
+    onCheckboxChange: FilterBooleanProps['onChange'];
+    toggleFilters: (newFilters: Record<string, boolean>) => void;
+}
+interface FiltersProps extends React.ComponentProps<'div'> {
+    values: Record<string, boolean>;
+    filters: FilterFieldsData;
+    toggleFilter: (name: string, value: boolean) => void;
+    toggleFilters: FilterGroupProps['toggleFilters'];
+}
+export declare const Filters: (props: FiltersProps) => React.JSX.Element;
+export {};

package/types/ui/filters/filters.i18n.d.ts

@@ -0,0 +1,6 @@
+export declare const GROUP_NOT_FOUND = "No filters found";
+export declare const GROUP_SEARCH = "Search by filter name";
+export declare const GROUP_SEARCH_CLEAR = "Clear search";
+export declare const CLEAR = "Clear all";
+export declare const CHECK = "Check all";
+export declare const ONLY = "only";

package/types/ui/filters/filters.utils.d.ts

@@ -1,6 +1,7 @@
-export namespace LABELS {
-    const NONE: string;
-    const ALL: string;
-}
-export function getGroupFiltersLabelSuffix(filters: Array<any[]>): string;
-export function getInitialValues(key: any, filters: any): any;
+import type { FilterFieldData, FilterFieldsData, FilterGroupFieldData } from '../../types';
+export declare const LABELS: {
+    NONE: string;
+    ALL: string;
+};
+export declare const getGroupFiltersLabelSuffix: (filters: FilterGroupFieldData["children"]) => string;
+export declare const getInitialValues: (key: string, filtersData: FilterFieldsData | FilterFieldData | FilterGroupFieldData | string) => Record<string, boolean>;

package/types/ui/filters/index.d.ts

@@ -1,12 +1,9 @@
-export function Filters(props: any): JSX.Element;
-export namespace Filters {
-    namespace defaultProps {
-        const onChange: null;
-    }
-    namespace propTypes {
-        export const filters: PropTypes.Validator<object>;
-        const onChange_1: PropTypes.Requireable<(...args: any[]) => any>;
-        export { onChange_1 as onChange };
-    }
+import React from 'react';
+import { FilterFieldsData } from '../../types';
+import { Filters as BaseComponent } from './filters';
+interface FiltersProps extends Omit<React.ComponentProps<typeof BaseComponent>, 'onChange' | 'filters' | 'values' | 'toggleFilter' | 'toggleFilters'> {
+    onChange?: (newValues: Record<string, boolean>) => void;
+    filters: FilterFieldsData;
 }
-import PropTypes from "prop-types";
+export declare const Filters: (props: FiltersProps) => React.JSX.Element;
+export {};

package/types/ui/hover-card/hover-card.d.ts

@@ -1,27 +1,13 @@
-export function HoverCard(props: any): JSX.Element;
-export namespace HoverCard {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const hoverCardClassName: PropTypes.Requireable<string>;
-        const anchorClassName: PropTypes.Requireable<string>;
-        const label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const href: PropTypes.Requireable<string>;
-        const as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        const children: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>>;
-    }
-    namespace defaultProps {
-        const className_1: string;
-        export { className_1 as className };
-        const hoverCardClassName_1: string;
-        export { hoverCardClassName_1 as hoverCardClassName };
-        const anchorClassName_1: string;
-        export { anchorClassName_1 as anchorClassName };
-        const label_1: string;
-        export { label_1 as label };
-        const as_1: string;
-        export { as_1 as as };
-        const href_1: string;
-        export { href_1 as href };
-    }
+import React from 'react';
+export interface HoverCardProps {
+    className?: string;
+    anchorClassName?: string;
+    hoverCardClassName?: string;
+    href?: string;
+    as?: React.ElementType;
+    label: React.ReactNode;
+    children?: React.ReactNode | (({ close }: {
+        close: () => void;
+    }) => React.ReactNode);
 }
-import PropTypes from "prop-types";
+export declare const HoverCard: (props: HoverCardProps) => React.JSX.Element;

package/types/ui/hover-card/index.d.ts

@@ -1 +1 @@
-export * from "./hover-card";
+export * from './hover-card';

package/types/ui/icon/icon.d.ts

@@ -1,40 +1,72 @@
-export function Icon(props: any): JSX.Element;
-export namespace Icon {
-    export { ICONS };
-    export const SIZE_SMALL: string;
-    export const SIZE_MEDIUM: string;
-    export const SIZE_LARGE: string;
-    export const SIZES: string[];
-    export namespace defaultProps {
-        export const className: string;
-        export const as: string;
-        import size = Icon.SIZE_MEDIUM;
-        export { size };
-    }
-    export namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        export const glyph: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
-        const as_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export { as_1 as as };
-        const size_1: PropTypes.Requireable<string>;
-        export { size_1 as size };
-    }
+import React from 'react';
+declare const ICONS: {
+    readonly ARROW: "arrow";
+    readonly ARROW_RIGHT_CIRCLE: "arrow-right-circle";
+    readonly CANCEL: "close";
+    readonly CHEVRON_DOWN: "chevron-down";
+    readonly CHEVRON_UP: "chevron-up";
+    readonly CHECK: "check";
+    readonly CLOSE: "close";
+    readonly CLOCK: "clock";
+    readonly COMMIT: "commit";
+    readonly CLIPBOARD: "clipboard";
+    readonly CLIPBOARD_CHECK: "clipboard-check";
+    readonly DOWNLOAD: "download";
+    readonly ERROR: "error";
+    readonly EXTERNAL_LINK: "external-link";
+    readonly FILTER: "filter";
+    readonly GITHUB: "github";
+    readonly INFO: "info";
+    readonly HELP: "help";
+    readonly TABLE: "table";
+    readonly TREEMAP: "treemap";
+    readonly MENU: "menu";
+    readonly MORE_VERTICAL: "more-vertical";
+    readonly SORT: "sort";
+    readonly WARNING: "warning";
+};
+declare const SIZE: {
+    readonly SMALL: "small";
+    readonly MEDIUM: "medium";
+    readonly LARGE: "large";
+};
+export type IconGlyph = (typeof ICONS)[keyof typeof ICONS];
+interface IconProps {
+    glyph: IconGlyph;
+    size?: (typeof SIZE)[keyof typeof SIZE];
+    as?: React.ElementType;
 }
-declare namespace ICONS {
-    const ARROW: string;
-    const ARROW_RIGHT_CIRLCE: string;
-    const CANCEL: string;
-    const CLOSE: string;
-    const CLOCK: string;
-    const COMMIT: string;
-    const ERROR: string;
-    const FILTER: string;
-    const INFO: string;
-    const HELP: string;
-    const MENU: string;
-    const SORT: string;
-    const WARNING: string;
-}
-import PropTypes from "prop-types";
+export declare const Icon: {
+    (props: IconProps & React.ComponentProps<"span">): React.JSX.Element;
+    ICONS: {
+        readonly ARROW: "arrow";
+        readonly ARROW_RIGHT_CIRCLE: "arrow-right-circle";
+        readonly CANCEL: "close";
+        readonly CHEVRON_DOWN: "chevron-down";
+        readonly CHEVRON_UP: "chevron-up";
+        readonly CHECK: "check";
+        readonly CLOSE: "close";
+        readonly CLOCK: "clock";
+        readonly COMMIT: "commit";
+        readonly CLIPBOARD: "clipboard";
+        readonly CLIPBOARD_CHECK: "clipboard-check";
+        readonly DOWNLOAD: "download";
+        readonly ERROR: "error";
+        readonly EXTERNAL_LINK: "external-link";
+        readonly FILTER: "filter";
+        readonly GITHUB: "github";
+        readonly INFO: "info";
+        readonly HELP: "help";
+        readonly TABLE: "table";
+        readonly TREEMAP: "treemap";
+        readonly MENU: "menu";
+        readonly MORE_VERTICAL: "more-vertical";
+        readonly SORT: "sort";
+        readonly WARNING: "warning";
+    };
+    SIZE_SMALL: "small";
+    SIZE_MEDIUM: "medium";
+    SIZE_LARGE: "large";
+    SIZES: ("small" | "medium" | "large")[];
+};
 export {};

package/types/ui/icon/index.d.ts

@@ -1 +1 @@
-export * from "./icon";
+export * from './icon';

package/types/ui/index.d.ts

@@ -1,18 +1,22 @@
 export { Alert } from "./alert";
+export { Button } from "./button";
+export { CopyToClipboard } from "./copy-to-clipboard";
 export { Container } from "./container";
+export { ControlGroup } from "./control-group";
+export { Dialog } from "./dialog";
 export { Dropdown } from "./dropdown";
 export { EmptySet } from "./empty-set";
 export { FileName } from "./file-name";
 export { Filters } from "./filters";
-export { HorizontalBarChart } from "./horizontal-bar-chart";
 export { HoverCard } from "./hover-card";
 export { Icon } from "./icon";
 export { Input } from "./input";
+export { InputSearch } from "./input-search";
 export { Loader } from "./loader";
-export { Panels } from "./panels";
+export { Markdown } from "./markdown";
 export { Skeleton } from "./skeleton";
-export { SortDropdown } from "./sort-dropdown";
 export { Table } from "./table";
 export { Tabs } from "./tabs";
 export { Tag } from "./tag";
+export { Textarea } from "./textarea";
 export { Tooltip } from "./tooltip";

package/types/ui/input/index.d.ts

@@ -1 +1 @@
-export * from "./input";
+export * from './input';

package/types/ui/input/input.d.ts

@@ -1,18 +1,6 @@
-export function Input({ className, size, ...restProps }: {
-    [x: string]: any;
-    className: any;
-    size: any;
-}): JSX.Element;
-export namespace Input {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const size: PropTypes.Requireable<string>;
-    }
-    namespace defaultProps {
-        const className_1: string;
-        export { className_1 as className };
-        const size_1: string;
-        export { size_1 as size };
-    }
+import React from 'react';
+interface InputProps {
+    size?: 'small' | 'medium' | 'large';
 }
-import PropTypes from "prop-types";
+export declare const Input: (props: InputProps & Omit<React.ComponentProps<"input">, "size">) => React.JSX.Element;
+export {};

package/types/ui/input-search/index.d.ts

@@ -0,0 +1 @@
+export * from './input-search';