@murabei-data-science/pumpwood-ui 1.3.0

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

@@ -0,0 +1,45 @@
+/**
+ * Props for the FKSelect component
+ */
+export interface IFKSelectProps {
+    /** FUNCTION to fetch data. Should return a promise resolving to an array of items */
+    fetcher: (params: {
+        search: string;
+        modelClass: string;
+        limit?: number;
+        offset?: number;
+    }) => Promise<any[]>;
+    /** The model class name to identify the resource */
+    modelClass: string;
+    /** The field name to use as the display label from the fetched items */
+    labelName: string;
+    /** The field name to use as the value (ID) from the fetched items. Defaults to 'pk' or 'id' */
+    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 function called when an item is selected */
+    onChange: (value: string | number, item?: any) => void;
+    /** Additional className */
+    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: ({ fetcher, modelClass, labelName, valueField, placeholder, emptyMessage, value, onChange, className, debounceWait, }: IFKSelectProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/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/src/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;

package/dist/types/src/components/Filters/DateRangeFilter.d.ts

@@ -0,0 +1,23 @@
+export interface DateRangeFilterProps {
+    startDate?: Date;
+    endDate?: Date;
+    onStartDateChange: (date: Date | undefined) => void;
+    onEndDateChange: (date: Date | undefined) => void;
+    startLabel?: string;
+    endLabel?: string;
+    className?: string;
+}
+/**
+ * A date range picker filter component.
+ *
+ * @example
+ * ```tsx
+ * <DateRangeFilter
+ *   startDate={startDate}
+ *   endDate={endDate}
+ *   onStartDateChange={setStartDate}
+ *   onEndDateChange={setEndDate}
+ * />
+ * ```
+ */
+export declare const DateRangeFilter: ({ startDate, endDate, onStartDateChange, onEndDateChange, startLabel, endLabel, className, }: DateRangeFilterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/components/Sidebar/index.d.ts

@@ -0,0 +1,115 @@
+import { type LucideIcon } from "lucide-react";
+import { type ComponentType, type ReactNode } from "react";
+/**
+ * Props for the Sidebar Root component.
+ */
+export interface SidebarRootProps {
+    /** The content of the sidebar. */
+    children: ReactNode;
+    /** Whether the sidebar is currently collapsed. */
+    isCollapsed: boolean;
+    /** Callback to toggle the collapsed state. */
+    onToggleCollapse: () => void;
+    /** Additional CSS classes. */
+    className?: string;
+}
+declare function Root({ children, isCollapsed, onToggleCollapse, className, }: SidebarRootProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Props for the Sidebar Header component.
+ */
+export interface SidebarHeaderProps {
+    children: ReactNode;
+    className?: string;
+}
+declare function Header({ children, className }: SidebarHeaderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Props for the Sidebar Content component.
+ */
+export interface SidebarContentProps {
+    children: ReactNode;
+    className?: string;
+}
+declare function Content({ children, className }: SidebarContentProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Props for the Sidebar Footer component.
+ */
+export interface SidebarFooterProps {
+    children: ReactNode;
+    className?: string;
+}
+declare function Footer({ children, className }: SidebarFooterProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Props for the Sidebar Toggle component.
+ */
+export interface SidebarToggleProps {
+    className?: string;
+}
+declare function Toggle({ className }: SidebarToggleProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Props for the Sidebar Logo component.
+ */
+export interface SidebarLogoProps {
+    src: string;
+    alt: string;
+    width?: number;
+    height?: number;
+    className?: string;
+    ImageComponent?: ComponentType<{
+        src: string;
+        alt: string;
+        width: number;
+        height: number;
+        className?: string;
+    }>;
+}
+declare function Logo({ src, alt, width, height, className, ImageComponent, }: SidebarLogoProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Props for the Sidebar Link component.
+ */
+export interface SidebarLinkProps {
+    icon: LucideIcon;
+    children: ReactNode;
+    href: string;
+    active?: boolean;
+    className?: string;
+    LinkComponent?: ComponentType<{
+        href: any;
+        className?: string;
+        children: ReactNode;
+        title?: string;
+    }>;
+}
+declare function Link({ icon: Icon, children, href, active, className, LinkComponent, }: SidebarLinkProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * A composable Sidebar component.
+ *
+ * @example
+ * ```tsx
+ * const [collapsed, setCollapsed] = useState(false);
+ *
+ * return (
+ *   <Sidebar.Root isCollapsed={collapsed} onToggleCollapse={() => setCollapsed(!collapsed)}>
+ *     <Sidebar.Header>
+ *       <Sidebar.Logo src="/logo.png" alt="Logo" />
+ *       <Sidebar.Toggle />
+ *     </Sidebar.Header>
+ *     <Sidebar.Content>
+ *       <Sidebar.Link icon={HomeIcon} href="/">Home</Sidebar.Link>
+ *     </Sidebar.Content>
+ *     <Sidebar.Footer>
+ *        User Info
+ *     </Sidebar.Footer>
+ *   </Sidebar.Root>
+ * )
+ * ```
+ */
+export declare const Sidebar: {
+    Root: typeof Root;
+    Header: typeof Header;
+    Content: typeof Content;
+    Footer: typeof Footer;
+    Toggle: typeof Toggle;
+    Logo: typeof Logo;
+    Link: typeof Link;
+};
+export {};

package/dist/types/src/components/Stack/index.d.ts

@@ -0,0 +1,22 @@
+import type { HTMLAttributes, ReactNode } from "react";
+type StackProps = HTMLAttributes<HTMLDivElement> & {
+    children: ReactNode;
+    /** The direction of the stack. Defaults to 'col'. */
+    direction?: "row" | "col";
+    /** The gap between elements. Maps to Tailwind gap utility (e.g. 4 -> gap-4). */
+    gap?: number;
+    className?: string;
+};
+/**
+ * A layout component that arranges children in a stack (vertical or horizontal).
+ *
+ * @example
+ * ```tsx
+ * <Stack direction="row" gap={4}>
+ *   <Button>Btn 1</Button>
+ *   <Button>Btn 2</Button>
+ * </Stack>
+ * ```
+ */
+declare function Stack({ children, direction, gap, className, ...props }: StackProps): import("react/jsx-runtime").JSX.Element;
+export default Stack;

package/dist/types/src/components/Table/index.d.ts

@@ -0,0 +1,29 @@
+/**
+ * A comprehensive Table component system.
+ *
+ * @example
+ * ```tsx
+ * <Table.Root>
+ *   <Table.Header>
+ *     <Table.Row>
+ *       <Table.Head>ID</Table.Head>
+ *       <Table.Head>Name</Table.Head>
+ *     </Table.Row>
+ *   </Table.Header>
+ *   <Table.Body>
+ *     <Table.Row>
+ *       <Table.Cell>1</Table.Cell>
+ *       <Table.Cell>John Doe</Table.Cell>
+ *     </Table.Row>
+ *   </Table.Body>
+ * </Table.Root>
+ * ```
+ */
+export declare const PumpwoodTable: {
+    Root: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLTableElement> & import("react").RefAttributes<HTMLTableElement>>;
+    Body: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLTableSectionElement> & import("react").RefAttributes<HTMLTableSectionElement>>;
+    Cell: import("react").ForwardRefExoticComponent<import("react").TdHTMLAttributes<HTMLTableCellElement> & import("react").RefAttributes<HTMLTableCellElement>>;
+    Head: import("react").ForwardRefExoticComponent<import("react").ThHTMLAttributes<HTMLTableCellElement> & import("react").RefAttributes<HTMLTableCellElement>>;
+    Header: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLTableSectionElement> & import("react").RefAttributes<HTMLTableSectionElement>>;
+    Row: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLTableRowElement> & import("react").RefAttributes<HTMLTableRowElement>>;
+};

package/dist/types/src/components/Text/index.d.ts

@@ -0,0 +1,21 @@
+import type { HTMLAttributes, ReactNode } from "react";
+type TypographyProps = HTMLAttributes<HTMLParagraphElement> & {
+    children: ReactNode;
+    className?: string;
+};
+declare function H1({ children, className, ...props }: TypographyProps): import("react/jsx-runtime").JSX.Element;
+declare function Muted({ children, className, ...props }: TypographyProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Typography components for consistent text styling.
+ *
+ * @example
+ * ```tsx
+ * <Typography.H1>Main Title</Typography.H1>
+ * <Typography.Muted>Subtitle text</Typography.Muted>
+ * ```
+ */
+export declare const Typography: {
+    H1: typeof H1;
+    Muted: typeof Muted;
+};
+export {};

package/dist/types/src/components/ui/alert-dialog.d.ts

@@ -0,0 +1,33 @@
+import * as React from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+/**
+ * A modal dialog that interrupts the user with important content and expects a response.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialog>
+ *   <AlertDialogTrigger>Open</AlertDialogTrigger>
+ *   <AlertDialogContent>
+ *     <AlertDialogHeader>
+ *       <AlertDialogTitle>Are you sure?</AlertDialogTitle>
+ *     </AlertDialogHeader>
+ *     <AlertDialogFooter>
+ *       <AlertDialogCancel>Cancel</AlertDialogCancel>
+ *       <AlertDialogAction>Continue</AlertDialogAction>
+ *     </AlertDialogFooter>
+ *   </AlertDialogContent>
+ * </AlertDialog>
+ * ```
+ */
+declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): import("react/jsx-runtime").JSX.Element;
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };

package/dist/types/src/components/ui/badge.d.ts

@@ -0,0 +1,18 @@
+import { type VariantProps } from "class-variance-authority";
+import type * as React from "react";
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "info" | "outline" | "warning" | "success" | "destructive" | "secondary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+}
+/**
+ * Displays a badge or a component that looks like a badge.
+ *
+ * @example
+ * ```tsx
+ * <Badge>Default</Badge>
+ * <Badge variant="secondary">Secondary</Badge>
+ * ```
+ */
+declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };

package/dist/types/src/components/ui/button.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "outline" | "destructive" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Displays a button or a component that looks like a button.
+ *
+ * @example
+ * ```tsx
+ * <Button variant="default">Click me</Button>
+ * <Button variant="outline" size="sm">Action</Button>
+ * ```
+ */
+declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
+    variant?: "link" | "default" | "outline" | "destructive" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };

package/dist/types/src/components/ui/calendar.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { type DayButton, DayPicker } from "react-day-picker";
+import { Button } from "pumpwood-ui-components";
+/**
+ * A calendar component for date selection.
+ *
+ * @example
+ * ```tsx
+ * <Calendar
+ *   mode="single"
+ *   selected={date}
+ *   onSelect={setDate}
+ *   className="rounded-md border"
+ * />
+ * ```
+ */
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React.ComponentProps<typeof Button>["variant"];
+}): import("react/jsx-runtime").JSX.Element;
+declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): import("react/jsx-runtime").JSX.Element;
+export { Calendar, CalendarDayButton };

package/dist/types/src/components/ui/card.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+/**
+ * A container for grouping related content.
+ *
+ * @example
+ * ```tsx
+ * <Card>
+ *   <CardHeader>
+ *     <CardTitle>Title</CardTitle>
+ *   </CardHeader>
+ *   <CardContent>Content</CardContent>
+ * </Card>
+ * ```
+ */
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, };

package/dist/types/src/components/ui/combobox.d.ts

@@ -0,0 +1,28 @@
+import * as React from "react";
+export interface ComboboxItem {
+    value: any;
+    label: string;
+}
+interface GenericComboboxProps extends Omit<React.ComponentPropsWithoutRef<"div">, "onChange"> {
+    items: ComboboxItem[];
+    value: string | null;
+    onChange: (value: string, item: ComboboxItem | null) => void;
+    placeholder?: string;
+    emptyMessage?: string;
+    className?: string;
+    searchPlaceholder?: string;
+}
+/**
+ * A searchable select component (Combobox).
+ *
+ * @example
+ * ```tsx
+ * <Combobox
+ *   items={[{ value: '1', label: 'Option 1' }]}
+ *   value={selectedValue}
+ *   onChange={setSelectedValue}
+ * />
+ * ```
+ */
+export declare function Combobox({ items, value, onChange, placeholder, emptyMessage, className, searchPlaceholder, }: GenericComboboxProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/ui/command.d.ts

@@ -0,0 +1,31 @@
+import { Command as CommandPrimitive } from "cmdk";
+import * as React from "react";
+import { Dialog } from "@/components/ui/dialog";
+/**
+ * A command palette component.
+ *
+ * @example
+ * ```tsx
+ * <Command>
+ *   <CommandInput placeholder="Type a command..." />
+ *   <CommandList>
+ *     <CommandItem>Action</CommandItem>
+ *   </CommandList>
+ * </Command>
+ * ```
+ */
+declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): import("react/jsx-runtime").JSX.Element;
+declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
+    title?: string;
+    description?: string;
+    className?: string;
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): import("react/jsx-runtime").JSX.Element;
+declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): import("react/jsx-runtime").JSX.Element;
+declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/dist/types/src/components/ui/dialog.d.ts

@@ -0,0 +1,32 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as React from "react";
+/**
+ * A modal dialog component.
+ *
+ * @example
+ * ```tsx
+ * <Dialog>
+ *   <DialogTrigger>Open</DialogTrigger>
+ *   <DialogContent>
+ *     <DialogTitle>Title</DialogTitle>
+ *     <DialogDescription>Desc</DialogDescription>
+ *   </DialogContent>
+ * </Dialog>
+ * ```
+ */
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    showCloseButton?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };

