@komensal/ui 0.6.4 → 0.8.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/dist/index.d.ts +95 -120
- package/dist/index.js +187 -342
- package/dist/index.js.map +1 -1
- package/dist/locales/index.d.ts +0 -3
- package/dist/locales/index.js +0 -3
- package/dist/locales/index.js.map +1 -1
- package/package.json +7 -8
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as React
|
|
1
|
+
import * as React from 'react';
|
|
2
2
|
import React__default, { ReactNode, JSX } from 'react';
|
|
3
3
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
4
4
|
import { VariantProps } from 'class-variance-authority';
|
|
@@ -9,50 +9,51 @@ import { FieldValues, FieldPath, ControllerProps, Control, Path, FieldError, Noo
|
|
|
9
9
|
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
10
10
|
import { OTPInput } from 'input-otp';
|
|
11
11
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
12
|
-
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
13
12
|
import { $NormalizeIntoArray } from './typescript/helpers.js';
|
|
14
13
|
import { DefaultNamespace, FlatNamespace, InitOptions, InterpolationOptions, Resource, FormatFunction, ResourceKey, ResourceLanguage, TOptions, Namespace, TypeOptions } from './typescript/options.js';
|
|
15
14
|
import { TFunction, SelectorKey, KeyPrefixSelector, KeyPrefix } from './typescript/t.js';
|
|
16
15
|
import { ClassValue } from 'clsx';
|
|
17
16
|
|
|
18
|
-
interface AlertProps extends React
|
|
17
|
+
interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
19
18
|
variant?: AlertVariant;
|
|
20
19
|
}
|
|
21
|
-
type AlertVariant = '
|
|
22
|
-
declare const Alert: ({ children, className, variant, ...props }: AlertProps) => React
|
|
20
|
+
type AlertVariant = 'destructive' | 'info' | 'success' | 'warning';
|
|
21
|
+
declare const Alert: ({ children, className, variant, ...props }: AlertProps) => React.JSX.Element;
|
|
23
22
|
|
|
24
23
|
interface AuthHeaderProps {
|
|
25
24
|
children?: ReactNode;
|
|
25
|
+
desktopLogoSrc?: string;
|
|
26
26
|
logoAlt: string;
|
|
27
27
|
mobileClassName?: string;
|
|
28
|
+
mobileLogoSrc?: string;
|
|
28
29
|
}
|
|
29
|
-
declare const AuthHeader: ({ children, logoAlt, mobileClassName }: AuthHeaderProps) => React
|
|
30
|
+
declare const AuthHeader: ({ children, desktopLogoSrc, logoAlt, mobileClassName, mobileLogoSrc }: AuthHeaderProps) => React.JSX.Element;
|
|
30
31
|
|
|
31
32
|
declare const buttonVariants: (props?: ({
|
|
32
33
|
hoverStyle?: "none" | "highlight" | "shine" | null | undefined;
|
|
33
34
|
size?: "lg" | "sm" | "default" | "icon" | null | undefined;
|
|
34
|
-
variant?: "
|
|
35
|
+
variant?: "destructive" | "link" | "primary" | "ghost" | "invisible" | "outline" | "subtle" | "tertiary" | "underline" | null | undefined;
|
|
35
36
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
36
|
-
interface ButtonProps extends React
|
|
37
|
+
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
37
38
|
asChild?: boolean;
|
|
38
39
|
childrenClassName?: string;
|
|
39
40
|
hoverStyle?: 'highlight' | 'none' | 'shine';
|
|
40
|
-
icon?: React
|
|
41
|
-
iconLeft?: React
|
|
42
|
-
iconRight?: React
|
|
41
|
+
icon?: React.ReactNode;
|
|
42
|
+
iconLeft?: React.ReactNode;
|
|
43
|
+
iconRight?: React.ReactNode;
|
|
43
44
|
isLoading?: boolean;
|
|
44
45
|
sideTooltip?: 'bottom' | 'left' | 'right' | 'top';
|
|
45
46
|
tooltip?: string;
|
|
46
47
|
}
|
|
47
|
-
declare const Button: React
|
|
48
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
48
49
|
|
|
49
|
-
declare const Command: React
|
|
50
|
-
children?: React
|
|
51
|
-
} & Pick<Pick<React
|
|
52
|
-
ref?: React
|
|
50
|
+
declare const Command: React.ForwardRefExoticComponent<Omit<{
|
|
51
|
+
children?: React.ReactNode;
|
|
52
|
+
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
53
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
53
54
|
} & {
|
|
54
55
|
asChild?: boolean;
|
|
55
|
-
}, "key" | keyof React
|
|
56
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
56
57
|
label?: string;
|
|
57
58
|
shouldFilter?: boolean;
|
|
58
59
|
filter?: (value: string, search: string, keywords?: string[]) => number;
|
|
@@ -62,97 +63,97 @@ declare const Command: React$1.ForwardRefExoticComponent<Omit<{
|
|
|
62
63
|
loop?: boolean;
|
|
63
64
|
disablePointerSelection?: boolean;
|
|
64
65
|
vimBindings?: boolean;
|
|
65
|
-
} & React
|
|
66
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
66
67
|
type CommandDialogProps = DialogProps;
|
|
67
|
-
declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => React
|
|
68
|
-
declare const CommandInput: React
|
|
69
|
-
ref?: React
|
|
68
|
+
declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => React.JSX.Element;
|
|
69
|
+
declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
|
|
70
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
70
71
|
} & {
|
|
71
72
|
asChild?: boolean;
|
|
72
|
-
}, "key" | "asChild" | keyof React
|
|
73
|
+
}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "onChange" | "value"> & {
|
|
73
74
|
value?: string;
|
|
74
75
|
onValueChange?: (search: string) => void;
|
|
75
|
-
} & React
|
|
76
|
-
declare const CommandList: React
|
|
77
|
-
children?: React
|
|
78
|
-
} & Pick<Pick<React
|
|
79
|
-
ref?: React
|
|
76
|
+
} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
77
|
+
declare const CommandList: React.ForwardRefExoticComponent<Omit<{
|
|
78
|
+
children?: React.ReactNode;
|
|
79
|
+
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
80
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
80
81
|
} & {
|
|
81
82
|
asChild?: boolean;
|
|
82
|
-
}, "key" | keyof React
|
|
83
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
83
84
|
label?: string;
|
|
84
|
-
} & React
|
|
85
|
-
declare const CommandEmpty: React
|
|
86
|
-
children?: React
|
|
87
|
-
} & Pick<Pick<React
|
|
88
|
-
ref?: React
|
|
85
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
86
|
+
declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
|
|
87
|
+
children?: React.ReactNode;
|
|
88
|
+
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
89
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
89
90
|
} & {
|
|
90
91
|
asChild?: boolean;
|
|
91
|
-
}, "key" | keyof React
|
|
92
|
-
declare const CommandGroup: React
|
|
93
|
-
children?: React
|
|
94
|
-
} & Omit<Pick<Pick<React
|
|
95
|
-
ref?: React
|
|
92
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
93
|
+
declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
|
|
94
|
+
children?: React.ReactNode;
|
|
95
|
+
} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
96
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
96
97
|
} & {
|
|
97
98
|
asChild?: boolean;
|
|
98
|
-
}, "key" | keyof React
|
|
99
|
-
heading?: React
|
|
99
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
|
|
100
|
+
heading?: React.ReactNode;
|
|
100
101
|
value?: string;
|
|
101
102
|
forceMount?: boolean;
|
|
102
|
-
} & React
|
|
103
|
-
declare const CommandSeparator: React
|
|
104
|
-
ref?: React
|
|
103
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
104
|
+
declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
105
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
105
106
|
} & {
|
|
106
107
|
asChild?: boolean;
|
|
107
|
-
}, "key" | keyof React
|
|
108
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
108
109
|
alwaysRender?: boolean;
|
|
109
|
-
} & React
|
|
110
|
-
declare const CommandItem: React
|
|
111
|
-
children?: React
|
|
112
|
-
} & Omit<Pick<Pick<React
|
|
113
|
-
ref?: React
|
|
110
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
111
|
+
declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
|
|
112
|
+
children?: React.ReactNode;
|
|
113
|
+
} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
114
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
114
115
|
} & {
|
|
115
116
|
asChild?: boolean;
|
|
116
|
-
}, "key" | keyof React
|
|
117
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
|
|
117
118
|
disabled?: boolean;
|
|
118
119
|
onSelect?: (value: string) => void;
|
|
119
120
|
value?: string;
|
|
120
121
|
keywords?: string[];
|
|
121
122
|
forceMount?: boolean;
|
|
122
|
-
} & React
|
|
123
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
123
124
|
declare const CommandShortcut: {
|
|
124
|
-
({ className, ...props }: React
|
|
125
|
+
({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
|
|
125
126
|
displayName: string;
|
|
126
127
|
};
|
|
127
128
|
|
|
128
|
-
declare const Dialog: React
|
|
129
|
-
declare const DialogTrigger: React
|
|
130
|
-
declare const DialogPortal: React
|
|
131
|
-
declare const DialogClose: React
|
|
132
|
-
declare const DialogOverlay: React
|
|
129
|
+
declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
|
|
130
|
+
declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
131
|
+
declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
|
|
132
|
+
declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
133
|
+
declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
133
134
|
isAbsolute?: boolean;
|
|
134
|
-
} & React
|
|
135
|
-
interface DialogContentProps extends React
|
|
135
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
136
|
+
interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
|
|
136
137
|
closeLabel?: string;
|
|
137
138
|
container?: HTMLElement | null;
|
|
138
139
|
isAbsolute?: boolean;
|
|
139
140
|
isCloseIcon?: boolean;
|
|
140
141
|
overlayClassName?: string;
|
|
141
142
|
}
|
|
142
|
-
declare const DialogContent: React
|
|
143
|
+
declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
143
144
|
declare const DialogHeader: {
|
|
144
|
-
({ className, ...props }: React
|
|
145
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
145
146
|
displayName: string;
|
|
146
147
|
};
|
|
147
148
|
declare const DialogFooter: {
|
|
148
|
-
({ className, ...props }: React
|
|
149
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
149
150
|
displayName: string;
|
|
150
151
|
};
|
|
151
|
-
declare const DialogTitle: React
|
|
152
|
-
declare const DialogDescription: React
|
|
152
|
+
declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
153
|
+
declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
153
154
|
|
|
154
|
-
declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, handleSubmit, unregister, control, register, setFocus, subscribe, }: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React
|
|
155
|
-
declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React
|
|
155
|
+
declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, handleSubmit, unregister, control, register, setFocus, subscribe, }: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
|
|
156
|
+
declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React.JSX.Element;
|
|
156
157
|
declare const useFormField: () => {
|
|
157
158
|
invalid: boolean;
|
|
158
159
|
isDirty: boolean;
|
|
@@ -165,13 +166,11 @@ declare const useFormField: () => {
|
|
|
165
166
|
id: string;
|
|
166
167
|
name: string;
|
|
167
168
|
};
|
|
168
|
-
declare const FormItem: React
|
|
169
|
-
declare const
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
declare const FormDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
174
|
-
declare const FormMessage: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
169
|
+
declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
170
|
+
declare const FormControl: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement> & {
|
|
171
|
+
children?: React.ReactNode;
|
|
172
|
+
} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
173
|
+
declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
175
174
|
|
|
176
175
|
interface InputFieldProps<T extends FieldValues = FieldValues> {
|
|
177
176
|
clearLabel?: string;
|
|
@@ -190,7 +189,7 @@ interface InputFieldProps<T extends FieldValues = FieldValues> {
|
|
|
190
189
|
type?: string;
|
|
191
190
|
visualRequired?: boolean;
|
|
192
191
|
}
|
|
193
|
-
declare const InputField: <T extends FieldValues = FieldValues>({ clearLabel, control, disabled, hidePasswordLabel, inputClassName, isClearable, label, labelClassName, mainClassName, name, onClear, placeholder, showPasswordLabel, type, visualRequired }: InputFieldProps<T>) => React
|
|
192
|
+
declare const InputField: <T extends FieldValues = FieldValues>({ clearLabel, control, disabled, hidePasswordLabel, inputClassName, isClearable, label, labelClassName, mainClassName, name, onClear, placeholder, showPasswordLabel, type, visualRequired }: InputFieldProps<T>) => React.JSX.Element;
|
|
194
193
|
|
|
195
194
|
interface LabelFieldProps {
|
|
196
195
|
label?: string;
|
|
@@ -198,7 +197,7 @@ interface LabelFieldProps {
|
|
|
198
197
|
name: string;
|
|
199
198
|
visualRequired?: boolean;
|
|
200
199
|
}
|
|
201
|
-
declare const LabelField: ({ label, labelClassName, name, visualRequired }: LabelFieldProps) => React
|
|
200
|
+
declare const LabelField: ({ label, labelClassName, name, visualRequired }: LabelFieldProps) => React.JSX.Element;
|
|
202
201
|
|
|
203
202
|
interface ResolvedAddress {
|
|
204
203
|
address: string;
|
|
@@ -221,7 +220,7 @@ interface GoogleMapPickerProps {
|
|
|
221
220
|
placeholder?: string;
|
|
222
221
|
value: string;
|
|
223
222
|
}
|
|
224
|
-
declare const GoogleMapPicker: (props: GoogleMapPickerProps) => React
|
|
223
|
+
declare const GoogleMapPicker: (props: GoogleMapPickerProps) => React.JSX.Element;
|
|
225
224
|
|
|
226
225
|
type MapPickerFieldProps<T extends FieldValues> = Omit<GoogleMapPickerProps, 'hasError' | 'onChange' | 'value'> & {
|
|
227
226
|
control: Control<T>;
|
|
@@ -231,7 +230,7 @@ type MapPickerFieldProps<T extends FieldValues> = Omit<GoogleMapPickerProps, 'ha
|
|
|
231
230
|
name: Path<T>;
|
|
232
231
|
visualRequired?: boolean;
|
|
233
232
|
};
|
|
234
|
-
declare const MapPickerField: <T extends FieldValues>({ control, label, labelClassName, mainClassName, name, visualRequired, ...pickerProps }: MapPickerFieldProps<T>) => React
|
|
233
|
+
declare const MapPickerField: <T extends FieldValues>({ control, label, labelClassName, mainClassName, name, visualRequired, ...pickerProps }: MapPickerFieldProps<T>) => React.JSX.Element;
|
|
235
234
|
|
|
236
235
|
interface OtpInputFormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> {
|
|
237
236
|
autoFocus?: boolean;
|
|
@@ -265,25 +264,12 @@ interface SelectFieldProps<T extends FieldValues = FieldValues> {
|
|
|
265
264
|
search?: boolean;
|
|
266
265
|
visualRequired?: boolean;
|
|
267
266
|
}
|
|
268
|
-
declare const SelectField: <T extends FieldValues = FieldValues>({ ableDeleteOption, className, control, disabled, label, labelClassName, mainClassName, name, options, placeholder, search, visualRequired }: SelectFieldProps<T>) => React
|
|
267
|
+
declare const SelectField: <T extends FieldValues = FieldValues>({ ableDeleteOption, className, control, disabled, label, labelClassName, mainClassName, name, options, placeholder, search, visualRequired }: SelectFieldProps<T>) => React.JSX.Element;
|
|
269
268
|
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
fallback?: React.ReactNode;
|
|
273
|
-
wrapperClassName?: string;
|
|
274
|
-
}
|
|
275
|
-
declare const Image: ({ alt, aspectRatio, className, fallback, loading, onError, onLoad, wrapperClassName, ...props }: ImageProps) => React$1.JSX.Element;
|
|
276
|
-
|
|
277
|
-
type InputProps = React$1.InputHTMLAttributes<HTMLInputElement>;
|
|
278
|
-
declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
279
|
-
|
|
280
|
-
declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
|
|
269
|
+
type InputProps = React.InputHTMLAttributes<HTMLInputElement>;
|
|
270
|
+
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
281
271
|
|
|
282
|
-
|
|
283
|
-
className?: string;
|
|
284
|
-
isSpinner?: boolean;
|
|
285
|
-
}
|
|
286
|
-
declare function Loading({ className, isSpinner }: Readonly<LoadingProps>): React$1.JSX.Element;
|
|
272
|
+
declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
|
|
287
273
|
|
|
288
274
|
declare function InputOTP({ className, containerClassName, ...props }: React__default.ComponentProps<typeof OTPInput> & {
|
|
289
275
|
containerClassName?: string;
|
|
@@ -310,23 +296,11 @@ interface PasswordChecklistProps {
|
|
|
310
296
|
rules: PasswordRule[];
|
|
311
297
|
value: string;
|
|
312
298
|
}
|
|
313
|
-
declare const PasswordChecklist: ({ className, rules, value }: PasswordChecklistProps) => React
|
|
314
|
-
|
|
315
|
-
declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
|
|
316
|
-
declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
317
|
-
declare const PopoverAnchor: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
318
|
-
declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
299
|
+
declare const PasswordChecklist: ({ className, rules, value }: PasswordChecklistProps) => React.JSX.Element | null;
|
|
319
300
|
|
|
320
|
-
declare const
|
|
321
|
-
declare const
|
|
322
|
-
declare const
|
|
323
|
-
declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
324
|
-
declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
325
|
-
declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
326
|
-
declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
327
|
-
declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
328
|
-
declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
329
|
-
declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
301
|
+
declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
|
|
302
|
+
declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
303
|
+
declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
330
304
|
|
|
331
305
|
interface SelectInputProps<Label extends string, Value extends string> {
|
|
332
306
|
ableDeleteOption?: boolean;
|
|
@@ -373,14 +347,14 @@ interface SpinnerProps {
|
|
|
373
347
|
size?: keyof typeof sizes;
|
|
374
348
|
variant?: keyof typeof variants;
|
|
375
349
|
}
|
|
376
|
-
declare const Spinner: ({ className, loadingLabel, size, variant }: SpinnerProps) => React
|
|
350
|
+
declare const Spinner: ({ className, loadingLabel, size, variant }: SpinnerProps) => React.JSX.Element;
|
|
377
351
|
|
|
378
352
|
interface StepHeaderProps {
|
|
379
353
|
subtitle?: ReactNode;
|
|
380
354
|
subtitleClassName?: string;
|
|
381
355
|
title: string;
|
|
382
356
|
}
|
|
383
|
-
declare const StepHeader: ({ subtitle, subtitleClassName, title }: StepHeaderProps) => React
|
|
357
|
+
declare const StepHeader: ({ subtitle, subtitleClassName, title }: StepHeaderProps) => React.JSX.Element;
|
|
384
358
|
|
|
385
359
|
interface StepperStep {
|
|
386
360
|
label: string;
|
|
@@ -391,7 +365,7 @@ interface StepperProps {
|
|
|
391
365
|
intermediate?: boolean;
|
|
392
366
|
steps: StepperStep[];
|
|
393
367
|
}
|
|
394
|
-
declare const Stepper: ({ activeIndex, className, intermediate, steps }: StepperProps) => React
|
|
368
|
+
declare const Stepper: ({ activeIndex, className, intermediate, steps }: StepperProps) => React.JSX.Element;
|
|
395
369
|
|
|
396
370
|
interface ToastOptions {
|
|
397
371
|
duration?: number;
|
|
@@ -400,7 +374,7 @@ interface ToastOptions {
|
|
|
400
374
|
title: string;
|
|
401
375
|
}
|
|
402
376
|
type ToastPosition = 'bottom' | 'bottom-left' | 'bottom-right' | 'center' | 'middle-bottom' | 'middle-top' | 'top' | 'top-left' | 'top-right';
|
|
403
|
-
type ToastType = '
|
|
377
|
+
type ToastType = 'destructive' | 'info' | 'success' | 'wait' | 'warning';
|
|
404
378
|
|
|
405
379
|
interface ToastProps {
|
|
406
380
|
duration?: number;
|
|
@@ -410,24 +384,24 @@ interface ToastProps {
|
|
|
410
384
|
title: string;
|
|
411
385
|
type: ToastType;
|
|
412
386
|
}
|
|
413
|
-
declare function Toast({ duration, id, onClose, subtitle, title, type }: ToastProps): React
|
|
387
|
+
declare function Toast({ duration, id, onClose, subtitle, title, type }: ToastProps): React.JSX.Element;
|
|
414
388
|
|
|
415
|
-
declare function ToastProvider(): React
|
|
389
|
+
declare function ToastProvider(): React.JSX.Element;
|
|
416
390
|
|
|
417
391
|
interface TooltipProps {
|
|
418
|
-
children: React
|
|
392
|
+
children: React.ReactNode;
|
|
419
393
|
childrenClassName?: string;
|
|
420
394
|
className?: string;
|
|
421
395
|
message: string;
|
|
422
396
|
sideTooltip?: 'bottom' | 'left' | 'right' | 'top';
|
|
423
397
|
}
|
|
424
|
-
declare const Tooltip: React
|
|
398
|
+
declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
|
|
425
399
|
|
|
426
400
|
interface WrapperProps {
|
|
427
401
|
children: ReactNode;
|
|
428
402
|
className?: string;
|
|
429
403
|
}
|
|
430
|
-
declare const Wrapper: ({ children, className }: WrapperProps) => React
|
|
404
|
+
declare const Wrapper: ({ children, className }: WrapperProps) => React.JSX.Element;
|
|
431
405
|
|
|
432
406
|
// Internal Helpers
|
|
433
407
|
|
|
@@ -959,6 +933,7 @@ declare function cn(...inputs: ClassValue[]): string;
|
|
|
959
933
|
declare const inputBase: string;
|
|
960
934
|
declare const inputPlaceholder: string;
|
|
961
935
|
declare const inputDisabled: string;
|
|
936
|
+
declare const inputCompact: string;
|
|
962
937
|
declare const inputFocus: string;
|
|
963
938
|
|
|
964
939
|
type ToastEmitter = ((type: ToastType, options: ToastOptions) => void) | null;
|
|
@@ -971,4 +946,4 @@ declare const toast: {
|
|
|
971
946
|
};
|
|
972
947
|
declare function registerToastEmitter(fn: ToastEmitter): void;
|
|
973
948
|
|
|
974
|
-
export { Alert, AuthHeader, Button, type ButtonProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Form, FormControl,
|
|
949
|
+
export { Alert, AuthHeader, Button, type ButtonProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Form, FormControl, FormField, FormItem, FormMessage, GoogleMapPicker, type GoogleMapPickerProps, Input, InputField, InputOTP, InputOTPGroup, InputOTPSlot, type InputProps, Label, LabelField, MapPickerField, OTPField, type Options, PasswordChecklist, type PasswordRule, type PasswordRulesConfig, Popover, PopoverContent, PopoverTrigger, type ResolvedAddress, SelectField, SelectInput, Spinner, type SpinnerProps, StepHeader, Stepper, type StepperStep, Toast, type ToastOptions, type ToastPosition, ToastProvider, type ToastType, Tooltip, Wrapper, type WrapperProps, buttonVariants, cn, inputBase, inputCompact, inputDisabled, inputFocus, inputPlaceholder, registerToastEmitter, setUiLanguage, toast, uiI18n, useFormField };
|