@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.
Files changed (186) hide show
  1. package/BFRS_AGENTIC_COMPONENTS.md +1236 -0
  2. package/README.md +132 -0
  3. package/dist/components/data-display/DataTable/DataTable.d.ts +2 -0
  4. package/dist/components/data-display/DataTable/DataTable.types.d.ts +153 -0
  5. package/dist/components/data-display/DataTable/TableBulkActions.d.ts +2 -0
  6. package/dist/components/data-display/DataTable/TableColumnVisibility.d.ts +2 -0
  7. package/dist/components/data-display/DataTable/TableEmptyState.d.ts +2 -0
  8. package/dist/components/data-display/DataTable/TableErrorState.d.ts +2 -0
  9. package/dist/components/data-display/DataTable/TablePagination.d.ts +2 -0
  10. package/dist/components/data-display/DataTable/TableRowActions.d.ts +2 -0
  11. package/dist/components/data-display/DataTable/TableSkeleton.d.ts +2 -0
  12. package/dist/components/data-display/DataTable/TableToolbar.d.ts +2 -0
  13. package/dist/components/data-display/DataTable/index.d.ts +10 -0
  14. package/dist/components/data-display/MetricCard/MetricCard.d.ts +14 -0
  15. package/dist/components/data-display/MetricCard/MetricCard.types.d.ts +15 -0
  16. package/dist/components/data-display/MetricCard/index.d.ts +2 -0
  17. package/dist/components/feedback/EmptyState/EmptyState.d.ts +10 -0
  18. package/dist/components/feedback/EmptyState/EmptyState.types.d.ts +12 -0
  19. package/dist/components/feedback/EmptyState/index.d.ts +2 -0
  20. package/dist/components/feedback/ErrorState/ErrorState.d.ts +8 -0
  21. package/dist/components/feedback/ErrorState/ErrorState.types.d.ts +10 -0
  22. package/dist/components/feedback/ErrorState/index.d.ts +2 -0
  23. package/dist/components/feedback/LoadingState/LoadingState.d.ts +6 -0
  24. package/dist/components/feedback/LoadingState/LoadingState.types.d.ts +8 -0
  25. package/dist/components/feedback/LoadingState/index.d.ts +2 -0
  26. package/dist/components/feedback/Toast/Toast.context.d.ts +3 -0
  27. package/dist/components/feedback/Toast/Toast.d.ts +3 -0
  28. package/dist/components/feedback/Toast/Toast.types.d.ts +48 -0
  29. package/dist/components/feedback/Toast/index.d.ts +3 -0
  30. package/dist/components/filters/DateRangePicker/DateRangePicker.d.ts +5 -0
  31. package/dist/components/filters/DateRangePicker/DateRangePicker.types.d.ts +48 -0
  32. package/dist/components/filters/DateRangePicker/DateRangePicker.utils.d.ts +35 -0
  33. package/dist/components/filters/DateRangePicker/index.d.ts +3 -0
  34. package/dist/components/filters/FilterBar/FilterBar.d.ts +15 -0
  35. package/dist/components/filters/FilterBar/FilterBar.types.d.ts +21 -0
  36. package/dist/components/filters/FilterBar/index.d.ts +2 -0
  37. package/dist/components/filters/FilterDrawer/FilterDrawer.d.ts +2 -0
  38. package/dist/components/filters/FilterDrawer/FilterDrawer.types.d.ts +17 -0
  39. package/dist/components/filters/FilterDrawer/index.d.ts +2 -0
  40. package/dist/components/layout/FormSection/FormSection.d.ts +14 -0
  41. package/dist/components/layout/FormSection/FormSection.types.d.ts +14 -0
  42. package/dist/components/layout/FormSection/index.d.ts +2 -0
  43. package/dist/components/layout/PageHeader/PageHeader.d.ts +13 -0
  44. package/dist/components/layout/PageHeader/PageHeader.types.d.ts +14 -0
  45. package/dist/components/layout/PageHeader/index.d.ts +2 -0
  46. package/dist/components/layout/SectionHeader/SectionHeader.d.ts +9 -0
  47. package/dist/components/layout/SectionHeader/SectionHeader.types.d.ts +10 -0
  48. package/dist/components/layout/SectionHeader/index.d.ts +2 -0
  49. package/dist/components/navigation/ActionMenu/ActionMenu.d.ts +2 -0
  50. package/dist/components/navigation/ActionMenu/ActionMenu.types.d.ts +22 -0
  51. package/dist/components/navigation/ActionMenu/index.d.ts +2 -0
  52. package/dist/components/navigation/Tabs/Tabs.d.ts +2 -0
  53. package/dist/components/navigation/Tabs/Tabs.types.d.ts +17 -0
  54. package/dist/components/navigation/Tabs/index.d.ts +2 -0
  55. package/dist/components/overlays/ConfirmDialog/ConfirmDialog.d.ts +2 -0
  56. package/dist/components/overlays/ConfirmDialog/ConfirmDialog.types.d.ts +19 -0
  57. package/dist/components/overlays/ConfirmDialog/index.d.ts +2 -0
  58. package/dist/components/overlays/Drawer/Drawer.d.ts +2 -0
  59. package/dist/components/overlays/Drawer/Drawer.types.d.ts +24 -0
  60. package/dist/components/overlays/Drawer/index.d.ts +2 -0
  61. package/dist/components/overlays/Modal/Modal.d.ts +2 -0
  62. package/dist/components/overlays/Modal/Modal.types.d.ts +22 -0
  63. package/dist/components/overlays/Modal/index.d.ts +2 -0
  64. package/dist/components/primitives/Badge/Badge.d.ts +9 -0
  65. package/dist/components/primitives/Badge/Badge.types.d.ts +13 -0
  66. package/dist/components/primitives/Badge/index.d.ts +2 -0
  67. package/dist/components/primitives/Button/Button.d.ts +15 -0
  68. package/dist/components/primitives/Button/Button.types.d.ts +17 -0
  69. package/dist/components/primitives/Button/index.d.ts +2 -0
  70. package/dist/components/primitives/Card/Card.d.ts +9 -0
  71. package/dist/components/primitives/Card/Card.types.d.ts +8 -0
  72. package/dist/components/primitives/Card/index.d.ts +2 -0
  73. package/dist/components/primitives/Chip/Chip.d.ts +10 -0
  74. package/dist/components/primitives/Chip/Chip.types.d.ts +14 -0
  75. package/dist/components/primitives/Chip/index.d.ts +2 -0
  76. package/dist/components/primitives/Input/Input.d.ts +16 -0
  77. package/dist/components/primitives/Input/Input.types.d.ts +18 -0
  78. package/dist/components/primitives/Input/index.d.ts +2 -0
  79. package/dist/components/ui/actions/Button/Button.d.ts +2 -0
  80. package/dist/components/ui/actions/Button/index.d.ts +1 -0
  81. package/dist/components/ui/actions/IconButton/IconButton.d.ts +2 -0
  82. package/dist/components/ui/actions/IconButton/index.d.ts +1 -0
  83. package/dist/components/ui/data-display/Avatar/Avatar.d.ts +15 -0
  84. package/dist/components/ui/data-display/Avatar/index.d.ts +1 -0
  85. package/dist/components/ui/data-display/Pagination/Pagination.d.ts +7 -0
  86. package/dist/components/ui/data-display/Pagination/index.d.ts +1 -0
  87. package/dist/components/ui/data-display/Table/Table.d.ts +28 -0
  88. package/dist/components/ui/data-display/Table/TableEmptyState.d.ts +2 -0
  89. package/dist/components/ui/data-display/Table/TableSkeleton.d.ts +5 -0
  90. package/dist/components/ui/data-display/Table/index.d.ts +3 -0
  91. package/dist/components/ui/feedback/Alert/Alert.d.ts +18 -0
  92. package/dist/components/ui/feedback/Alert/index.d.ts +1 -0
  93. package/dist/components/ui/feedback/Badge/Badge.d.ts +2 -0
  94. package/dist/components/ui/feedback/Badge/index.d.ts +1 -0
  95. package/dist/components/ui/feedback/Chip/Chip.d.ts +2 -0
  96. package/dist/components/ui/feedback/Chip/index.d.ts +1 -0
  97. package/dist/components/ui/feedback/EmptyState/EmptyState.d.ts +2 -0
  98. package/dist/components/ui/feedback/EmptyState/index.d.ts +1 -0
  99. package/dist/components/ui/feedback/Skeleton/Skeleton.d.ts +10 -0
  100. package/dist/components/ui/feedback/Skeleton/index.d.ts +1 -0
  101. package/dist/components/ui/feedback/Spinner/Spinner.d.ts +6 -0
  102. package/dist/components/ui/feedback/Spinner/index.d.ts +1 -0
  103. package/dist/components/ui/forms/Checkbox/Checkbox.d.ts +14 -0
  104. package/dist/components/ui/forms/Checkbox/index.d.ts +1 -0
  105. package/dist/components/ui/forms/FormField/FormField.d.ts +17 -0
  106. package/dist/components/ui/forms/FormField/index.d.ts +1 -0
  107. package/dist/components/ui/forms/Input/Input.d.ts +2 -0
  108. package/dist/components/ui/forms/Input/index.d.ts +1 -0
  109. package/dist/components/ui/forms/Label/Label.d.ts +9 -0
  110. package/dist/components/ui/forms/Label/index.d.ts +1 -0
  111. package/dist/components/ui/forms/Radio/Radio.d.ts +14 -0
  112. package/dist/components/ui/forms/Radio/index.d.ts +1 -0
  113. package/dist/components/ui/forms/SearchableSelect/SearchableSelect.d.ts +18 -0
  114. package/dist/components/ui/forms/SearchableSelect/index.d.ts +1 -0
  115. package/dist/components/ui/forms/Select/Select.d.ts +20 -0
  116. package/dist/components/ui/forms/Select/index.d.ts +1 -0
  117. package/dist/components/ui/forms/Switch/Switch.d.ts +7 -0
  118. package/dist/components/ui/forms/Switch/index.d.ts +1 -0
  119. package/dist/components/ui/forms/Textarea/Textarea.d.ts +9 -0
  120. package/dist/components/ui/forms/Textarea/index.d.ts +1 -0
  121. package/dist/components/ui/index.d.ts +53 -0
  122. package/dist/components/ui/navigation/Breadcrumbs/Breadcrumbs.d.ts +11 -0
  123. package/dist/components/ui/navigation/Breadcrumbs/index.d.ts +1 -0
  124. package/dist/components/ui/navigation/Tabs/Tabs.d.ts +2 -0
  125. package/dist/components/ui/navigation/Tabs/index.d.ts +1 -0
  126. package/dist/components/ui/overlays/Dialog/Dialog.d.ts +2 -0
  127. package/dist/components/ui/overlays/Dialog/index.d.ts +1 -0
  128. package/dist/components/ui/overlays/Drawer/Drawer.d.ts +2 -0
  129. package/dist/components/ui/overlays/Drawer/index.d.ts +1 -0
  130. package/dist/components/ui/overlays/Dropdown/Dropdown.d.ts +16 -0
  131. package/dist/components/ui/overlays/Dropdown/index.d.ts +1 -0
  132. package/dist/components/ui/overlays/Popover/Popover.d.ts +8 -0
  133. package/dist/components/ui/overlays/Popover/index.d.ts +1 -0
  134. package/dist/components/ui/overlays/Tooltip/Tooltip.d.ts +8 -0
  135. package/dist/components/ui/overlays/Tooltip/index.d.ts +1 -0
  136. package/dist/components/ui/patterns/BusinessInfoDisplayCard/BusinessInfoDisplayCard.d.ts +37 -0
  137. package/dist/components/ui/patterns/BusinessInfoDisplayCard/BusinessInfoDisplayCardSkeleton.d.ts +7 -0
  138. package/dist/components/ui/patterns/BusinessInfoDisplayCard/index.d.ts +2 -0
  139. package/dist/components/ui/patterns/ChatBubble/ChatBubble.d.ts +11 -0
  140. package/dist/components/ui/patterns/ChatBubble/index.d.ts +1 -0
  141. package/dist/components/ui/patterns/ChatComposer/ChatComposer.d.ts +19 -0
  142. package/dist/components/ui/patterns/ChatComposer/index.d.ts +1 -0
  143. package/dist/components/ui/patterns/FullPageLoader/FullPageLoader.d.ts +17 -0
  144. package/dist/components/ui/patterns/FullPageLoader/FullPageLoaderSpinner.d.ts +4 -0
  145. package/dist/components/ui/patterns/FullPageLoader/index.d.ts +1 -0
  146. package/dist/components/ui/patterns/LayoutShell/LayoutShell.d.ts +8 -0
  147. package/dist/components/ui/patterns/LayoutShell/index.d.ts +1 -0
  148. package/dist/components/ui/patterns/PageHeader/PageHeader.d.ts +2 -0
  149. package/dist/components/ui/patterns/PageHeader/index.d.ts +1 -0
  150. package/dist/components/ui/patterns/StepProgressCard/StepProgressCard.d.ts +24 -0
  151. package/dist/components/ui/patterns/StepProgressCard/StepProgressCardSkeleton.d.ts +7 -0
  152. package/dist/components/ui/patterns/StepProgressCard/index.d.ts +2 -0
  153. package/dist/components/ui/primitives/Box/Box.d.ts +7 -0
  154. package/dist/components/ui/primitives/Box/index.d.ts +1 -0
  155. package/dist/components/ui/primitives/Container/Container.d.ts +10 -0
  156. package/dist/components/ui/primitives/Container/index.d.ts +1 -0
  157. package/dist/components/ui/primitives/Grid/Grid.d.ts +9 -0
  158. package/dist/components/ui/primitives/Grid/index.d.ts +1 -0
  159. package/dist/components/ui/primitives/Icon/Icon.d.ts +15 -0
  160. package/dist/components/ui/primitives/Icon/index.d.ts +1 -0
  161. package/dist/components/ui/primitives/Paper/Paper.d.ts +12 -0
  162. package/dist/components/ui/primitives/Paper/index.d.ts +1 -0
  163. package/dist/components/ui/primitives/Stack/Stack.d.ts +17 -0
  164. package/dist/components/ui/primitives/Stack/index.d.ts +1 -0
  165. package/dist/components/ui/primitives/Text/Text.d.ts +16 -0
  166. package/dist/components/ui/primitives/Text/index.d.ts +1 -0
  167. package/dist/index.d.ts +3 -0
  168. package/dist/index.js +12652 -0
  169. package/dist/index.js.map +1 -0
  170. package/dist/lib/cn.d.ts +2 -0
  171. package/dist/lib/utils.d.ts +1 -0
  172. package/dist/style.css +1 -0
  173. package/dist/theme/index.d.ts +2 -0
  174. package/dist/theme/theme.types.d.ts +1 -0
  175. package/dist/theme/tokens.d.ts +11 -0
  176. package/dist/tokens/colors.d.ts +35 -0
  177. package/dist/tokens/index.d.ts +8 -0
  178. package/dist/tokens/motion.d.ts +7 -0
  179. package/dist/tokens/radius.d.ts +8 -0
  180. package/dist/tokens/shadows.d.ts +6 -0
  181. package/dist/tokens/sizes.d.ts +75 -0
  182. package/dist/tokens/spacing.d.ts +12 -0
  183. package/dist/tokens/typography.d.ts +12 -0
  184. package/dist/tokens/zIndex.d.ts +9 -0
  185. package/package.json +94 -0
  186. 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,2 @@
