@definable/ui 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,489 @@
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { ClassProp } from 'class-variance-authority/dist/types';
+import { ClassValue } from 'clsx';
+import { default as default_2 } from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { LucideIcon } from 'lucide-react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as React_2 from 'react';
+import { ReactPortal } from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { VariantProps } from 'class-variance-authority';
+
+export declare const Alert: React_2.ForwardRefExoticComponent<AlertProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const AlertDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLParagraphElement> & React_2.RefAttributes<HTMLParagraphElement>>;
+
+export declare interface AlertProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+}
+
+export declare const AlertTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLHeadingElement> & React_2.RefAttributes<HTMLParagraphElement>>;
+
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare const Avatar: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const AvatarFallback: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const AvatarImage: React_2.ForwardRefExoticComponent<React_2.ImgHTMLAttributes<HTMLImageElement> & React_2.RefAttributes<HTMLImageElement>>;
+
+export declare function Badge({ className, variant, ...props }: BadgeProps): JSX_2.Element;
+
+export declare interface BadgeProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+}
+
+export declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "secondary" | "outline" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function BarChart({ data }: BarChartProps): JSX_2.Element;
+
+declare interface BarChartProps {
+    data: ChartDataPoint[];
+}
+
+export declare const Button: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
+
+declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'default' | 'secondary' | 'ghost' | 'destructive' | 'outline';
+    size?: 'sm' | 'md' | 'lg' | 'icon';
+    icon?: LucideIcon;
+    iconPosition?: 'left' | 'right';
+    isLoading?: boolean;
+    asChild?: boolean;
+    children?: default_2.ReactNode;
+}
+
+export declare const Card: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CardContent: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CardDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLParagraphElement> & React_2.RefAttributes<HTMLParagraphElement>>;
+
+export declare const CardFooter: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CardHeader: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CardTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLHeadingElement> & React_2.RefAttributes<HTMLParagraphElement>>;
+
+export declare function Carousel({ slides, interval, showIndicators, className }: CarouselProps): JSX_2.Element;
+
+declare interface CarouselProps {
+    slides: CarouselSlide[];
+    interval?: number;
+    showIndicators?: boolean;
+    className?: string;
+}
+
+export declare interface CarouselSlide {
+    image: string;
+    title: string;
+    subtitle: string;
+}
+
+declare interface ChartDataPoint {
+    name: string;
+    value: number;
+}
+
+export declare const Checkbox: React_2.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare function cn(...inputs: ClassValue[]): string;
+
+export declare const codeThemes: {
+    coy: {
+        theme: {
+            [key: string]: default_2.CSSProperties;
+        };
+        isDark: boolean;
+        name: string;
+    };
+    dracula: {
+        theme: {
+            [key: string]: default_2.CSSProperties;
+        };
+        isDark: boolean;
+        name: string;
+    };
+    dark: {
+        theme: {
+            [key: string]: default_2.CSSProperties;
+        };
+        isDark: boolean;
+        name: string;
+    };
+    funky: {
+        theme: {
+            [key: string]: default_2.CSSProperties;
+        };
+        isDark: boolean;
+        name: string;
+    };
+    okaidia: {
+        theme: {
+            [key: string]: default_2.CSSProperties;
+        };
+        isDark: boolean;
+        name: string;
+    };
+    solarizedlight: {
+        theme: {
+            [key: string]: default_2.CSSProperties;
+        };
+        isDark: boolean;
+        name: string;
+    };
+    tomorrow: {
+        theme: {
+            [key: string]: default_2.CSSProperties;
+        };
+        isDark: boolean;
+        name: string;
+    };
+    twilight: {
+        theme: {
+            [key: string]: default_2.CSSProperties;
+        };
+        isDark: boolean;
+        name: string;
+    };
+    prism: {
+        theme: {
+            [key: string]: default_2.CSSProperties;
+        };
+        isDark: boolean;
+        name: string;
+    };
+    a11yDark: {
+        theme: {
+            [key: string]: default_2.CSSProperties;
+        };
+        isDark: boolean;
+        name: string;
+    };
+    atomDark: {
+        theme: {
+            [key: string]: default_2.CSSProperties;
+        };
+        isDark: boolean;
+        name: string;
+    };
+    materialDark: {
+        theme: {
+            [key: string]: default_2.CSSProperties;
+        };
+        isDark: boolean;
+        name: string;
+    };
+    materialLight: {
+        theme: {
+            [key: string]: default_2.CSSProperties;
+        };
+        isDark: boolean;
+        name: string;
+    };
+    nord: {
+        theme: {
+            [key: string]: default_2.CSSProperties;
+        };
+        isDark: boolean;
+        name: string;
+    };
+    vscDarkPlus: {
+        theme: {
+            [key: string]: default_2.CSSProperties;
+        };
+        isDark: boolean;
+        name: string;
+    };
+};
+
+export declare type CodeThemeType = keyof typeof codeThemes;
+
+export declare function Collapse({ title, children, defaultOpen, className, titleClassName, contentClassName }: CollapseProps): JSX_2.Element;
+
+declare interface CollapseProps {
+    title: string | React_2.ReactNode;
+    children: React_2.ReactNode;
+    defaultOpen?: boolean;
+    className?: string;
+    titleClassName?: string;
+    contentClassName?: string;
+}
+
+export declare interface Column<T> {
+    id: string;
+    header: string;
+    width?: string;
+    cell: (item: T) => React.ReactNode;
+    className?: string;
+    tooltipValue?: (item: T) => string;
+    truncate?: boolean;
+}
+
+export declare function ConfirmationModal({ isOpen, onClose, onConfirm, title, description, confirmText, cancelText, type }: ConfirmationModalProps): JSX_2.Element;
+
+declare interface ConfirmationModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+    title: string;
+    description: string;
+    confirmText?: string;
+    cancelText?: string;
+    type?: 'danger' | 'warning';
+}
+
+export declare const Dialog: ({ ...props }: {
+    [x: string]: any;
+}) => JSX_2.Element;
+
+export declare const DialogClose: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare const DialogContent: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DialogDescription: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
+
+export declare const DialogFooter: {
+    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
+    displayName: string;
+};
+
+export declare const DialogHeader: {
+    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
+    displayName: string;
+};
+
+export declare const DialogOverlay: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DialogPortal: React_2.FC<DialogPrimitive.DialogPortalProps>;
+
+export declare const DialogTitle: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React_2.RefAttributes<HTMLHeadingElement>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;
+
+export declare const DialogTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare function DonutChart({ data }: DonutChartProps): JSX_2.Element;
+
+declare interface DonutChartProps {
+    data: ChartDataPoint[];
+}
+
+export declare const DropdownMenu: React_2.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+
+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"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DropdownMenuSeparator: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DropdownMenuTrigger: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare const Input: React_2.ForwardRefExoticComponent<InputProps & React_2.RefAttributes<HTMLInputElement>>;
+
+export declare interface InputProps extends React_2.InputHTMLAttributes<HTMLInputElement> {
+}
+
+export declare const Label: React_2.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React_2.RefAttributes<HTMLLabelElement>, "ref"> & React_2.RefAttributes<HTMLLabelElement>>;
+
+export declare function LineChart({ data }: LineChartProps): JSX_2.Element;
+
+declare interface LineChartProps {
+    data: ChartDataPoint[];
+}
+
+export declare function Loader({ size, fullScreen, center, loadingText, loadingTextDescription }: LoaderProps): JSX_2.Element;
+
+declare interface LoaderProps {
+    size?: 'sm' | 'md' | 'lg';
+    fullScreen?: boolean;
+    center?: boolean;
+    loadingText?: string;
+    loadingTextDescription?: string;
+}
+
+export declare function LoadingPlaceholder({ className, count, animate, variant }: LoadingPlaceholderProps): JSX_2.Element;
+
+declare interface LoadingPlaceholderProps {
+    className?: string;
+    count?: number;
+    animate?: boolean;
+    variant?: 'pulse' | 'shimmer';
+}
+
+export declare const Markdown: default_2.FC<MarkdownProps>;
+
+declare interface MarkdownProps {
+    content: string;
+    className?: string;
+    theme?: CodeThemeType;
+}
+
+export declare function Modal({ isOpen, onClose, title, description, icon, children, footer, size, showClose, className, isContentScrollable, mainClassName, contentClassName, header, zIndexClassName }: ModalProps): ReactPortal;
+
+export declare interface ModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: string;
+    description?: string | React.ReactNode;
+    icon?: React.ReactNode;
+    children: React.ReactNode;
+    footer?: React.ReactNode;
+    size?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full' | '3xl';
+    showClose?: boolean;
+    className?: string;
+    mainClassName?: string;
+    isContentScrollable?: boolean;
+    header?: React.ReactNode;
+    headerClassName?: string;
+    contentClassName?: string;
+    zIndexClassName?: string;
+}
+
+export declare function NotificationContainer(): JSX_2.Element;
+
+export declare const Popover: React_2.FC<PopoverPrimitive.PopoverProps>;
+
+export declare const PopoverContent: React_2.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const PopoverTrigger: React_2.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare const Progress: React_2.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const RadioGroup: React_2.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const RadioGroupItem: React_2.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare const ScrollArea: React_2.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const ScrollBar: React_2.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const SearchableSelect: React_2.ForwardRefExoticComponent<SearchableSelectProps & React_2.RefAttributes<never>>;
+
+declare interface SearchableSelectProps extends React_2.ComponentPropsWithoutRef<typeof Select> {
+    children: React_2.ReactNode;
+    searchPlaceholder?: string;
+}
+
+export declare const Select: React_2.FC<SelectPrimitive.SelectProps>;
+
+export declare const SelectContent: React_2.ForwardRefExoticComponent<SelectContentProps & React_2.RefAttributes<HTMLDivElement>>;
+
+declare interface SelectContentProps extends React_2.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> {
+    searchable?: boolean;
+    onSearch?: (value: string) => void;
+    searchPlaceholder?: string;
+}
+
+export declare const SelectGroup: React_2.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare function SelectionBar({ selectedCount, onEnable, onDisable, onDelete, onDownload, onCancel, show }: SelectionBarProps): JSX_2.Element;
+
+declare interface SelectionBarProps {
+    selectedCount: number;
+    onEnable?: () => void;
+    onDisable?: () => void;
+    onDelete?: () => void;
+    onDownload?: () => void;
+    onCancel: () => void;
+    show: boolean;
+}
+
+export declare const SelectItem: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const SelectLabel: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const SelectTrigger: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare const SelectValue: React_2.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React_2.RefAttributes<HTMLSpanElement>>;
+
+export declare const Separator: React_2.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare function Sheet({ isOpen, onClose, children, header, footer, className, enableFullscreen, position, headerClassName }: SheetProps): ReactPortal | null;
+
+declare interface SheetProps {
+    isOpen: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    className?: string;
+    enableFullscreen?: boolean;
+    position?: 'left' | 'right' | 'bottom';
+    headerClassName?: string;
+}
+
+export declare const Slider: React_2.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React_2.RefAttributes<HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
+
+export declare const Switch: React_2.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare function Table<T extends {
+    id: string;
+}>({ data, columns, showCheckbox, onRowClick, className, selectedItems, onSelect, emptyState, isLoading, loadingRows, tableHeight }: TableProps<T>): JSX_2.Element;
+
+export declare function TableEmpty({ title, description, actionLabel, onAction, icon }: TableEmptyProps): JSX_2.Element;
+
+declare interface TableEmptyProps {
+    title?: string;
+    description?: string;
+    actionLabel?: string;
+    onAction?: () => void;
+    icon?: React.ReactNode;
+}
+
+export declare interface TableProps<T> {
+    data: T[];
+    columns: Column<T>[];
+    showCheckbox?: boolean;
+    onRowClick?: (item: T) => void;
+    className?: string;
+    selectedItems?: Set<string>;
+    onSelect?: (id: string, checked: boolean) => void;
+    emptyState?: {
+        title?: string;
+        description?: string;
+        actionLabel?: string;
+        onAction?: () => void;
+        icon?: React.ReactNode;
+    };
+    isLoading?: boolean;
+    loadingRows?: number;
+    tableHeight?: string;
+}
+
+export declare const Tabs: React_2.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const TabsContent: React_2.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const TabsList: React_2.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const TabsTrigger: React_2.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare const Textarea: React_2.ForwardRefExoticComponent<TextareaProps & React_2.RefAttributes<HTMLTextAreaElement>>;
+
+export declare interface TextareaProps extends React_2.TextareaHTMLAttributes<HTMLTextAreaElement> {
+}
+
+export declare function Tooltip({ content, side, align, isVisible }: TooltipProps): JSX_2.Element;
+
+declare interface TooltipProps {
+    content: string | React.ReactNode;
+    side?: 'left' | 'right' | 'top' | 'bottom';
+    align?: 'start' | 'center' | 'end';
+    isVisible: boolean;
+}
+
+export { }