@webdevarif/dashui 0.2.5 → 0.3.0

package/dist/index.d.mts

@@ -451,6 +451,87 @@ interface LoadingSpinnerProps {
 }
 declare function LoadingSpinner({ size, className }: LoadingSpinnerProps): react_jsx_runtime.JSX.Element;
 
+type PostStatus = "DRAFT" | "PUBLISHED" | "SCHEDULED" | "ARCHIVED";
+interface PostStatusBadgeProps {
+    status: PostStatus;
+    size?: "sm" | "md";
+    className?: string;
+}
+declare function PostStatusBadge({ status, size, className, }: PostStatusBadgeProps): react_jsx_runtime.JSX.Element;
+
+interface PostListItem {
+    id: string;
+    title: string;
+    slug: string;
+    status: PostStatus;
+    author?: string | null;
+    publishedAt?: Date | string | null;
+    createdAt: Date | string;
+    featuredImageUrl?: string | null;
+    excerpt?: string | null;
+}
+interface PostListTableProps {
+    posts: PostListItem[];
+    loading?: boolean;
+    singularLabel?: string;
+    onEdit?: (id: string) => void;
+    onDelete?: (id: string) => void;
+    onDuplicate?: (id: string) => void;
+    onStatusChange?: (id: string, status: PostStatus) => void;
+    emptyMessage?: string;
+    emptyIcon?: React.ReactNode;
+    onNewPost?: () => void;
+    newPostLabel?: string;
+    className?: string;
+}
+declare function PostListTable({ posts, loading, singularLabel, onEdit, onDelete, onDuplicate, onStatusChange, emptyMessage, emptyIcon, onNewPost, newPostLabel, className, }: PostListTableProps): react_jsx_runtime.JSX.Element;
+
+interface PostFiltersBarProps {
+    search: string;
+    onSearch: (v: string) => void;
+    status: string;
+    onStatusChange: (v: string) => void;
+    onNew?: () => void;
+    newLabel?: string;
+    total?: number;
+    typeLabel?: string;
+    className?: string;
+}
+declare function PostFiltersBar({ search, onSearch, status, onStatusChange, onNew, newLabel, total, typeLabel, className, }: PostFiltersBarProps): react_jsx_runtime.JSX.Element;
+
+interface PostEditorShellProps {
+    title?: string;
+    backLabel?: string;
+    onBack?: () => void;
+    onSave?: () => void;
+    onPublish?: () => void;
+    saving?: boolean;
+    publishing?: boolean;
+    status?: PostStatus;
+    children: React.ReactNode;
+    sidebar: React.ReactNode;
+    className?: string;
+}
+declare function PostEditorShell({ title, backLabel, onBack, onSave, onPublish, saving, publishing, status, children, sidebar, className, }: PostEditorShellProps): react_jsx_runtime.JSX.Element;
+
+interface SlugInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    onGenerate?: () => void;
+    prefix?: string;
+    disabled?: boolean;
+    className?: string;
+}
+declare function SlugInput({ value, onChange, onGenerate, prefix, disabled, className, }: SlugInputProps): react_jsx_runtime.JSX.Element;
+
+interface PostSidebarSectionProps {
+    title: string;
+    children: React.ReactNode;
+    defaultOpen?: boolean;
+    className?: string;
+}
+declare function PostSidebarSection({ title, children, defaultOpen, className, }: PostSidebarSectionProps): react_jsx_runtime.JSX.Element;
+
 declare function useDisclosure(initial?: boolean): {
     isOpen: boolean;
     open: () => void;
@@ -535,4 +616,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, 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 };
+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, PostEditorShell, type PostEditorShellProps, PostFiltersBar, type PostFiltersBarProps, type PostListItem, PostListTable, type PostListTableProps, PostSidebarSection, type PostSidebarSectionProps, type PostStatus, PostStatusBadge, type PostStatusBadgeProps, SearchBar, type SearchBarProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sidebar, type SidebarItem, type SidebarProps, Skeleton, SlugInput, type SlugInputProps, 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

