@nextui-org/react 1.0.0-beta.6

package/types/image/index.d.ts

@@ -0,0 +1,5 @@
+import Image from './image';
+export type { ImageProps } from './image';
+export { StyledImageContainer, StyledImage, StyledImageSkeleton } from './image.styles';
+export type { ImageContainerVariantProps, ImageVariantsProps, ImageSkeletonVariantsProps } from './image.styles';
+export default Image;

package/types/index.d.ts

@@ -0,0 +1,87 @@
+export * from './utils/prop-types';
+export { default as useCurrentState } from './use-current-state';
+export { default as useRealShape } from './use-real-shape';
+export { default as useResize } from './use-resize';
+export { default as useTheme } from './use-theme';
+export { default as usePortal } from './use-portal';
+export { default as useSSR } from './use-ssr';
+export { default as useBodyScroll } from './use-body-scroll';
+export type { BodyScrollOptions } from './use-body-scroll';
+export { default as useClickAway } from './use-click-away';
+export { default as useClipboard } from './use-clipboard';
+export type { UseClipboardOptions, UseClipboardResult } from './use-clipboard';
+export { default as useClickAnywhere } from './use-click-anywhere';
+export { default as useInput } from './use-input';
+export { default as useKeyboard } from './use-keyboard';
+export { default as usePagination } from './use-pagination';
+export { default as useDrip } from './use-drip';
+export { default as Drip } from './utils/drip';
+export type { PaginationParams } from './use-pagination';
+export type { UseKeyboardHandler, KeyboardOptions, KeyboardResult, UseKeyboard } from './use-keyboard';
+export { KeyMod, KeyCode } from './use-keyboard/codes';
+export { default as CssBaseline } from './css-baseline';
+export { useAsyncList } from '@react-stately/data';
+export { useCollator } from '@react-aria/i18n';
+export { default as NextUIProvider } from './theme/theme-provider';
+export { changeTheme, getDocumentTheme, getTokenValue } from './theme/utils';
+export type { VariantProps, CSS } from './theme/stitches.config';
+export type { Theme, NextUITheme, ThemeType, CreateTheme, NextUIThemeContext } from './theme/types';
+export { styled, css, theme, createTheme, getCssText, globalCss, keyframes, config, config as stitchesConfig, theme as defaultTheme, sharedFocus, sharedVisuallyHidden } from './theme/stitches.config';
+export { default as Avatar } from './avatar';
+export * from './avatar';
+export { default as Button } from './button';
+export * from './button';
+export { default as Card } from './card';
+export * from './card';
+export { default as Checkbox } from './checkbox';
+export * from './checkbox';
+export { default as Code } from './code';
+export * from './code';
+export { default as Col } from './col';
+export * from './col';
+export { default as Collapse } from './collapse';
+export * from './collapse';
+export { default as Container } from './container';
+export * from './container';
+export { default as Divider } from './divider';
+export * from './divider';
+export { default as Grid } from './grid';
+export * from './grid';
+export { default as Image } from './image';
+export * from './image';
+export { default as Spacer } from './spacer';
+export * from './spacer';
+export { default as Snippet } from './snippet';
+export * from './snippet';
+export { default as Row } from './row';
+export * from './row';
+export { default as Link } from './link';
+export * from './link';
+export { default as Loading } from './loading';
+export * from './loading';
+export { default as Radio } from './radio';
+export * from './radio';
+export { default as Text } from './text';
+export * from './text';
+export { default as Switch } from './switch';
+export * from './switch';
+export { default as Backdrop } from './backdrop';
+export * from './backdrop';
+export { default as User } from './user';
+export * from './user';
+export { default as Progress } from './progress';
+export * from './progress';
+export { default as Modal } from './modal';
+export * from './modal';
+export { default as useModal } from './modal/use-modal';
+export { default as Pagination } from './pagination';
+export * from './pagination';
+export { default as Tooltip } from './tooltip';
+export * from './tooltip';
+export { default as Input } from './input';
+export * from './input';
+export { default as Textarea } from './textarea';
+export { default as Table } from './table';
+export * from './table';
+export { default as Popover } from './popover';
+export * from './popover';

package/types/input/index.d.ts

