@nextui-org/react 1.0.0-beta.10

package/types/textarea/index.d.ts

@@ -0,0 +1,3 @@
+import Textarea from "./textarea";
+export type { TextareaProps } from "./textarea";
+export default Textarea;

package/types/textarea/textarea.d.ts

@@ -0,0 +1,42 @@
+import React from "react";
+import { Props as InputProps } from "../input/input-props";
+import { ExcludedInputProps } from "../utils/prop-types";
+import { CSS } from "../theme/stitches.config";
+export declare type TextareaHeightChangeMeta = {
+    rowHeight: number;
+};
+interface Props {
+    rows?: number;
+    maxRows?: number;
+    minRows?: number;
+    onHeightChange?: (height: number, meta: TextareaHeightChangeMeta) => void;
+    cacheMeasurements?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onFocus?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
+    onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
+}
+declare const defaultProps: {
+    minRows: number;
+    maxRows: number;
+    cacheMeasurements: boolean;
+    initialValue: string;
+};
+declare type NativeAttrs = Omit<React.TextareaHTMLAttributes<any>, keyof Props | keyof InputProps>;
+declare type BaseAttrs = Omit<InputProps, ExcludedInputProps>;
+export declare type TextareaProps = Props & typeof defaultProps & NativeAttrs & BaseAttrs & {
+    css?: CSS;
+};
+declare const _default: React.ComponentType<Partial<{
+    minRows: number;
+    maxRows: number;
+    cacheMeasurements: boolean;
+    initialValue: string;
+}> & Omit<Props & {
+    minRows: number;
+    maxRows: number;
+    cacheMeasurements: boolean;
+    initialValue: string;
+} & NativeAttrs & BaseAttrs & {
+    css?: CSS | undefined;
+} & React.RefAttributes<HTMLTextAreaElement>, "initialValue" | "maxRows" | "minRows" | "cacheMeasurements">>;
+export default _default;

package/types/textarea/utils.d.ts

@@ -0,0 +1,13 @@
+declare const SIZING_STYLE: readonly ["borderBottomWidth", "borderLeftWidth", "borderRightWidth", "borderTopWidth", "boxSizing", "fontFamily", "fontSize", "fontStyle", "fontWeight", "letterSpacing", "lineHeight", "paddingBottom", "paddingLeft", "paddingRight", "paddingTop", "tabSize", "textIndent", "textRendering", "textTransform", "width", "wordBreak"];
+declare type SizingProps = Extract<typeof SIZING_STYLE[number], keyof CSSStyleDeclaration>;
+declare type SizingStyle = Pick<CSSStyleDeclaration, SizingProps>;
+export declare type SizingData = {
+    sizingStyle: SizingStyle;
+    paddingSize: number;
+    borderSize: number;
+};
+export declare const forceHiddenStyles: (node: HTMLElement) => void;
+export declare const getSizingData: (node: HTMLElement) => SizingData | null;
+export declare type CalculatedNodeHeights = number[];
+export declare const calculateNodeHeight: (sizingData: SizingData, value: string, minRows?: number, maxRows?: number) => CalculatedNodeHeights;
+export {};

package/types/theme/colors/blue.d.ts

@@ -0,0 +1,24 @@
+export declare const blue: {
+    blue50: string;
+    blue100: string;
+    blue200: string;
+    blue300: string;
+    blue400: string;
+    blue500: string;
+    blue600: string;
+    blue700: string;
+    blue800: string;
+    blue900: string;
+};
+export declare const blueDark: {
+    blue50: string;
+    blue100: string;
+    blue200: string;
+    blue300: string;
+    blue400: string;
+    blue500: string;
+    blue600: string;
+    blue700: string;
+    blue800: string;
+    blue900: string;
+};

package/types/theme/colors/cyan.d.ts

@@ -0,0 +1,24 @@
+export declare const cyan: {
+    cyan50: string;
+    cyan100: string;
+    cyan200: string;
+    cyan300: string;
+    cyan400: string;
+    cyan500: string;
+    cyan600: string;
+    cyan700: string;
+    cyan800: string;
+    cyan900: string;
+};
+export declare const cyanDark: {
+    cyan50: string;
+    cyan100: string;
+    cyan200: string;
+    cyan300: string;
+    cyan400: string;
+    cyan500: string;
+    cyan600: string;
+    cyan700: string;
+    cyan800: string;
+    cyan900: string;
+};

