@bigtablet/design-system 1.1.3 → 1.2.2

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import * as react_toastify from 'react-toastify';
 
 interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
     shadow?: "none" | "sm" | "md" | "lg";
@@ -8,8 +9,142 @@ interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const Card: ({ shadow, padding, bordered, className, ...props }: CardProps) => react_jsx_runtime.JSX.Element;
 
+type AlertVariant = "info" | "success" | "warning" | "error";
+type AlertActionsAlign = "left" | "center" | "right";
+interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    variant?: AlertVariant;
+    title?: React.ReactNode;
+    icon?: React.ReactNode;
+    closable?: boolean;
+    onClose?: () => void;
+    showActions?: boolean;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    confirmText?: string;
+    cancelText?: string;
+    actionsAlign?: AlertActionsAlign;
+}
+/**
+ * @deprecated Use useAlert hook with AlertProvider instead
+ */
+declare const Alert: ({ variant, title, icon, closable, onClose, showActions, onConfirm, onCancel, confirmText, cancelText, actionsAlign, className, children, ...props }: AlertProps) => react_jsx_runtime.JSX.Element;
+
 declare const Loading: ({ size }: {
     size?: number;
 }) => react_jsx_runtime.JSX.Element;
 
-export { Card, Loading };
+declare const ToastProvider: () => react_jsx_runtime.JSX.Element;
+
+declare const useToast: () => {
+    success: (msg: string) => react_toastify.Id;
+    error: (msg: string) => react_toastify.Id;
+    warning: (msg: string) => react_toastify.Id;
+    info: (msg: string) => react_toastify.Id;
+    message: (msg: string) => react_toastify.Id;
+};
+
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: "primary" | "secondary" | "ghost";
+    size?: "sm" | "md" | "lg";
+    style?: React.CSSProperties;
+}
+declare const Button: ({ variant, size, className, style, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
+
+interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
+    label?: React.ReactNode;
+    size?: "sm" | "md" | "lg";
+    indeterminate?: boolean;
+}
+declare const Checkbox: ({ label, size, indeterminate, className, ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
+
+interface FileInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    onFiles?: (files: FileList | null) => void;
+}
+declare const FileInput: ({ label, onFiles, className, ...props }: FileInputProps) => react_jsx_runtime.JSX.Element;
+
+type MarkdownEditorProps = {
+    label?: string;
+    placeholder?: string;
+    value: string;
+    onChangeAction: (val: string) => void;
+    rows?: number;
+};
+declare const MarkdownEditor: ({ label, placeholder, value, onChangeAction, rows, }: MarkdownEditorProps) => react_jsx_runtime.JSX.Element;
+
+interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
+    label?: React.ReactNode;
+    size?: "sm" | "md" | "lg";
+}
+declare const Radio: ({ label, size, className, ...props }: RadioProps) => react_jsx_runtime.JSX.Element;
+
+type SelectSize = "sm" | "md" | "lg";
+type SelectVariant = "outline" | "filled" | "ghost";
+interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+interface SelectProps {
+    id?: string;
+    label?: string;
+    placeholder?: string;
+    options: SelectOption[];
+    value?: string | null;
+    onChange?: (value: string | null, option?: SelectOption | null) => void;
+    defaultValue?: string | null;
+    disabled?: boolean;
+    size?: SelectSize;
+    variant?: SelectVariant;
+    fullWidth?: boolean;
+    className?: string;
+}
+declare function Select({ id, label, placeholder, options, value, onChange, defaultValue, disabled, size, variant, fullWidth, className, }: SelectProps): react_jsx_runtime.JSX.Element;
+
+interface SwitchProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange"> {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (checked: boolean) => void;
+    size?: "sm" | "md" | "lg";
+    disabled?: boolean;
+}
+declare const Switch: ({ checked, defaultChecked, onChange, size, disabled, className, ...props }: SwitchProps) => react_jsx_runtime.JSX.Element;
+
+type TextFieldVariant = "outline" | "filled" | "ghost";
+type TextFieldSize = "sm" | "md" | "lg";
+interface TextFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange"> {
+    label?: string;
+    helperText?: string;
+    error?: boolean;
+    success?: boolean;
+    variant?: TextFieldVariant;
+    size?: TextFieldSize;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    fullWidth?: boolean;
+    onChangeAction?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
+
+interface PaginationProps {
+    page: number;
+    hasNext: boolean;
+    size?: number;
+    onChange: (page: number) => void;
+}
+declare const Pagination: ({ page, hasNext, onChange }: PaginationProps) => react_jsx_runtime.JSX.Element;
+
+interface ModalProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    open: boolean;
+    onClose?: () => void;
+    closeOnOverlay?: boolean;
+    width?: number | string;
+    title?: React.ReactNode;
+}
+declare const Modal: ({ open, onClose, closeOnOverlay, width, title, children, ...props }: ModalProps) => react_jsx_runtime.JSX.Element | null;
+
+declare const SkeletonCard: () => react_jsx_runtime.JSX.Element;
+
+declare const SkeletonList: () => react_jsx_runtime.JSX.Element;
+
+export { Alert, Button, Card, Checkbox, FileInput, Loading, MarkdownEditor, Modal, Pagination, Radio, Select, SkeletonCard, SkeletonList, Switch, TextField, ToastProvider, useToast };