react-18-ui-library 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 (156) hide show
  1. package/README.md +202 -0
  2. package/dist/components/actions/CopyButton/CopyButton.d.ts +14 -0
  3. package/dist/components/actions/CopyButton/index.d.ts +2 -0
  4. package/dist/components/display/Avatar/Avatar.d.ts +21 -0
  5. package/dist/components/display/Avatar/index.d.ts +2 -0
  6. package/dist/components/display/Badge/Badge.d.ts +20 -0
  7. package/dist/components/display/Badge/index.d.ts +2 -0
  8. package/dist/components/display/Box/Box.d.ts +18 -0
  9. package/dist/components/display/Box/index.d.ts +2 -0
  10. package/dist/components/display/Card/Card.d.ts +11 -0
  11. package/dist/components/display/Card/index.d.ts +2 -0
  12. package/dist/components/display/Collapsible/Collapsible.d.ts +15 -0
  13. package/dist/components/display/Collapsible/index.d.ts +2 -0
  14. package/dist/components/display/DataTable/DataTable.d.ts +46 -0
  15. package/dist/components/display/EmptyState/EmptyState.d.ts +10 -0
  16. package/dist/components/display/EmptyState/index.d.ts +2 -0
  17. package/dist/components/display/Icon/Icon.d.ts +9 -0
  18. package/dist/components/display/Icon/index.d.ts +2 -0
  19. package/dist/components/display/Image/Image.d.ts +15 -0
  20. package/dist/components/display/Image/index.d.ts +2 -0
  21. package/dist/components/display/List/List.d.ts +24 -0
  22. package/dist/components/display/List/index.d.ts +2 -0
  23. package/dist/components/display/MarkdownReader/MarkdownReader.d.ts +7 -0
  24. package/dist/components/display/SVG/SVG.d.ts +18 -0
  25. package/dist/components/display/SVG/index.d.ts +2 -0
  26. package/dist/components/display/Stat/Stat.d.ts +13 -0
  27. package/dist/components/display/Stat/index.d.ts +2 -0
  28. package/dist/components/display/Table/Table.d.ts +31 -0
  29. package/dist/components/display/Table/index.d.ts +2 -0
  30. package/dist/components/display/Tag/Tag.d.ts +16 -0
  31. package/dist/components/display/Tag/index.d.ts +2 -0
  32. package/dist/components/display/Timeline/Timeline.d.ts +15 -0
  33. package/dist/components/display/Timeline/index.d.ts +2 -0
  34. package/dist/components/display/TreeView/TreeView.d.ts +23 -0
  35. package/dist/components/display/TreeView/index.d.ts +2 -0
  36. package/dist/components/feedback/Alert/Alert.d.ts +15 -0
  37. package/dist/components/feedback/Alert/index.d.ts +2 -0
  38. package/dist/components/feedback/ErrorBoundary/ErrorBoundary.d.ts +18 -0
  39. package/dist/components/feedback/ErrorBoundary/index.d.ts +2 -0
  40. package/dist/components/feedback/FullScreenLoader/FullScreenLoader.d.ts +27 -0
  41. package/dist/components/feedback/ProgressBar/ProgressBar.d.ts +15 -0
  42. package/dist/components/feedback/ProgressBar/index.d.ts +2 -0
  43. package/dist/components/feedback/Skeleton/Skeleton.d.ts +16 -0
  44. package/dist/components/feedback/Skeleton/index.d.ts +2 -0
  45. package/dist/components/feedback/Spinner/Spinner.d.ts +9 -0
  46. package/dist/components/feedback/Spinner/index.d.ts +2 -0
  47. package/dist/components/feedback/Toast/Toast.d.ts +7 -0
  48. package/dist/components/feedback/Toast/index.d.ts +2 -0
  49. package/dist/components/forms/FileUpload/FileUpload.d.ts +24 -0
  50. package/dist/components/forms/FileUpload/index.d.ts +2 -0
  51. package/dist/components/forms/FormField/FormField.d.ts +12 -0
  52. package/dist/components/forms/FormField/index.d.ts +2 -0
  53. package/dist/components/forms/JSONForm/FormValidator.d.ts +157 -0
  54. package/dist/components/forms/JSONForm/JSONForm.d.ts +53 -0
  55. package/dist/components/forms/JSONForm/index.d.ts +4 -0
  56. package/dist/components/inputs/Button/Button.d.ts +15 -0
  57. package/dist/components/inputs/Button/index.d.ts +2 -0
  58. package/dist/components/inputs/Checkbox/Checkbox.d.ts +14 -0
  59. package/dist/components/inputs/Checkbox/index.d.ts +2 -0
  60. package/dist/components/inputs/ChipSelect/ChipSelect.d.ts +24 -0
  61. package/dist/components/inputs/DatePicker/DatePicker.d.ts +39 -0
  62. package/dist/components/inputs/DatePicker/index.d.ts +2 -0
  63. package/dist/components/inputs/IconButton/IconButton.d.ts +14 -0
  64. package/dist/components/inputs/IconButton/index.d.ts +2 -0
  65. package/dist/components/inputs/MultiSelect/MultiSelect.d.ts +35 -0
  66. package/dist/components/inputs/MultiSelect/index.d.ts +2 -0
  67. package/dist/components/inputs/NumberInput/NumberInput.d.ts +23 -0
  68. package/dist/components/inputs/NumberInput/index.d.ts +2 -0
  69. package/dist/components/inputs/OTPInput/OTPInput.d.ts +18 -0
  70. package/dist/components/inputs/OTPInput/index.d.ts +2 -0
  71. package/dist/components/inputs/PhoneInput/PhoneInput.d.ts +35 -0
  72. package/dist/components/inputs/PhoneInput/index.d.ts +2 -0
  73. package/dist/components/inputs/Radio/Radio.d.ts +20 -0
  74. package/dist/components/inputs/Radio/index.d.ts +2 -0
  75. package/dist/components/inputs/Rating/Rating.d.ts +19 -0
  76. package/dist/components/inputs/Rating/index.d.ts +2 -0
  77. package/dist/components/inputs/SearchSelect/SearchSelect.d.ts +39 -0
  78. package/dist/components/inputs/Select/Select.d.ts +25 -0
  79. package/dist/components/inputs/Select/index.d.ts +2 -0
  80. package/dist/components/inputs/Slider/Slider.d.ts +20 -0
  81. package/dist/components/inputs/Slider/index.d.ts +2 -0
  82. package/dist/components/inputs/Switch/Switch.d.ts +14 -0
  83. package/dist/components/inputs/Switch/index.d.ts +2 -0
  84. package/dist/components/inputs/TagInput/TagInput.d.ts +17 -0
  85. package/dist/components/inputs/TextArea/TextArea.d.ts +18 -0
  86. package/dist/components/inputs/TextArea/index.d.ts +2 -0
  87. package/dist/components/inputs/TextField/TextField.d.ts +21 -0
  88. package/dist/components/inputs/TextField/index.d.ts +2 -0
  89. package/dist/components/layout/AppShell/AppShell.d.ts +12 -0
  90. package/dist/components/layout/AppShell/index.d.ts +2 -0
  91. package/dist/components/layout/Container/Container.d.ts +8 -0
  92. package/dist/components/layout/Container/index.d.ts +2 -0
  93. package/dist/components/layout/Divider/Divider.d.ts +10 -0
  94. package/dist/components/layout/Divider/index.d.ts +2 -0
  95. package/dist/components/layout/Grid/Grid.d.ts +13 -0
  96. package/dist/components/layout/Grid/index.d.ts +2 -0
  97. package/dist/components/layout/Navbar/Navbar.d.ts +19 -0
  98. package/dist/components/layout/Navbar/index.d.ts +2 -0
  99. package/dist/components/layout/Sidebar/Sidebar.d.ts +24 -0
  100. package/dist/components/layout/Sidebar/index.d.ts +2 -0
  101. package/dist/components/layout/Spacer/Spacer.d.ts +6 -0
  102. package/dist/components/layout/Spacer/index.d.ts +2 -0
  103. package/dist/components/layout/Stack/Stack.d.ts +14 -0
  104. package/dist/components/layout/Stack/index.d.ts +2 -0
  105. package/dist/components/navigation/Breadcrumb/Breadcrumb.d.ts +13 -0
  106. package/dist/components/navigation/Breadcrumb/index.d.ts +2 -0
  107. package/dist/components/navigation/Pagination/Pagination.d.ts +10 -0
  108. package/dist/components/navigation/Pagination/index.d.ts +2 -0
  109. package/dist/components/navigation/StepIndicator/StepIndicator.d.ts +15 -0
  110. package/dist/components/navigation/StepIndicator/index.d.ts +2 -0
  111. package/dist/components/navigation/Tabs/Tabs.d.ts +25 -0
  112. package/dist/components/navigation/Tabs/index.d.ts +2 -0
  113. package/dist/components/overlay/CommandPalette/CommandPalette.d.ts +35 -0
  114. package/dist/components/overlay/CommandPalette/index.d.ts +2 -0
  115. package/dist/components/overlay/ConfirmDialog/ConfirmDialog.d.ts +20 -0
  116. package/dist/components/overlay/ContextMenu/ContextMenu.d.ts +19 -0
  117. package/dist/components/overlay/ContextMenu/index.d.ts +2 -0
  118. package/dist/components/overlay/Drawer/Drawer.d.ts +18 -0
  119. package/dist/components/overlay/Drawer/index.d.ts +2 -0
  120. package/dist/components/overlay/Modal/Modal.d.ts +17 -0
  121. package/dist/components/overlay/Modal/index.d.ts +2 -0
  122. package/dist/components/overlay/Popover/Popover.d.ts +15 -0
  123. package/dist/components/overlay/Popover/index.d.ts +2 -0
  124. package/dist/components/overlay/Tooltip/Tooltip.d.ts +13 -0
  125. package/dist/components/overlay/Tooltip/index.d.ts +2 -0
  126. package/dist/components/typography/Code/Code.d.ts +11 -0
  127. package/dist/components/typography/Code/index.d.ts +2 -0
  128. package/dist/components/typography/Heading/Heading.d.ts +12 -0
  129. package/dist/components/typography/Heading/index.d.ts +2 -0
  130. package/dist/components/typography/Kbd/Kbd.d.ts +8 -0
  131. package/dist/components/typography/Kbd/index.d.ts +2 -0
  132. package/dist/components/typography/Label/Label.d.ts +8 -0
  133. package/dist/components/typography/Label/index.d.ts +2 -0
  134. package/dist/components/typography/Link/Link.d.ts +9 -0
  135. package/dist/components/typography/Link/index.d.ts +2 -0
  136. package/dist/components/typography/Text/Text.d.ts +16 -0
  137. package/dist/components/typography/Text/index.d.ts +2 -0
  138. package/dist/hooks/useClickOutside.d.ts +2 -0
  139. package/dist/hooks/useClipboard.d.ts +11 -0
  140. package/dist/hooks/useDebounce.d.ts +1 -0
  141. package/dist/hooks/useIntersectionObserver.d.ts +5 -0
  142. package/dist/hooks/useKeyboard.d.ts +9 -0
  143. package/dist/hooks/useLocalStorage.d.ts +1 -0
  144. package/dist/hooks/useMediaQuery.d.ts +1 -0
  145. package/dist/hooks/useTheme.d.ts +4 -0
  146. package/dist/hooks/useToast.d.ts +16 -0
  147. package/dist/hooks/useWindowSize.d.ts +8 -0
  148. package/dist/index.cjs.js +3639 -0
  149. package/dist/index.cjs.js.map +1 -0
  150. package/dist/index.d.ts +1587 -0
  151. package/dist/index.esm.js +3512 -0
  152. package/dist/index.esm.js.map +1 -0
  153. package/dist/styles.css +1 -0
  154. package/dist/theme/ThemeProvider.d.ts +59 -0
  155. package/dist/utils/cn.d.ts +2 -0
  156. package/package.json +112 -0