@@ -451,6 +451,87 @@ interface LoadingSpinnerProps {
 }
 declare function LoadingSpinner({ size, className }: LoadingSpinnerProps): react_jsx_runtime.JSX.Element;
 
+type PostStatus = "DRAFT" | "PUBLISHED" | "SCHEDULED" | "ARCHIVED";
+interface PostStatusBadgeProps {
+    status: PostStatus;
+    size?: "sm" | "md";
+    className?: string;
+}
+declare function PostStatusBadge({ status, size, className, }: PostStatusBadgeProps): react_jsx_runtime.JSX.Element;
+
+interface PostListItem {
+    id: string;
+    title: string;
+    slug: string;
+    status: PostStatus;
+    author?: string | null;
+    publishedAt?: Date | string | null;
+    createdAt: Date | string;
+    featuredImageUrl?: string | null;
+    excerpt?: string | null;
+}
+interface PostListTableProps {
+    posts: PostListItem[];
+    loading?: boolean;
+    singularLabel?: string;
+    onEdit?: (id: string) => void;
+    onDelete?: (id: string) => void;
+    onDuplicate?: (id: string) => void;
+    onStatusChange?: (id: string, status: PostStatus) => void;
+    emptyMessage?: string;
+    emptyIcon?: React.ReactNode;
+    onNewPost?: () => void;
+    newPostLabel?: string;
+    className?: string;
+}
+declare function PostListTable({ posts, loading, singularLabel, onEdit, onDelete, onDuplicate, onStatusChange, emptyMessage, emptyIcon, onNewPost, newPostLabel, className, }: PostListTableProps): react_jsx_runtime.JSX.Element;
+
+interface PostFiltersBarProps {
+    search: string;
+    onSearch: (v: string) => void;
+    status: string;
+    onStatusChange: (v: string) => void;
+    onNew?: () => void;
+    newLabel?: string;
+    total?: number;
+    typeLabel?: string;
+    className?: string;
+}
+declare function PostFiltersBar({ search, onSearch, status, onStatusChange, onNew, newLabel, total, typeLabel, className, }: PostFiltersBarProps): react_jsx_runtime.JSX.Element;
+
+interface PostEditorShellProps {
+    title?: string;
+    backLabel?: string;
+    onBack?: () => void;
+    onSave?: () => void;
+    onPublish?: () => void;
+    saving?: boolean;
+    publishing?: boolean;
+    status?: PostStatus;
+    children: React.ReactNode;
+    sidebar: React.ReactNode;
+    className?: string;
+}
+declare function PostEditorShell({ title, backLabel, onBack, onSave, onPublish, saving, publishing, status, children, sidebar, className, }: PostEditorShellProps): react_jsx_runtime.JSX.Element;
+
+interface SlugInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    onGenerate?: () => void;
+    prefix?: string;
+    disabled?: boolean;
+    className?: string;
+}
+declare function SlugInput({ value, onChange, onGenerate, prefix, disabled, className, }: SlugInputProps): react_jsx_runtime.JSX.Element;
+
+interface PostSidebarSectionProps {
+    title: string;
+    children: React.ReactNode;
+    defaultOpen?: boolean;
+    className?: string;
+}
+declare function PostSidebarSection({ title, children, defaultOpen, className, }: PostSidebarSectionProps): react_jsx_runtime.JSX.Element;
+
 declare function useDisclosure(initial?: boolean): {
     isOpen: boolean;
     open: () => void;
@@ -535,4 +616,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, 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 };
+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, PostEditorShell, type PostEditorShellProps, PostFiltersBar, type PostFiltersBarProps, type PostListItem, PostListTable, type PostListTableProps, PostSidebarSection, type PostSidebarSectionProps, type PostStatus, PostStatusBadge, type PostStatusBadgeProps, SearchBar, type SearchBarProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sidebar, type SidebarItem, type SidebarProps, Skeleton, SlugInput, type SlugInputProps, 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 };