@webdevarif/dashui 0.1.9 → 0.2.0

package/dist/index.d.mts

@@ -185,6 +185,58 @@ interface PageSectionProps {
 }
 declare function PageSection({ title, description, children, actions, className, }: PageSectionProps): react_jsx_runtime.JSX.Element;
 
+interface SearchBarProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    shortcut?: string;
+    className?: string;
+    width?: string;
+}
+declare function SearchBar({ value, onChange, placeholder, shortcut, className, width, }: SearchBarProps): react_jsx_runtime.JSX.Element;
+
+interface NotificationBellProps {
+    count?: number;
+    onClick?: () => void;
+    className?: string;
+}
+declare function NotificationBell({ count, onClick, className, }: NotificationBellProps): react_jsx_runtime.JSX.Element;
+
+interface ThemeToggleProps {
+    className?: string;
+}
+declare function ThemeToggle({ className }: ThemeToggleProps): react_jsx_runtime.JSX.Element;
+
+interface NavItem {
+    href: string;
+    label: string;
+    icon?: React.ReactNode;
+    badge?: string | number;
+    children?: NavItem[];
+}
+interface DashboardLayoutProps {
+    logo?: React.ReactNode;
+    appName?: string;
+    navItems: NavItem[];
+    bottomNavItems?: NavItem[];
+    activeHref?: string;
+    onNavigate?: (href: string) => void;
+    searchPlaceholder?: string;
+    searchShortcut?: string;
+    notificationCount?: number;
+    onNotificationClick?: () => void;
+    user?: {
+        name: string;
+        email: string;
+        avatar?: string;
+    };
+    onSignOut?: () => void;
+    children: React.ReactNode;
+    defaultCollapsed?: boolean;
+    footerContent?: React.ReactNode;
+}
+declare function DashboardLayout({ logo, appName, navItems, bottomNavItems, activeHref, onNavigate, searchPlaceholder, searchShortcut, notificationCount, onNotificationClick, user, onSignOut, children, defaultCollapsed, footerContent, }: DashboardLayoutProps): react_jsx_runtime.JSX.Element;
+
 interface Column<T> {
     key: keyof T | string;
     header: string;
@@ -251,6 +303,97 @@ interface StatsProps {
 }
 declare function Stats({ stats, columns, className }: StatsProps): react_jsx_runtime.JSX.Element;
 
+type PlanId = "BASIC" | "GROW" | "ADVANCED" | string;
+interface PlanBadgeProps {
+    plan: PlanId;
+    size?: "sm" | "md";
+    className?: string;
+}
+declare function PlanBadge({ plan, size, className }: PlanBadgeProps): react_jsx_runtime.JSX.Element;
+
+interface StorageBarProps {
+    used: number;
+    limit: number | null;
+    plan?: string;
+    collapsed?: boolean;
+    className?: string;
+}
+declare function StorageBar({ used, limit, plan, collapsed, className, }: StorageBarProps): react_jsx_runtime.JSX.Element;
+
+interface MediaCardFile {
+    id: string;
+    name: string;
+    url: string;
+    mimeType: string;
+    size: number;
+    width?: number | null;
+    height?: number | null;
+}
+interface MediaCardProps {
+    file: MediaCardFile;
+    selected?: boolean;
+    onClick?: () => void;
+    className?: string;
+}
+declare function MediaCard({ file, selected, onClick, className }: MediaCardProps): react_jsx_runtime.JSX.Element;
+
+interface MediaGridProps {
+    files: MediaCardFile[];
+    selected?: Set<string>;
+    onSelect?: (file: MediaCardFile) => void;
+    loading?: boolean;
+    columns?: 4 | 5 | 6;
+    emptyMessage?: string;
+    onUploadClick?: () => void;
+    className?: string;
+}
+declare function MediaGrid({ files, selected, onSelect, loading, columns, emptyMessage, onUploadClick, className, }: MediaGridProps): react_jsx_runtime.JSX.Element;
+
+interface MediaPickerDialogFolder {
+    id: string;
+    name: string;
+    icon?: string | null;
+}
+interface UploadItem {
+    name: string;
+    progress: number;
+    status: "uploading" | "done" | "failed";
+}
+interface MediaPickerDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title?: string;
+    files: MediaCardFile[];
+    folders?: MediaPickerDialogFolder[];
+    loading?: boolean;
+    total: number;
+    uploads?: UploadItem[];
+    typeFilter?: string;
+    onTypeChange?: (type: string) => void;
+    search?: string;
+    onSearch?: (q: string) => void;
+    activeFolderId?: string;
+    onFolderChange?: (id: string) => void;
+    onUpload?: (files: FileList) => void;
+    onLoadMore?: () => void;
+    hasMore?: boolean;
+    multiple?: boolean;
+    accept?: "images" | "all";
+    onSelect: (files: MediaCardFile[]) => void;
+}
+declare function MediaPickerDialog({ open, onOpenChange, title, files, folders, loading, total, uploads, typeFilter, onTypeChange, search, onSearch, activeFolderId, onFolderChange, onUpload, onLoadMore, hasMore, multiple, accept, onSelect, }: MediaPickerDialogProps): react_jsx_runtime.JSX.Element;
+
+interface ImagePickerFieldProps {
+    value?: string;
+    filename?: string;
+    onPickerOpen?: () => void;
+    onRemove?: () => void;
+    size?: "sm" | "md" | "lg";
+    emptyLabel?: string;
+    className?: string;
+}
+declare function ImagePickerField({ value, filename, onPickerOpen, onRemove, size, emptyLabel, className, }: ImagePickerFieldProps): react_jsx_runtime.JSX.Element;
+
 interface FormFieldProps {
     label: string;
     error?: string;
@@ -391,4 +534,4 @@ interface SkeletonProps {
 }
 declare function Skeleton({ width, height, rounded, style }: SkeletonProps): react_jsx_runtime.JSX.Element;
 
-export { Alert, type AlertProps, AppShell, type AppShellProps, AuthButton, AuthCard, AuthDivider, AuthField, AuthFootnote, AuthHeader, AuthLogo, AuthShell, Badge, type BadgeProps, type Breadcrumb, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, type Column, ConfirmDialog, type ConfirmDialogProps, DataTable, type DataTableProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, FormField, type FormFieldProps, FormLayout, type FormLayoutProps, FormSection, type FormSectionProps, Input, type InputProps, Label, LoadingSpinner, type LoadingSpinnerProps, Page, type PageProps, PageSection, type PageSectionProps, Pagination, type PaginationProps, Popover, PopoverContent, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sidebar, type SidebarItem, type SidebarProps, Skeleton, type Stat, Stats, type StatsProps, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopBar, type TopBarProps, badgeVariants, buttonVariants, cn, useDisclosure, usePagination };
+export { Alert, type AlertProps, AppShell, type AppShellProps, AuthButton, AuthCard, AuthDivider, AuthField, AuthFootnote, AuthHeader, AuthLogo, AuthShell, Badge, type BadgeProps, type Breadcrumb, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, type Column, ConfirmDialog, type ConfirmDialogProps, DashboardLayout, type DashboardLayoutProps, DataTable, type DataTableProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, FormField, type FormFieldProps, FormLayout, type FormLayoutProps, FormSection, type FormSectionProps, ImagePickerField, type ImagePickerFieldProps, Input, type InputProps, Label, LoadingSpinner, type LoadingSpinnerProps, MediaCard, type MediaCardFile, type MediaCardProps, MediaGrid, type MediaGridProps, MediaPickerDialog, type MediaPickerDialogFolder, type MediaPickerDialogProps, type NavItem, NotificationBell, type NotificationBellProps, Page, type PageProps, PageSection, type PageSectionProps, Pagination, type PaginationProps, PlanBadge, type PlanBadgeProps, type PlanId, Popover, PopoverContent, PopoverTrigger, SearchBar, type SearchBarProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sidebar, type SidebarItem, type SidebarProps, Skeleton, type Stat, Stats, type StatsProps, StorageBar, type StorageBarProps, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, ThemeToggle, type ThemeToggleProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopBar, type TopBarProps, type UploadItem, badgeVariants, buttonVariants, cn, useDisclosure, usePagination };

package/dist/index.d.ts

@@ -185,6 +185,58 @@ interface PageSectionProps {
 }
 declare function PageSection({ title, description, children, actions, className, }: PageSectionProps): react_jsx_runtime.JSX.Element;
 
+interface SearchBarProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    shortcut?: string;
+    className?: string;
+    width?: string;
+}
+declare function SearchBar({ value, onChange, placeholder, shortcut, className, width, }: SearchBarProps): react_jsx_runtime.JSX.Element;
+
+interface NotificationBellProps {
+    count?: number;
+    onClick?: () => void;
+    className?: string;
+}
+declare function NotificationBell({ count, onClick, className, }: NotificationBellProps): react_jsx_runtime.JSX.Element;
+
+interface ThemeToggleProps {
+    className?: string;
+}
+declare function ThemeToggle({ className }: ThemeToggleProps): react_jsx_runtime.JSX.Element;
+
+interface NavItem {
+    href: string;
+    label: string;
+    icon?: React.ReactNode;
+    badge?: string | number;
+    children?: NavItem[];
+}
+interface DashboardLayoutProps {
+    logo?: React.ReactNode;
+    appName?: string;
+    navItems: NavItem[];
+    bottomNavItems?: NavItem[];
+    activeHref?: string;
+    onNavigate?: (href: string) => void;
+    searchPlaceholder?: string;
+    searchShortcut?: string;
+    notificationCount?: number;
+    onNotificationClick?: () => void;
+    user?: {
+        name: string;
+        email: string;
+        avatar?: string;
+    };
+    onSignOut?: () => void;
+    children: React.ReactNode;
+    defaultCollapsed?: boolean;
+    footerContent?: React.ReactNode;
+}
+declare function DashboardLayout({ logo, appName, navItems, bottomNavItems, activeHref, onNavigate, searchPlaceholder, searchShortcut, notificationCount, onNotificationClick, user, onSignOut, children, defaultCollapsed, footerContent, }: DashboardLayoutProps): react_jsx_runtime.JSX.Element;
+
 interface Column<T> {
     key: keyof T | string;
     header: string;
@@ -251,6 +303,97 @@ interface StatsProps {
 }
 declare function Stats({ stats, columns, className }: StatsProps): react_jsx_runtime.JSX.Element;
 
+type PlanId = "BASIC" | "GROW" | "ADVANCED" | string;
+interface PlanBadgeProps {
+    plan: PlanId;
+    size?: "sm" | "md";
+    className?: string;
+}
+declare function PlanBadge({ plan, size, className }: PlanBadgeProps): react_jsx_runtime.JSX.Element;
+
+interface StorageBarProps {
+    used: number;
+    limit: number | null;
+    plan?: string;
+    collapsed?: boolean;
+    className?: string;
+}
+declare function StorageBar({ used, limit, plan, collapsed, className, }: StorageBarProps): react_jsx_runtime.JSX.Element;
+
+interface MediaCardFile {
+    id: string;
+    name: string;
+    url: string;
+    mimeType: string;
+    size: number;
+    width?: number | null;
+    height?: number | null;
+}
+interface MediaCardProps {
+    file: MediaCardFile;
+    selected?: boolean;
+    onClick?: () => void;
+    className?: string;
+}
+declare function MediaCard({ file, selected, onClick, className }: MediaCardProps): react_jsx_runtime.JSX.Element;
+
+interface MediaGridProps {
+    files: MediaCardFile[];
+    selected?: Set<string>;
+    onSelect?: (file: MediaCardFile) => void;
+    loading?: boolean;
+    columns?: 4 | 5 | 6;
+    emptyMessage?: string;
+    onUploadClick?: () => void;
+    className?: string;
+}
+declare function MediaGrid({ files, selected, onSelect, loading, columns, emptyMessage, onUploadClick, className, }: MediaGridProps): react_jsx_runtime.JSX.Element;
+
+interface MediaPickerDialogFolder {
+    id: string;
+    name: string;
+    icon?: string | null;
+}
+interface UploadItem {
+    name: string;
+    progress: number;
+    status: "uploading" | "done" | "failed";
+}
+interface MediaPickerDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title?: string;
+    files: MediaCardFile[];
+    folders?: MediaPickerDialogFolder[];
+    loading?: boolean;
+    total: number;
+    uploads?: UploadItem[];
+    typeFilter?: string;
+    onTypeChange?: (type: string) => void;
+    search?: string;
+    onSearch?: (q: string) => void;
+    activeFolderId?: string;
+    onFolderChange?: (id: string) => void;
+    onUpload?: (files: FileList) => void;
+    onLoadMore?: () => void;
+    hasMore?: boolean;
+    multiple?: boolean;
+    accept?: "images" | "all";
+    onSelect: (files: MediaCardFile[]) => void;
+}
+declare function MediaPickerDialog({ open, onOpenChange, title, files, folders, loading, total, uploads, typeFilter, onTypeChange, search, onSearch, activeFolderId, onFolderChange, onUpload, onLoadMore, hasMore, multiple, accept, onSelect, }: MediaPickerDialogProps): react_jsx_runtime.JSX.Element;
+
+interface ImagePickerFieldProps {
+    value?: string;
+    filename?: string;
+    onPickerOpen?: () => void;
+    onRemove?: () => void;
+    size?: "sm" | "md" | "lg";
+    emptyLabel?: string;
+    className?: string;
+}
+declare function ImagePickerField({ value, filename, onPickerOpen, onRemove, size, emptyLabel, className, }: ImagePickerFieldProps): react_jsx_runtime.JSX.Element;
+
 interface FormFieldProps {
     label: string;
     error?: string;
@@ -391,4 +534,4 @@ interface SkeletonProps {
 }
 declare function Skeleton({ width, height, rounded, style }: SkeletonProps): react_jsx_runtime.JSX.Element;
 
-export { Alert, type AlertProps, AppShell, type AppShellProps, AuthButton, AuthCard, AuthDivider, AuthField, AuthFootnote, AuthHeader, AuthLogo, AuthShell, Badge, type BadgeProps, type Breadcrumb, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, type Column, ConfirmDialog, type ConfirmDialogProps, DataTable, type DataTableProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, FormField, type FormFieldProps, FormLayout, type FormLayoutProps, FormSection, type FormSectionProps, Input, type InputProps, Label, LoadingSpinner, type LoadingSpinnerProps, Page, type PageProps, PageSection, type PageSectionProps, Pagination, type PaginationProps, Popover, PopoverContent, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sidebar, type SidebarItem, type SidebarProps, Skeleton, type Stat, Stats, type StatsProps, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopBar, type TopBarProps, badgeVariants, buttonVariants, cn, useDisclosure, usePagination };
+export { Alert, type AlertProps, AppShell, type AppShellProps, AuthButton, AuthCard, AuthDivider, AuthField, AuthFootnote, AuthHeader, AuthLogo, AuthShell, Badge, type BadgeProps, type Breadcrumb, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, type Column, ConfirmDialog, type ConfirmDialogProps, DashboardLayout, type DashboardLayoutProps, DataTable, type DataTableProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, FormField, type FormFieldProps, FormLayout, type FormLayoutProps, FormSection, type FormSectionProps, ImagePickerField, type ImagePickerFieldProps, Input, type InputProps, Label, LoadingSpinner, type LoadingSpinnerProps, MediaCard, type MediaCardFile, type MediaCardProps, MediaGrid, type MediaGridProps, MediaPickerDialog, type MediaPickerDialogFolder, type MediaPickerDialogProps, type NavItem, NotificationBell, type NotificationBellProps, Page, type PageProps, PageSection, type PageSectionProps, Pagination, type PaginationProps, PlanBadge, type PlanBadgeProps, type PlanId, Popover, PopoverContent, PopoverTrigger, SearchBar, type SearchBarProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sidebar, type SidebarItem, type SidebarProps, Skeleton, type Stat, Stats, type StatsProps, StorageBar, type StorageBarProps, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, ThemeToggle, type ThemeToggleProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopBar, type TopBarProps, type UploadItem, badgeVariants, buttonVariants, cn, useDisclosure, usePagination };