@@ -0,0 +1,7 @@
+import Input from './input';
+export type { FormElement } from './input-props';
+export type { InputProps } from './input';
+export type { InputPasswordProps } from './input-password';
+export { StyledInputMainContainer, StyledInputContainer, StyledInputWrapper, StyledHelperTextContainer, StyledHelperText, StyledInputPlaceholder, StyledInputBlockLabel, StyledInputLabel, StyledInputContent, StyledInputClearButton, StyledInput } from './input.styles';
+export type { InputVariantsProps, InputBlockLabelVariantsProps, InputLabelVariantsProps, InputContentVariantsProps } from './input.styles';
+export default Input;

package/types/input/input-password.d.ts

@@ -0,0 +1,98 @@
+import React from 'react';
+import { Props } from './input-props';
+import { CSS } from '../theme/stitches.config';
+interface PasswordProps extends Props {
+    hideToggle?: boolean;
+    visibleIcon?: React.ReactNode;
+    hiddenIcon?: React.ReactNode;
+}
+declare const passwordDefaultProps: {
+    hideToggle: boolean;
+    visibleIcon: JSX.Element;
+    hiddenIcon: JSX.Element;
+    disabled: boolean;
+    bordered: boolean;
+    readOnly: boolean;
+    clearable: boolean;
+    rounded: boolean;
+    animated: boolean;
+    underlined: boolean;
+    shadow: boolean;
+    fullWidth: boolean;
+    contentClickable: boolean;
+    contentRightStyling: boolean;
+    contentLeftStyling: boolean;
+    required: boolean;
+    width: string;
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    color: "default" | "primary" | "secondary" | "success" | "warning" | "error";
+    helperColor: "default" | "primary" | "secondary" | "success" | "warning" | "error";
+    status: "default" | "primary" | "secondary" | "success" | "warning" | "error";
+    borderWeight: "light" | "normal" | "bold" | "extrabold" | "black";
+    autoComplete: string;
+    className: string;
+    placeholder: string;
+    initialValue: string;
+};
+declare type NativeAttrs = Omit<React.InputHTMLAttributes<any>, keyof PasswordProps>;
+export declare type InputPasswordProps = PasswordProps & typeof passwordDefaultProps & NativeAttrs & {
+    css?: CSS;
+};
+declare const _default: React.ComponentType<Partial<{
+    hideToggle: boolean;
+    visibleIcon: JSX.Element;
+    hiddenIcon: JSX.Element;
+    disabled: boolean;
+    bordered: boolean;
+    readOnly: boolean;
+    clearable: boolean;
+    rounded: boolean;
+    animated: boolean;
+    underlined: boolean;
+    shadow: boolean;
+    fullWidth: boolean;
+    contentClickable: boolean;
+    contentRightStyling: boolean;
+    contentLeftStyling: boolean;
+    required: boolean;
+    width: string;
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    color: "default" | "primary" | "secondary" | "success" | "warning" | "error";
+    helperColor: "default" | "primary" | "secondary" | "success" | "warning" | "error";
+    status: "default" | "primary" | "secondary" | "success" | "warning" | "error";
+    borderWeight: "light" | "normal" | "bold" | "extrabold" | "black";
+    autoComplete: string;
+    className: string;
+    placeholder: string;
+    initialValue: string;
+}> & Omit<PasswordProps & {
+    hideToggle: boolean;
+    visibleIcon: JSX.Element;
+    hiddenIcon: JSX.Element;
+    disabled: boolean;
+    bordered: boolean;
+    readOnly: boolean;
+    clearable: boolean;
+    rounded: boolean;
+    animated: boolean;
+    underlined: boolean;
+    shadow: boolean;
+    fullWidth: boolean;
+    contentClickable: boolean;
+    contentRightStyling: boolean;
+    contentLeftStyling: boolean;
+    required: boolean;
+    width: string;
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    color: "default" | "primary" | "secondary" | "success" | "warning" | "error";
+    helperColor: "default" | "primary" | "secondary" | "success" | "warning" | "error";
+    status: "default" | "primary" | "secondary" | "success" | "warning" | "error";
+    borderWeight: "light" | "normal" | "bold" | "extrabold" | "black";
+    autoComplete: string;
+    className: string;
+    placeholder: string;
+    initialValue: string;
+} & NativeAttrs & {
+    css?: CSS | undefined;
+} & React.RefAttributes<HTMLInputElement>, "clearable" | "rounded" | "contentClickable" | "contentLeftStyling" | "contentRightStyling" | "width" | "color" | "size" | "className" | "placeholder" | "status" | "borderWeight" | "bordered" | "animated" | "disabled" | "autoComplete" | "readOnly" | "required" | "shadow" | "initialValue" | "fullWidth" | "helperColor" | "underlined" | "hideToggle" | "visibleIcon" | "hiddenIcon">>;
+export default _default;