package/types/theme/colors/gray.d.ts

@@ -0,0 +1,24 @@
+export declare const gray: {
+    gray50: string;
+    gray100: string;
+    gray200: string;
+    gray300: string;
+    gray400: string;
+    gray500: string;
+    gray600: string;
+    gray700: string;
+    gray800: string;
+    gray900: string;
+};
+export declare const grayDark: {
+    gray50: string;
+    gray100: string;
+    gray200: string;
+    gray300: string;
+    gray400: string;
+    gray500: string;
+    gray600: string;
+    gray700: string;
+    gray800: string;
+    gray900: string;
+};

package/types/theme/colors/green.d.ts

@@ -0,0 +1,24 @@
+export declare const green: {
+    green50: string;
+    green100: string;
+    green200: string;
+    green300: string;
+    green400: string;
+    green500: string;
+    green600: string;
+    green700: string;
+    green800: string;
+    green900: string;
+};
+export declare const greenDark: {
+    green50: string;
+    green100: string;
+    green200: string;
+    green300: string;
+    green400: string;
+    green500: string;
+    green600: string;
+    green700: string;
+    green800: string;
+    green900: string;
+};

package/types/theme/colors/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./blue";
+export * from "./purple";
+export * from "./green";
+export * from "./yellow";
+export * from "./red";
+export * from "./cyan";
+export * from "./pink";
+export * from "./gray";

package/types/theme/colors/pink.d.ts

@@ -0,0 +1,24 @@
+export declare const pink: {
+    pink50: string;
+    pink100: string;
+    pink200: string;
+    pink300: string;
+    pink400: string;
+    pink500: string;
+    pink600: string;
+    pink700: string;
+    pink800: string;
+    pink900: string;
+};
+export declare const pinkDark: {
+    pink50: string;
+    pink100: string;
+    pink200: string;
+    pink300: string;
+    pink400: string;
+    pink500: string;
+    pink600: string;
+    pink700: string;
+    pink800: string;
+    pink900: string;
+};

package/types/theme/colors/purple.d.ts

@@ -0,0 +1,24 @@
+export declare const purple: {
+    purple50: string;
+    purple100: string;
+    purple200: string;
+    purple300: string;
+    purple400: string;
+    purple500: string;
+    purple600: string;
+    purple700: string;
+    purple800: string;
+    purple900: string;
+};
+export declare const purpleDark: {
+    purple50: string;
+    purple100: string;
+    purple200: string;
+    purple300: string;
+    purple400: string;
+    purple500: string;
+    purple600: string;
+    purple700: string;
+    purple800: string;
+    purple900: string;
+};

package/types/theme/colors/red.d.ts

@@ -0,0 +1,24 @@
+export declare const red: {
+    red50: string;
+    red100: string;
+    red200: string;
+    red300: string;
+    red400: string;
+    red500: string;
+    red600: string;
+    red700: string;
+    red800: string;
+    red900: string;
+};
+export declare const redDark: {
+    red50: string;
+    red100: string;
+    red200: string;
+    red300: string;
+    red400: string;
+    red500: string;
+    red600: string;
+    red700: string;
+    red800: string;
+    red900: string;
+};

package/types/theme/colors/yellow.d.ts

@@ -0,0 +1,24 @@
+export declare const yellow: {
+    yellow50: string;
+    yellow100: string;
+    yellow200: string;
+    yellow300: string;
+    yellow400: string;
+    yellow500: string;
+    yellow600: string;
+    yellow700: string;
+    yellow800: string;
+    yellow900: string;
+};
+export declare const yellowDark: {
+    yellow50: string;
+    yellow100: string;
+    yellow200: string;
+    yellow300: string;
+    yellow400: string;
+    yellow500: string;
+    yellow600: string;
+    yellow700: string;
+    yellow800: string;
+    yellow900: string;
+};