@rehagro/ui 0.1.0

package/dist/index.d.mts

@@ -0,0 +1,361 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React$1 from 'react';
+
+type ToastVariant = "info" | "warning" | "success" | "error" | "neutral";
+type ToastAppearance = "solid" | "light" | "outline";
+type ToastLink = {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+};
+type ToastProps = React$1.HTMLAttributes<HTMLDivElement> & {
+    /** Toast title */
+    title: string;
+    /** Optional description below the title */
+    description?: string;
+    /** Optional link below the content */
+    link?: ToastLink;
+    /** Visual variant */
+    variant?: ToastVariant;
+    /** Visual appearance */
+    appearance?: ToastAppearance;
+    /** Callback when the close button is clicked */
+    onClose?: () => void;
+};
+declare const Toast: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
+    /** Toast title */
+    title: string;
+    /** Optional description below the title */
+    description?: string;
+    /** Optional link below the content */
+    link?: ToastLink;
+    /** Visual variant */
+    variant?: ToastVariant;
+    /** Visual appearance */
+    appearance?: ToastAppearance;
+    /** Callback when the close button is clicked */
+    onClose?: () => void;
+} & React$1.RefAttributes<HTMLDivElement>>;
+
+type ToastPosition = "top-right" | "top-left" | "top-center" | "bottom-right" | "bottom-left" | "bottom-center";
+type ToastItem = {
+    id: string;
+    title: string;
+    description?: string;
+    link?: ToastLink;
+    variant: ToastVariant;
+    appearance: ToastAppearance;
+    /** Auto-dismiss duration in ms. 0 = permanent. Default: 5000 */
+    duration: number;
+};
+type ToastOptions = {
+    description?: string;
+    link?: ToastLink;
+    appearance?: ToastAppearance;
+    /** Auto-dismiss duration in ms. 0 = permanent. Default: 5000 */
+    duration?: number;
+};
+type ToastFn = {
+    (title: string, options?: ToastOptions): string;
+    info: (title: string, options?: ToastOptions) => string;
+    warning: (title: string, options?: ToastOptions) => string;
+    success: (title: string, options?: ToastOptions) => string;
+    error: (title: string, options?: ToastOptions) => string;
+    neutral: (title: string, options?: ToastOptions) => string;
+    dismiss: (id: string) => void;
+};
+type ToastProviderProps = {
+    children: React$1.ReactNode;
+    /** Position of the toast container. Default: "top-right" */
+    position?: ToastPosition;
+};
+declare function ToastProvider({ children, position, }: ToastProviderProps): react_jsx_runtime.JSX.Element;
+declare function useToast(): {
+    toast: ToastFn;
+};
+
+declare function ToastContainer(): react_jsx_runtime.JSX.Element | null;
+
+type RehagroTheme = {
+    /** Brand colors — accepts "#RRGGBB", "r g b", or "rgb(r,g,b)" */
+    primary?: string;
+    primaryHover?: string;
+    secondary?: string;
+    secondaryHover?: string;
+    danger?: string;
+    dangerHover?: string;
+    warning?: string;
+    success?: string;
+    /** Semantic colors */
+    text?: string;
+    textMuted?: string;
+    surface?: string;
+    background?: string;
+    border?: string;
+    ring?: string;
+    /** Border radius (xxs:4 → xs:8 → sm:12 → md:16 → lg:24 → xl:32) */
+    radiusXxs?: string;
+    radiusXs?: string;
+    radiusSm?: string;
+    radiusMd?: string;
+    radiusLg?: string;
+    radiusXl?: string;
+    /** Border width */
+    borderWidthSm?: string;
+    borderWidthMd?: string;
+    borderWidthLg?: string;
+    /** Input sizes */
+    inputHeightSm?: string;
+    inputHeightMd?: string;
+    inputHeightLg?: string;
+    inputPxSm?: string;
+    inputPxMd?: string;
+    inputPxLg?: string;
+};
+type RehagroProviderProps = {
+    /** Theme overrides — any token not provided keeps the default value */
+    theme?: RehagroTheme;
+    /** Toast container position. Default: "top-right" */
+    toastPosition?: ToastPosition;
+    children: React.ReactNode;
+};
+
+declare function RehagroProvider({ theme, toastPosition, children }: RehagroProviderProps): react_jsx_runtime.JSX.Element;
+
+type ButtonVariant = "solid" | "outline" | "ghost";
+type ButtonSize = "sm" | "md" | "lg";
+type ButtonRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
+type ButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+    /** Visual style variant */
+    variant?: ButtonVariant;
+    /** Button size */
+    size?: ButtonSize;
+    /** Border radius */
+    radius?: ButtonRadius;
+    /** Shows loading state and disables interaction */
+    loading?: boolean;
+    /** Icon rendered to the left of children (hidden when loading) */
+    leftIcon?: React$1.ReactNode;
+    /** Icon rendered to the right of children (hidden when loading) */
+    rightIcon?: React$1.ReactNode;
+};
+declare const Button: React$1.ForwardRefExoticComponent<React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+    /** Visual style variant */
+    variant?: ButtonVariant;
+    /** Button size */
+    size?: ButtonSize;
+    /** Border radius */
+    radius?: ButtonRadius;
+    /** Shows loading state and disables interaction */
+    loading?: boolean;
+    /** Icon rendered to the left of children (hidden when loading) */
+    leftIcon?: React$1.ReactNode;
+    /** Icon rendered to the right of children (hidden when loading) */
+    rightIcon?: React$1.ReactNode;
+} & React$1.RefAttributes<HTMLButtonElement>>;
+
+type IconButtonVariant = "solid" | "outline" | "ghost";
+type IconButtonSize = "sm" | "md" | "lg";
+type IconButtonRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
+type IconButtonColor = "primary" | "danger" | "warning" | "success" | "secondary";
+type IconButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+    /** Visual style variant */
+    variant?: IconButtonVariant;
+    /** Button size */
+    size?: IconButtonSize;
+    /** Border radius */
+    radius?: IconButtonRadius;
+    /** Color scheme */
+    color?: IconButtonColor;
+    /** Shows loading state and disables interaction */
+    loading?: boolean;
+};
+declare const IconButton: React$1.ForwardRefExoticComponent<React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+    /** Visual style variant */
+    variant?: IconButtonVariant;
+    /** Button size */
+    size?: IconButtonSize;
+    /** Border radius */
+    radius?: IconButtonRadius;
+    /** Color scheme */
+    color?: IconButtonColor;
+    /** Shows loading state and disables interaction */
+    loading?: boolean;
+} & React$1.RefAttributes<HTMLButtonElement>>;
+
+type TextInputStatus = "default" | "error";
+type TextInputSize = "sm" | "md" | "lg";
+type TextInputRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
+type TextInputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    /** Label text displayed above the input */
+    label?: string;
+    /** Subtitle displayed next to the label */
+    subtitle?: string;
+    /** Validation status */
+    status?: TextInputStatus;
+    /** Input size */
+    size?: TextInputSize;
+    /** Border radius */
+    radius?: TextInputRadius;
+    /** Icon rendered to the left of the input */
+    leftIcon?: React$1.ReactNode;
+    /** Icon rendered to the right of the input */
+    rightIcon?: React$1.ReactNode;
+    /** Helper/error message displayed below the input (accepts ReactNode for flexibility) */
+    helperText?: React$1.ReactNode;
+    /** Custom class for the outermost wrapper */
+    wrapperClassName?: string;
+};
+declare const TextInput: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    /** Label text displayed above the input */
+    label?: string;
+    /** Subtitle displayed next to the label */
+    subtitle?: string;
+    /** Validation status */
+    status?: TextInputStatus;
+    /** Input size */
+    size?: TextInputSize;
+    /** Border radius */
+    radius?: TextInputRadius;
+    /** Icon rendered to the left of the input */
+    leftIcon?: React$1.ReactNode;
+    /** Icon rendered to the right of the input */
+    rightIcon?: React$1.ReactNode;
+    /** Helper/error message displayed below the input (accepts ReactNode for flexibility) */
+    helperText?: React$1.ReactNode;
+    /** Custom class for the outermost wrapper */
+    wrapperClassName?: string;
+} & React$1.RefAttributes<HTMLInputElement>>;
+
+type CheckboxSize = "sm" | "md" | "lg";
+type CheckboxProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
+    /** Checkbox size */
+    size?: CheckboxSize;
+    /** Label text displayed next to the checkbox */
+    label?: string;
+    /** Indeterminate state (partially checked) */
+    indeterminate?: boolean;
+};
+declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
+    /** Checkbox size */
+    size?: CheckboxSize;
+    /** Label text displayed next to the checkbox */
+    label?: string;
+    /** Indeterminate state (partially checked) */
+    indeterminate?: boolean;
+} & React$1.RefAttributes<HTMLInputElement>>;
+
+type SelectSize = "sm" | "md" | "lg";
+type SelectRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
+type SelectStatus = "default" | "error";
+type SelectOption = {
+    /** Unique value for the option */
+    value: string;
+    /** Display label */
+    label: string;
+    /** Whether the option is disabled */
+    disabled?: boolean;
+};
+type SelectBaseProps = {
+    /** List of available options */
+    options: SelectOption[];
+    /** Label text displayed above the select */
+    label?: string;
+    /** Subtitle displayed next to the label */
+    subtitle?: string;
+    /** Placeholder text when no option is selected */
+    placeholder?: string;
+    /** Validation status */
+    status?: SelectStatus;
+    /** Select size */
+    size?: SelectSize;
+    /** Border radius */
+    radius?: SelectRadius;
+    /** Helper/error message displayed below the select */
+    helperText?: React$1.ReactNode;
+    /** Whether the select is disabled */
+    disabled?: boolean;
+    /** Custom class for the trigger container */
+    className?: string;
+    /** Custom class for the outermost wrapper */
+    wrapperClassName?: string;
+};
+type SelectSingleProps = SelectBaseProps & {
+    /** Enables multi-select mode */
+    multiple?: false;
+    /** Currently selected value (single mode) */
+    value?: string;
+    /** Default selected value (single mode, uncontrolled) */
+    defaultValue?: string;
+    /** Called when selection changes (single mode) */
+    onChange?: (value: string) => void;
+};
+type SelectMultipleProps = SelectBaseProps & {
+    /** Enables multi-select mode */
+    multiple: true;
+    /** Currently selected values (multi mode) */
+    value?: string[];
+    /** Default selected values (multi mode, uncontrolled) */
+    defaultValue?: string[];
+    /** Called when selection changes (multi mode) */
+    onChange?: (value: string[]) => void;
+};
+type SelectProps = SelectSingleProps | SelectMultipleProps;
+declare const Select: React$1.ForwardRefExoticComponent<SelectProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+type TooltipVariant = "light" | "default" | "dark";
+type TooltipSize = "sm" | "md";
+type TooltipPlacement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+type TooltipProps = {
+    /** Tooltip title text */
+    title: string;
+    /** Optional description text below the title */
+    description?: string;
+    /** Visual style variant */
+    variant?: TooltipVariant;
+    /** Tooltip size */
+    size?: TooltipSize;
+    /** Placement relative to the trigger element */
+    placement?: TooltipPlacement;
+    /** Show a close button (only for md size with description) */
+    closable?: boolean;
+    /** Show an icon before the title */
+    icon?: React$1.ReactNode;
+    /** Controlled open state */
+    open?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Delay before showing tooltip (ms) */
+    enterDelay?: number;
+    /** Delay before hiding tooltip (ms) */
+    leaveDelay?: number;
+    /** The trigger element */
+    children: React$1.ReactElement;
+    /** Additional className for the tooltip container */
+    className?: string;
+};
+declare const Tooltip: React$1.ForwardRefExoticComponent<TooltipProps & React$1.RefAttributes<HTMLDivElement>>;
+
+type IconProps = React$1.SVGAttributes<SVGSVGElement>;
+
+declare const DeleteIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const EditIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const SearchIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const PlusIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const InfoIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const WarningIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const SuccessIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ErrorIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const NeutralIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+declare const CloseIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+
+export { Button, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Checkbox, type CheckboxProps, type CheckboxSize, CloseIcon, DeleteIcon, EditIcon, ErrorIcon, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, type IconProps, InfoIcon, NeutralIcon, PlusIcon, RehagroProvider, type RehagroProviderProps, type RehagroTheme, SearchIcon, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectRadius, type SelectSingleProps, type SelectSize, type SelectStatus, SuccessIcon, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, Toast, type ToastAppearance, ToastContainer, type ToastFn, type ToastItem, type ToastLink, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastVariant, Tooltip, type TooltipPlacement, type TooltipProps, type TooltipSize, type TooltipVariant, WarningIcon, useToast };