@murabei-data-science/pumpwood-ui 1.3.0

package/dist/types/components/AlertWithIcon/index.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from "react";
+export interface IAlertWithIconProps {
+    icon: ReactNode;
+    title: string;
+    description: string;
+    variant?: "default" | "destructive";
+    className?: string;
+}
+/**
+ * Alert with icon, title and description.
+ */
+export declare function AlertWithIcon({ icon, title, description, variant, className, }: IAlertWithIconProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Auth/AuthenticatedView.d.ts

@@ -0,0 +1,18 @@
+import type { ComponentType, ReactNode } from "react";
+export interface IAuthenticatedViewProps {
+    redirectHref: string;
+    redirectDelayMs?: number;
+    onRedirect?: (href: string) => void;
+    title?: string;
+    fallbackLinkLabel?: string;
+    LinkComponent?: ComponentType<{
+        href: string;
+        className?: string;
+        children: ReactNode;
+    }>;
+    className?: string;
+}
+/**
+ * OAuth success screen with auto-redirect.
+ */
+export declare function AuthenticatedView({ redirectHref, redirectDelayMs, onRedirect, title, fallbackLinkLabel, LinkComponent, className, }: IAuthenticatedViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Auth/LoginCard.d.ts

@@ -0,0 +1,33 @@
+import type { ComponentType, ReactNode } from "react";
+export interface ILoginCardProps {
+    onLogin: (credentials: {
+        username: string;
+        password: string;
+    }) => Promise<{
+        error?: string | null;
+    }>;
+    onSuccess?: () => void;
+    onError?: (message: string, error: string) => void;
+    sessionExpired?: boolean;
+    sessionExpiredAlert?: {
+        icon: ReactNode;
+        title?: string;
+        description?: string;
+    };
+    forgotPasswordHref?: string;
+    forgotPasswordLabel?: string;
+    usernameLabel?: string;
+    passwordLabel?: string;
+    submitLabel?: string;
+    loginErrorMessage?: string;
+    LinkComponent?: ComponentType<{
+        href: string;
+        className?: string;
+        children: ReactNode;
+    }>;
+    className?: string;
+}
+/**
+ * Username and password login card.
+ */
+export declare function LoginCard({ onLogin, onSuccess, onError, sessionExpired, sessionExpiredAlert, forgotPasswordHref, forgotPasswordLabel, usernameLabel, passwordLabel, submitLabel, loginErrorMessage, LinkComponent, className, }: ILoginCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Auth/LoginCardSSO.d.ts

@@ -0,0 +1,31 @@
+import type { ComponentType, ReactNode } from "react";
+export interface ILoginCardSSOProps {
+    onLoginSSO: (email: string) => Promise<{
+        redirect_url?: string | null;
+        error?: string | null;
+    }>;
+    onRedirect?: (url: string) => void;
+    onError?: (message: string, error: string) => void;
+    sessionExpired?: boolean;
+    sessionExpiredAlert?: {
+        icon: ReactNode;
+        title?: string;
+        description?: string;
+    };
+    forgotPasswordHref?: string;
+    forgotPasswordLabel?: string;
+    emailLabel?: string;
+    submitLabel?: string;
+    unauthorizedMessage?: string;
+    genericErrorMessage?: string;
+    LinkComponent?: ComponentType<{
+        href: string;
+        className?: string;
+        children: ReactNode;
+    }>;
+    className?: string;
+}
+/**
+ * SSO email login card.
+ */
+export declare function LoginCardSSO({ onLoginSSO, onRedirect, onError, sessionExpired, sessionExpiredAlert, forgotPasswordHref, forgotPasswordLabel, emailLabel, submitLabel, unauthorizedMessage, genericErrorMessage, LinkComponent, className, }: ILoginCardSSOProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Auth/NotAuthenticatedView.d.ts

@@ -0,0 +1,21 @@
+import type { ComponentType, ReactNode } from "react";
+export interface INotAuthenticatedViewProps {
+    error: unknown;
+    loginHref: string;
+    title?: string;
+    description?: string;
+    fallbackLinkLabel?: string;
+    errorDetailsLabel?: string;
+    copyLabel?: string;
+    copiedLabel?: string;
+    LinkComponent?: ComponentType<{
+        href: string;
+        className?: string;
+        children: ReactNode;
+    }>;
+    className?: string;
+}
+/**
+ * OAuth error screen with expandable error details.
+ */
+export declare function NotAuthenticatedView({ error, loginHref, title, description, fallbackLinkLabel, errorDetailsLabel, copyLabel, copiedLabel, LinkComponent, className, }: INotAuthenticatedViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Auth/index.d.ts

@@ -0,0 +1,4 @@
+export { LoginCard, type ILoginCardProps } from "./LoginCard";
+export { LoginCardSSO, type ILoginCardSSOProps } from "./LoginCardSSO";
+export { AuthenticatedView, type IAuthenticatedViewProps, } from "./AuthenticatedView";
+export { NotAuthenticatedView, type INotAuthenticatedViewProps, } from "./NotAuthenticatedView";

package/dist/types/components/AutoFormContent/index.d.ts

@@ -0,0 +1,46 @@
+import type * as React from "react";
+/**
+ * Interface representing a form field specification
+ */
+export interface IFormField {
+    type: "text" | "number" | "password" | "email" | "textarea" | "checkbox" | "select" | "date" | "key-value";
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    options?: {
+        label: string;
+        value: string;
+    }[];
+    className?: string;
+    cols?: 1 | 2 | 3 | 4;
+}
+/**
+ * Custom section grouping configuration similar to AutoDetailContent
+ */
+export interface IFormSection {
+    title: string;
+    fields: string[];
+    cols?: 1 | 2 | 3 | 4;
+    isFullWidth?: boolean;
+}
+export interface IAutoFormContentProps {
+    fields: Record<string, IFormField>;
+    values?: Record<string, any>;
+    defaultValue?: Record<string, any>;
+    onChange?: (values: Record<string, any>) => void;
+    errors?: Record<string, string>;
+    config?: {
+        exclude?: string[];
+        labels?: Record<string, string>;
+        sections?: IFormSection[];
+    };
+    customFields?: Record<string, (props: {
+        value: any;
+        onChange: (val: any) => void;
+        error?: string;
+        disabled?: boolean;
+        fieldKey: string;
+    }) => React.ReactNode>;
+}
+export declare function AutoFormContent({ fields, values: externalValues, defaultValue, onChange, errors, config, customFields, }: IAutoFormContentProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Badge/index.d.ts

@@ -0,0 +1,17 @@
+import { type VariantProps } from "class-variance-authority";
+export declare const pumpwoodBadgeVariants: (props?: ({
+    variant?: "destructive" | "secondary" | "warning" | "primary" | "muted" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface PumpwoodBadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof pumpwoodBadgeVariants> {
+}
+/**
+ * A Badge component for status indicators and labels.
+ *
+ * @example
+ * ```tsx
+ * <Badge variant="primary">New</Badge>
+ * <Badge variant="destructive" size="sm">Error</Badge>
+ * ```
+ */
+export declare function PumpwoodBadge({ className, variant, size, ...props }: PumpwoodBadgeProps): React.JSX.Element;

package/dist/types/components/Card/index.d.ts

@@ -0,0 +1,23 @@
+/**
+ * A Card component system for displaying content in boxes.
+ *
+ * @example
+ * ```tsx
+ * <Card.Root>
+ *   <Card.Header>
+ *     <Card.Title>Card Title</Card.Title>
+ *     <Card.Description>Card Description</Card.Description>
+ *   </Card.Header>
+ *   <Card.Content>
+ *     <p>Card Content</p>
+ *   </Card.Content>
+ * </Card.Root>
+ * ```
+ */
+export declare const PumpwoodCard: {
+    Root: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    Header: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    Title: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    Description: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+};

package/dist/types/components/ClearButton/index.d.ts

@@ -0,0 +1,3 @@
+export declare const ClearButton: ({ handleClear }: {
+    handleClear: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/CombinedFilterTable/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * A demonstration component combining filters and a table.
+ *
+ * @example
+ * ```tsx
+ * <CombinedFilterTable />
+ * ```
+ */
+export declare const CombinedFilterTable: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/ConfirmationDialog/index.d.ts

@@ -0,0 +1,71 @@
+import type { ReactNode } from "react";
+export interface RootProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    children: ReactNode;
+}
+declare function Root({ open, onOpenChange, children }: RootProps): import("react/jsx-runtime").JSX.Element;
+export interface ContentProps {
+    children: ReactNode;
+    className?: string;
+}
+declare function Content({ children, className }: ContentProps): import("react/jsx-runtime").JSX.Element;
+export interface HeaderProps {
+    children: ReactNode;
+}
+declare function Header({ children }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+export interface TitleProps {
+    children: ReactNode;
+}
+declare function Title({ children }: TitleProps): import("react/jsx-runtime").JSX.Element;
+export interface DescriptionProps {
+    children: ReactNode;
+}
+declare function Description({ children }: DescriptionProps): import("react/jsx-runtime").JSX.Element;
+export interface FooterProps {
+    children: ReactNode;
+}
+declare function Footer({ children }: FooterProps): import("react/jsx-runtime").JSX.Element;
+export interface ActionProps {
+    children: ReactNode;
+    onClick: () => void;
+    variant?: "default" | "destructive";
+    className?: string;
+}
+declare function Action({ children, onClick, variant, className, }: ActionProps): import("react/jsx-runtime").JSX.Element;
+export interface CancelProps {
+    children: ReactNode;
+    onClick?: () => void;
+    className?: string;
+}
+declare function Cancel({ children, onClick, className }: CancelProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * A dialog component for confirming actions (e.g., delete).
+ *
+ * @example
+ * ```tsx
+ * <ConfirmationDialog.Root open={isOpen} onOpenChange={setIsOpen}>
+ *   <ConfirmationDialog.Content>
+ *     <ConfirmationDialog.Header>
+ *       <ConfirmationDialog.Title>Are you sure?</ConfirmationDialog.Title>
+ *       <ConfirmationDialog.Description>This action cannot be undone.</ConfirmationDialog.Description>
+ *     </ConfirmationDialog.Header>
+ *     <ConfirmationDialog.Footer>
+ *       <ConfirmationDialog.Cancel onClick={() => setIsOpen(false)}>Cancel</ConfirmationDialog.Cancel>
+ *       <ConfirmationDialog.Action onClick={handleDelete} variant="destructive">Delete</ConfirmationDialog.Action>
+ *     </ConfirmationDialog.Footer>
+ *   </ConfirmationDialog.Content>
+ * </ConfirmationDialog.Root>
+ * ```
+ */
+export declare const ConfirmationDialog: {
+    Root: typeof Root;
+    Content: typeof Content;
+    Header: typeof Header;
+    Title: typeof Title;
+    Description: typeof Description;
+    Footer: typeof Footer;
+    Action: typeof Action;
+    Cancel: typeof Cancel;
+};
+export {};

package/dist/types/components/CustomBreadcrumb/index.d.ts

@@ -0,0 +1,6 @@
+interface ICustomBreadcrumbProps {
+    label: string;
+    steps?: string[];
+}
+export default function CustomBreadcrumb({ label, steps, }: ICustomBreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+export { CustomBreadcrumb };

package/dist/types/components/DatePicker/index.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Props for the DatePicker component.
+ */
+export interface IDatePickerProps {
+    /** Optional id used as data-testid on the trigger button. */
+    id?: string;
+    /** Placeholder text when no date is selected. */
+    placeholder: string;
+    /** Controlled ISO date string (empty = no selection). */
+    value?: string;
+    /** Callback when the selected date changes (ISO string or empty). */
+    onValueChange?: (value: string) => void;
+    /** Optional class names for the wrapper (width, layout). */
+    className?: string;
+    /** Day boundary when serializing to ISO. */
+    boundary?: "start" | "end";
+    /** Display format for the selected date. */
+    dateFormat?: string;
+}
+/**
+ * A reusable date picker built with shadcn/ui.
+ *
+ * @example
+ * ```tsx
+ * <DatePicker
+ *   placeholder="Data inicial"
+ *   boundary="start"
+ *   value={filters.created_at__gte}
+ *   onValueChange={(value) =>
+ *     onFiltersChange({ target: "created_at__gte", value })
+ *   }
+ * />
+ * ```
+ */
+export declare const DatePicker: ({ id, placeholder, value, onValueChange, className, boundary, dateFormat, }: IDatePickerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DeleteDialog/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * DeleteDialog - Confirmation dialog component for delete documents.
+ */
+export declare const DeleteDialog: ({ openDialog, setOpenDialog, handleDelete, count, }: {
+    openDialog: boolean;
+    setOpenDialog: (value: boolean) => void;
+    handleDelete: () => void;
+    count?: number;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DetailPage/AutoDetailContent.d.ts

@@ -0,0 +1,27 @@
+import type { ReactNode } from "react";
+import { type IDetailFieldConfig } from "./detail-utils";
+export type { IDetailFieldConfig, IDetailSection } from "./detail-utils";
+export interface IAutoDetailContentProps {
+    data: Record<string, any>;
+    config?: IDetailFieldConfig;
+    formatters?: {
+        key: string;
+        formatter: (value: unknown) => string;
+    }[];
+    wrapperElements?: {
+        keys: string[];
+        element: (props: {
+            key: string;
+            label: string;
+            fieldValue: unknown;
+            isFullWidth: boolean;
+            data: Record<string, any>;
+        }) => ReactNode;
+    }[];
+    statusLabels?: Record<string, string>;
+    formatDate?: (date: string) => string;
+}
+/**
+ * Auto-render entity detail fields in configurable sections.
+ */
+export declare function AutoDetailContent({ data, config, formatters, wrapperElements, statusLabels, formatDate, }: IAutoDetailContentProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DetailPage/DetailPage.d.ts

@@ -0,0 +1,24 @@
+import type { ReactNode } from "react";
+export interface IDetailPageSection {
+    id?: string;
+    title: string;
+    content: ReactNode;
+    defaultOpen?: boolean;
+}
+export interface IDetailPageProps {
+    title: string;
+    titleAddon?: ReactNode;
+    isLoading?: boolean;
+    error?: Error | null;
+    onBack?: () => void;
+    actions?: ReactNode;
+    sections?: IDetailPageSection[];
+    children?: ReactNode;
+    loadingComponent?: ReactNode;
+    errorComponent?: ReactNode;
+    backButtonLabel?: string;
+}
+/**
+ * Reusable detail page shell with header, loading/error states and sections.
+ */
+export declare function DetailPage({ title, titleAddon, isLoading, error, onBack, actions, sections, children, loadingComponent, errorComponent, backButtonLabel, }: IDetailPageProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DetailPage/detail-utils.d.ts

@@ -0,0 +1,24 @@
+export interface IDetailSection {
+    title: string;
+    fields: string[];
+    cols?: 2 | 3 | 4;
+    isFullWidth?: boolean;
+}
+export interface IDetailFieldConfig {
+    exclude?: string[];
+    labels?: Record<string, string>;
+    formatters?: Record<string, (value: unknown) => string>;
+    sections?: IDetailSection[];
+}
+export interface IFormatDetailValueOptions {
+    statusLabels?: Record<string, string>;
+    formatDate?: (date: string) => string;
+    booleanLabels?: {
+        true: string;
+        false: string;
+    };
+}
+export declare const formatDetailLabel: (key: string, labels?: Record<string, string>) => string;
+export declare const formatDetailValue: (value: unknown, key: string, options?: IFormatDetailValueOptions) => string;
+export declare const getDetailFieldValue: (data: Record<string, unknown>, key: string) => unknown;
+export declare const FULL_WIDTH_DETAIL_FIELDS: string[];

package/dist/types/components/DetailPage/index.d.ts

@@ -0,0 +1,3 @@
+export { AutoDetailContent, type IAutoDetailContentProps } from "./AutoDetailContent";
+export { DetailPage, type IDetailPageProps, type IDetailPageSection } from "./DetailPage";
+export { formatDetailLabel, formatDetailValue, getDetailFieldValue, FULL_WIDTH_DETAIL_FIELDS, type IDetailFieldConfig, type IDetailSection, type IFormatDetailValueOptions, } from "./detail-utils";

package/dist/types/components/DownloadButton/index.d.ts

@@ -0,0 +1,20 @@
+type ExpectedFile = {
+    file: string;
+};
+export type RetrieveFileFn = (modelClass: string, fileId: number) => Promise<[
+    {
+        data: number[];
+        contentType: string;
+    } | null,
+    {
+        message: string;
+    } | null
+]>;
+interface IDownloadButtonProps<T extends ExpectedFile> {
+    item: T;
+    propertyName: keyof T;
+    modelClass: string;
+    retrieveFile: RetrieveFileFn;
+}
+export declare const DownloadButton: <T extends ExpectedFile>({ item, modelClass, propertyName, retrieveFile, }: IDownloadButtonProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/Dropzone/index.d.ts

@@ -0,0 +1,21 @@
+import { type ReactNode } from "react";
+import { type FileWithPath } from "react-dropzone";
+type DropzoneProps = {
+    children: ReactNode;
+    maxFiles?: number;
+    maxSize?: number;
+    accept?: Record<string, string[]>;
+    onFilesAccepted: (files: FileWithPath[]) => void;
+};
+/**
+ * A drag-and-drop zone for file uploads.
+ *
+ * @example
+ * ```tsx
+ * <Dropzone onFilesAccepted={(files) => console.log(files)}>
+ *   <Button>Upload</Button>
+ * </Dropzone>
+ * ```
+ */
+export default function PumpwoodDropzone({ children, maxFiles, maxSize, accept, onFilesAccepted, }: DropzoneProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/EmptyContainer/index.d.ts

@@ -0,0 +1,16 @@
+export interface EmptyContainerProps {
+    title: string;
+    description: string;
+}
+/**
+ * A container to display an empty state.
+ *
+ * @example
+ * ```tsx
+ * <EmptyContainer
+ *   title="No Data"
+ *   description="There are no items to display at this time."
+ * />
+ * ```
+ */
+export declare function EmptyContainer({ title, description }: EmptyContainerProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/ErrorBoundary/index.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+interface ErrorBoundaryProps {
+    children: ReactNode;
+    hasError: boolean;
+    message?: string;
+    className?: string;
+}
+declare const ErrorBoundary: ({ children, hasError, message, }: ErrorBoundaryProps) => import("react/jsx-runtime").JSX.Element;
+export default ErrorBoundary;
+export { ErrorBoundary };

package/dist/types/components/ErrorMessage/index.d.ts

@@ -0,0 +1,4 @@
+import type { FieldError } from "react-hook-form";
+export declare const ErrorMessage: ({ error }: {
+    error: FieldError | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/ErrorToast/index.d.ts

@@ -0,0 +1,4 @@
+export declare const ErrorToastContent: ({ message, error, }: {
+    message: string;
+    error: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/FKSelect/index.d.ts

@@ -0,0 +1,63 @@
+/**
+ * Parameters passed to the FK fetcher function.
+ */
+export type FKFetcherParams = {
+    search: string;
+    modelClass: string;
+    labelName: string;
+    additionalFilters?: Record<string, any>;
+    fields?: string[];
+    limit?: number;
+    offset?: number;
+};
+/**
+ * Props for the FKSelect component.
+ */
+export interface IFKSelectProps {
+    /** Optional id used as data-testid on the trigger. */
+    id?: string;
+    /** Function to fetch data from the API. */
+    fetcher: (params: FKFetcherParams) => Promise<any[]>;
+    /** Optional function to resolve a value not present in the list. */
+    resolveValue?: (params: {
+        modelClass: string;
+        value: string | number;
+    }) => Promise<any>;
+    /** The model class name to identify the resource. */
+    modelClass: string;
+    /** The field name to use as the display label. */
+    labelName: string;
+    /** The field name to use as the value (ID). Defaults to 'pk'. */
+    valueField?: string;
+    /** Placeholder text for the search input. */
+    placeholder?: string;
+    /** Message to show when no items are found. */
+    emptyMessage?: string;
+    /** The currently selected value. */
+    value: string | number | null;
+    /** Callback when an item is selected. */
+    onChange: (value: string | number, item?: any) => void;
+    /** Additional filters to apply to the API request. */
+    additionalFilters?: Record<string, any>;
+    /** Extra fields to include in search. */
+    fields?: string[];
+    /** Optional class names for the wrapper (e.g. width overrides). */
+    className?: string;
+    /** Debounce time in ms. Defaults to 300. */
+    debounceWait?: number;
+}
+/**
+ * A foreign key select component (async combobox).
+ *
+ * @example
+ * ```tsx
+ * <FKSelect
+ *   fetcher={fetchData}
+ *   modelClass="User"
+ *   labelName="username"
+ *   value={userId}
+ *   onChange={setUserId}
+ * />
+ * ```
+ */
+export declare const FKSelect: ({ id, fetcher, resolveValue, modelClass, labelName, valueField, placeholder, emptyMessage, value, onChange, additionalFilters, fields, className, debounceWait, }: IFKSelectProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/FileDropzone/index.d.ts

@@ -0,0 +1,22 @@
+import { type Accept } from "react-dropzone";
+interface FileDropzoneProps {
+    onFileSelected: (file: File) => void;
+    onFileDeleted?: () => void;
+    acceptExtensions?: string[];
+    accept?: Accept;
+    maxSizeMB?: number;
+}
+/**
+ * A specialized file dropzone with built-in preview and validation.
+ *
+ * @example
+ * ```tsx
+ * <FileDropzone
+ *   onFileSelected={(file) => console.log(file)}
+ *   maxSizeMB={5}
+ *   acceptExtensions={['.pdf', '.docx']}
+ * />
+ * ```
+ */
+export default function FileDropzone({ onFileSelected, onFileDeleted, acceptExtensions, accept, maxSizeMB, }: FileDropzoneProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/FilePreview/index.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentType, ImgHTMLAttributes } from "react";
+export type FileTypeCategory = "image" | "video" | "pdf" | "doc" | "excel" | "ppt" | "other";
+interface FilePreviewProps {
+    fileUrl: string;
+    fileName: string;
+    isLoading?: boolean;
+    getFileType: (fileName: string) => FileTypeCategory;
+    ImageComponent?: ComponentType<ImgHTMLAttributes<HTMLImageElement> & {
+        fill?: boolean;
+    }>;
+}
+export declare const FilePreview: ({ fileUrl, fileName, isLoading, getFileType, ImageComponent, }: FilePreviewProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/Filters/CreatedByUserFilter.d.ts

@@ -0,0 +1,24 @@
+export interface CreatedByUserFilterProps {
+    value: string | number | null;
+    onChange: (value: string | number, item?: any) => void;
+    fetcher: (params: {
+        search: string;
+        modelClass: string;
+        limit?: number;
+        offset?: number;
+    }) => Promise<any[]>;
+    className?: string;
+}
+/**
+ * A filter component to select a user who created a resource.
+ *
+ * @example
+ * ```tsx
+ * <CreatedByUserFilter
+ *   fetcher={fetchUsers}
+ *   value={selectedUser}
+ *   onChange={setSelectedUser}
+ * />
+ * ```
+ */
+export declare const CreatedByUserFilter: ({ value, onChange, fetcher, className, }: CreatedByUserFilterProps) => import("react/jsx-runtime").JSX.Element;