@bleakedev/bleake-components 0.0.1 → 0.0.2

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { ComponentProps } from 'react';
+import React__default, { ReactElement, ComponentProps } from 'react';
 import { LucideIcon } from 'lucide-react';
 import { Accordion as Accordion$1, AlertDialog as AlertDialog$1, Avatar as Avatar$1, Checkbox as Checkbox$1, Collapsible as Collapsible$1, ContextMenu as ContextMenu$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, HoverCard as HoverCard$1, Label as Label$1, Menubar as Menubar$1, Popover as Popover$1, RadioGroup as RadioGroup$1, Select as Select$1, Separator as Separator$1, Switch as Switch$1, Tabs as Tabs$1, Toggle as Toggle$1, ToggleGroup as ToggleGroup$1, Tooltip as Tooltip$1 } from 'radix-ui';
 import { VariantProps } from 'class-variance-authority';
@@ -10,6 +10,84 @@ import { Command as Command$1 } from 'cmdk';
 import { OTPInput } from 'input-otp';
 import { ToasterProps } from 'sonner';
 
+type SlideUpProps = {
+    children: React__default.ReactNode;
+    className?: string;
+};
+declare const SlideUp: ({ children, className }: SlideUpProps) => React__default.ReactElement;
+
+type EmptyAction = {
+    label: string;
+    onClick: () => void;
+    icon?: LucideIcon;
+};
+type EmptyProps = {
+    title?: string;
+    description?: string;
+    icon?: LucideIcon;
+    action?: EmptyAction;
+    className?: string;
+};
+declare const Empty: ({ title, description, icon: Icon, action, className, }: EmptyProps) => React__default.ReactElement;
+
+type ErrorFallbackProps = {
+    error: unknown;
+    resetError: () => void;
+};
+declare function ErrorFallback({ error, resetError }: ErrorFallbackProps): ReactElement;
+
+type FilterSelectProps = {
+    label?: string;
+    options: Option[];
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    labelClassName?: string;
+    inputClassName?: string;
+};
+declare const FilterSelect: ({ label, options, value, onChange, placeholder, disabled, className, labelClassName, inputClassName, }: FilterSelectProps) => React__default.ReactElement;
+
+declare const SectionTitle: ({ icon: Icon, title, description, action, onEdit, editLabel, }: SectionTitleProps) => React__default.ReactElement;
+
+type BreadcrumbItemConfig = {
+    label: string;
+    href: string;
+} | {
+    label: string;
+    href?: never;
+};
+
+type AppBreadcrumbsProps = {
+    backRoute: string;
+    config: BreadcrumbItemConfig[];
+};
+declare const AppBreadcrumbs: ({ backRoute, config }: AppBreadcrumbsProps) => React__default.ReactElement;
+
+type AppTabsProps<TData> = {
+    config: AppTabsConfig<TData>;
+    data: TData;
+    defaultValue?: string;
+    className?: string;
+    tabListClassname?: string;
+    variant?: "default" | "line";
+    size?: "default" | "sm" | "xs";
+};
+declare const AppTabs: <TData>({ config, data, defaultValue, className, tabListClassname, variant, size, }: AppTabsProps<TData>) => React__default.ReactElement;
+
+/**
+ * Generic table pagination component.
+ *
+ * Visibility rule:
+ * - Renders when `totalPages >= 1` (even a single page shows the bar)
+ * - Hidden only when there is no data at all (`totalPages === 0`)
+ *
+ * Consumers are responsible for the outer visibility guard:
+ * `{totalPages >= 1 && <TablePagination ... />}`
+ */
+declare const TablePagination: ({ page, totalPages, onPageChange, pageSize, onPageSizeChange, }: TablePaginationProps) => React__default.ReactElement;
+
 type ActionsMenuProps = {
     children: React__default.ReactNode;
     align?: "start" | "center" | "end";
@@ -102,7 +180,7 @@ declare const Avatar: ({ className, size, ...props }: React__default.ComponentPr
 }) => React__default.ReactElement;
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | "success" | "error" | "warning" | "info" | null | undefined;
+    variant?: "link" | "outline" | "default" | "secondary" | "ghost" | "destructive" | "success" | "error" | "warning" | "info" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 declare const Badge: ({ className, variant, asChild, ...props }: React__default.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
@@ -112,7 +190,7 @@ declare const Badge: ({ className, variant, asChild, ...props }: React__default.
 declare const Breadcrumb: ({ className, ...props }: React__default.ComponentProps<"nav">) => React__default.ReactElement;
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | "success" | null | undefined;
+    variant?: "link" | "outline" | "default" | "secondary" | "ghost" | "destructive" | "success" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ButtonVariants = VariantProps<typeof buttonVariants>;
@@ -123,7 +201,7 @@ type Props = React__default.ComponentProps<"button"> & ButtonVariants & {
 declare const Button: ({ className, variant, size, asChild, ...props }: Props) => React__default.ReactElement;
 
 declare const buttonGroupVariants: (props?: ({
-    orientation?: "vertical" | "horizontal" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 declare const ButtonGroup: ({ className, orientation, ...props }: React__default.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>) => React__default.ReactElement;
@@ -200,7 +278,7 @@ declare const InputOTP: ({ className, containerClassName, ...props }: React__def
 }) => React__default.ReactElement;
 
 declare const itemVariants: (props?: ({
-    variant?: "default" | "outline" | "muted" | null | undefined;
+    variant?: "outline" | "default" | "muted" | null | undefined;
     size?: "default" | "sm" | "xs" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
@@ -295,7 +373,7 @@ declare const Tabs: ({ className, orientation, ...props }: React__default.Compon
 declare const Textarea: ({ className, ...props }: React__default.ComponentProps<"textarea">) => React__default.ReactElement;
 
 declare const toggleVariants: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
+    variant?: "outline" | "default" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
@@ -308,4 +386,4 @@ declare const ToggleGroup: ({ className, variant, size, spacing, orientation, ch
 
 declare const Tooltip: ({ ...props }: React__default.ComponentProps<typeof Tooltip$1.Root>) => React__default.ReactElement;
 
-export { Accordion, ActionsMenu, AlertDialog, Avatar, Badge, Breadcrumb, Button, ButtonGroup, Calendar, Card, Checkbox, Collapsible, Combobox, Command, ConfirmDialog, ContextMenu, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, Glow, HoverCard, Image, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, Item, Label, Menubar, Modal, Pagination, Popover, Progress, RadioGroup, SectionCard, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, Sidebar, Skeleton, Spinner, Steps, Switch, Table, Tabs, Textarea, Toaster, Toggle, ToggleGroup, Tooltip, TruncatedText, WaveLayer };
+export { Accordion, ActionsMenu, AlertDialog, AppBreadcrumbs, AppTabs, Avatar, Badge, Breadcrumb, Button, ButtonGroup, Calendar, Card, Checkbox, Collapsible, Combobox, Command, ConfirmDialog, ContextMenu, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, Empty, ErrorFallback, FilterSelect, Glow, HoverCard, Image, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, Item, Label, Menubar, Modal, Pagination, Popover, Progress, RadioGroup, SectionCard, SectionTitle, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, Sidebar, Skeleton, SlideUp, Spinner, Steps, Switch, Table, TablePagination, Tabs, Textarea, Toaster, Toggle, ToggleGroup, Tooltip, TruncatedText, WaveLayer };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { ComponentProps } from 'react';
+import React__default, { ReactElement, ComponentProps } from 'react';
 import { LucideIcon } from 'lucide-react';
 import { Accordion as Accordion$1, AlertDialog as AlertDialog$1, Avatar as Avatar$1, Checkbox as Checkbox$1, Collapsible as Collapsible$1, ContextMenu as ContextMenu$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, HoverCard as HoverCard$1, Label as Label$1, Menubar as Menubar$1, Popover as Popover$1, RadioGroup as RadioGroup$1, Select as Select$1, Separator as Separator$1, Switch as Switch$1, Tabs as Tabs$1, Toggle as Toggle$1, ToggleGroup as ToggleGroup$1, Tooltip as Tooltip$1 } from 'radix-ui';
 import { VariantProps } from 'class-variance-authority';
@@ -10,6 +10,84 @@ import { Command as Command$1 } from 'cmdk';
 import { OTPInput } from 'input-otp';
 import { ToasterProps } from 'sonner';
 
+type SlideUpProps = {
+    children: React__default.ReactNode;
+    className?: string;
+};
+declare const SlideUp: ({ children, className }: SlideUpProps) => React__default.ReactElement;
+
+type EmptyAction = {
+    label: string;
+    onClick: () => void;
+    icon?: LucideIcon;
+};
+type EmptyProps = {
+    title?: string;
+    description?: string;
+    icon?: LucideIcon;
+    action?: EmptyAction;
+    className?: string;
+};
+declare const Empty: ({ title, description, icon: Icon, action, className, }: EmptyProps) => React__default.ReactElement;
+
+type ErrorFallbackProps = {
+    error: unknown;
+    resetError: () => void;
+};
+declare function ErrorFallback({ error, resetError }: ErrorFallbackProps): ReactElement;
+
+type FilterSelectProps = {
+    label?: string;
+    options: Option[];
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    labelClassName?: string;
+    inputClassName?: string;
+};
+declare const FilterSelect: ({ label, options, value, onChange, placeholder, disabled, className, labelClassName, inputClassName, }: FilterSelectProps) => React__default.ReactElement;
+
+declare const SectionTitle: ({ icon: Icon, title, description, action, onEdit, editLabel, }: SectionTitleProps) => React__default.ReactElement;
+
+type BreadcrumbItemConfig = {
+    label: string;
+    href: string;
+} | {
+    label: string;
+    href?: never;
+};
+
+type AppBreadcrumbsProps = {
+    backRoute: string;
+    config: BreadcrumbItemConfig[];
+};
+declare const AppBreadcrumbs: ({ backRoute, config }: AppBreadcrumbsProps) => React__default.ReactElement;
+
+type AppTabsProps<TData> = {
+    config: AppTabsConfig<TData>;
+    data: TData;
+    defaultValue?: string;
+    className?: string;
+    tabListClassname?: string;
+    variant?: "default" | "line";
+    size?: "default" | "sm" | "xs";
+};
+declare const AppTabs: <TData>({ config, data, defaultValue, className, tabListClassname, variant, size, }: AppTabsProps<TData>) => React__default.ReactElement;
+
+/**
+ * Generic table pagination component.
+ *
+ * Visibility rule:
+ * - Renders when `totalPages >= 1` (even a single page shows the bar)
+ * - Hidden only when there is no data at all (`totalPages === 0`)
+ *
+ * Consumers are responsible for the outer visibility guard:
+ * `{totalPages >= 1 && <TablePagination ... />}`
+ */
+declare const TablePagination: ({ page, totalPages, onPageChange, pageSize, onPageSizeChange, }: TablePaginationProps) => React__default.ReactElement;
+
 type ActionsMenuProps = {
     children: React__default.ReactNode;
     align?: "start" | "center" | "end";
@@ -102,7 +180,7 @@ declare const Avatar: ({ className, size, ...props }: React__default.ComponentPr
 }) => React__default.ReactElement;
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | "success" | "error" | "warning" | "info" | null | undefined;
+    variant?: "link" | "outline" | "default" | "secondary" | "ghost" | "destructive" | "success" | "error" | "warning" | "info" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 declare const Badge: ({ className, variant, asChild, ...props }: React__default.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
@@ -112,7 +190,7 @@ declare const Badge: ({ className, variant, asChild, ...props }: React__default.
 declare const Breadcrumb: ({ className, ...props }: React__default.ComponentProps<"nav">) => React__default.ReactElement;
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | "success" | null | undefined;
+    variant?: "link" | "outline" | "default" | "secondary" | "ghost" | "destructive" | "success" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ButtonVariants = VariantProps<typeof buttonVariants>;
@@ -123,7 +201,7 @@ type Props = React__default.ComponentProps<"button"> & ButtonVariants & {
 declare const Button: ({ className, variant, size, asChild, ...props }: Props) => React__default.ReactElement;
 
 declare const buttonGroupVariants: (props?: ({
-    orientation?: "vertical" | "horizontal" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 declare const ButtonGroup: ({ className, orientation, ...props }: React__default.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>) => React__default.ReactElement;
@@ -200,7 +278,7 @@ declare const InputOTP: ({ className, containerClassName, ...props }: React__def
 }) => React__default.ReactElement;
 
 declare const itemVariants: (props?: ({
-    variant?: "default" | "outline" | "muted" | null | undefined;
+    variant?: "outline" | "default" | "muted" | null | undefined;
     size?: "default" | "sm" | "xs" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
@@ -295,7 +373,7 @@ declare const Tabs: ({ className, orientation, ...props }: React__default.Compon
 declare const Textarea: ({ className, ...props }: React__default.ComponentProps<"textarea">) => React__default.ReactElement;
 
 declare const toggleVariants: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
+    variant?: "outline" | "default" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
@@ -308,4 +386,4 @@ declare const ToggleGroup: ({ className, variant, size, spacing, orientation, ch
 
 declare const Tooltip: ({ ...props }: React__default.ComponentProps<typeof Tooltip$1.Root>) => React__default.ReactElement;
 
-export { Accordion, ActionsMenu, AlertDialog, Avatar, Badge, Breadcrumb, Button, ButtonGroup, Calendar, Card, Checkbox, Collapsible, Combobox, Command, ConfirmDialog, ContextMenu, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, Glow, HoverCard, Image, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, Item, Label, Menubar, Modal, Pagination, Popover, Progress, RadioGroup, SectionCard, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, Sidebar, Skeleton, Spinner, Steps, Switch, Table, Tabs, Textarea, Toaster, Toggle, ToggleGroup, Tooltip, TruncatedText, WaveLayer };
+export { Accordion, ActionsMenu, AlertDialog, AppBreadcrumbs, AppTabs, Avatar, Badge, Breadcrumb, Button, ButtonGroup, Calendar, Card, Checkbox, Collapsible, Combobox, Command, ConfirmDialog, ContextMenu, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, Empty, ErrorFallback, FilterSelect, Glow, HoverCard, Image, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, Item, Label, Menubar, Modal, Pagination, Popover, Progress, RadioGroup, SectionCard, SectionTitle, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, Sidebar, Skeleton, SlideUp, Spinner, Steps, Switch, Table, TablePagination, Tabs, Textarea, Toaster, Toggle, ToggleGroup, Tooltip, TruncatedText, WaveLayer };