corestack-ui 0.1.0 → 0.2.1

package/dist/index.d.ts

@@ -1,40 +1,257 @@
-import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
+import React__default from 'react';
 
-type ButtonVariant = 'primary' | 'secondary' | 'ghost';
-type ButtonSize = 'sm' | 'md' | 'lg';
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: ButtonVariant;
-    size?: ButtonSize;
+type AutocompleteChangeReason = "selectOption" | "removeOption" | "clear" | "blur";
+interface AutocompleteRenderOptionState {
+    selected: boolean;
+    index: number;
 }
-
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-
-interface AutocompleteOption {
-    label: string;
+interface RenderInputParams {
+    ref: React$1.Ref<HTMLInputElement>;
     value: string;
+    placeholder?: string;
+    disabled?: boolean;
+    onChange: React$1.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onKeyDown: React$1.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onFocus: React$1.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onBlur: React$1.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    role: string;
+    "aria-autocomplete": "list";
+    "aria-controls"?: string;
+    "aria-expanded": boolean;
+    "aria-activedescendant"?: string;
+    autoComplete?: string;
+    InputProps: {
+        startAdornment?: React$1.ReactNode;
+        endAdornment?: React$1.ReactNode;
+        className?: string;
+    };
 }
-interface AutocompleteProps {
-    options: AutocompleteOption[];
-    value?: string;
-    onChange?: (value?: string) => void;
+interface BaseAutocompleteProps<T> {
+    options: T[];
+    getOptionLabel: (option: T) => string;
+    isOptionEqualToValue?: (option: T, value: T) => boolean;
+    renderInput: (params: RenderInputParams) => React$1.ReactNode;
+    renderOption?: (props: React$1.HTMLAttributes<HTMLLIElement>, option: T, state: AutocompleteRenderOptionState) => React$1.ReactNode;
+    loading?: boolean;
+    disabled?: boolean;
     placeholder?: string;
-    renderItem?: (option: AutocompleteOption) => React.ReactNode;
+    className?: string;
+    /** Text to show when there are no options and not loading */
+    emptyText?: string;
+}
+type NativeInputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "defaultValue">;
+interface SingleAutocompleteProps<T> extends BaseAutocompleteProps<T>, NativeInputProps {
+    multiple?: false;
+    value?: T | null;
+    defaultValue?: T | null;
+    disableCloseOnSelect?: boolean;
+    onChange?: (event: React$1.SyntheticEvent, value: T | null, reason: AutocompleteChangeReason) => void;
 }
+interface MultipleAutocompleteProps<T> extends BaseAutocompleteProps<T>, NativeInputProps {
+    multiple: true;
+    value?: T[];
+    defaultValue?: T[];
+    disableCloseOnSelect?: boolean;
+    onChange?: (event: React$1.SyntheticEvent, value: T[], reason: AutocompleteChangeReason) => void;
+}
+type AutocompleteProps<T> = SingleAutocompleteProps<T> | MultipleAutocompleteProps<T>;
 
-declare const Autocomplete: React.FC<AutocompleteProps>;
+declare function Autocomplete<T>(props: AutocompleteProps<T>): react_jsx_runtime.JSX.Element;
 
-declare function useAutocomplete(options: AutocompleteOption[]): {
-    readonly input: string;
-    readonly setInput: React.Dispatch<React.SetStateAction<string>>;
-    readonly filtered: AutocompleteOption[];
-};
+type ButtonVariant = "primary" | "secondary" | "ghost";
+type ButtonSize = "sm" | "md" | "lg";
+interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    disableRipple?: boolean;
+    isLoading?: boolean;
+}
 
-declare const cn: (...parts: Array<string | false | null | undefined>) => string;
+declare function Button({ children, disableRipple, isLoading, className, onClick, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+declare const TextField: React__default.ForwardRefExoticComponent<{
+    value?: string | number | null | readonly string[];
+    defaultValue?: string | number | readonly string[];
+    onChange?: React__default.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onBlur?: React__default.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onFocus?: React__default.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    placeholder?: string;
+    label?: string | React__default.ReactNode;
+    helperText?: string | false | undefined;
+    error?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    multiline?: boolean;
+    rows?: number;
+    type?: string;
+    name?: string;
+    id?: string;
+    fullWidth?: boolean;
+    size?: "small" | "medium";
+    variant?: "outlined" | "filled" | "standard";
+    InputProps?: {
+        startAdornment?: React__default.ReactNode;
+        endAdornment?: React__default.ReactNode;
+        inputComponent?: React__default.ElementType;
+        className?: string;
+    };
+    className?: string;
+} & Omit<React__default.InputHTMLAttributes<HTMLInputElement> & React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "disabled" | "name" | "type" | "value" | "defaultValue" | "id" | "onFocus" | "onBlur" | "onChange" | "placeholder" | "required"> & React__default.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+
+declare const defaultTheme: {
+    colors: {
+        primary: string;
+        secondary: string;
+        success: string;
+        danger: string;
+        warning: string;
+        background: string;
+        surface: string;
+        border: string;
+        textPrimary: string;
+        textSecondary: string;
+    };
+    fonts: {
+        body: string;
+        heading: string;
+        monospace: string;
+        size: {
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+        weight: {
+            regular: number;
+            medium: number;
+            bold: number;
+        };
+    };
+    spacing: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+};
+declare const ThemeProvider: ({ theme, children, }: {
+    theme?: Partial<typeof defaultTheme>;
+    children: React__default.ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+declare const useTheme: () => {
+    colors: {
+        primary: string;
+        secondary: string;
+        success: string;
+        danger: string;
+        warning: string;
+        background: string;
+        surface: string;
+        border: string;
+        textPrimary: string;
+        textSecondary: string;
+    };
+    fonts: {
+        body: string;
+        heading: string;
+        monospace: string;
+        size: {
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+        weight: {
+            regular: number;
+            medium: number;
+            bold: number;
+        };
+    };
+    spacing: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+};
 
 declare const tokens: {
     colors: {
         primary: string;
+        secondary: string;
+        success: string;
+        danger: string;
+        warning: string;
+        background: string;
+        surface: string;
+        border: string;
+        textPrimary: string;
+        textSecondary: string;
+    };
+    fonts: {
+        body: string;
+        heading: string;
+        monospace: string;
+        size: {
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+        weight: {
+            regular: number;
+            medium: number;
+            bold: number;
+        };
     };
+    spacing: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+};
+
+type TextFieldSize = "small" | "medium";
+type TextFieldVariant = "outlined" | "filled" | "standard";
+type TextFieldInputProps = {
+    startAdornment?: React.ReactNode;
+    endAdornment?: React.ReactNode;
+    inputComponent?: React.ElementType;
+    className?: string;
 };
+type TextFieldProps = {
+    value?: string | number | null | readonly string[];
+    defaultValue?: string | number | readonly string[];
+    onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    placeholder?: string;
+    label?: string | React.ReactNode;
+    helperText?: string | false | undefined;
+    error?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    multiline?: boolean;
+    rows?: number;
+    type?: string;
+    name?: string;
+    id?: string;
+    fullWidth?: boolean;
+    size?: TextFieldSize;
+    variant?: TextFieldVariant;
+    InputProps?: TextFieldInputProps;
+    className?: string;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement> & React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "type" | "onChange" | "value" | "defaultValue" | "disabled" | "required" | "name" | "id" | "placeholder" | "onBlur" | "onFocus">;
+
+type ClassValue = string | false | null | undefined;
+declare const cn: (...parts: ClassValue[]) => string;
+
+declare const cssFile = "./styles.css";
 
-export { Autocomplete, type AutocompleteOption, type AutocompleteProps, Button, type ButtonProps, cn, tokens, useAutocomplete };
+export { Autocomplete, type AutocompleteProps, Button, type ButtonProps, type ClassValue, TextField, type TextFieldProps, ThemeProvider, cn, cssFile, tokens, useTheme };