@bfrs/agentic-components 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/BFRS_AGENTIC_COMPONENTS.md +1236 -0
- package/README.md +132 -0
- package/dist/components/data-display/DataTable/DataTable.d.ts +2 -0
- package/dist/components/data-display/DataTable/DataTable.types.d.ts +153 -0
- package/dist/components/data-display/DataTable/TableBulkActions.d.ts +2 -0
- package/dist/components/data-display/DataTable/TableColumnVisibility.d.ts +2 -0
- package/dist/components/data-display/DataTable/TableEmptyState.d.ts +2 -0
- package/dist/components/data-display/DataTable/TableErrorState.d.ts +2 -0
- package/dist/components/data-display/DataTable/TablePagination.d.ts +2 -0
- package/dist/components/data-display/DataTable/TableRowActions.d.ts +2 -0
- package/dist/components/data-display/DataTable/TableSkeleton.d.ts +2 -0
- package/dist/components/data-display/DataTable/TableToolbar.d.ts +2 -0
- package/dist/components/data-display/DataTable/index.d.ts +10 -0
- package/dist/components/data-display/MetricCard/MetricCard.d.ts +14 -0
- package/dist/components/data-display/MetricCard/MetricCard.types.d.ts +15 -0
- package/dist/components/data-display/MetricCard/index.d.ts +2 -0
- package/dist/components/feedback/EmptyState/EmptyState.d.ts +10 -0
- package/dist/components/feedback/EmptyState/EmptyState.types.d.ts +12 -0
- package/dist/components/feedback/EmptyState/index.d.ts +2 -0
- package/dist/components/feedback/ErrorState/ErrorState.d.ts +8 -0
- package/dist/components/feedback/ErrorState/ErrorState.types.d.ts +10 -0
- package/dist/components/feedback/ErrorState/index.d.ts +2 -0
- package/dist/components/feedback/LoadingState/LoadingState.d.ts +6 -0
- package/dist/components/feedback/LoadingState/LoadingState.types.d.ts +8 -0
- package/dist/components/feedback/LoadingState/index.d.ts +2 -0
- package/dist/components/feedback/Toast/Toast.context.d.ts +3 -0
- package/dist/components/feedback/Toast/Toast.d.ts +3 -0
- package/dist/components/feedback/Toast/Toast.types.d.ts +48 -0
- package/dist/components/feedback/Toast/index.d.ts +3 -0
- package/dist/components/filters/DateRangePicker/DateRangePicker.d.ts +5 -0
- package/dist/components/filters/DateRangePicker/DateRangePicker.types.d.ts +48 -0
- package/dist/components/filters/DateRangePicker/DateRangePicker.utils.d.ts +35 -0
- package/dist/components/filters/DateRangePicker/index.d.ts +3 -0
- package/dist/components/filters/FilterBar/FilterBar.d.ts +15 -0
- package/dist/components/filters/FilterBar/FilterBar.types.d.ts +21 -0
- package/dist/components/filters/FilterBar/index.d.ts +2 -0
- package/dist/components/filters/FilterDrawer/FilterDrawer.d.ts +2 -0
- package/dist/components/filters/FilterDrawer/FilterDrawer.types.d.ts +17 -0
- package/dist/components/filters/FilterDrawer/index.d.ts +2 -0
- package/dist/components/layout/FormSection/FormSection.d.ts +14 -0
- package/dist/components/layout/FormSection/FormSection.types.d.ts +14 -0
- package/dist/components/layout/FormSection/index.d.ts +2 -0
- package/dist/components/layout/PageHeader/PageHeader.d.ts +13 -0
- package/dist/components/layout/PageHeader/PageHeader.types.d.ts +14 -0
- package/dist/components/layout/PageHeader/index.d.ts +2 -0
- package/dist/components/layout/SectionHeader/SectionHeader.d.ts +9 -0
- package/dist/components/layout/SectionHeader/SectionHeader.types.d.ts +10 -0
- package/dist/components/layout/SectionHeader/index.d.ts +2 -0
- package/dist/components/navigation/ActionMenu/ActionMenu.d.ts +2 -0
- package/dist/components/navigation/ActionMenu/ActionMenu.types.d.ts +22 -0
- package/dist/components/navigation/ActionMenu/index.d.ts +2 -0
- package/dist/components/navigation/Tabs/Tabs.d.ts +2 -0
- package/dist/components/navigation/Tabs/Tabs.types.d.ts +17 -0
- package/dist/components/navigation/Tabs/index.d.ts +2 -0
- package/dist/components/overlays/ConfirmDialog/ConfirmDialog.d.ts +2 -0
- package/dist/components/overlays/ConfirmDialog/ConfirmDialog.types.d.ts +19 -0
- package/dist/components/overlays/ConfirmDialog/index.d.ts +2 -0
- package/dist/components/overlays/Drawer/Drawer.d.ts +2 -0
- package/dist/components/overlays/Drawer/Drawer.types.d.ts +24 -0
- package/dist/components/overlays/Drawer/index.d.ts +2 -0
- package/dist/components/overlays/Modal/Modal.d.ts +2 -0
- package/dist/components/overlays/Modal/Modal.types.d.ts +22 -0
- package/dist/components/overlays/Modal/index.d.ts +2 -0
- package/dist/components/primitives/Badge/Badge.d.ts +9 -0
- package/dist/components/primitives/Badge/Badge.types.d.ts +13 -0
- package/dist/components/primitives/Badge/index.d.ts +2 -0
- package/dist/components/primitives/Button/Button.d.ts +15 -0
- package/dist/components/primitives/Button/Button.types.d.ts +17 -0
- package/dist/components/primitives/Button/index.d.ts +2 -0
- package/dist/components/primitives/Card/Card.d.ts +9 -0
- package/dist/components/primitives/Card/Card.types.d.ts +8 -0
- package/dist/components/primitives/Card/index.d.ts +2 -0
- package/dist/components/primitives/Chip/Chip.d.ts +10 -0
- package/dist/components/primitives/Chip/Chip.types.d.ts +14 -0
- package/dist/components/primitives/Chip/index.d.ts +2 -0
- package/dist/components/primitives/Input/Input.d.ts +16 -0
- package/dist/components/primitives/Input/Input.types.d.ts +18 -0
- package/dist/components/primitives/Input/index.d.ts +2 -0
- package/dist/components/ui/actions/Button/Button.d.ts +2 -0
- package/dist/components/ui/actions/Button/index.d.ts +1 -0
- package/dist/components/ui/actions/IconButton/IconButton.d.ts +2 -0
- package/dist/components/ui/actions/IconButton/index.d.ts +1 -0
- package/dist/components/ui/data-display/Avatar/Avatar.d.ts +15 -0
- package/dist/components/ui/data-display/Avatar/index.d.ts +1 -0
- package/dist/components/ui/data-display/Pagination/Pagination.d.ts +7 -0
- package/dist/components/ui/data-display/Pagination/index.d.ts +1 -0
- package/dist/components/ui/data-display/Table/Table.d.ts +28 -0
- package/dist/components/ui/data-display/Table/TableEmptyState.d.ts +2 -0
- package/dist/components/ui/data-display/Table/TableSkeleton.d.ts +5 -0
- package/dist/components/ui/data-display/Table/index.d.ts +3 -0
- package/dist/components/ui/feedback/Alert/Alert.d.ts +18 -0
- package/dist/components/ui/feedback/Alert/index.d.ts +1 -0
- package/dist/components/ui/feedback/Badge/Badge.d.ts +2 -0
- package/dist/components/ui/feedback/Badge/index.d.ts +1 -0
- package/dist/components/ui/feedback/Chip/Chip.d.ts +2 -0
- package/dist/components/ui/feedback/Chip/index.d.ts +1 -0
- package/dist/components/ui/feedback/EmptyState/EmptyState.d.ts +2 -0
- package/dist/components/ui/feedback/EmptyState/index.d.ts +1 -0
- package/dist/components/ui/feedback/Skeleton/Skeleton.d.ts +10 -0
- package/dist/components/ui/feedback/Skeleton/index.d.ts +1 -0
- package/dist/components/ui/feedback/Spinner/Spinner.d.ts +6 -0
- package/dist/components/ui/feedback/Spinner/index.d.ts +1 -0
- package/dist/components/ui/forms/Checkbox/Checkbox.d.ts +14 -0
- package/dist/components/ui/forms/Checkbox/index.d.ts +1 -0
- package/dist/components/ui/forms/FormField/FormField.d.ts +17 -0
- package/dist/components/ui/forms/FormField/index.d.ts +1 -0
- package/dist/components/ui/forms/Input/Input.d.ts +2 -0
- package/dist/components/ui/forms/Input/index.d.ts +1 -0
- package/dist/components/ui/forms/Label/Label.d.ts +9 -0
- package/dist/components/ui/forms/Label/index.d.ts +1 -0
- package/dist/components/ui/forms/Radio/Radio.d.ts +14 -0
- package/dist/components/ui/forms/Radio/index.d.ts +1 -0
- package/dist/components/ui/forms/SearchableSelect/SearchableSelect.d.ts +18 -0
- package/dist/components/ui/forms/SearchableSelect/index.d.ts +1 -0
- package/dist/components/ui/forms/Select/Select.d.ts +20 -0
- package/dist/components/ui/forms/Select/index.d.ts +1 -0
- package/dist/components/ui/forms/Switch/Switch.d.ts +7 -0
- package/dist/components/ui/forms/Switch/index.d.ts +1 -0
- package/dist/components/ui/forms/Textarea/Textarea.d.ts +9 -0
- package/dist/components/ui/forms/Textarea/index.d.ts +1 -0
- package/dist/components/ui/index.d.ts +53 -0
- package/dist/components/ui/navigation/Breadcrumbs/Breadcrumbs.d.ts +11 -0
- package/dist/components/ui/navigation/Breadcrumbs/index.d.ts +1 -0
- package/dist/components/ui/navigation/Tabs/Tabs.d.ts +2 -0
- package/dist/components/ui/navigation/Tabs/index.d.ts +1 -0
- package/dist/components/ui/overlays/Dialog/Dialog.d.ts +2 -0
- package/dist/components/ui/overlays/Dialog/index.d.ts +1 -0
- package/dist/components/ui/overlays/Drawer/Drawer.d.ts +2 -0
- package/dist/components/ui/overlays/Drawer/index.d.ts +1 -0
- package/dist/components/ui/overlays/Dropdown/Dropdown.d.ts +16 -0
- package/dist/components/ui/overlays/Dropdown/index.d.ts +1 -0
- package/dist/components/ui/overlays/Popover/Popover.d.ts +8 -0
- package/dist/components/ui/overlays/Popover/index.d.ts +1 -0
- package/dist/components/ui/overlays/Tooltip/Tooltip.d.ts +8 -0
- package/dist/components/ui/overlays/Tooltip/index.d.ts +1 -0
- package/dist/components/ui/patterns/BusinessInfoDisplayCard/BusinessInfoDisplayCard.d.ts +37 -0
- package/dist/components/ui/patterns/BusinessInfoDisplayCard/BusinessInfoDisplayCardSkeleton.d.ts +7 -0
- package/dist/components/ui/patterns/BusinessInfoDisplayCard/index.d.ts +2 -0
- package/dist/components/ui/patterns/ChatBubble/ChatBubble.d.ts +11 -0
- package/dist/components/ui/patterns/ChatBubble/index.d.ts +1 -0
- package/dist/components/ui/patterns/ChatComposer/ChatComposer.d.ts +19 -0
- package/dist/components/ui/patterns/ChatComposer/index.d.ts +1 -0
- package/dist/components/ui/patterns/FullPageLoader/FullPageLoader.d.ts +17 -0
- package/dist/components/ui/patterns/FullPageLoader/FullPageLoaderSpinner.d.ts +4 -0
- package/dist/components/ui/patterns/FullPageLoader/index.d.ts +1 -0
- package/dist/components/ui/patterns/LayoutShell/LayoutShell.d.ts +8 -0
- package/dist/components/ui/patterns/LayoutShell/index.d.ts +1 -0
- package/dist/components/ui/patterns/PageHeader/PageHeader.d.ts +2 -0
- package/dist/components/ui/patterns/PageHeader/index.d.ts +1 -0
- package/dist/components/ui/patterns/StepProgressCard/StepProgressCard.d.ts +24 -0
- package/dist/components/ui/patterns/StepProgressCard/StepProgressCardSkeleton.d.ts +7 -0
- package/dist/components/ui/patterns/StepProgressCard/index.d.ts +2 -0
- package/dist/components/ui/primitives/Box/Box.d.ts +7 -0
- package/dist/components/ui/primitives/Box/index.d.ts +1 -0
- package/dist/components/ui/primitives/Container/Container.d.ts +10 -0
- package/dist/components/ui/primitives/Container/index.d.ts +1 -0
- package/dist/components/ui/primitives/Grid/Grid.d.ts +9 -0
- package/dist/components/ui/primitives/Grid/index.d.ts +1 -0
- package/dist/components/ui/primitives/Icon/Icon.d.ts +15 -0
- package/dist/components/ui/primitives/Icon/index.d.ts +1 -0
- package/dist/components/ui/primitives/Paper/Paper.d.ts +12 -0
- package/dist/components/ui/primitives/Paper/index.d.ts +1 -0
- package/dist/components/ui/primitives/Stack/Stack.d.ts +17 -0
- package/dist/components/ui/primitives/Stack/index.d.ts +1 -0
- package/dist/components/ui/primitives/Text/Text.d.ts +16 -0
- package/dist/components/ui/primitives/Text/index.d.ts +1 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.js +12652 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/cn.d.ts +2 -0
- package/dist/lib/utils.d.ts +1 -0
- package/dist/style.css +1 -0
- package/dist/theme/index.d.ts +2 -0
- package/dist/theme/theme.types.d.ts +1 -0
- package/dist/theme/tokens.d.ts +11 -0
- package/dist/tokens/colors.d.ts +35 -0
- package/dist/tokens/index.d.ts +8 -0
- package/dist/tokens/motion.d.ts +7 -0
- package/dist/tokens/radius.d.ts +8 -0
- package/dist/tokens/shadows.d.ts +6 -0
- package/dist/tokens/sizes.d.ts +75 -0
- package/dist/tokens/spacing.d.ts +12 -0
- package/dist/tokens/typography.d.ts +12 -0
- package/dist/tokens/zIndex.d.ts +9 -0
- package/package.json +94 -0
- package/scripts/postinstall.cjs +76 -0
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type FilterDrawerProps = {
|
|
3
|
+
open?: boolean;
|
|
4
|
+
onOpenChange?: (open: boolean) => void;
|
|
5
|
+
onClose?: () => void;
|
|
6
|
+
title?: ReactNode;
|
|
7
|
+
description?: ReactNode;
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
activeFiltersCount?: number;
|
|
10
|
+
applyLabel?: ReactNode;
|
|
11
|
+
resetLabel?: ReactNode;
|
|
12
|
+
onApply?: () => void;
|
|
13
|
+
onReset?: () => void;
|
|
14
|
+
applying?: boolean;
|
|
15
|
+
footerActions?: ReactNode;
|
|
16
|
+
className?: string;
|
|
17
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { HelperTextProps, InlineErrorProps } from './FormSection.types';
|
|
2
|
+
export declare const FormSection: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
|
|
3
|
+
title?: import('react').ReactNode;
|
|
4
|
+
description?: import('react').ReactNode;
|
|
5
|
+
actions?: import('react').ReactNode;
|
|
6
|
+
footer?: import('react').ReactNode;
|
|
7
|
+
errorSummary?: import('react').ReactNode;
|
|
8
|
+
children: import('react').ReactNode;
|
|
9
|
+
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
10
|
+
export declare const FieldLabel: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLLabelElement> & {
|
|
11
|
+
required?: boolean;
|
|
12
|
+
} & import('react').RefAttributes<HTMLLabelElement>>;
|
|
13
|
+
export declare const HelperText: import('react').ForwardRefExoticComponent<HelperTextProps & import('react').RefAttributes<HTMLParagraphElement>>;
|
|
14
|
+
export declare const InlineError: import('react').ForwardRefExoticComponent<InlineErrorProps & import('react').RefAttributes<HTMLParagraphElement>>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export type FormSectionProps = HTMLAttributes<HTMLDivElement> & {
|
|
3
|
+
title?: ReactNode;
|
|
4
|
+
description?: ReactNode;
|
|
5
|
+
actions?: ReactNode;
|
|
6
|
+
footer?: ReactNode;
|
|
7
|
+
errorSummary?: ReactNode;
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
};
|
|
10
|
+
export type FieldLabelProps = HTMLAttributes<HTMLLabelElement> & {
|
|
11
|
+
required?: boolean;
|
|
12
|
+
};
|
|
13
|
+
export type HelperTextProps = HTMLAttributes<HTMLParagraphElement>;
|
|
14
|
+
export type InlineErrorProps = HTMLAttributes<HTMLParagraphElement>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export declare const PageHeader: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
|
|
2
|
+
title: import('react').ReactNode;
|
|
3
|
+
description?: import('react').ReactNode;
|
|
4
|
+
eyebrow?: import('react').ReactNode;
|
|
5
|
+
breadcrumb?: import('react').ReactNode;
|
|
6
|
+
onBack?: () => void;
|
|
7
|
+
backLabel?: string;
|
|
8
|
+
actions?: import('react').ReactNode;
|
|
9
|
+
secondaryActions?: import('react').ReactNode;
|
|
10
|
+
sticky?: boolean;
|
|
11
|
+
titleClassName?: string;
|
|
12
|
+
descriptionClassName?: string;
|
|
13
|
+
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export type PageHeaderProps = HTMLAttributes<HTMLDivElement> & {
|
|
3
|
+
title: ReactNode;
|
|
4
|
+
description?: ReactNode;
|
|
5
|
+
eyebrow?: ReactNode;
|
|
6
|
+
breadcrumb?: ReactNode;
|
|
7
|
+
onBack?: () => void;
|
|
8
|
+
backLabel?: string;
|
|
9
|
+
actions?: ReactNode;
|
|
10
|
+
secondaryActions?: ReactNode;
|
|
11
|
+
sticky?: boolean;
|
|
12
|
+
titleClassName?: string;
|
|
13
|
+
descriptionClassName?: string;
|
|
14
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const SectionHeader: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
|
|
2
|
+
title: import('react').ReactNode;
|
|
3
|
+
description?: import('react').ReactNode;
|
|
4
|
+
eyebrow?: import('react').ReactNode;
|
|
5
|
+
actions?: import('react').ReactNode;
|
|
6
|
+
compact?: boolean;
|
|
7
|
+
titleClassName?: string;
|
|
8
|
+
descriptionClassName?: string;
|
|
9
|
+
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export type SectionHeaderProps = HTMLAttributes<HTMLDivElement> & {
|
|
3
|
+
title: ReactNode;
|
|
4
|
+
description?: ReactNode;
|
|
5
|
+
eyebrow?: ReactNode;
|
|
6
|
+
actions?: ReactNode;
|
|
7
|
+
compact?: boolean;
|
|
8
|
+
titleClassName?: string;
|
|
9
|
+
descriptionClassName?: string;
|
|
10
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type ActionMenuItem = {
|
|
3
|
+
id?: string;
|
|
4
|
+
label?: ReactNode;
|
|
5
|
+
icon?: ReactNode;
|
|
6
|
+
shortcut?: ReactNode;
|
|
7
|
+
onSelect?: () => void;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
destructive?: boolean;
|
|
10
|
+
checked?: boolean;
|
|
11
|
+
badge?: ReactNode;
|
|
12
|
+
divider?: boolean;
|
|
13
|
+
section?: ReactNode;
|
|
14
|
+
};
|
|
15
|
+
export type ActionMenuProps = {
|
|
16
|
+
trigger: ReactNode;
|
|
17
|
+
items: ActionMenuItem[];
|
|
18
|
+
align?: "start" | "center" | "end";
|
|
19
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
20
|
+
size?: "sm" | "md" | "lg";
|
|
21
|
+
className?: string;
|
|
22
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import type * as RadixTabs from "@radix-ui/react-tabs";
|
|
3
|
+
export type TabItem = {
|
|
4
|
+
value: string;
|
|
5
|
+
label: ReactNode;
|
|
6
|
+
content?: ReactNode;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
badge?: ReactNode;
|
|
9
|
+
};
|
|
10
|
+
export type TabsProps = RadixTabs.TabsProps & {
|
|
11
|
+
items: TabItem[];
|
|
12
|
+
variant?: "line" | "pill";
|
|
13
|
+
size?: "sm" | "md" | "lg";
|
|
14
|
+
listClassName?: string;
|
|
15
|
+
triggerClassName?: string;
|
|
16
|
+
contentClassName?: string;
|
|
17
|
+
};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { ConfirmDialogProps } from './ConfirmDialog.types';
|
|
2
|
+
export declare function ConfirmDialog({ open, defaultOpen, onOpenChange, onClose, title, description, confirmLabel, cancelLabel, onConfirm, onCancel, loading, destructive, disabledConfirm, icon, children, className }: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type ConfirmDialogProps = {
|
|
3
|
+
open?: boolean;
|
|
4
|
+
defaultOpen?: boolean;
|
|
5
|
+
onOpenChange?: (open: boolean) => void;
|
|
6
|
+
onClose?: () => void;
|
|
7
|
+
title: ReactNode;
|
|
8
|
+
description?: ReactNode;
|
|
9
|
+
confirmLabel?: ReactNode;
|
|
10
|
+
cancelLabel?: ReactNode;
|
|
11
|
+
onConfirm?: () => void | Promise<void>;
|
|
12
|
+
onCancel?: () => void;
|
|
13
|
+
loading?: boolean;
|
|
14
|
+
destructive?: boolean;
|
|
15
|
+
disabledConfirm?: boolean;
|
|
16
|
+
icon?: ReactNode;
|
|
17
|
+
children?: ReactNode;
|
|
18
|
+
className?: string;
|
|
19
|
+
};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { DrawerProps } from './Drawer.types';
|
|
2
|
+
export declare function Drawer({ open, defaultOpen, onOpenChange, onClose, trigger, title, description, children, footer, placement, size, closeButton, closeOnOverlayClick, closeOnEscape, preventClose, className, contentClassName, headerClassName, footerClassName }: DrawerProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type DrawerPlacement = "left" | "right" | "bottom";
|
|
3
|
+
export type DrawerSize = "sm" | "md" | "lg" | "xl";
|
|
4
|
+
export type DrawerProps = {
|
|
5
|
+
open?: boolean;
|
|
6
|
+
defaultOpen?: boolean;
|
|
7
|
+
onOpenChange?: (open: boolean) => void;
|
|
8
|
+
onClose?: () => void;
|
|
9
|
+
trigger?: ReactNode;
|
|
10
|
+
title?: ReactNode;
|
|
11
|
+
description?: ReactNode;
|
|
12
|
+
children: ReactNode;
|
|
13
|
+
footer?: ReactNode;
|
|
14
|
+
placement?: DrawerPlacement;
|
|
15
|
+
size?: DrawerSize;
|
|
16
|
+
closeButton?: boolean;
|
|
17
|
+
closeOnOverlayClick?: boolean;
|
|
18
|
+
closeOnEscape?: boolean;
|
|
19
|
+
preventClose?: boolean;
|
|
20
|
+
className?: string;
|
|
21
|
+
contentClassName?: string;
|
|
22
|
+
headerClassName?: string;
|
|
23
|
+
footerClassName?: string;
|
|
24
|
+
};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { ModalProps } from './Modal.types';
|
|
2
|
+
export declare function Modal({ open, defaultOpen, onOpenChange, onClose, trigger, title, description, children, footer, size, closeButton, closeOnOverlayClick, closeOnEscape, preventClose, className, contentClassName, headerClassName, footerClassName }: ModalProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type ModalSize = "sm" | "md" | "lg" | "xl" | "full";
|
|
3
|
+
export type ModalProps = {
|
|
4
|
+
open?: boolean;
|
|
5
|
+
defaultOpen?: boolean;
|
|
6
|
+
onOpenChange?: (open: boolean) => void;
|
|
7
|
+
onClose?: () => void;
|
|
8
|
+
trigger?: ReactNode;
|
|
9
|
+
title?: ReactNode;
|
|
10
|
+
description?: ReactNode;
|
|
11
|
+
children: ReactNode;
|
|
12
|
+
footer?: ReactNode;
|
|
13
|
+
size?: ModalSize;
|
|
14
|
+
closeButton?: boolean;
|
|
15
|
+
closeOnOverlayClick?: boolean;
|
|
16
|
+
closeOnEscape?: boolean;
|
|
17
|
+
preventClose?: boolean;
|
|
18
|
+
className?: string;
|
|
19
|
+
contentClassName?: string;
|
|
20
|
+
headerClassName?: string;
|
|
21
|
+
footerClassName?: string;
|
|
22
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const Badge: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLSpanElement> & {
|
|
2
|
+
variant?: import('./Badge.types').BadgeVariant;
|
|
3
|
+
tone?: import('./Badge.types').BadgeVariant;
|
|
4
|
+
size?: import('./Badge.types').BadgeSize;
|
|
5
|
+
dot?: boolean;
|
|
6
|
+
count?: number;
|
|
7
|
+
maxCount?: number;
|
|
8
|
+
children?: import('react').ReactNode;
|
|
9
|
+
} & import('react').RefAttributes<HTMLSpanElement>>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import { Tone } from '../../../tokens';
|
|
3
|
+
export type BadgeSize = "sm" | "md" | "lg";
|
|
4
|
+
export type BadgeVariant = Tone;
|
|
5
|
+
export type BadgeProps = HTMLAttributes<HTMLSpanElement> & {
|
|
6
|
+
variant?: BadgeVariant;
|
|
7
|
+
tone?: BadgeVariant;
|
|
8
|
+
size?: BadgeSize;
|
|
9
|
+
dot?: boolean;
|
|
10
|
+
count?: number;
|
|
11
|
+
maxCount?: number;
|
|
12
|
+
children?: ReactNode;
|
|
13
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ButtonProps } from './Button.types';
|
|
2
|
+
export declare const Button: import('react').ForwardRefExoticComponent<import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
3
|
+
variant?: import('./Button.types').ButtonVariant;
|
|
4
|
+
size?: import('./Button.types').ButtonSize;
|
|
5
|
+
loading?: boolean;
|
|
6
|
+
loadingLabel?: string;
|
|
7
|
+
leftIcon?: import('react').ReactNode;
|
|
8
|
+
rightIcon?: import('react').ReactNode;
|
|
9
|
+
iconOnly?: boolean;
|
|
10
|
+
fullWidth?: boolean;
|
|
11
|
+
} & import('react').RefAttributes<HTMLButtonElement>>;
|
|
12
|
+
export declare const IconButton: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "children" | "leftIcon" | "rightIcon" | "iconOnly"> & {
|
|
13
|
+
"aria-label": string;
|
|
14
|
+
icon: import('react').ReactNode;
|
|
15
|
+
} & import('react').RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ButtonHTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export type ButtonVariant = "primary" | "secondary" | "outline" | "ghost" | "destructive" | "danger" | "link";
|
|
3
|
+
export type ButtonSize = "sm" | "md" | "lg";
|
|
4
|
+
export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
5
|
+
variant?: ButtonVariant;
|
|
6
|
+
size?: ButtonSize;
|
|
7
|
+
loading?: boolean;
|
|
8
|
+
loadingLabel?: string;
|
|
9
|
+
leftIcon?: ReactNode;
|
|
10
|
+
rightIcon?: ReactNode;
|
|
11
|
+
iconOnly?: boolean;
|
|
12
|
+
fullWidth?: boolean;
|
|
13
|
+
};
|
|
14
|
+
export type IconButtonProps = Omit<ButtonProps, "leftIcon" | "rightIcon" | "iconOnly" | "children"> & {
|
|
15
|
+
"aria-label": string;
|
|
16
|
+
icon: ReactNode;
|
|
17
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
export declare const Card: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
3
|
+
variant?: import('./Card.types').CardVariant;
|
|
4
|
+
padding?: import('./Card.types').CardPadding;
|
|
5
|
+
interactive?: boolean;
|
|
6
|
+
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
7
|
+
export declare const CardHeader: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export declare const CardContent: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
|
|
9
|
+
export declare const CardFooter: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
export type CardVariant = "default" | "elevated" | "bordered" | "muted" | "soft";
|
|
3
|
+
export type CardPadding = "none" | "sm" | "md" | "lg";
|
|
4
|
+
export type CardProps = HTMLAttributes<HTMLDivElement> & {
|
|
5
|
+
variant?: CardVariant;
|
|
6
|
+
padding?: CardPadding;
|
|
7
|
+
interactive?: boolean;
|
|
8
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare const Chip: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLSpanElement> & {
|
|
2
|
+
variant?: import('./Chip.types').ChipVariant;
|
|
3
|
+
tone?: import('../../..').Tone;
|
|
4
|
+
size?: import('./Chip.types').ChipSize;
|
|
5
|
+
leftIcon?: import('react').ReactNode;
|
|
6
|
+
rightIcon?: import('react').ReactNode;
|
|
7
|
+
selected?: boolean;
|
|
8
|
+
onRemove?: import('react').ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
|
|
9
|
+
removeLabel?: string;
|
|
10
|
+
} & import('react').RefAttributes<HTMLSpanElement>>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import { Tone } from '../../../tokens';
|
|
3
|
+
export type ChipSize = "sm" | "md" | "lg";
|
|
4
|
+
export type ChipVariant = "default" | "soft" | "outline" | "filled";
|
|
5
|
+
export type ChipProps = HTMLAttributes<HTMLSpanElement> & {
|
|
6
|
+
variant?: ChipVariant;
|
|
7
|
+
tone?: Tone;
|
|
8
|
+
size?: ChipSize;
|
|
9
|
+
leftIcon?: ReactNode;
|
|
10
|
+
rightIcon?: ReactNode;
|
|
11
|
+
selected?: boolean;
|
|
12
|
+
onRemove?: ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
|
|
13
|
+
removeLabel?: string;
|
|
14
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export declare const Input: import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "size"> & {
|
|
2
|
+
size?: import('./Input.types').InputSize;
|
|
3
|
+
label?: import('react').ReactNode;
|
|
4
|
+
helperText?: import('react').ReactNode;
|
|
5
|
+
errorMessage?: import('react').ReactNode;
|
|
6
|
+
error?: boolean;
|
|
7
|
+
required?: boolean;
|
|
8
|
+
leftIcon?: import('react').ReactNode;
|
|
9
|
+
rightIcon?: import('react').ReactNode;
|
|
10
|
+
onClear?: () => void;
|
|
11
|
+
clearLabel?: string;
|
|
12
|
+
fullWidth?: boolean;
|
|
13
|
+
containerClassName?: string;
|
|
14
|
+
labelClassName?: string;
|
|
15
|
+
inputClassName?: string;
|
|
16
|
+
} & import('react').RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { InputHTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export type InputSize = "sm" | "md" | "lg";
|
|
3
|
+
export type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & {
|
|
4
|
+
size?: InputSize;
|
|
5
|
+
label?: ReactNode;
|
|
6
|
+
helperText?: ReactNode;
|
|
7
|
+
errorMessage?: ReactNode;
|
|
8
|
+
error?: boolean;
|
|
9
|
+
required?: boolean;
|
|
10
|
+
leftIcon?: ReactNode;
|
|
11
|
+
rightIcon?: ReactNode;
|
|
12
|
+
onClear?: () => void;
|
|
13
|
+
clearLabel?: string;
|
|
14
|
+
fullWidth?: boolean;
|
|
15
|
+
containerClassName?: string;
|
|
16
|
+
labelClassName?: string;
|
|
17
|
+
inputClassName?: string;
|
|
18
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Button';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './IconButton';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
export type AvatarProps = HTMLAttributes<HTMLDivElement> & {
|
|
3
|
+
src?: string;
|
|
4
|
+
alt?: string;
|
|
5
|
+
name?: string;
|
|
6
|
+
size?: "sm" | "md" | "lg";
|
|
7
|
+
status?: "online" | "busy" | "offline";
|
|
8
|
+
};
|
|
9
|
+
export declare const Avatar: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
10
|
+
src?: string;
|
|
11
|
+
alt?: string;
|
|
12
|
+
name?: string;
|
|
13
|
+
size?: "sm" | "md" | "lg";
|
|
14
|
+
status?: "online" | "busy" | "offline";
|
|
15
|
+
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Avatar';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export type PaginationProps = {
|
|
2
|
+
page: number;
|
|
3
|
+
totalPages: number;
|
|
4
|
+
onPageChange: (page: number) => void;
|
|
5
|
+
className?: string;
|
|
6
|
+
};
|
|
7
|
+
export declare function Pagination({ page, totalPages, onPageChange, className }: PaginationProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Pagination';
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type SortDirection = "asc" | "desc";
|
|
3
|
+
export type TableColumn<T> = {
|
|
4
|
+
key: string;
|
|
5
|
+
header: ReactNode;
|
|
6
|
+
accessor?: keyof T;
|
|
7
|
+
render?: (row: T) => ReactNode;
|
|
8
|
+
sortable?: boolean;
|
|
9
|
+
className?: string;
|
|
10
|
+
};
|
|
11
|
+
export type TableProps<T extends {
|
|
12
|
+
id?: string | number;
|
|
13
|
+
}> = {
|
|
14
|
+
columns: TableColumn<T>[];
|
|
15
|
+
data: T[];
|
|
16
|
+
loading?: boolean;
|
|
17
|
+
emptyTitle?: ReactNode;
|
|
18
|
+
emptyDescription?: ReactNode;
|
|
19
|
+
sortKey?: string;
|
|
20
|
+
sortDirection?: SortDirection;
|
|
21
|
+
onSort?: (key: string) => void;
|
|
22
|
+
onRowClick?: (row: T) => void;
|
|
23
|
+
rowActions?: (row: T) => ReactNode;
|
|
24
|
+
className?: string;
|
|
25
|
+
};
|
|
26
|
+
export declare function Table<T extends {
|
|
27
|
+
id?: string | number;
|
|
28
|
+
}>({ columns, data, loading, emptyTitle, emptyDescription, sortKey, sortDirection, onSort, onRowClick, rowActions, className }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
declare const alertVariants: (props?: ({
|
|
4
|
+
tone?: "danger" | "success" | "warning" | "info" | null | undefined;
|
|
5
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
+
export type AlertProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants> & {
|
|
7
|
+
title?: ReactNode;
|
|
8
|
+
action?: ReactNode;
|
|
9
|
+
icon?: ReactNode;
|
|
10
|
+
};
|
|
11
|
+
export declare const Alert: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
|
|
12
|
+
tone?: "danger" | "success" | "warning" | "info" | null | undefined;
|
|
13
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string> & {
|
|
14
|
+
title?: ReactNode;
|
|
15
|
+
action?: ReactNode;
|
|
16
|
+
icon?: ReactNode;
|
|
17
|
+
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
18
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Alert';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Badge';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Chip';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './EmptyState';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
declare const skeletonVariants: (props?: ({
|
|
4
|
+
variant?: "text" | "block" | "card" | "avatar" | null | undefined;
|
|
5
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
+
export type SkeletonProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof skeletonVariants>;
|
|
7
|
+
export declare const Skeleton: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
|
|
8
|
+
variant?: "text" | "block" | "card" | "avatar" | null | undefined;
|
|
9
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string> & import('react').RefAttributes<HTMLDivElement>>;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Skeleton';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Spinner';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import * as RadixCheckbox from "@radix-ui/react-checkbox";
|
|
3
|
+
export type CheckboxProps = RadixCheckbox.CheckboxProps & {
|
|
4
|
+
label?: ReactNode;
|
|
5
|
+
description?: ReactNode;
|
|
6
|
+
error?: boolean;
|
|
7
|
+
size?: "sm" | "md" | "lg";
|
|
8
|
+
};
|
|
9
|
+
export declare const Checkbox: import('react').ForwardRefExoticComponent<RadixCheckbox.CheckboxProps & {
|
|
10
|
+
label?: ReactNode;
|
|
11
|
+
description?: ReactNode;
|
|
12
|
+
error?: boolean;
|
|
13
|
+
size?: "sm" | "md" | "lg";
|
|
14
|
+
} & import('react').RefAttributes<HTMLButtonElement>>;
|