package/dist/types/src/components/ui/empty.d.ts

@@ -0,0 +1,23 @@
+import { type VariantProps } from "class-variance-authority";
+/**
+ * A placeholder component for empty states.
+ *
+ * @example
+ * ```tsx
+ * <Empty>
+ *   <EmptyHeader>
+ *     <EmptyTitle>No data</EmptyTitle>
+ *   </EmptyHeader>
+ * </Empty>
+ * ```
+ */
+declare function Empty({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare const emptyMediaVariants: (props?: ({
+    variant?: "default" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): import("react/jsx-runtime").JSX.Element;
+declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function EmptyDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia, };

package/dist/types/src/components/ui/popover.d.ts

@@ -0,0 +1,18 @@
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import * as React from "react";
+/**
+ * A popover component for displaying rich content in a portal.
+ *
+ * @example
+ * ```tsx
+ * <Popover>
+ *   <PopoverTrigger>Open</PopoverTrigger>
+ *   <PopoverContent>Content</PopoverContent>
+ * </Popover>
+ * ```
+ */
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

package/dist/types/src/components/ui/table.d.ts

@@ -0,0 +1,29 @@
+import * as React from "react";
+/**
+ * A responsive table component.
+ *
+ * @example
+ * ```tsx
+ * <Table>
+ *   <TableHeader>
+ *     <TableRow>
+ *       <TableHead>Header</TableHead>
+ *     </TableRow>
+ *   </TableHeader>
+ *   <TableBody>
+ *     <TableRow>
+ *       <TableCell>Cell</TableCell>
+ *     </TableRow>
+ *   </TableBody>
+ * </Table>
+ * ```
+ */
+declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, };

package/dist/types/src/components/ui/tabs.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+/**
+ * A set of layered sections of content—known as tab panels—that are displayed one at a time.
+ *
+ * @example
+ * ```tsx
+ * <Tabs defaultValue="account">
+ *   <TabsList>
+ *     <TabsTrigger value="account">Account</TabsTrigger>
+ *   </TabsList>
+ *   <TabsContent value="account">Content</TabsContent>
+ * </Tabs>
+ * ```
+ */
+declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/types/src/index.d.ts

@@ -0,0 +1,21 @@
+import "./styles/globals.css";
+export { Button } from "./components/ui/button";
+export { default as Stack } from "./components/Stack";
+export { default as Dropzone } from "./components/Dropzone";
+export { ConfirmationDialog } from "./components/ConfirmationDialog";
+export { Typography } from "./components/Text";
+export { PumpwoodCard as Card } from "./components/Card";
+export { PumpwoodTable as Table } from "./components/Table";
+export { PumpwoodBadge as Badge } from "./components/Badge";
+export { default as FileDropzone } from "./components/FileDropzone";
+export { Sidebar } from "./components/Sidebar";
+export { Tabs, TabsContent, TabsList, TabsTrigger } from "./components/ui/tabs";
+export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia } from "./components/ui/empty";
+export { EmptyContainer } from "./components/EmptyContainer";
+export { DateRangeFilter } from "./components/Filters/DateRangeFilter";
+export { CreatedByUserFilter } from "./components/Filters/CreatedByUserFilter";
+export { FKSelect } from "./components/FKSelect";
+export { Calendar } from "./components/ui/calendar";
+export { Popover, PopoverContent, PopoverTrigger } from "./components/ui/popover";
+export { Combobox, type ComboboxItem } from "./components/ui/combobox";
+export { CombinedFilterTable } from "./components/CombinedFilterTable";

package/dist/types/src/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;