@nextui-org/react 1.0.0-beta.10

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,97 @@
+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 useScrollPosition } from "./use-scroll-position";
+export { default as useIntersectionObserver } from "./use-intersection-observer";
+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, } from "./theme/stitches.config";
+export * from "./theme/shared-css";
+export * from "./theme/colors";
+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";
+export { default as Dropdown } from "./dropdown";
+export * from "./dropdown";
+export { default as Badge } from "./badge";
+export * from "./badge";
+export { default as Navbar } from "./navbar";
+export * from "./navbar";

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 { CSS } from "../theme/stitches.config";
+import { Props } from "./input-props";
+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" | "shadow" | "bordered" | "width" | "color" | "size" | "className" | "placeholder" | "status" | "borderWeight" | "animated" | "disabled" | "autoComplete" | "readOnly" | "required" | "fullWidth" | "initialValue" | "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 | React.ReactNode;
+    labelRight?: string | React.ReactNode;
+    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 { Props, FormElement, defaultProps } from "./input-props";
+import InputPassword from "./input-password";
+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;