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.
- package/README.md +202 -0
- package/dist/components/actions/CopyButton/CopyButton.d.ts +14 -0
- package/dist/components/actions/CopyButton/index.d.ts +2 -0
- package/dist/components/display/Avatar/Avatar.d.ts +21 -0
- package/dist/components/display/Avatar/index.d.ts +2 -0
- package/dist/components/display/Badge/Badge.d.ts +20 -0
- package/dist/components/display/Badge/index.d.ts +2 -0
- package/dist/components/display/Box/Box.d.ts +18 -0
- package/dist/components/display/Box/index.d.ts +2 -0
- package/dist/components/display/Card/Card.d.ts +11 -0
- package/dist/components/display/Card/index.d.ts +2 -0
- package/dist/components/display/Collapsible/Collapsible.d.ts +15 -0
- package/dist/components/display/Collapsible/index.d.ts +2 -0
- package/dist/components/display/DataTable/DataTable.d.ts +46 -0
- package/dist/components/display/EmptyState/EmptyState.d.ts +10 -0
- package/dist/components/display/EmptyState/index.d.ts +2 -0
- package/dist/components/display/Icon/Icon.d.ts +9 -0
- package/dist/components/display/Icon/index.d.ts +2 -0
- package/dist/components/display/Image/Image.d.ts +15 -0
- package/dist/components/display/Image/index.d.ts +2 -0
- package/dist/components/display/List/List.d.ts +24 -0
- package/dist/components/display/List/index.d.ts +2 -0
- package/dist/components/display/MarkdownReader/MarkdownReader.d.ts +7 -0
- package/dist/components/display/SVG/SVG.d.ts +18 -0
- package/dist/components/display/SVG/index.d.ts +2 -0
- package/dist/components/display/Stat/Stat.d.ts +13 -0
- package/dist/components/display/Stat/index.d.ts +2 -0
- package/dist/components/display/Table/Table.d.ts +31 -0
- package/dist/components/display/Table/index.d.ts +2 -0
- package/dist/components/display/Tag/Tag.d.ts +16 -0
- package/dist/components/display/Tag/index.d.ts +2 -0
- package/dist/components/display/Timeline/Timeline.d.ts +15 -0
- package/dist/components/display/Timeline/index.d.ts +2 -0
- package/dist/components/display/TreeView/TreeView.d.ts +23 -0
- package/dist/components/display/TreeView/index.d.ts +2 -0
- package/dist/components/feedback/Alert/Alert.d.ts +15 -0
- package/dist/components/feedback/Alert/index.d.ts +2 -0
- package/dist/components/feedback/ErrorBoundary/ErrorBoundary.d.ts +18 -0
- package/dist/components/feedback/ErrorBoundary/index.d.ts +2 -0
- package/dist/components/feedback/FullScreenLoader/FullScreenLoader.d.ts +27 -0
- package/dist/components/feedback/ProgressBar/ProgressBar.d.ts +15 -0
- package/dist/components/feedback/ProgressBar/index.d.ts +2 -0
- package/dist/components/feedback/Skeleton/Skeleton.d.ts +16 -0
- package/dist/components/feedback/Skeleton/index.d.ts +2 -0
- package/dist/components/feedback/Spinner/Spinner.d.ts +9 -0
- package/dist/components/feedback/Spinner/index.d.ts +2 -0
- package/dist/components/feedback/Toast/Toast.d.ts +7 -0
- package/dist/components/feedback/Toast/index.d.ts +2 -0
- package/dist/components/forms/FileUpload/FileUpload.d.ts +24 -0
- package/dist/components/forms/FileUpload/index.d.ts +2 -0
- package/dist/components/forms/FormField/FormField.d.ts +12 -0
- package/dist/components/forms/FormField/index.d.ts +2 -0
- package/dist/components/forms/JSONForm/FormValidator.d.ts +157 -0
- package/dist/components/forms/JSONForm/JSONForm.d.ts +53 -0
- package/dist/components/forms/JSONForm/index.d.ts +4 -0
- package/dist/components/inputs/Button/Button.d.ts +15 -0
- package/dist/components/inputs/Button/index.d.ts +2 -0
- package/dist/components/inputs/Checkbox/Checkbox.d.ts +14 -0
- package/dist/components/inputs/Checkbox/index.d.ts +2 -0
- package/dist/components/inputs/ChipSelect/ChipSelect.d.ts +24 -0
- package/dist/components/inputs/DatePicker/DatePicker.d.ts +39 -0
- package/dist/components/inputs/DatePicker/index.d.ts +2 -0
- package/dist/components/inputs/IconButton/IconButton.d.ts +14 -0
- package/dist/components/inputs/IconButton/index.d.ts +2 -0
- package/dist/components/inputs/MultiSelect/MultiSelect.d.ts +35 -0
- package/dist/components/inputs/MultiSelect/index.d.ts +2 -0
- package/dist/components/inputs/NumberInput/NumberInput.d.ts +23 -0
- package/dist/components/inputs/NumberInput/index.d.ts +2 -0
- package/dist/components/inputs/OTPInput/OTPInput.d.ts +18 -0
- package/dist/components/inputs/OTPInput/index.d.ts +2 -0
- package/dist/components/inputs/PhoneInput/PhoneInput.d.ts +35 -0
- package/dist/components/inputs/PhoneInput/index.d.ts +2 -0
- package/dist/components/inputs/Radio/Radio.d.ts +20 -0
- package/dist/components/inputs/Radio/index.d.ts +2 -0
- package/dist/components/inputs/Rating/Rating.d.ts +19 -0
- package/dist/components/inputs/Rating/index.d.ts +2 -0
- package/dist/components/inputs/SearchSelect/SearchSelect.d.ts +39 -0
- package/dist/components/inputs/Select/Select.d.ts +25 -0
- package/dist/components/inputs/Select/index.d.ts +2 -0
- package/dist/components/inputs/Slider/Slider.d.ts +20 -0
- package/dist/components/inputs/Slider/index.d.ts +2 -0
- package/dist/components/inputs/Switch/Switch.d.ts +14 -0
- package/dist/components/inputs/Switch/index.d.ts +2 -0
- package/dist/components/inputs/TagInput/TagInput.d.ts +17 -0
- package/dist/components/inputs/TextArea/TextArea.d.ts +18 -0
- package/dist/components/inputs/TextArea/index.d.ts +2 -0
- package/dist/components/inputs/TextField/TextField.d.ts +21 -0
- package/dist/components/inputs/TextField/index.d.ts +2 -0
- package/dist/components/layout/AppShell/AppShell.d.ts +12 -0
- package/dist/components/layout/AppShell/index.d.ts +2 -0
- package/dist/components/layout/Container/Container.d.ts +8 -0
- package/dist/components/layout/Container/index.d.ts +2 -0
- package/dist/components/layout/Divider/Divider.d.ts +10 -0
- package/dist/components/layout/Divider/index.d.ts +2 -0
- package/dist/components/layout/Grid/Grid.d.ts +13 -0
- package/dist/components/layout/Grid/index.d.ts +2 -0
- package/dist/components/layout/Navbar/Navbar.d.ts +19 -0
- package/dist/components/layout/Navbar/index.d.ts +2 -0
- package/dist/components/layout/Sidebar/Sidebar.d.ts +24 -0
- package/dist/components/layout/Sidebar/index.d.ts +2 -0
- package/dist/components/layout/Spacer/Spacer.d.ts +6 -0
- package/dist/components/layout/Spacer/index.d.ts +2 -0
- package/dist/components/layout/Stack/Stack.d.ts +14 -0
- package/dist/components/layout/Stack/index.d.ts +2 -0
- package/dist/components/navigation/Breadcrumb/Breadcrumb.d.ts +13 -0
- package/dist/components/navigation/Breadcrumb/index.d.ts +2 -0
- package/dist/components/navigation/Pagination/Pagination.d.ts +10 -0
- package/dist/components/navigation/Pagination/index.d.ts +2 -0
- package/dist/components/navigation/StepIndicator/StepIndicator.d.ts +15 -0
- package/dist/components/navigation/StepIndicator/index.d.ts +2 -0
- package/dist/components/navigation/Tabs/Tabs.d.ts +25 -0
- package/dist/components/navigation/Tabs/index.d.ts +2 -0
- package/dist/components/overlay/CommandPalette/CommandPalette.d.ts +35 -0
- package/dist/components/overlay/CommandPalette/index.d.ts +2 -0
- package/dist/components/overlay/ConfirmDialog/ConfirmDialog.d.ts +20 -0
- package/dist/components/overlay/ContextMenu/ContextMenu.d.ts +19 -0
- package/dist/components/overlay/ContextMenu/index.d.ts +2 -0
- package/dist/components/overlay/Drawer/Drawer.d.ts +18 -0
- package/dist/components/overlay/Drawer/index.d.ts +2 -0
- package/dist/components/overlay/Modal/Modal.d.ts +17 -0
- package/dist/components/overlay/Modal/index.d.ts +2 -0
- package/dist/components/overlay/Popover/Popover.d.ts +15 -0
- package/dist/components/overlay/Popover/index.d.ts +2 -0
- package/dist/components/overlay/Tooltip/Tooltip.d.ts +13 -0
- package/dist/components/overlay/Tooltip/index.d.ts +2 -0
- package/dist/components/typography/Code/Code.d.ts +11 -0
- package/dist/components/typography/Code/index.d.ts +2 -0
- package/dist/components/typography/Heading/Heading.d.ts +12 -0
- package/dist/components/typography/Heading/index.d.ts +2 -0
- package/dist/components/typography/Kbd/Kbd.d.ts +8 -0
- package/dist/components/typography/Kbd/index.d.ts +2 -0
- package/dist/components/typography/Label/Label.d.ts +8 -0
- package/dist/components/typography/Label/index.d.ts +2 -0
- package/dist/components/typography/Link/Link.d.ts +9 -0
- package/dist/components/typography/Link/index.d.ts +2 -0
- package/dist/components/typography/Text/Text.d.ts +16 -0
- package/dist/components/typography/Text/index.d.ts +2 -0
- package/dist/hooks/useClickOutside.d.ts +2 -0
- package/dist/hooks/useClipboard.d.ts +11 -0
- package/dist/hooks/useDebounce.d.ts +1 -0
- package/dist/hooks/useIntersectionObserver.d.ts +5 -0
- package/dist/hooks/useKeyboard.d.ts +9 -0
- package/dist/hooks/useLocalStorage.d.ts +1 -0
- package/dist/hooks/useMediaQuery.d.ts +1 -0
- package/dist/hooks/useTheme.d.ts +4 -0
- package/dist/hooks/useToast.d.ts +16 -0
- package/dist/hooks/useWindowSize.d.ts +8 -0
- package/dist/index.cjs.js +3639 -0
- package/dist/index.cjs.js.map +1 -0
- package/dist/index.d.ts +1587 -0
- package/dist/index.esm.js +3512 -0
- package/dist/index.esm.js.map +1 -0
- package/dist/styles.css +1 -0
- package/dist/theme/ThemeProvider.d.ts +59 -0
- package/dist/utils/cn.d.ts +2 -0
- 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,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,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,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,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,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,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,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,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,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,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,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,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,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,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,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,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,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,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,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,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,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,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;
|