@komensal/ui 0.7.0 → 0.9.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 +185 -343
- 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 +1 -1
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;
|
|
@@ -214,6 +213,7 @@ interface GoogleMapPickerProps {
|
|
|
214
213
|
countryCode?: string;
|
|
215
214
|
disabled?: boolean;
|
|
216
215
|
hasError?: boolean;
|
|
216
|
+
initialPosition?: google.maps.LatLngLiteral;
|
|
217
217
|
locationQuery?: string;
|
|
218
218
|
locationZoom?: number;
|
|
219
219
|
onAddressResolved?: (resolved: ResolvedAddress) => void;
|
|
@@ -221,7 +221,7 @@ interface GoogleMapPickerProps {
|
|
|
221
221
|
placeholder?: string;
|
|
222
222
|
value: string;
|
|
223
223
|
}
|
|
224
|
-
declare const GoogleMapPicker: (props: GoogleMapPickerProps) => React
|
|
224
|
+
declare const GoogleMapPicker: (props: GoogleMapPickerProps) => React.JSX.Element;
|
|
225
225
|
|
|
226
226
|
type MapPickerFieldProps<T extends FieldValues> = Omit<GoogleMapPickerProps, 'hasError' | 'onChange' | 'value'> & {
|
|
227
227
|
control: Control<T>;
|
|
@@ -231,7 +231,7 @@ type MapPickerFieldProps<T extends FieldValues> = Omit<GoogleMapPickerProps, 'ha
|
|
|
231
231
|
name: Path<T>;
|
|
232
232
|
visualRequired?: boolean;
|
|
233
233
|
};
|
|
234
|
-
declare const MapPickerField: <T extends FieldValues>({ control, label, labelClassName, mainClassName, name, visualRequired, ...pickerProps }: MapPickerFieldProps<T>) => React
|
|
234
|
+
declare const MapPickerField: <T extends FieldValues>({ control, label, labelClassName, mainClassName, name, visualRequired, ...pickerProps }: MapPickerFieldProps<T>) => React.JSX.Element;
|
|
235
235
|
|
|
236
236
|
interface OtpInputFormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> {
|
|
237
237
|
autoFocus?: boolean;
|
|
@@ -265,25 +265,12 @@ interface SelectFieldProps<T extends FieldValues = FieldValues> {
|
|
|
265
265
|
search?: boolean;
|
|
266
266
|
visualRequired?: boolean;
|
|
267
267
|
}
|
|
268
|
-
declare const SelectField: <T extends FieldValues = FieldValues>({ ableDeleteOption, className, control, disabled, label, labelClassName, mainClassName, name, options, placeholder, search, visualRequired }: SelectFieldProps<T>) => React
|
|
268
|
+
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
269
|
|
|
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>>;
|
|
270
|
+
type InputProps = React.InputHTMLAttributes<HTMLInputElement>;
|
|
271
|
+
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
281
272
|
|
|
282
|
-
|
|
283
|
-
className?: string;
|
|
284
|
-
isSpinner?: boolean;
|
|
285
|
-
}
|
|
286
|
-
declare function Loading({ className, isSpinner }: Readonly<LoadingProps>): React$1.JSX.Element;
|
|
273
|
+
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
274
|
|
|
288
275
|
declare function InputOTP({ className, containerClassName, ...props }: React__default.ComponentProps<typeof OTPInput> & {
|
|
289
276
|
containerClassName?: string;
|
|
@@ -310,23 +297,11 @@ interface PasswordChecklistProps {
|
|
|
310
297
|
rules: PasswordRule[];
|
|
311
298
|
value: string;
|
|
312
299
|
}
|
|
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>>;
|
|
300
|
+
declare const PasswordChecklist: ({ className, rules, value }: PasswordChecklistProps) => React.JSX.Element | null;
|
|
319
301
|
|
|
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>>;
|
|
302
|
+
declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
|
|
303
|
+
declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
304
|
+
declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
330
305
|
|
|
331
306
|
interface SelectInputProps<Label extends string, Value extends string> {
|
|
332
307
|
ableDeleteOption?: boolean;
|
|
@@ -373,14 +348,14 @@ interface SpinnerProps {
|
|
|
373
348
|
size?: keyof typeof sizes;
|
|
374
349
|
variant?: keyof typeof variants;
|
|
375
350
|
}
|
|
376
|
-
declare const Spinner: ({ className, loadingLabel, size, variant }: SpinnerProps) => React
|
|
351
|
+
declare const Spinner: ({ className, loadingLabel, size, variant }: SpinnerProps) => React.JSX.Element;
|
|
377
352
|
|
|
378
353
|
interface StepHeaderProps {
|
|
379
354
|
subtitle?: ReactNode;
|
|
380
355
|
subtitleClassName?: string;
|
|
381
356
|
title: string;
|
|
382
357
|
}
|
|
383
|
-
declare const StepHeader: ({ subtitle, subtitleClassName, title }: StepHeaderProps) => React
|
|
358
|
+
declare const StepHeader: ({ subtitle, subtitleClassName, title }: StepHeaderProps) => React.JSX.Element;
|
|
384
359
|
|
|
385
360
|
interface StepperStep {
|
|
386
361
|
label: string;
|
|
@@ -391,7 +366,7 @@ interface StepperProps {
|
|
|
391
366
|
intermediate?: boolean;
|
|
392
367
|
steps: StepperStep[];
|
|
393
368
|
}
|
|
394
|
-
declare const Stepper: ({ activeIndex, className, intermediate, steps }: StepperProps) => React
|
|
369
|
+
declare const Stepper: ({ activeIndex, className, intermediate, steps }: StepperProps) => React.JSX.Element;
|
|
395
370
|
|
|
396
371
|
interface ToastOptions {
|
|
397
372
|
duration?: number;
|
|
@@ -400,7 +375,7 @@ interface ToastOptions {
|
|
|
400
375
|
title: string;
|
|
401
376
|
}
|
|
402
377
|
type ToastPosition = 'bottom' | 'bottom-left' | 'bottom-right' | 'center' | 'middle-bottom' | 'middle-top' | 'top' | 'top-left' | 'top-right';
|
|
403
|
-
type ToastType = '
|
|
378
|
+
type ToastType = 'destructive' | 'info' | 'success' | 'wait' | 'warning';
|
|
404
379
|
|
|
405
380
|
interface ToastProps {
|
|
406
381
|
duration?: number;
|
|
@@ -410,24 +385,24 @@ interface ToastProps {
|
|
|
410
385
|
title: string;
|
|
411
386
|
type: ToastType;
|
|
412
387
|
}
|
|
413
|
-
declare function Toast({ duration, id, onClose, subtitle, title, type }: ToastProps): React
|
|
388
|
+
declare function Toast({ duration, id, onClose, subtitle, title, type }: ToastProps): React.JSX.Element;
|
|
414
389
|
|
|
415
|
-
declare function ToastProvider(): React
|
|
390
|
+
declare function ToastProvider(): React.JSX.Element;
|
|
416
391
|
|
|
417
392
|
interface TooltipProps {
|
|
418
|
-
children: React
|
|
393
|
+
children: React.ReactNode;
|
|
419
394
|
childrenClassName?: string;
|
|
420
395
|
className?: string;
|
|
421
396
|
message: string;
|
|
422
397
|
sideTooltip?: 'bottom' | 'left' | 'right' | 'top';
|
|
423
398
|
}
|
|
424
|
-
declare const Tooltip: React
|
|
399
|
+
declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
|
|
425
400
|
|
|
426
401
|
interface WrapperProps {
|
|
427
402
|
children: ReactNode;
|
|
428
403
|
className?: string;
|
|
429
404
|
}
|
|
430
|
-
declare const Wrapper: ({ children, className }: WrapperProps) => React
|
|
405
|
+
declare const Wrapper: ({ children, className }: WrapperProps) => React.JSX.Element;
|
|
431
406
|
|
|
432
407
|
// Internal Helpers
|
|
433
408
|
|
|
@@ -972,4 +947,4 @@ declare const toast: {
|
|
|
972
947
|
};
|
|
973
948
|
declare function registerToastEmitter(fn: ToastEmitter): void;
|
|
974
949
|
|
|
975
|
-
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,
|
|
950
|
+
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 };
|