1
+ export * from './FilterDrawer';
2
+ export * from './FilterDrawer.types';
@@ -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,2 @@
1
+ export * from './FormSection';
2
+ export * from './FormSection.types';
@@ -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,2 @@
1
+ export * from './PageHeader';
2
+ export * from './PageHeader.types';
@@ -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,2 @@
1
+ export * from './SectionHeader';
2
+ export * from './SectionHeader.types';
@@ -0,0 +1,2 @@
1
+ import { ActionMenuProps } from './ActionMenu.types';
2
+ export declare function ActionMenu({ trigger, items, align, side, size, className }: ActionMenuProps): import("react/jsx-runtime").JSX.Element;
@@ -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,2 @@
1
+ export * from './ActionMenu';
2
+ export * from './ActionMenu.types';
@@ -0,0 +1,2 @@
1
+ import { TabsProps } from './Tabs.types';
2
+ export declare function Tabs({ items, variant, size, className, listClassName, triggerClassName, contentClassName, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
@@ -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
+ export * from './Tabs';
2
+ export * from './Tabs.types';
@@ -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
+ export * from './ConfirmDialog';
2
+ export * from './ConfirmDialog.types';
@@ -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
+ export * from './Drawer';
2
+ export * from './Drawer.types';
@@ -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,2 @@
1
+ export * from './Modal';
2
+ export * from './Modal.types';
@@ -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,2 @@
1
+ export * from './Badge';
2
+ export * from './Badge.types';
@@ -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,2 @@
1
+ export * from './Button';
2
+ export * from './Button.types';
@@ -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,2 @@
1
+ export * from './Card';
2
+ export * from './Card.types';
@@ -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,2 @@
1
+ export * from './Chip';
2
+ export * from './Chip.types';
@@ -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,2 @@
1
+ export * from './Input';
2
+ export * from './Input.types';
@@ -0,0 +1,2 @@
1
+ export { Button } from '../../../primitives/Button';
2
+ export type { ButtonProps, ButtonSize, ButtonVariant } from '../../../primitives/Button';
@@ -0,0 +1 @@
1
+ export * from './Button';
@@ -0,0 +1,2 @@
1
+ export { IconButton } from '../../../primitives/Button';
2
+ export type { IconButtonProps } from '../../../primitives/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,2 @@
1
+ import { EmptyStateProps } from '../../feedback/EmptyState';
2
+ export declare function TableEmptyState(props: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,5 @@
1
+ export type TableSkeletonProps = {
2
+ rows?: number;
3
+ columns?: number;
4
+ };
5
+ export declare function TableSkeleton({ rows, columns }: TableSkeletonProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,3 @@
1
+ export * from './Table';
2
+ export * from './TableEmptyState';
3
+ export * from './TableSkeleton';
@@ -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,2 @@
1
+ export { Badge } from '../../../primitives/Badge';
2
+ export type { BadgeProps, BadgeSize, BadgeVariant } from '../../../primitives/Badge';
@@ -0,0 +1 @@
1
+ export * from './Badge';
@@ -0,0 +1,2 @@
1
+ export { Chip } from '../../../primitives/Chip';
2
+ export type { ChipProps, ChipSize, ChipVariant } from '../../../primitives/Chip';
@@ -0,0 +1 @@
1
+ export * from './Chip';
@@ -0,0 +1,2 @@
1
+ export { EmptyState } from '../../../feedback/EmptyState';
2
+ export type { EmptyStateProps, EmptyStateVariant } from '../../../feedback/EmptyState';
@@ -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,6 @@
1
+ export type SpinnerProps = {
2
+ size?: "sm" | "md" | "lg";
3
+ className?: string;
4
+ label?: string;
5
+ };
6
+ export declare function Spinner({ size, className, label }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
@@ -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>>;