package/types/input/input-props.d.ts

@@ -0,0 +1,66 @@
+import React from 'react';
+import { NormalSizes, SimpleColors, ContentPosition, NormalWeights, AsProp } from '../utils/prop-types';
+export declare type FormElement = HTMLInputElement | HTMLTextAreaElement;
+export interface Props extends AsProp<'input' | 'textarea'>, React.HTMLAttributes<FormElement> {
+    value?: string | ReadonlyArray<string> | number;
+    fullWidth?: boolean;
+    initialValue?: string;
+    placeholder?: string;
+    size?: NormalSizes;
+    color?: SimpleColors;
+    helperColor?: SimpleColors;
+    status?: SimpleColors;
+    readOnly?: boolean;
+    shadow?: boolean;
+    animated?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    label?: string;
+    helperText?: string;
+    labelPlaceholder?: string;
+    labelLeft?: string;
+    labelRight?: string;
+    contentLeft?: React.ReactNode;
+    contentRight?: React.ReactNode;
+    contentClickable?: boolean;
+    contentRightStyling?: boolean;
+    contentLeftStyling?: boolean;
+    rounded?: boolean;
+    bordered?: boolean;
+    underlined?: boolean;
+    borderWeight?: NormalWeights;
+    width?: string;
+    className?: string;
+    clearable?: boolean;
+    onChange?: (e: React.ChangeEvent<FormElement>) => void;
+    onClearClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    onFocus?: (e: React.FocusEvent<FormElement>) => void;
+    onBlur?: (e: React.FocusEvent<FormElement>) => void;
+    onContentClick?: (key: ContentPosition, e: React.MouseEvent<HTMLDivElement>) => void;
+    autoComplete?: string;
+}
+export declare const defaultProps: {
+    disabled: boolean;
+    bordered: boolean;
+    readOnly: boolean;
+    clearable: boolean;
+    rounded: boolean;
+    animated: boolean;
+    underlined: boolean;
+    shadow: boolean;
+    fullWidth: boolean;
+    contentClickable: boolean;
+    contentRightStyling: boolean;
+    contentLeftStyling: boolean;
+    required: boolean;
+    width: string;
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    color: "default" | "primary" | "secondary" | "success" | "warning" | "error";
+    helperColor: "default" | "primary" | "secondary" | "success" | "warning" | "error";
+    status: "default" | "primary" | "secondary" | "success" | "warning" | "error";
+    borderWeight: "light" | "normal" | "bold" | "extrabold" | "black";
+    autoComplete: string;
+    className: string;
+    placeholder: string;
+    initialValue: string;
+};

package/types/input/input.d.ts

@@ -0,0 +1,18 @@
+import React, { PropsWithoutRef, RefAttributes } from 'react';
+import { CSS } from '../theme/stitches.config';
+import Textarea from '../textarea';
+import InputPassword from './input-password';
+import { Props, FormElement, defaultProps } from './input-props';
+declare type NativeAttrs = Omit<React.InputHTMLAttributes<any>, keyof Props>;
+export declare type InputProps = Props & typeof defaultProps & NativeAttrs & {
+    css?: CSS;
+};
+declare type InputComponent<T, P = {}> = React.ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>> & {
+    Textarea: typeof Textarea;
+    Password: typeof InputPassword;
+};
+declare type ComponentProps = Partial<typeof defaultProps> & Omit<Props, keyof typeof defaultProps> & NativeAttrs & {
+    css?: CSS;
+};
+declare const _default: InputComponent<FormElement, ComponentProps>;
+export default _default;