@oniratec/onira-react-ui 1.0.0 → 1.0.2

package/dist/index.d.ts

@@ -0,0 +1,254 @@
+import { ComponentType } from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { FC } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { ImgHTMLAttributes } from 'react';
+import { InputHTMLAttributes } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { JSX as JSX_2 } from 'react';
+import * as React_2 from 'react';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { SlotProps } from '@radix-ui/react-slot';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+
+declare type BaseProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare const Box: ({ children, }: Readonly<{
+    children: ReactNode;
+}>) => JSX.Element;
+
+export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement> {
+    asChild?: boolean;
+    variant?: 'primary' | 'secondary' | 'destructive' | 'ghost' | 'link';
+    size?: 'sm' | 'md' | 'lg' | 'icon';
+    loading?: boolean;
+}
+
+export declare const Card: ({ children, className }: BaseProps) => JSX.Element;
+
+export declare const CardContent: ({ children, className }: BaseProps) => JSX.Element;
+
+export declare const CardHeader: ({ children, className }: BaseProps) => JSX.Element;
+
+export declare const CardTitle: ({ children, className }: BaseProps) => JSX.Element;
+
+export declare type ColorMode = 'light' | 'dark';
+
+declare type Column<T> = {
+    key: string;
+    header: string;
+    render: (row: T) => ReactNode;
+    className?: string;
+};
+
+export declare const darkTheme: Theme;
+
+export declare function DataTable<T>({ columns, data }: Props<T>): JSX.Element;
+
+export declare const defaultTheme: Theme;
+
+export declare const DropdownMenu: React_2.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+
+export declare const DropdownMenuCheckboxItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DropdownMenuContent: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DropdownMenuGroup: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DropdownMenuItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+    icon?: React_2.ReactNode;
+} & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DropdownMenuLabel: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DropdownMenuPortal: React_2.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+
+export declare const DropdownMenuRadioGroup: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DropdownMenuRadioItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DropdownMenuSeparator: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DropdownMenuSub: React_2.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+
+export declare const DropdownMenuSubContent: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DropdownMenuSubTrigger: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DropdownMenuTrigger: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare function Field({ className, error, required, ...props }: FieldProps): JSX.Element;
+
+declare interface FieldContextValue {
+    id: string;
+    error?: string;
+    required?: boolean;
+}
+
+export declare const FieldControl: ForwardRefExoticComponent<Omit<SlotProps & RefAttributes<HTMLElement>, "ref"> & RefAttributes<HTMLElement>>;
+
+export declare const FieldLabel: React_2.ForwardRefExoticComponent<React_2.LabelHTMLAttributes<HTMLLabelElement> & React_2.RefAttributes<HTMLLabelElement>>;
+
+export declare const FieldMessage: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLParagraphElement> & React_2.RefAttributes<HTMLParagraphElement>>;
+
+declare interface FieldProps extends React_2.HTMLAttributes<HTMLDivElement> {
+    error?: string;
+    required?: boolean;
+}
+
+export declare const Input: React_2.ForwardRefExoticComponent<InputProps & React_2.RefAttributes<HTMLInputElement>>;
+
+declare interface InputProps extends Omit<React_2.InputHTMLAttributes<HTMLInputElement>, 'crossOrigin' | 'dangerouslySetInnerHTML'> {
+    crossOrigin?: '' | 'anonymous' | 'use-credentials';
+    dangerouslySetInnerHTML?: {
+        __html: string;
+    };
+    isInvalid?: boolean;
+}
+
+export declare const lightTheme: Theme;
+
+export declare const Logo: ({ src, alt, width, height, className, ImageComponent, ...props }: LogoProps) => JSX.Element;
+
+export declare type LogoProps = {
+    src: string;
+    alt: string;
+    width?: number;
+    height?: number;
+    className?: string;
+    ImageComponent?: ComponentType<JSX_2.Element>;
+} & Omit<ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt'>;
+
+export declare const NotFoundState: ({ lottieJson, title, description, actionLabel, onAction, fallbackIcon, }: NotFoundStateProps) => JSX.Element;
+
+declare type NotFoundStateProps = {
+    lottieJson?: object;
+    title: string;
+    description?: string;
+    actionLabel?: string;
+    onAction?: () => void;
+    fallbackIcon?: ReactNode;
+};
+
+export declare const PageSizeSelector: ({ value, onChange, options }: Props_2) => JSX.Element;
+
+export declare const Pagination: ({ page, pageSize, total, onPageChange, onPageSizeChange }: Props_3) => JSX.Element;
+
+export declare const PasswordInput: ForwardRefExoticComponent<PasswordInputProps & RefAttributes<HTMLInputElement>>;
+
+export declare interface PasswordInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    containerClassName?: string;
+}
+
+export declare const PersonAvatar: FC<PersonAvatarProps>;
+
+declare interface PersonAvatarProps {
+    personId: string;
+}
+
+export declare const ProfileAvatar: FC<ProfileAvatar_2>;
+
+declare interface ProfileAvatar_2 {
+    userId: string;
+}
+
+declare const ProfileAvatar: FC<ProfileAvatar_2>;
+
+declare interface Props<T> {
+    columns: Column<T>[];
+    data: T[];
+}
+
+declare interface Props_2 {
+    value: number;
+    onChange: (size: number) => void;
+    options?: number[];
+}
+
+declare interface Props_3 {
+    page: number;
+    pageSize: number;
+    total: number;
+    onPageChange: (page: number) => void;
+    onPageSizeChange: (size: number) => void;
+}
+
+export declare const Select: React_2.FC<SelectPrimitive.SelectProps>;
+
+export declare function Skeleton({ className }: SkeletonProps): JSX.Element;
+
+declare type SkeletonProps = {
+    className?: string;
+};
+
+export declare interface Theme {
+    mode: ColorMode;
+    colors: ThemeColors;
+    shadows: ThemeShadows;
+}
+
+export declare interface ThemeColors {
+    brand: string;
+    fill: {
+        primary: string;
+        secondary: string;
+        disabled: string;
+    };
+    label: {
+        primary: string;
+        secondary: string;
+        disabled: string;
+    };
+    border: {
+        primary: string;
+        secondary: string;
+        disabled: string;
+    };
+    focus: string;
+    error: string;
+}
+
+export declare interface ThemeShadows {
+    card: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}
+
+export declare const Toggle: ({ checked, defaultChecked, onChange, size, disabled, label, className, ariaLabel, }: ToggleProps) => JSX.Element;
+
+export declare interface ToggleProps {
+    /** Controlled */
+    checked?: boolean;
+    size?: 'sm' | 'md';
+    /** Uncontrolled */
+    defaultChecked?: boolean;
+    onChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    label?: string;
+    className?: string;
+    /** Accesibilidad */
+    ariaLabel?: string;
+}
+
+export declare const Tooltip: ComponentType<TooltipPrimitive.TooltipProps>;
+
+export declare const TooltipContent: ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
+
+export declare const TooltipProvider: ComponentType<TooltipPrimitive.TooltipProviderProps>;
+
+export declare const TooltipTrigger: ComponentType<TooltipPrimitive.TooltipTriggerProps>;
+
+export declare function useField(): FieldContextValue;
+
+export { }