@thangnqdev/ui 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 +196 -0
- package/dist/Label-DWOlgSNW.d.cts +14 -0
- package/dist/Label-DWOlgSNW.d.ts +14 -0
- package/dist/bento/index.cjs +140 -0
- package/dist/bento/index.cjs.map +1 -0
- package/dist/bento/index.d.cts +4 -0
- package/dist/bento/index.d.ts +4 -0
- package/dist/bento/index.js +4 -0
- package/dist/bento/index.js.map +1 -0
- package/dist/bento/styles.css +46 -0
- package/dist/buttons/index.cjs +365 -0
- package/dist/buttons/index.cjs.map +1 -0
- package/dist/buttons/index.d.cts +4 -0
- package/dist/buttons/index.d.ts +4 -0
- package/dist/buttons/index.js +5 -0
- package/dist/buttons/index.js.map +1 -0
- package/dist/buttons/styles.css +6 -0
- package/dist/chunk-2OXZK6IP.js +514 -0
- package/dist/chunk-2OXZK6IP.js.map +1 -0
- package/dist/chunk-4S6L5V7X.js +15 -0
- package/dist/chunk-4S6L5V7X.js.map +1 -0
- package/dist/chunk-5FZ6ZFII.js +728 -0
- package/dist/chunk-5FZ6ZFII.js.map +1 -0
- package/dist/chunk-66VWUJEI.js +86 -0
- package/dist/chunk-66VWUJEI.js.map +1 -0
- package/dist/chunk-A7P3O5Z5.js +163 -0
- package/dist/chunk-A7P3O5Z5.js.map +1 -0
- package/dist/chunk-ATYGDTMK.js +257 -0
- package/dist/chunk-ATYGDTMK.js.map +1 -0
- package/dist/chunk-C4SUXMI3.js +138 -0
- package/dist/chunk-C4SUXMI3.js.map +1 -0
- package/dist/chunk-EU2LPUYP.js +25 -0
- package/dist/chunk-EU2LPUYP.js.map +1 -0
- package/dist/chunk-F5Q7BTMH.js +1991 -0
- package/dist/chunk-F5Q7BTMH.js.map +1 -0
- package/dist/chunk-GXI2H5XA.js +46 -0
- package/dist/chunk-GXI2H5XA.js.map +1 -0
- package/dist/chunk-H3LCNPMC.js +101 -0
- package/dist/chunk-H3LCNPMC.js.map +1 -0
- package/dist/chunk-IABPUCAQ.js +19 -0
- package/dist/chunk-IABPUCAQ.js.map +1 -0
- package/dist/chunk-KJRBRTQE.js +101 -0
- package/dist/chunk-KJRBRTQE.js.map +1 -0
- package/dist/chunk-LBUBXUYQ.js +40 -0
- package/dist/chunk-LBUBXUYQ.js.map +1 -0
- package/dist/chunk-LWFRUJRU.js +537 -0
- package/dist/chunk-LWFRUJRU.js.map +1 -0
- package/dist/chunk-NFVONJUK.js +882 -0
- package/dist/chunk-NFVONJUK.js.map +1 -0
- package/dist/chunk-PF4ZHGVW.js +284 -0
- package/dist/chunk-PF4ZHGVW.js.map +1 -0
- package/dist/chunk-WAFHC4DQ.js +366 -0
- package/dist/chunk-WAFHC4DQ.js.map +1 -0
- package/dist/chunk-X76KBH4Y.js +71 -0
- package/dist/chunk-X76KBH4Y.js.map +1 -0
- package/dist/core/index.cjs +103 -0
- package/dist/core/index.cjs.map +1 -0
- package/dist/core/index.d.cts +3 -0
- package/dist/core/index.d.ts +3 -0
- package/dist/core/index.js +4 -0
- package/dist/core/index.js.map +1 -0
- package/dist/core/styles.css +128 -0
- package/dist/data-display/index.cjs +1023 -0
- package/dist/data-display/index.cjs.map +1 -0
- package/dist/data-display/index.d.cts +4 -0
- package/dist/data-display/index.d.ts +4 -0
- package/dist/data-display/index.js +6 -0
- package/dist/data-display/index.js.map +1 -0
- package/dist/data-display/styles.css +4 -0
- package/dist/feedback/index.cjs +368 -0
- package/dist/feedback/index.cjs.map +1 -0
- package/dist/feedback/index.d.cts +4 -0
- package/dist/feedback/index.d.ts +4 -0
- package/dist/feedback/index.js +4 -0
- package/dist/feedback/index.js.map +1 -0
- package/dist/feedback/styles.css +4 -0
- package/dist/forms/index.cjs +2287 -0
- package/dist/forms/index.cjs.map +1 -0
- package/dist/forms/index.d.cts +5 -0
- package/dist/forms/index.d.ts +5 -0
- package/dist/forms/index.js +10 -0
- package/dist/forms/index.js.map +1 -0
- package/dist/forms/styles.css +6 -0
- package/dist/glass/index.cjs +165 -0
- package/dist/glass/index.cjs.map +1 -0
- package/dist/glass/index.d.cts +4 -0
- package/dist/glass/index.d.ts +4 -0
- package/dist/glass/index.js +4 -0
- package/dist/glass/index.js.map +1 -0
- package/dist/glass/styles.css +81 -0
- package/dist/index-BTvkbCIj.d.cts +146 -0
- package/dist/index-BTvkbCIj.d.ts +146 -0
- package/dist/index-BkRqGNG1.d.cts +201 -0
- package/dist/index-BkRqGNG1.d.ts +201 -0
- package/dist/index-BlPcGeW-.d.cts +45 -0
- package/dist/index-BlPcGeW-.d.ts +45 -0
- package/dist/index-BzOCqvC6.d.cts +32 -0
- package/dist/index-BzOCqvC6.d.ts +32 -0
- package/dist/index-CCeWYAvn.d.cts +83 -0
- package/dist/index-COQ7uwt9.d.cts +44 -0
- package/dist/index-COQ7uwt9.d.ts +44 -0
- package/dist/index-CenuF_P2.d.cts +221 -0
- package/dist/index-CenuF_P2.d.ts +221 -0
- package/dist/index-Cle6QzQl.d.ts +371 -0
- package/dist/index-D6fE7w-b.d.cts +90 -0
- package/dist/index-D6fE7w-b.d.ts +90 -0
- package/dist/index-DR8cfJUG.d.ts +83 -0
- package/dist/index-DzcWh1Hs.d.cts +131 -0
- package/dist/index-DzcWh1Hs.d.ts +131 -0
- package/dist/index-TyK-Ldpy.d.cts +371 -0
- package/dist/index-ugj5s6a3.d.cts +95 -0
- package/dist/index-ugj5s6a3.d.ts +95 -0
- package/dist/index.cjs +6400 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +16 -0
- package/dist/index.d.ts +16 -0
- package/dist/index.js +21 -0
- package/dist/index.js.map +1 -0
- package/dist/layout/index.cjs +516 -0
- package/dist/layout/index.cjs.map +1 -0
- package/dist/layout/index.d.cts +4 -0
- package/dist/layout/index.d.ts +4 -0
- package/dist/layout/index.js +4 -0
- package/dist/layout/index.js.map +1 -0
- package/dist/layout/styles.css +8 -0
- package/dist/navigation/index.cjs +673 -0
- package/dist/navigation/index.cjs.map +1 -0
- package/dist/navigation/index.d.cts +2 -0
- package/dist/navigation/index.d.ts +2 -0
- package/dist/navigation/index.js +8 -0
- package/dist/navigation/index.js.map +1 -0
- package/dist/navigation/styles.css +4 -0
- package/dist/overlays/index.cjs +954 -0
- package/dist/overlays/index.cjs.map +1 -0
- package/dist/overlays/index.d.cts +4 -0
- package/dist/overlays/index.d.ts +4 -0
- package/dist/overlays/index.js +9 -0
- package/dist/overlays/index.js.map +1 -0
- package/dist/overlays/styles.css +8 -0
- package/dist/styles.css +333 -0
- package/dist/typography/index.cjs +311 -0
- package/dist/typography/index.cjs.map +1 -0
- package/dist/typography/index.d.cts +5 -0
- package/dist/typography/index.d.ts +5 -0
- package/dist/typography/index.js +6 -0
- package/dist/typography/index.js.map +1 -0
- package/dist/typography/styles.css +5 -0
- package/llms.txt +113 -0
- package/package.json +116 -0
- package/src/bento/BentoCard.tsx +140 -0
- package/src/bento/BentoGrid.tsx +50 -0
- package/src/bento/index.ts +2 -0
- package/src/bento/tokens.css +46 -0
- package/src/buttons/Button.tsx +104 -0
- package/src/buttons/ButtonGroup.tsx +43 -0
- package/src/buttons/IconButton.tsx +79 -0
- package/src/buttons/SplitButton.tsx +86 -0
- package/src/buttons/ToggleButton.tsx +157 -0
- package/src/buttons/index.ts +5 -0
- package/src/buttons/tokens.css +6 -0
- package/src/core/ThemeProvider.tsx +123 -0
- package/src/core/index.ts +2 -0
- package/src/core/tokens.css +128 -0
- package/src/data-display/Accordion.tsx +147 -0
- package/src/data-display/Avatar.tsx +134 -0
- package/src/data-display/Card.tsx +112 -0
- package/src/data-display/Carousel.tsx +130 -0
- package/src/data-display/Chip.tsx +74 -0
- package/src/data-display/DataTablePro.tsx +356 -0
- package/src/data-display/StatCard.tsx +60 -0
- package/src/data-display/Table.tsx +74 -0
- package/src/data-display/Timeline.tsx +62 -0
- package/src/data-display/TreeView.tsx +140 -0
- package/src/data-display/index.ts +10 -0
- package/src/data-display/tokens.css +4 -0
- package/src/feedback/Alert.tsx +80 -0
- package/src/feedback/EmptyState.tsx +45 -0
- package/src/feedback/ProgressBar.tsx +174 -0
- package/src/feedback/Skeleton.tsx +66 -0
- package/src/feedback/Spinner.tsx +65 -0
- package/src/feedback/index.ts +5 -0
- package/src/feedback/tokens.css +4 -0
- package/src/forms/Checkbox.tsx +69 -0
- package/src/forms/CheckboxGroup.tsx +29 -0
- package/src/forms/Combobox.tsx +368 -0
- package/src/forms/DatePicker.tsx +480 -0
- package/src/forms/FileUpload.tsx +222 -0
- package/src/forms/FormField.tsx +115 -0
- package/src/forms/Input.tsx +151 -0
- package/src/forms/MaskedInput.tsx +97 -0
- package/src/forms/NumberInput.tsx +248 -0
- package/src/forms/PasswordInput.tsx +35 -0
- package/src/forms/PinInput.tsx +125 -0
- package/src/forms/Radio.tsx +142 -0
- package/src/forms/RangeSlider.tsx +111 -0
- package/src/forms/SearchInput.tsx +34 -0
- package/src/forms/Select.tsx +103 -0
- package/src/forms/Slider.tsx +85 -0
- package/src/forms/Switch.tsx +95 -0
- package/src/forms/Textarea.tsx +114 -0
- package/src/forms/index.ts +18 -0
- package/src/forms/tokens.css +6 -0
- package/src/glass/GlassBadge.tsx +61 -0
- package/src/glass/GlassButton.tsx +59 -0
- package/src/glass/GlassCard.tsx +71 -0
- package/src/glass/index.ts +3 -0
- package/src/glass/tokens.css +81 -0
- package/src/index.ts +26 -0
- package/src/layout/AspectRatio.tsx +39 -0
- package/src/layout/Container.tsx +53 -0
- package/src/layout/Divider.tsx +61 -0
- package/src/layout/Flex.tsx +79 -0
- package/src/layout/Grid.tsx +124 -0
- package/src/layout/PageLayout.tsx +59 -0
- package/src/layout/ScrollArea.tsx +43 -0
- package/src/layout/Section.tsx +47 -0
- package/src/layout/Spacer.tsx +30 -0
- package/src/layout/Stack.tsx +88 -0
- package/src/layout/index.ts +10 -0
- package/src/layout/tokens.css +8 -0
- package/src/navigation/Breadcrumb.tsx +73 -0
- package/src/navigation/CommandPalette.tsx +142 -0
- package/src/navigation/DropdownMenu.tsx +160 -0
- package/src/navigation/Pagination.tsx +114 -0
- package/src/navigation/Stepper.tsx +93 -0
- package/src/navigation/Tabs.tsx +133 -0
- package/src/navigation/index.ts +6 -0
- package/src/navigation/tokens.css +4 -0
- package/src/overlays/AlertDialog.tsx +54 -0
- package/src/overlays/BottomSheet.tsx +123 -0
- package/src/overlays/ContextMenu.tsx +119 -0
- package/src/overlays/Drawer.tsx +145 -0
- package/src/overlays/FocusTrap.tsx +49 -0
- package/src/overlays/HoverCard.tsx +72 -0
- package/src/overlays/Modal.tsx +219 -0
- package/src/overlays/Popover.tsx +126 -0
- package/src/overlays/Portal.tsx +23 -0
- package/src/overlays/Toast.tsx +137 -0
- package/src/overlays/Tooltip.tsx +100 -0
- package/src/overlays/index.ts +11 -0
- package/src/overlays/tokens.css +8 -0
- package/src/styles/tokens.css +2 -0
- package/src/typography/Blockquote.tsx +32 -0
- package/src/typography/Code.tsx +89 -0
- package/src/typography/Heading.tsx +56 -0
- package/src/typography/Kbd.tsx +25 -0
- package/src/typography/Label.tsx +47 -0
- package/src/typography/Link.tsx +56 -0
- package/src/typography/Text.tsx +62 -0
- package/src/typography/index.ts +7 -0
- package/src/typography/tokens.css +5 -0
- package/src/utils/cn.ts +6 -0
- package/ui-contract.json +62 -0
|
@@ -0,0 +1,371 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import { a as LabelProps } from './Label-DWOlgSNW.js';
|
|
4
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
5
|
+
import { VariantProps } from 'class-variance-authority';
|
|
6
|
+
|
|
7
|
+
interface FormFieldContextValue {
|
|
8
|
+
id: string;
|
|
9
|
+
labelId: string;
|
|
10
|
+
descriptionId: string;
|
|
11
|
+
errorId: string;
|
|
12
|
+
isRequired?: boolean;
|
|
13
|
+
isInvalid?: boolean;
|
|
14
|
+
isDisabled?: boolean;
|
|
15
|
+
}
|
|
16
|
+
declare function useFormField(): FormFieldContextValue | null;
|
|
17
|
+
interface FormFieldProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
18
|
+
isRequired?: boolean;
|
|
19
|
+
isInvalid?: boolean;
|
|
20
|
+
isDisabled?: boolean;
|
|
21
|
+
}
|
|
22
|
+
declare const FormField: React__default.ForwardRefExoticComponent<FormFieldProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
23
|
+
declare const FormLabel: React__default.ForwardRefExoticComponent<LabelProps & React__default.RefAttributes<HTMLLabelElement>>;
|
|
24
|
+
declare const FormHelperText: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
|
|
25
|
+
declare const FormErrorMessage: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
|
|
26
|
+
|
|
27
|
+
declare const inputVariants: (props?: ({
|
|
28
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
29
|
+
variant?: "default" | "filled" | null | undefined;
|
|
30
|
+
isInvalid?: boolean | null | undefined;
|
|
31
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
32
|
+
interface InputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputVariants> {
|
|
33
|
+
prefixIcon?: React__default.ReactNode;
|
|
34
|
+
suffixIcon?: React__default.ReactNode;
|
|
35
|
+
clearable?: boolean;
|
|
36
|
+
onClear?: () => void;
|
|
37
|
+
}
|
|
38
|
+
declare const Input: React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
39
|
+
|
|
40
|
+
interface SearchInputProps extends Omit<InputProps, 'type' | 'prefixIcon'> {
|
|
41
|
+
shortcut?: string;
|
|
42
|
+
}
|
|
43
|
+
declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
44
|
+
|
|
45
|
+
interface PasswordInputProps extends Omit<InputProps, 'type' | 'suffixIcon'> {
|
|
46
|
+
showToggle?: boolean;
|
|
47
|
+
}
|
|
48
|
+
declare const PasswordInput: React__default.ForwardRefExoticComponent<PasswordInputProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
49
|
+
|
|
50
|
+
declare const textareaVariants: (props?: ({
|
|
51
|
+
variant?: "default" | "filled" | null | undefined;
|
|
52
|
+
isInvalid?: boolean | null | undefined;
|
|
53
|
+
resize?: "none" | "both" | "horizontal" | "vertical" | null | undefined;
|
|
54
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
55
|
+
interface TextareaProps extends React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof textareaVariants> {
|
|
56
|
+
autoResize?: boolean;
|
|
57
|
+
}
|
|
58
|
+
declare const Textarea: React__default.ForwardRefExoticComponent<TextareaProps & React__default.RefAttributes<HTMLTextAreaElement>>;
|
|
59
|
+
|
|
60
|
+
declare const selectVariants: (props?: ({
|
|
61
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
62
|
+
variant?: "default" | "filled" | null | undefined;
|
|
63
|
+
isInvalid?: boolean | null | undefined;
|
|
64
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
65
|
+
interface SelectOption {
|
|
66
|
+
value: string | number;
|
|
67
|
+
label: string;
|
|
68
|
+
disabled?: boolean;
|
|
69
|
+
}
|
|
70
|
+
interface SelectProps extends Omit<React__default.SelectHTMLAttributes<HTMLSelectElement>, 'size'>, VariantProps<typeof selectVariants> {
|
|
71
|
+
options?: SelectOption[];
|
|
72
|
+
placeholder?: string;
|
|
73
|
+
}
|
|
74
|
+
declare const Select: React__default.ForwardRefExoticComponent<SelectProps & React__default.RefAttributes<HTMLSelectElement>>;
|
|
75
|
+
|
|
76
|
+
declare const checkboxVariants: (props?: ({
|
|
77
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
78
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
79
|
+
interface CheckboxProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof checkboxVariants> {
|
|
80
|
+
indeterminate?: boolean;
|
|
81
|
+
label?: React__default.ReactNode;
|
|
82
|
+
}
|
|
83
|
+
declare const Checkbox: React__default.ForwardRefExoticComponent<CheckboxProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
84
|
+
|
|
85
|
+
interface CheckboxGroupProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
86
|
+
orientation?: 'horizontal' | 'vertical';
|
|
87
|
+
value?: string[];
|
|
88
|
+
onChange?: (value: string[]) => void;
|
|
89
|
+
}
|
|
90
|
+
declare const CheckboxGroup: React__default.ForwardRefExoticComponent<CheckboxGroupProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
91
|
+
|
|
92
|
+
declare const radioVariants: (props?: ({
|
|
93
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
94
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
95
|
+
interface RadioProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof radioVariants> {
|
|
96
|
+
label?: React__default.ReactNode;
|
|
97
|
+
value: string;
|
|
98
|
+
}
|
|
99
|
+
declare const Radio: React__default.ForwardRefExoticComponent<RadioProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
100
|
+
interface RadioGroupProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
101
|
+
name?: string;
|
|
102
|
+
value?: string;
|
|
103
|
+
defaultValue?: string;
|
|
104
|
+
onValueChange?: (value: string) => void;
|
|
105
|
+
orientation?: 'horizontal' | 'vertical';
|
|
106
|
+
disabled?: boolean;
|
|
107
|
+
}
|
|
108
|
+
declare const RadioGroup: React__default.ForwardRefExoticComponent<RadioGroupProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
109
|
+
|
|
110
|
+
declare const switchVariants: (props?: ({
|
|
111
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
112
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
113
|
+
declare const switchThumbVariants: (props?: ({
|
|
114
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
115
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
116
|
+
interface SwitchProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof switchVariants> {
|
|
117
|
+
label?: React__default.ReactNode;
|
|
118
|
+
checked?: boolean;
|
|
119
|
+
defaultChecked?: boolean;
|
|
120
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
121
|
+
}
|
|
122
|
+
declare const Switch: React__default.ForwardRefExoticComponent<SwitchProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
123
|
+
|
|
124
|
+
interface SliderProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'defaultValue'> {
|
|
125
|
+
value?: number;
|
|
126
|
+
defaultValue?: number;
|
|
127
|
+
min?: number;
|
|
128
|
+
max?: number;
|
|
129
|
+
step?: number;
|
|
130
|
+
showValue?: boolean;
|
|
131
|
+
formatValue?: (val: number) => string;
|
|
132
|
+
onChange?: (val: number) => void;
|
|
133
|
+
}
|
|
134
|
+
declare const Slider: React__default.ForwardRefExoticComponent<SliderProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
135
|
+
|
|
136
|
+
interface RangeSliderProps {
|
|
137
|
+
min?: number;
|
|
138
|
+
max?: number;
|
|
139
|
+
step?: number;
|
|
140
|
+
value?: [number, number];
|
|
141
|
+
defaultValue?: [number, number];
|
|
142
|
+
onChange?: (val: [number, number]) => void;
|
|
143
|
+
showValue?: boolean;
|
|
144
|
+
formatValue?: (val: number) => string;
|
|
145
|
+
className?: string;
|
|
146
|
+
disabled?: boolean;
|
|
147
|
+
}
|
|
148
|
+
declare const RangeSlider: React__default.ForwardRefExoticComponent<RangeSliderProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
149
|
+
|
|
150
|
+
interface PinInputProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
151
|
+
length?: number;
|
|
152
|
+
value?: string;
|
|
153
|
+
defaultValue?: string;
|
|
154
|
+
onChange?: (val: string) => void;
|
|
155
|
+
onComplete?: (val: string) => void;
|
|
156
|
+
mask?: boolean;
|
|
157
|
+
disabled?: boolean;
|
|
158
|
+
isInvalid?: boolean;
|
|
159
|
+
autoFocus?: boolean;
|
|
160
|
+
}
|
|
161
|
+
declare const PinInput: React__default.ForwardRefExoticComponent<PinInputProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
162
|
+
|
|
163
|
+
declare function formatDate(d: Date | null | undefined): string;
|
|
164
|
+
declare function formatDisplayDate(d: Date | null | undefined): string;
|
|
165
|
+
interface DatePickerProps {
|
|
166
|
+
value?: Date | null;
|
|
167
|
+
defaultValue?: Date | null;
|
|
168
|
+
onChange?: (date: Date | null) => void;
|
|
169
|
+
placeholder?: string;
|
|
170
|
+
minDate?: Date;
|
|
171
|
+
maxDate?: Date;
|
|
172
|
+
disabled?: boolean;
|
|
173
|
+
clearable?: boolean;
|
|
174
|
+
className?: string;
|
|
175
|
+
presets?: {
|
|
176
|
+
label: string;
|
|
177
|
+
date: Date;
|
|
178
|
+
}[];
|
|
179
|
+
}
|
|
180
|
+
declare const DatePicker: React__default.ForwardRefExoticComponent<DatePickerProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
181
|
+
interface DateRange {
|
|
182
|
+
from: Date | null;
|
|
183
|
+
to: Date | null;
|
|
184
|
+
}
|
|
185
|
+
interface DateRangePickerProps {
|
|
186
|
+
value?: DateRange;
|
|
187
|
+
defaultValue?: DateRange;
|
|
188
|
+
onChange?: (range: DateRange) => void;
|
|
189
|
+
placeholder?: string;
|
|
190
|
+
className?: string;
|
|
191
|
+
disabled?: boolean;
|
|
192
|
+
}
|
|
193
|
+
declare const DateRangePicker: React__default.ForwardRefExoticComponent<DateRangePickerProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
194
|
+
interface TimePickerProps {
|
|
195
|
+
value?: string;
|
|
196
|
+
defaultValue?: string;
|
|
197
|
+
onChange?: (time: string) => void;
|
|
198
|
+
format?: '12h' | '24h';
|
|
199
|
+
className?: string;
|
|
200
|
+
disabled?: boolean;
|
|
201
|
+
}
|
|
202
|
+
declare const TimePicker: React__default.ForwardRefExoticComponent<TimePickerProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
203
|
+
|
|
204
|
+
interface ComboboxOption {
|
|
205
|
+
value: string;
|
|
206
|
+
label: string;
|
|
207
|
+
description?: string;
|
|
208
|
+
icon?: React__default.ReactNode;
|
|
209
|
+
disabled?: boolean;
|
|
210
|
+
}
|
|
211
|
+
interface ComboboxProps {
|
|
212
|
+
options: ComboboxOption[];
|
|
213
|
+
value?: string;
|
|
214
|
+
defaultValue?: string;
|
|
215
|
+
onChange?: (val: string) => void;
|
|
216
|
+
placeholder?: string;
|
|
217
|
+
searchPlaceholder?: string;
|
|
218
|
+
emptyText?: string;
|
|
219
|
+
disabled?: boolean;
|
|
220
|
+
clearable?: boolean;
|
|
221
|
+
className?: string;
|
|
222
|
+
}
|
|
223
|
+
declare const Combobox: React__default.ForwardRefExoticComponent<ComboboxProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
224
|
+
interface MultiSelectProps {
|
|
225
|
+
options: ComboboxOption[];
|
|
226
|
+
value?: string[];
|
|
227
|
+
defaultValue?: string[];
|
|
228
|
+
onChange?: (val: string[]) => void;
|
|
229
|
+
placeholder?: string;
|
|
230
|
+
searchPlaceholder?: string;
|
|
231
|
+
maxCount?: number;
|
|
232
|
+
disabled?: boolean;
|
|
233
|
+
className?: string;
|
|
234
|
+
}
|
|
235
|
+
declare const MultiSelect: React__default.ForwardRefExoticComponent<MultiSelectProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
236
|
+
|
|
237
|
+
interface UploadedFile {
|
|
238
|
+
id: string;
|
|
239
|
+
file: File;
|
|
240
|
+
name: string;
|
|
241
|
+
size: number;
|
|
242
|
+
type: string;
|
|
243
|
+
progress?: number;
|
|
244
|
+
status?: 'pending' | 'uploading' | 'completed' | 'error';
|
|
245
|
+
previewUrl?: string;
|
|
246
|
+
errorMessage?: string;
|
|
247
|
+
}
|
|
248
|
+
interface FileUploadProps {
|
|
249
|
+
accept?: string;
|
|
250
|
+
maxSizeMB?: number;
|
|
251
|
+
multiple?: boolean;
|
|
252
|
+
maxFiles?: number;
|
|
253
|
+
disabled?: boolean;
|
|
254
|
+
onFilesSelected?: (files: File[]) => void;
|
|
255
|
+
onFileRemove?: (fileId: string) => void;
|
|
256
|
+
className?: string;
|
|
257
|
+
label?: string;
|
|
258
|
+
description?: string;
|
|
259
|
+
}
|
|
260
|
+
declare function formatFileSize(bytes: number): string;
|
|
261
|
+
declare const FileUpload: React__default.ForwardRefExoticComponent<FileUploadProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
262
|
+
|
|
263
|
+
interface NumberInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'defaultValue' | 'size'> {
|
|
264
|
+
value?: number;
|
|
265
|
+
defaultValue?: number;
|
|
266
|
+
onChange?: (val: number) => void;
|
|
267
|
+
min?: number;
|
|
268
|
+
max?: number;
|
|
269
|
+
step?: number;
|
|
270
|
+
precision?: number;
|
|
271
|
+
size?: 'sm' | 'md' | 'lg';
|
|
272
|
+
stepperPosition?: 'right' | 'split';
|
|
273
|
+
}
|
|
274
|
+
declare const NumberInput: React__default.ForwardRefExoticComponent<NumberInputProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
275
|
+
interface CurrencyInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'defaultValue'> {
|
|
276
|
+
value?: number;
|
|
277
|
+
defaultValue?: number;
|
|
278
|
+
onChange?: (val: number) => void;
|
|
279
|
+
currency?: 'USD' | 'VND' | 'EUR' | string;
|
|
280
|
+
currencySymbol?: string;
|
|
281
|
+
position?: 'prefix' | 'suffix';
|
|
282
|
+
}
|
|
283
|
+
declare function formatCurrencyString(val: number, separator?: string): string;
|
|
284
|
+
declare const CurrencyInput: React__default.ForwardRefExoticComponent<CurrencyInputProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
285
|
+
|
|
286
|
+
interface MaskedInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'defaultValue'> {
|
|
287
|
+
mask: string;
|
|
288
|
+
maskChar?: string;
|
|
289
|
+
value?: string;
|
|
290
|
+
defaultValue?: string;
|
|
291
|
+
onValueChange?: (unmasked: string, formatted: string) => void;
|
|
292
|
+
prefixIcon?: React__default.ReactNode;
|
|
293
|
+
suffixIcon?: React__default.ReactNode;
|
|
294
|
+
}
|
|
295
|
+
declare function applyMask(rawVal: string, mask: string, maskChar?: string): {
|
|
296
|
+
formatted: string;
|
|
297
|
+
unmasked: string;
|
|
298
|
+
};
|
|
299
|
+
declare const MaskedInput: React__default.ForwardRefExoticComponent<MaskedInputProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
300
|
+
|
|
301
|
+
declare const index_Checkbox: typeof Checkbox;
|
|
302
|
+
declare const index_CheckboxGroup: typeof CheckboxGroup;
|
|
303
|
+
type index_CheckboxGroupProps = CheckboxGroupProps;
|
|
304
|
+
type index_CheckboxProps = CheckboxProps;
|
|
305
|
+
declare const index_Combobox: typeof Combobox;
|
|
306
|
+
type index_ComboboxOption = ComboboxOption;
|
|
307
|
+
type index_ComboboxProps = ComboboxProps;
|
|
308
|
+
declare const index_CurrencyInput: typeof CurrencyInput;
|
|
309
|
+
type index_CurrencyInputProps = CurrencyInputProps;
|
|
310
|
+
declare const index_DatePicker: typeof DatePicker;
|
|
311
|
+
type index_DatePickerProps = DatePickerProps;
|
|
312
|
+
type index_DateRange = DateRange;
|
|
313
|
+
declare const index_DateRangePicker: typeof DateRangePicker;
|
|
314
|
+
type index_DateRangePickerProps = DateRangePickerProps;
|
|
315
|
+
declare const index_FileUpload: typeof FileUpload;
|
|
316
|
+
type index_FileUploadProps = FileUploadProps;
|
|
317
|
+
declare const index_FormErrorMessage: typeof FormErrorMessage;
|
|
318
|
+
declare const index_FormField: typeof FormField;
|
|
319
|
+
type index_FormFieldProps = FormFieldProps;
|
|
320
|
+
declare const index_FormHelperText: typeof FormHelperText;
|
|
321
|
+
declare const index_FormLabel: typeof FormLabel;
|
|
322
|
+
declare const index_Input: typeof Input;
|
|
323
|
+
type index_InputProps = InputProps;
|
|
324
|
+
declare const index_MaskedInput: typeof MaskedInput;
|
|
325
|
+
type index_MaskedInputProps = MaskedInputProps;
|
|
326
|
+
declare const index_MultiSelect: typeof MultiSelect;
|
|
327
|
+
type index_MultiSelectProps = MultiSelectProps;
|
|
328
|
+
declare const index_NumberInput: typeof NumberInput;
|
|
329
|
+
type index_NumberInputProps = NumberInputProps;
|
|
330
|
+
declare const index_PasswordInput: typeof PasswordInput;
|
|
331
|
+
type index_PasswordInputProps = PasswordInputProps;
|
|
332
|
+
declare const index_PinInput: typeof PinInput;
|
|
333
|
+
type index_PinInputProps = PinInputProps;
|
|
334
|
+
declare const index_Radio: typeof Radio;
|
|
335
|
+
declare const index_RadioGroup: typeof RadioGroup;
|
|
336
|
+
type index_RadioGroupProps = RadioGroupProps;
|
|
337
|
+
type index_RadioProps = RadioProps;
|
|
338
|
+
declare const index_RangeSlider: typeof RangeSlider;
|
|
339
|
+
type index_RangeSliderProps = RangeSliderProps;
|
|
340
|
+
declare const index_SearchInput: typeof SearchInput;
|
|
341
|
+
type index_SearchInputProps = SearchInputProps;
|
|
342
|
+
declare const index_Select: typeof Select;
|
|
343
|
+
type index_SelectOption = SelectOption;
|
|
344
|
+
type index_SelectProps = SelectProps;
|
|
345
|
+
declare const index_Slider: typeof Slider;
|
|
346
|
+
type index_SliderProps = SliderProps;
|
|
347
|
+
declare const index_Switch: typeof Switch;
|
|
348
|
+
type index_SwitchProps = SwitchProps;
|
|
349
|
+
declare const index_Textarea: typeof Textarea;
|
|
350
|
+
type index_TextareaProps = TextareaProps;
|
|
351
|
+
declare const index_TimePicker: typeof TimePicker;
|
|
352
|
+
type index_TimePickerProps = TimePickerProps;
|
|
353
|
+
type index_UploadedFile = UploadedFile;
|
|
354
|
+
declare const index_applyMask: typeof applyMask;
|
|
355
|
+
declare const index_checkboxVariants: typeof checkboxVariants;
|
|
356
|
+
declare const index_formatCurrencyString: typeof formatCurrencyString;
|
|
357
|
+
declare const index_formatDate: typeof formatDate;
|
|
358
|
+
declare const index_formatDisplayDate: typeof formatDisplayDate;
|
|
359
|
+
declare const index_formatFileSize: typeof formatFileSize;
|
|
360
|
+
declare const index_inputVariants: typeof inputVariants;
|
|
361
|
+
declare const index_radioVariants: typeof radioVariants;
|
|
362
|
+
declare const index_selectVariants: typeof selectVariants;
|
|
363
|
+
declare const index_switchThumbVariants: typeof switchThumbVariants;
|
|
364
|
+
declare const index_switchVariants: typeof switchVariants;
|
|
365
|
+
declare const index_textareaVariants: typeof textareaVariants;
|
|
366
|
+
declare const index_useFormField: typeof useFormField;
|
|
367
|
+
declare namespace index {
|
|
368
|
+
export { index_Checkbox as Checkbox, index_CheckboxGroup as CheckboxGroup, type index_CheckboxGroupProps as CheckboxGroupProps, type index_CheckboxProps as CheckboxProps, index_Combobox as Combobox, type index_ComboboxOption as ComboboxOption, type index_ComboboxProps as ComboboxProps, index_CurrencyInput as CurrencyInput, type index_CurrencyInputProps as CurrencyInputProps, index_DatePicker as DatePicker, type index_DatePickerProps as DatePickerProps, type index_DateRange as DateRange, index_DateRangePicker as DateRangePicker, type index_DateRangePickerProps as DateRangePickerProps, index_FileUpload as FileUpload, type index_FileUploadProps as FileUploadProps, index_FormErrorMessage as FormErrorMessage, index_FormField as FormField, type index_FormFieldProps as FormFieldProps, index_FormHelperText as FormHelperText, index_FormLabel as FormLabel, index_Input as Input, type index_InputProps as InputProps, index_MaskedInput as MaskedInput, type index_MaskedInputProps as MaskedInputProps, index_MultiSelect as MultiSelect, type index_MultiSelectProps as MultiSelectProps, index_NumberInput as NumberInput, type index_NumberInputProps as NumberInputProps, index_PasswordInput as PasswordInput, type index_PasswordInputProps as PasswordInputProps, index_PinInput as PinInput, type index_PinInputProps as PinInputProps, index_Radio as Radio, index_RadioGroup as RadioGroup, type index_RadioGroupProps as RadioGroupProps, type index_RadioProps as RadioProps, index_RangeSlider as RangeSlider, type index_RangeSliderProps as RangeSliderProps, index_SearchInput as SearchInput, type index_SearchInputProps as SearchInputProps, index_Select as Select, type index_SelectOption as SelectOption, type index_SelectProps as SelectProps, index_Slider as Slider, type index_SliderProps as SliderProps, index_Switch as Switch, type index_SwitchProps as SwitchProps, index_Textarea as Textarea, type index_TextareaProps as TextareaProps, index_TimePicker as TimePicker, type index_TimePickerProps as TimePickerProps, type index_UploadedFile as UploadedFile, index_applyMask as applyMask, index_checkboxVariants as checkboxVariants, index_formatCurrencyString as formatCurrencyString, index_formatDate as formatDate, index_formatDisplayDate as formatDisplayDate, index_formatFileSize as formatFileSize, index_inputVariants as inputVariants, index_radioVariants as radioVariants, index_selectVariants as selectVariants, index_switchThumbVariants as switchThumbVariants, index_switchVariants as switchVariants, index_textareaVariants as textareaVariants, index_useFormField as useFormField };
|
|
369
|
+
}
|
|
370
|
+
|
|
371
|
+
export { type UploadedFile as $, type PinInputProps as A, RadioGroup as B, Checkbox as C, DatePicker as D, type RadioGroupProps as E, FileUpload as F, type RadioProps as G, RangeSlider as H, Input as I, type RangeSliderProps as J, type SearchInputProps as K, Select as L, MaskedInput as M, NumberInput as N, type SelectOption as O, PasswordInput as P, type SelectProps as Q, Radio as R, SearchInput as S, Slider as T, type SliderProps as U, Switch as V, type SwitchProps as W, Textarea as X, type TextareaProps as Y, TimePicker as Z, type TimePickerProps as _, CheckboxGroup as a, applyMask as a0, checkboxVariants as a1, formatCurrencyString as a2, formatDate as a3, formatDisplayDate as a4, formatFileSize as a5, inputVariants as a6, radioVariants as a7, selectVariants as a8, switchThumbVariants as a9, switchVariants as aa, textareaVariants as ab, useFormField as ac, type CheckboxGroupProps as b, type CheckboxProps as c, Combobox as d, type ComboboxOption as e, type ComboboxProps as f, CurrencyInput as g, type CurrencyInputProps as h, type DatePickerProps as i, type DateRange as j, DateRangePicker as k, type DateRangePickerProps as l, type FileUploadProps as m, FormErrorMessage as n, FormField as o, type FormFieldProps as p, FormHelperText as q, FormLabel as r, index as s, type InputProps as t, type MaskedInputProps as u, MultiSelect as v, type MultiSelectProps as w, type NumberInputProps as x, type PasswordInputProps as y, PinInput as z };
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import { VariantProps } from 'class-variance-authority';
|
|
4
|
+
|
|
5
|
+
declare const buttonVariants: (props?: ({
|
|
6
|
+
variant?: "link" | "primary" | "secondary" | "outline" | "ghost" | "danger" | "glass" | null | undefined;
|
|
7
|
+
size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
|
|
8
|
+
fullWidth?: boolean | null | undefined;
|
|
9
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
10
|
+
interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
11
|
+
loading?: boolean;
|
|
12
|
+
loadingText?: string;
|
|
13
|
+
leftIcon?: React__default.ReactNode;
|
|
14
|
+
rightIcon?: React__default.ReactNode;
|
|
15
|
+
}
|
|
16
|
+
declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
17
|
+
|
|
18
|
+
declare const iconButtonVariants: (props?: ({
|
|
19
|
+
variant?: "primary" | "secondary" | "outline" | "ghost" | "danger" | null | undefined;
|
|
20
|
+
size?: "sm" | "md" | "lg" | "xs" | null | undefined;
|
|
21
|
+
shape?: "circle" | "rounded" | null | undefined;
|
|
22
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
23
|
+
interface IconButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButtonVariants> {
|
|
24
|
+
'aria-label': string;
|
|
25
|
+
icon?: React__default.ReactNode;
|
|
26
|
+
loading?: boolean;
|
|
27
|
+
}
|
|
28
|
+
declare const IconButton: React__default.ForwardRefExoticComponent<IconButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
29
|
+
|
|
30
|
+
declare const buttonGroupVariants: (props?: ({
|
|
31
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
32
|
+
attached?: boolean | null | undefined;
|
|
33
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
34
|
+
interface ButtonGroupProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof buttonGroupVariants> {
|
|
35
|
+
}
|
|
36
|
+
declare const ButtonGroup: React__default.ForwardRefExoticComponent<ButtonGroupProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
37
|
+
|
|
38
|
+
declare const toggleVariants: (props?: ({
|
|
39
|
+
variant?: "default" | "outline" | null | undefined;
|
|
40
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
41
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
42
|
+
interface ToggleButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof toggleVariants> {
|
|
43
|
+
pressed?: boolean;
|
|
44
|
+
value?: string;
|
|
45
|
+
}
|
|
46
|
+
declare const ToggleButton: React__default.ForwardRefExoticComponent<ToggleButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
47
|
+
interface ToggleGroupProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
48
|
+
type?: 'single' | 'multiple';
|
|
49
|
+
value?: string | string[];
|
|
50
|
+
defaultValue?: string | string[];
|
|
51
|
+
onValueChange?: (value: any) => void;
|
|
52
|
+
variant?: 'default' | 'outline';
|
|
53
|
+
size?: 'sm' | 'md' | 'lg';
|
|
54
|
+
}
|
|
55
|
+
declare const ToggleGroup: React__default.ForwardRefExoticComponent<ToggleGroupProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
56
|
+
|
|
57
|
+
interface SplitButtonItem {
|
|
58
|
+
label: React__default.ReactNode;
|
|
59
|
+
icon?: React__default.ReactNode;
|
|
60
|
+
onClick: () => void;
|
|
61
|
+
disabled?: boolean;
|
|
62
|
+
}
|
|
63
|
+
interface SplitButtonProps extends Omit<ButtonProps, 'onClick'> {
|
|
64
|
+
items: SplitButtonItem[];
|
|
65
|
+
onMainClick?: () => void;
|
|
66
|
+
}
|
|
67
|
+
declare const SplitButton: React__default.ForwardRefExoticComponent<SplitButtonProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
68
|
+
|
|
69
|
+
declare const index_Button: typeof Button;
|
|
70
|
+
declare const index_ButtonGroup: typeof ButtonGroup;
|
|
71
|
+
type index_ButtonGroupProps = ButtonGroupProps;
|
|
72
|
+
type index_ButtonProps = ButtonProps;
|
|
73
|
+
declare const index_IconButton: typeof IconButton;
|
|
74
|
+
type index_IconButtonProps = IconButtonProps;
|
|
75
|
+
declare const index_SplitButton: typeof SplitButton;
|
|
76
|
+
type index_SplitButtonItem = SplitButtonItem;
|
|
77
|
+
type index_SplitButtonProps = SplitButtonProps;
|
|
78
|
+
declare const index_ToggleButton: typeof ToggleButton;
|
|
79
|
+
type index_ToggleButtonProps = ToggleButtonProps;
|
|
80
|
+
declare const index_ToggleGroup: typeof ToggleGroup;
|
|
81
|
+
type index_ToggleGroupProps = ToggleGroupProps;
|
|
82
|
+
declare const index_buttonGroupVariants: typeof buttonGroupVariants;
|
|
83
|
+
declare const index_buttonVariants: typeof buttonVariants;
|
|
84
|
+
declare const index_iconButtonVariants: typeof iconButtonVariants;
|
|
85
|
+
declare const index_toggleVariants: typeof toggleVariants;
|
|
86
|
+
declare namespace index {
|
|
87
|
+
export { index_Button as Button, index_ButtonGroup as ButtonGroup, type index_ButtonGroupProps as ButtonGroupProps, type index_ButtonProps as ButtonProps, index_IconButton as IconButton, type index_IconButtonProps as IconButtonProps, index_SplitButton as SplitButton, type index_SplitButtonItem as SplitButtonItem, type index_SplitButtonProps as SplitButtonProps, index_ToggleButton as ToggleButton, type index_ToggleButtonProps as ToggleButtonProps, index_ToggleGroup as ToggleGroup, type index_ToggleGroupProps as ToggleGroupProps, index_buttonGroupVariants as buttonGroupVariants, index_buttonVariants as buttonVariants, index_iconButtonVariants as iconButtonVariants, index_toggleVariants as toggleVariants };
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
export { Button as B, IconButton as I, SplitButton as S, ToggleButton as T, ButtonGroup as a, type ButtonGroupProps as b, type ButtonProps as c, type IconButtonProps as d, type SplitButtonItem as e, type SplitButtonProps as f, type ToggleButtonProps as g, ToggleGroup as h, index as i, type ToggleGroupProps as j, buttonGroupVariants as k, buttonVariants as l, iconButtonVariants as m, toggleVariants as t };
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import { VariantProps } from 'class-variance-authority';
|
|
4
|
+
|
|
5
|
+
declare const buttonVariants: (props?: ({
|
|
6
|
+
variant?: "link" | "primary" | "secondary" | "outline" | "ghost" | "danger" | "glass" | null | undefined;
|
|
7
|
+
size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
|
|
8
|
+
fullWidth?: boolean | null | undefined;
|
|
9
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
10
|
+
interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
11
|
+
loading?: boolean;
|
|
12
|
+
loadingText?: string;
|
|
13
|
+
leftIcon?: React__default.ReactNode;
|
|
14
|
+
rightIcon?: React__default.ReactNode;
|
|
15
|
+
}
|
|
16
|
+
declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
17
|
+
|
|
18
|
+
declare const iconButtonVariants: (props?: ({
|
|
19
|
+
variant?: "primary" | "secondary" | "outline" | "ghost" | "danger" | null | undefined;
|
|
20
|
+
size?: "sm" | "md" | "lg" | "xs" | null | undefined;
|
|
21
|
+
shape?: "circle" | "rounded" | null | undefined;
|
|
22
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
23
|
+
interface IconButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButtonVariants> {
|
|
24
|
+
'aria-label': string;
|
|
25
|
+
icon?: React__default.ReactNode;
|
|
26
|
+
loading?: boolean;
|
|
27
|
+
}
|
|
28
|
+
declare const IconButton: React__default.ForwardRefExoticComponent<IconButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
29
|
+
|
|
30
|
+
declare const buttonGroupVariants: (props?: ({
|
|
31
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
32
|
+
attached?: boolean | null | undefined;
|
|
33
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
34
|
+
interface ButtonGroupProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof buttonGroupVariants> {
|
|
35
|
+
}
|
|
36
|
+
declare const ButtonGroup: React__default.ForwardRefExoticComponent<ButtonGroupProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
37
|
+
|
|
38
|
+
declare const toggleVariants: (props?: ({
|
|
39
|
+
variant?: "default" | "outline" | null | undefined;
|
|
40
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
41
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
42
|
+
interface ToggleButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof toggleVariants> {
|
|
43
|
+
pressed?: boolean;
|
|
44
|
+
value?: string;
|
|
45
|
+
}
|
|
46
|
+
declare const ToggleButton: React__default.ForwardRefExoticComponent<ToggleButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
47
|
+
interface ToggleGroupProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
48
|
+
type?: 'single' | 'multiple';
|
|
49
|
+
value?: string | string[];
|
|
50
|
+
defaultValue?: string | string[];
|
|
51
|
+
onValueChange?: (value: any) => void;
|
|
52
|
+
variant?: 'default' | 'outline';
|
|
53
|
+
size?: 'sm' | 'md' | 'lg';
|
|
54
|
+
}
|
|
55
|
+
declare const ToggleGroup: React__default.ForwardRefExoticComponent<ToggleGroupProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
56
|
+
|
|
57
|
+
interface SplitButtonItem {
|
|
58
|
+
label: React__default.ReactNode;
|
|
59
|
+
icon?: React__default.ReactNode;
|
|
60
|
+
onClick: () => void;
|
|
61
|
+
disabled?: boolean;
|
|
62
|
+
}
|
|
63
|
+
interface SplitButtonProps extends Omit<ButtonProps, 'onClick'> {
|
|
64
|
+
items: SplitButtonItem[];
|
|
65
|
+
onMainClick?: () => void;
|
|
66
|
+
}
|
|
67
|
+
declare const SplitButton: React__default.ForwardRefExoticComponent<SplitButtonProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
68
|
+
|
|
69
|
+
declare const index_Button: typeof Button;
|
|
70
|
+
declare const index_ButtonGroup: typeof ButtonGroup;
|
|
71
|
+
type index_ButtonGroupProps = ButtonGroupProps;
|
|
72
|
+
type index_ButtonProps = ButtonProps;
|
|
73
|
+
declare const index_IconButton: typeof IconButton;
|
|
74
|
+
type index_IconButtonProps = IconButtonProps;
|
|
75
|
+
declare const index_SplitButton: typeof SplitButton;
|
|
76
|
+
type index_SplitButtonItem = SplitButtonItem;
|
|
77
|
+
type index_SplitButtonProps = SplitButtonProps;
|
|
78
|
+
declare const index_ToggleButton: typeof ToggleButton;
|
|
79
|
+
type index_ToggleButtonProps = ToggleButtonProps;
|
|
80
|
+
declare const index_ToggleGroup: typeof ToggleGroup;
|
|
81
|
+
type index_ToggleGroupProps = ToggleGroupProps;
|
|
82
|
+
declare const index_buttonGroupVariants: typeof buttonGroupVariants;
|
|
83
|
+
declare const index_buttonVariants: typeof buttonVariants;
|
|
84
|
+
declare const index_iconButtonVariants: typeof iconButtonVariants;
|
|
85
|
+
declare const index_toggleVariants: typeof toggleVariants;
|
|
86
|
+
declare namespace index {
|
|
87
|
+
export { index_Button as Button, index_ButtonGroup as ButtonGroup, type index_ButtonGroupProps as ButtonGroupProps, type index_ButtonProps as ButtonProps, index_IconButton as IconButton, type index_IconButtonProps as IconButtonProps, index_SplitButton as SplitButton, type index_SplitButtonItem as SplitButtonItem, type index_SplitButtonProps as SplitButtonProps, index_ToggleButton as ToggleButton, type index_ToggleButtonProps as ToggleButtonProps, index_ToggleGroup as ToggleGroup, type index_ToggleGroupProps as ToggleGroupProps, index_buttonGroupVariants as buttonGroupVariants, index_buttonVariants as buttonVariants, index_iconButtonVariants as iconButtonVariants, index_toggleVariants as toggleVariants };
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
export { Button as B, IconButton as I, SplitButton as S, ToggleButton as T, ButtonGroup as a, type ButtonGroupProps as b, type ButtonProps as c, type IconButtonProps as d, type SplitButtonItem as e, type SplitButtonProps as f, type ToggleButtonProps as g, ToggleGroup as h, index as i, type ToggleGroupProps as j, buttonGroupVariants as k, buttonVariants as l, iconButtonVariants as m, toggleVariants as t };
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import { VariantProps } from 'class-variance-authority';
|
|
4
|
+
import { L as Label, a as LabelProps, l as labelVariants } from './Label-DWOlgSNW.js';
|
|
5
|
+
|
|
6
|
+
declare const headingVariants: (props?: ({
|
|
7
|
+
size?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | null | undefined;
|
|
8
|
+
weight?: "bold" | "normal" | "medium" | "semibold" | "extrabold" | null | undefined;
|
|
9
|
+
align?: "center" | "left" | "right" | null | undefined;
|
|
10
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
11
|
+
interface HeadingProps extends React__default.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof headingVariants> {
|
|
12
|
+
as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'span';
|
|
13
|
+
}
|
|
14
|
+
declare const Heading: React__default.ForwardRefExoticComponent<HeadingProps & React__default.RefAttributes<HTMLHeadingElement>>;
|
|
15
|
+
|
|
16
|
+
declare const textVariants: (props?: ({
|
|
17
|
+
variant?: "small" | "body" | "caption" | "muted" | "lead" | "destructive" | "success" | null | undefined;
|
|
18
|
+
weight?: "light" | "bold" | "normal" | "medium" | "semibold" | null | undefined;
|
|
19
|
+
align?: "center" | "justify" | "left" | "right" | null | undefined;
|
|
20
|
+
truncate?: boolean | null | undefined;
|
|
21
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
22
|
+
interface TextProps extends React__default.HTMLAttributes<HTMLElement>, VariantProps<typeof textVariants> {
|
|
23
|
+
as?: React__default.ElementType;
|
|
24
|
+
}
|
|
25
|
+
declare const Text: React__default.ForwardRefExoticComponent<TextProps & React__default.RefAttributes<HTMLElement>>;
|
|
26
|
+
|
|
27
|
+
declare const linkVariants: (props?: ({
|
|
28
|
+
underline?: "none" | "always" | "hover" | null | undefined;
|
|
29
|
+
variant?: "muted" | "primary" | "secondary" | null | undefined;
|
|
30
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
31
|
+
interface LinkProps extends React__default.AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof linkVariants> {
|
|
32
|
+
external?: boolean;
|
|
33
|
+
showExternalIcon?: boolean;
|
|
34
|
+
}
|
|
35
|
+
declare const Link: React__default.ForwardRefExoticComponent<LinkProps & React__default.RefAttributes<HTMLAnchorElement>>;
|
|
36
|
+
|
|
37
|
+
interface CodeProps extends React__default.HTMLAttributes<HTMLElement> {
|
|
38
|
+
children?: React__default.ReactNode;
|
|
39
|
+
}
|
|
40
|
+
declare const Code: React__default.ForwardRefExoticComponent<CodeProps & React__default.RefAttributes<HTMLElement>>;
|
|
41
|
+
interface CodeBlockProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
42
|
+
code: string;
|
|
43
|
+
language?: string;
|
|
44
|
+
copyable?: boolean;
|
|
45
|
+
}
|
|
46
|
+
declare const CodeBlock: React__default.ForwardRefExoticComponent<CodeBlockProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
47
|
+
|
|
48
|
+
interface BlockquoteProps extends React__default.BlockquoteHTMLAttributes<HTMLQuoteElement> {
|
|
49
|
+
citeAuthor?: string;
|
|
50
|
+
citeSource?: string;
|
|
51
|
+
}
|
|
52
|
+
declare const Blockquote: React__default.ForwardRefExoticComponent<BlockquoteProps & React__default.RefAttributes<HTMLQuoteElement>>;
|
|
53
|
+
|
|
54
|
+
interface KbdProps extends React__default.HTMLAttributes<HTMLElement> {
|
|
55
|
+
children?: React__default.ReactNode;
|
|
56
|
+
}
|
|
57
|
+
declare const Kbd: React__default.ForwardRefExoticComponent<KbdProps & React__default.RefAttributes<HTMLElement>>;
|
|
58
|
+
|
|
59
|
+
declare const index_Blockquote: typeof Blockquote;
|
|
60
|
+
type index_BlockquoteProps = BlockquoteProps;
|
|
61
|
+
declare const index_Code: typeof Code;
|
|
62
|
+
declare const index_CodeBlock: typeof CodeBlock;
|
|
63
|
+
type index_CodeBlockProps = CodeBlockProps;
|
|
64
|
+
type index_CodeProps = CodeProps;
|
|
65
|
+
declare const index_Heading: typeof Heading;
|
|
66
|
+
type index_HeadingProps = HeadingProps;
|
|
67
|
+
declare const index_Kbd: typeof Kbd;
|
|
68
|
+
type index_KbdProps = KbdProps;
|
|
69
|
+
declare const index_Label: typeof Label;
|
|
70
|
+
declare const index_LabelProps: typeof LabelProps;
|
|
71
|
+
declare const index_Link: typeof Link;
|
|
72
|
+
type index_LinkProps = LinkProps;
|
|
73
|
+
declare const index_Text: typeof Text;
|
|
74
|
+
type index_TextProps = TextProps;
|
|
75
|
+
declare const index_headingVariants: typeof headingVariants;
|
|
76
|
+
declare const index_labelVariants: typeof labelVariants;
|
|
77
|
+
declare const index_linkVariants: typeof linkVariants;
|
|
78
|
+
declare const index_textVariants: typeof textVariants;
|
|
79
|
+
declare namespace index {
|
|
80
|
+
export { index_Blockquote as Blockquote, type index_BlockquoteProps as BlockquoteProps, index_Code as Code, index_CodeBlock as CodeBlock, type index_CodeBlockProps as CodeBlockProps, type index_CodeProps as CodeProps, index_Heading as Heading, type index_HeadingProps as HeadingProps, index_Kbd as Kbd, type index_KbdProps as KbdProps, index_Label as Label, index_LabelProps as LabelProps, index_Link as Link, type index_LinkProps as LinkProps, index_Text as Text, type index_TextProps as TextProps, index_headingVariants as headingVariants, index_labelVariants as labelVariants, index_linkVariants as linkVariants, index_textVariants as textVariants };
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
export { Blockquote as B, Code as C, Heading as H, Kbd as K, Link as L, Text as T, type BlockquoteProps as a, CodeBlock as b, type CodeBlockProps as c, type CodeProps as d, type HeadingProps as e, type KbdProps as f, type LinkProps as g, type TextProps as h, index as i, headingVariants as j, linkVariants as l, textVariants as t };
|