@@ -0,0 +1,20 @@
1
+ export interface RadioOption {
2
+ value: string;
3
+ label: string;
4
+ description?: string;
5
+ disabled?: boolean;
6
+ }
7
+ export interface RadioGroupProps {
8
+ options: RadioOption[];
9
+ value?: string;
10
+ defaultValue?: string;
11
+ onValueChange?: (value: string) => void;
12
+ orientation?: 'horizontal' | 'vertical';
13
+ label?: string;
14
+ error?: string;
15
+ disabled?: boolean;
16
+ required?: boolean;
17
+ size?: 'sm' | 'md' | 'lg';
18
+ className?: string;
19
+ }
20
+ export declare function RadioGroup({ options, value, defaultValue, onValueChange, orientation, label, error, disabled, required, size, className, }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export { RadioGroup } from './Radio';
2
+ export type { RadioGroupProps, RadioOption } from './Radio';
@@ -0,0 +1,19 @@
1
+ import React from 'react';
2
+ export type RatingSize = 'sm' | 'md' | 'lg';
3
+ export interface RatingProps {
4
+ value?: number;
5
+ defaultValue?: number;
6
+ onChange?: (value: number) => void;
7
+ max?: number;
8
+ size?: RatingSize;
9
+ disabled?: boolean;
10
+ readOnly?: boolean;
11
+ allowHalf?: boolean;
12
+ allowClear?: boolean;
13
+ label?: string;
14
+ helperText?: string;
15
+ className?: string;
16
+ icon?: React.ReactNode;
17
+ emptyIcon?: React.ReactNode;
18
+ }
19
+ export declare function Rating({ value: controlledValue, defaultValue, onChange, max, size, disabled, readOnly, allowHalf, allowClear, label, helperText, className, icon, emptyIcon, }: RatingProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export { Rating } from './Rating';
2
+ export type { RatingProps, RatingSize } from './Rating';
@@ -0,0 +1,39 @@
1
+ import React from 'react';
2
+ export interface SearchSelectOption {
3
+ value: string;
4
+ label: string;
5
+ disabled?: boolean;
6
+ icon?: React.ReactNode;
7
+ }
8
+ export interface SearchSelectGroup {
9
+ label: string;
10
+ options: SearchSelectOption[];
11
+ }
12
+ interface SearchSelectBaseProps {
13
+ options?: SearchSelectOption[];
14
+ groups?: SearchSelectGroup[];
15
+ placeholder?: string;
16
+ searchPlaceholder?: string;
17
+ label?: string;
18
+ helperText?: string;
19
+ error?: string;
20
+ disabled?: boolean;
21
+ required?: boolean;
22
+ clearable?: boolean;
23
+ fullWidth?: boolean;
24
+ className?: string;
25
+ maxSelected?: number;
26
+ }
27
+ export interface SearchSelectSingleProps extends SearchSelectBaseProps {
28
+ multiple?: false;
29
+ value?: string;
30
+ onChange?: (value: string) => void;
31
+ }
32
+ export interface SearchSelectMultiProps extends SearchSelectBaseProps {
33
+ multiple: true;
34
+ value?: string[];
35
+ onChange?: (value: string[]) => void;
36
+ }
37
+ export type SearchSelectProps = SearchSelectSingleProps | SearchSelectMultiProps;
38
+ export declare function SearchSelect(props: SearchSelectProps): import("react/jsx-runtime").JSX.Element;
39
+ export {};
@@ -0,0 +1,25 @@
1
+ export interface SelectOption {
2
+ value: string;
3
+ label: string;
4
+ disabled?: boolean;
5
+ }
6
+ export interface SelectGroup {
7
+ label: string;
8
+ options: SelectOption[];
9
+ }
10
+ export interface SelectProps {
11
+ options?: SelectOption[];
12
+ groups?: SelectGroup[];
13
+ value?: string;
14
+ defaultValue?: string;
15
+ onValueChange?: (value: string) => void;
16
+ placeholder?: string;
17
+ label?: string;
18
+ helperText?: string;
19
+ error?: string;
20
+ disabled?: boolean;
21
+ required?: boolean;
22
+ fullWidth?: boolean;
23
+ className?: string;
24
+ }
25
+ export declare function Select({ options, groups, value, defaultValue, onValueChange, placeholder, label, helperText, error, disabled, required, fullWidth, className, }: SelectProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export { Select } from './Select';
2
+ export type { SelectProps, SelectOption, SelectGroup } from './Select';
@@ -0,0 +1,20 @@
1
+ export type SliderSize = 'sm' | 'md' | 'lg';
2
+ export interface SliderProps {
3
+ value?: number[];
4
+ defaultValue?: number[];
5
+ onValueChange?: (value: number[]) => void;
6
+ onValueCommit?: (value: number[]) => void;
7
+ min?: number;
8
+ max?: number;
9
+ step?: number;
10
+ disabled?: boolean;
11
+ orientation?: 'horizontal' | 'vertical';
12
+ size?: SliderSize;
13
+ showTooltip?: boolean;
14
+ showMarks?: boolean;
15
+ formatValue?: (value: number) => string;
16
+ label?: string;
17
+ helperText?: string;
18
+ className?: string;
19
+ }
20
+ export declare function Slider({ value, defaultValue, onValueChange, onValueCommit, min, max, step, disabled, orientation, size, showTooltip, showMarks, formatValue, label, helperText, className, }: SliderProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export { Slider } from './Slider';
2
+ export type { SliderProps, SliderSize } from './Slider';
@@ -0,0 +1,14 @@
1
+ export interface SwitchProps {
2
+ label?: string;
3
+ description?: string;
4
+ checked?: boolean;
5
+ defaultChecked?: boolean;
6
+ onCheckedChange?: (checked: boolean) => void;
7
+ disabled?: boolean;
8
+ required?: boolean;
9
+ size?: 'sm' | 'md' | 'lg';
10
+ labelPosition?: 'left' | 'right';
11
+ className?: string;
12
+ id?: string;
13
+ }
14
+ export declare function Switch({ label, description, checked, defaultChecked, onCheckedChange, disabled, required, size, labelPosition, className, id: externalId, }: SwitchProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export { Switch } from './Switch';
2
+ export type { SwitchProps } from './Switch';
@@ -0,0 +1,17 @@
1
+ export type TagSeparator = 'space' | 'comma' | 'enter';
2
+ export interface TagInputProps {
3
+ value?: string[];
4
+ onChange?: (value: string[]) => void;
5
+ separator?: TagSeparator[];
6
+ placeholder?: string;
7
+ label?: string;
8
+ helperText?: string;
9
+ error?: string;
10
+ disabled?: boolean;
11
+ required?: boolean;
12
+ maxTags?: number;
13
+ allowDuplicates?: boolean;
14
+ fullWidth?: boolean;
15
+ className?: string;
16
+ }
17
+ export declare function TagInput({ value, onChange, separator, placeholder, label, helperText, error, disabled, required, maxTags, allowDuplicates, fullWidth, className, }: TagInputProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,18 @@
1
+ import React from 'react';
2
+ export interface TextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'prefix'> {
3
+ label?: string;
4
+ helperText?: string;
5
+ error?: string;
6
+ prefixIcon?: React.ReactNode;
7
+ prefixImage?: string;
8
+ suffixIcon?: React.ReactNode;
9
+ suffixImage?: string;
10
+ autoResize?: boolean;
11
+ showCharCount?: boolean;
12
+ showMaxLength?: boolean;
13
+ maxLength?: number;
14
+ fullWidth?: boolean;
15
+ containerClassName?: string;
16
+ textareaClassName?: string;
17
+ }
18
+ export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
@@ -0,0 +1,2 @@
1
+ export { TextArea } from './TextArea';
2
+ export type { TextAreaProps } from './TextArea';
@@ -0,0 +1,21 @@
1
+ import React from 'react';
2
+ export type TextFieldSize = 'sm' | 'md' | 'lg';
3
+ export interface TextFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {
4
+ label?: string;
5
+ helperText?: string;
6
+ error?: string;
7
+ size?: TextFieldSize;
8
+ prefixIcon?: React.ReactNode;
9
+ prefixImage?: string;
10
+ prefixText?: string;
11
+ suffixIcon?: React.ReactNode;
12
+ suffixImage?: string;
13
+ suffixText?: string;
14
+ clearable?: boolean;
15
+ onClear?: () => void;
16
+ fullWidth?: boolean;
17
+ showMaxLength?: boolean;
18
+ containerClassName?: string;
19
+ inputClassName?: string;
20
+ }
21
+ export declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
@@ -0,0 +1,2 @@
1
+ export { TextField } from './TextField';
2
+ export type { TextFieldProps, TextFieldSize } from './TextField';
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+ import { type NavbarProps } from '../Navbar/Navbar';
3
+ import { type SidebarProps } from '../Sidebar/Sidebar';
4
+ export interface AppShellProps {
5
+ navbar?: NavbarProps;
6
+ sidebar?: SidebarProps;
7
+ children: React.ReactNode;
8
+ defaultSidebarCollapsed?: boolean;
9
+ className?: string;
10
+ contentClassName?: string;
11
+ }
12
+ export declare function AppShell({ navbar, sidebar, children, defaultSidebarCollapsed, className, contentClassName, }: AppShellProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export { AppShell } from './AppShell';
2
+ export type { AppShellProps } from './AppShell';
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export type ContainerSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
3
+ export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
4
+ size?: ContainerSize;
5
+ centered?: boolean;
6
+ padded?: boolean;
7
+ }
8
+ export declare function Container({ size, centered, padded, className, children, ...props }: ContainerProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export { Container } from './Container';
2
+ export type { ContainerProps, ContainerSize } from './Container';
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ export interface DividerProps {
3
+ orientation?: 'horizontal' | 'vertical';
4
+ label?: React.ReactNode;
5
+ labelPosition?: 'left' | 'center' | 'right';
6
+ className?: string;
7
+ style?: React.CSSProperties;
8
+ id?: string;
9
+ }
10
+ export declare function Divider({ orientation, label, labelPosition, className, style, id, }: DividerProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export { Divider } from './Divider';
2
+ export type { DividerProps } from './Divider';
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ export type GridCols = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
3
+ export type GridGap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
4
+ export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
5
+ cols?: GridCols;
6
+ smCols?: GridCols;
7
+ mdCols?: GridCols;
8
+ lgCols?: GridCols;
9
+ gap?: GridGap;
10
+ autoFill?: boolean;
11
+ minColWidth?: string;
12
+ }
13
+ export declare function Grid({ cols, smCols, mdCols, lgCols, gap, autoFill, minColWidth, className, style, children, ...props }: GridProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export { Grid } from './Grid';
2
+ export type { GridProps, GridCols, GridGap } from './Grid';
@@ -0,0 +1,19 @@
1
+ import React from 'react';
2
+ export interface NavbarLink {
3
+ label: string;
4
+ href?: string;
5
+ onClick?: () => void;
6
+ active?: boolean;
7
+ icon?: React.ReactNode;
8
+ }
9
+ export interface NavbarProps {
10
+ logo?: React.ReactNode;
11
+ links?: NavbarLink[];
12
+ actions?: React.ReactNode;
13
+ sticky?: boolean;
14
+ fixed?: boolean;
15
+ bordered?: boolean;
16
+ className?: string;
17
+ onMenuToggle?: (open: boolean) => void;
18
+ }
19
+ export declare function Navbar({ logo, links, actions, sticky, fixed, bordered, className, onMenuToggle, }: NavbarProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export { Navbar } from './Navbar';
2
+ export type { NavbarProps, NavbarLink } from './Navbar';
@@ -0,0 +1,24 @@
1
+ import React from 'react';
2
+ export interface SidebarItem {
3
+ id: string;
4
+ label: string;
5
+ icon?: React.ReactNode;
6
+ href?: string;
7
+ onClick?: () => void;
8
+ active?: boolean;
9
+ badge?: string | number;
10
+ children?: SidebarItem[];
11
+ }
12
+ export interface SidebarProps {
13
+ items?: SidebarItem[];
14
+ collapsed?: boolean;
15
+ defaultCollapsed?: boolean;
16
+ onCollapsedChange?: (collapsed: boolean) => void;
17
+ header?: React.ReactNode;
18
+ footer?: React.ReactNode;
19
+ overlay?: boolean;
20
+ open?: boolean;
21
+ onClose?: () => void;
22
+ className?: string;
23
+ }
24
+ export declare function Sidebar({ items, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, header, footer, overlay, open, onClose, className, }: SidebarProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export { Sidebar } from './Sidebar';
2
+ export type { SidebarProps, SidebarItem } from './Sidebar';
@@ -0,0 +1,6 @@
1
+ export interface SpacerProps {
2
+ size?: number | string;
3
+ axis?: 'horizontal' | 'vertical' | 'both';
4
+ className?: string;
5
+ }
6
+ export declare function Spacer({ size, axis, className }: SpacerProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export { Spacer } from './Spacer';
2
+ export type { SpacerProps } from './Spacer';
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ export type StackDirection = 'row' | 'col';
3
+ export type StackAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
4
+ export type StackJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
5
+ export type StackGap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
6
+ export interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
7
+ direction?: StackDirection;
8
+ align?: StackAlign;
9
+ justify?: StackJustify;
10
+ gap?: StackGap;
11
+ wrap?: boolean;
12
+ inline?: boolean;
13
+ }
14
+ export declare function Stack({ direction, align, justify, gap, wrap, inline, className, children, ...props }: StackProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export { Stack } from './Stack';
2
+ export type { StackProps, StackDirection, StackAlign, StackJustify, StackGap } from './Stack';
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ export interface BreadcrumbItem {
3
+ label: string;
4
+ href?: string;
5
+ onClick?: () => void;
6
+ }
7
+ export interface BreadcrumbProps {
8
+ items: BreadcrumbItem[];
9
+ separator?: React.ReactNode;
10
+ maxItems?: number;
11
+ className?: string;
12
+ }
13
+ export declare function Breadcrumb({ items, separator, maxItems, className, }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export { Breadcrumb } from './Breadcrumb';
2
+ export type { BreadcrumbProps, BreadcrumbItem } from './Breadcrumb';
@@ -0,0 +1,10 @@
1
+ export interface PaginationProps {
2
+ page: number;
3
+ pageSize?: number;
4
+ total: number;
5
+ siblingCount?: number;
6
+ showFirstLast?: boolean;
7
+ onPageChange: (page: number) => void;
8
+ className?: string;
9
+ }
10
+ export declare function Pagination({ page, pageSize, total, siblingCount, showFirstLast, onPageChange, className, }: PaginationProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export { Pagination } from './Pagination';
2
+ export type { PaginationProps } from './Pagination';
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ export type StepStatus = 'completed' | 'current' | 'upcoming';
3
+ export interface Step {
4
+ id: string;
5
+ label: string;
6
+ description?: string;
7
+ icon?: React.ReactNode;
8
+ }
9
+ export interface StepIndicatorProps {
10
+ steps: Step[];
11
+ currentStep: number;
12
+ orientation?: 'horizontal' | 'vertical';
13
+ className?: string;
14
+ }
15
+ export declare function StepIndicator({ steps, currentStep, orientation, className, }: StepIndicatorProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export { StepIndicator } from './StepIndicator';
2
+ export type { StepIndicatorProps, Step, StepStatus } from './StepIndicator';
@@ -0,0 +1,25 @@
1
+ import React from 'react';
2
+ export type TabsVariant = 'underline' | 'pill' | 'card';
3
+ export interface TabItem {
4
+ value: string;
5
+ label: string;
6
+ icon?: React.ReactNode;
7
+ disabled?: boolean;
8
+ badge?: string | number;
9
+ }
10
+ export interface TabsProps {
11
+ items: TabItem[];
12
+ defaultValue?: string;
13
+ value?: string;
14
+ onValueChange?: (value: string) => void;
15
+ variant?: TabsVariant;
16
+ children?: React.ReactNode;
17
+ className?: string;
18
+ listClassName?: string;
19
+ }
20
+ export declare function Tabs({ items, defaultValue, value, onValueChange, variant, children, className, listClassName, }: TabsProps): import("react/jsx-runtime").JSX.Element;
21
+ export declare function TabsContent({ value, children, className, }: {
22
+ value: string;
23
+ children: React.ReactNode;
24
+ className?: string;
25
+ }): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export { Tabs, TabsContent } from './Tabs';
2
+ export type { TabsProps, TabItem, TabsVariant } from './Tabs';
@@ -0,0 +1,35 @@
1
+ import React from 'react';
2
+ export interface CommandItem {
3
+ id: string;
4
+ label: string;
5
+ description?: string;
6
+ icon?: React.ReactNode;
7
+ shortcut?: string[];
8
+ group?: string;
9
+ disabled?: boolean;
10
+ onSelect: () => void;
11
+ }
12
+ export interface CommandGroup {
13
+ id: string;
14
+ label: string;
15
+ items: CommandItem[];
16
+ }
17
+ export interface CommandPaletteProps {
18
+ open: boolean;
19
+ onClose: () => void;
20
+ items?: CommandItem[];
21
+ groups?: CommandGroup[];
22
+ placeholder?: string;
23
+ emptyMessage?: string;
24
+ loading?: boolean;
25
+ onSearch?: (query: string) => void;
26
+ hotkey?: string;
27
+ maxHeight?: number;
28
+ className?: string;
29
+ }
30
+ export declare function CommandPalette({ open, onClose, items, groups, placeholder, emptyMessage, loading, onSearch, maxHeight, className, }: CommandPaletteProps): React.ReactPortal | null;
31
+ export declare function useCommandPalette(): {
32
+ open: boolean;
33
+ setOpen: React.Dispatch<React.SetStateAction<boolean>>;
34
+ toggle: () => void;
35
+ };
@@ -0,0 +1,2 @@
1
+ export { CommandPalette, useCommandPalette } from './CommandPalette';
2
+ export type { CommandPaletteProps, CommandItem, CommandGroup } from './CommandPalette';
@@ -0,0 +1,20 @@
1
+ import React from 'react';
2
+ export type ConfirmVariant = 'default' | 'danger' | 'warning';
3
+ export interface ConfirmOptions {
4
+ title?: string;
5
+ description?: string;
6
+ confirmLabel?: string;
7
+ cancelLabel?: string;
8
+ variant?: ConfirmVariant;
9
+ }
10
+ export declare function useConfirm(): (options?: ConfirmOptions) => Promise<boolean>;
11
+ export interface ConfirmDialogProviderProps {
12
+ children: React.ReactNode;
13
+ }
14
+ export declare function ConfirmDialogProvider({ children }: ConfirmDialogProviderProps): import("react/jsx-runtime").JSX.Element;
15
+ export interface ConfirmDialogProps extends ConfirmOptions {
16
+ open: boolean;
17
+ onConfirm: () => void;
18
+ onCancel: () => void;
19
+ }
20
+ export declare function ConfirmDialog({ open, onConfirm, onCancel, title, description, confirmLabel, cancelLabel, variant, }: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,19 @@
1
+ import React from 'react';
2
+ export interface ContextMenuItem {
3
+ type?: 'item' | 'separator' | 'label' | 'checkbox' | 'radio';
4
+ label?: string;
5
+ icon?: React.ReactNode;
6
+ shortcut?: string;
7
+ disabled?: boolean;
8
+ destructive?: boolean;
9
+ checked?: boolean;
10
+ onCheckedChange?: (checked: boolean) => void;
11
+ onClick?: () => void;
12
+ children?: ContextMenuItem[];
13
+ }
14
+ export interface ContextMenuProps {
15
+ items: ContextMenuItem[];
16
+ children: React.ReactNode;
17
+ className?: string;
18
+ }
19
+ export declare function ContextMenu({ items, children, className }: ContextMenuProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export { ContextMenu } from './ContextMenu';
2
+ export type { ContextMenuProps, ContextMenuItem } from './ContextMenu';
@@ -0,0 +1,18 @@
1
+ import React from 'react';
2
+ export type DrawerSide = 'left' | 'right' | 'top' | 'bottom';
3
+ export type DrawerSize = 'sm' | 'md' | 'lg' | 'xl';
4
+ export interface DrawerProps {
5
+ open?: boolean;
6
+ defaultOpen?: boolean;
7
+ onOpenChange?: (open: boolean) => void;
8
+ side?: DrawerSide;
9
+ size?: DrawerSize;
10
+ title?: React.ReactNode;
11
+ description?: React.ReactNode;
12
+ footer?: React.ReactNode;
13
+ showClose?: boolean;
14
+ children?: React.ReactNode;
15
+ trigger?: React.ReactNode;
16
+ className?: string;
17
+ }
18
+ export declare function Drawer({ open, defaultOpen, onOpenChange, side, size, title, description, footer, showClose, children, trigger, className, }: DrawerProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export { Drawer } from './Drawer';
2
+ export type { DrawerProps, DrawerSide, DrawerSize } from './Drawer';
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ export type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
3
+ export interface ModalProps {
4
+ open?: boolean;
5
+ defaultOpen?: boolean;
6
+ onOpenChange?: (open: boolean) => void;
7
+ title?: React.ReactNode;
8
+ description?: React.ReactNode;
9
+ footer?: React.ReactNode;
10
+ size?: ModalSize;
11
+ showClose?: boolean;
12
+ closeOnOverlayClick?: boolean;
13
+ children?: React.ReactNode;
14
+ trigger?: React.ReactNode;
15
+ className?: string;
16
+ }
17
+ export declare function Modal({ open, defaultOpen, onOpenChange, title, description, footer, size, showClose, closeOnOverlayClick, children, trigger, className, }: ModalProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export { Modal } from './Modal';
2
+ export type { ModalProps, ModalSize } from './Modal';
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ export type PopoverPlacement = 'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end';
3
+ export interface PopoverProps {
4
+ content: React.ReactNode;
5
+ children: React.ReactNode;
6
+ placement?: PopoverPlacement;
7
+ open?: boolean;
8
+ defaultOpen?: boolean;
9
+ onOpenChange?: (open: boolean) => void;
10
+ showClose?: boolean;
11
+ arrow?: boolean;
12
+ className?: string;
13
+ contentClassName?: string;
14
+ }
15
+ export declare function Popover({ content, children, placement, open, defaultOpen, onOpenChange, showClose, arrow, className, contentClassName, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export { Popover } from './Popover';
2
+ export type { PopoverProps, PopoverPlacement } from './Popover';