diditui 1.0.39 → 1.0.41
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/diditui.cjs +38 -39
- package/dist/diditui.d.ts +25 -24
- package/dist/diditui.js +3042 -2853
- package/dist/tailwind.d.ts +2 -2
- package/package.json +21 -21
package/dist/diditui.d.ts
CHANGED
|
@@ -3,19 +3,20 @@ import { ClassValue } from 'clsx';
|
|
|
3
3
|
import { ComponentProps } from 'react';
|
|
4
4
|
import { default as default_2 } from 'react';
|
|
5
5
|
import { FC } from 'react';
|
|
6
|
-
import { JSX
|
|
6
|
+
import { JSX } from 'react/jsx-runtime';
|
|
7
|
+
import { JSX as JSX_2 } from 'react';
|
|
7
8
|
import { MutableRefObject } from 'react';
|
|
8
9
|
import { SVGProps } from 'react';
|
|
9
10
|
import { VariantProps } from 'class-variance-authority';
|
|
10
11
|
|
|
11
|
-
export declare function ActionButton({ variant, icon, isLoading, isActive, disabled, className, children, ...props }: ActionButtonProps):
|
|
12
|
+
export declare function ActionButton({ variant, icon, isLoading, isActive, disabled, className, children, ...props }: ActionButtonProps): JSX.Element;
|
|
12
13
|
|
|
13
14
|
declare type ActionButtonProps = ComponentProps<'button'> & VariantProps<typeof actionButtonStyles> & {
|
|
14
15
|
icon?: IconType;
|
|
15
16
|
};
|
|
16
17
|
|
|
17
18
|
declare const actionButtonStyles: (props?: ({
|
|
18
|
-
variant?: "
|
|
19
|
+
variant?: "warning" | "default" | "primary" | "soft" | "accent" | "success" | "error" | null | undefined;
|
|
19
20
|
disabled?: boolean | null | undefined;
|
|
20
21
|
isLoading?: boolean | null | undefined;
|
|
21
22
|
isActive?: boolean | null | undefined;
|
|
@@ -29,7 +30,7 @@ declare type AsProp<C extends default_2.ElementType> = {
|
|
|
29
30
|
as?: C;
|
|
30
31
|
};
|
|
31
32
|
|
|
32
|
-
export declare function Button({ size, variant, icon, isLoading, animate, disabled, className, children, ...props }: ButtonProps):
|
|
33
|
+
export declare function Button({ size, variant, icon, isLoading, animate, disabled, className, children, ...props }: ButtonProps): JSX.Element;
|
|
33
34
|
|
|
34
35
|
declare type ButtonProps = ComponentProps<'button'> & VariantProps<typeof buttonStyles> & {
|
|
35
36
|
icon?: IconType;
|
|
@@ -43,7 +44,7 @@ declare const buttonStyles: (props?: ({
|
|
|
43
44
|
animate?: boolean | null | undefined;
|
|
44
45
|
} & ClassProp) | undefined) => string;
|
|
45
46
|
|
|
46
|
-
export declare function Card({ className, padding, border, shadow, children, ...props }: CardProps):
|
|
47
|
+
export declare function Card({ className, padding, border, shadow, children, ...props }: CardProps): JSX.Element;
|
|
47
48
|
|
|
48
49
|
declare type CardProps = ComponentProps<'div'> & VariantProps<typeof cardStyles>;
|
|
49
50
|
|
|
@@ -53,7 +54,7 @@ declare const cardStyles: (props?: ({
|
|
|
53
54
|
shadow?: boolean | null | undefined;
|
|
54
55
|
} & ClassProp) | undefined) => string;
|
|
55
56
|
|
|
56
|
-
export declare function CheckBox({ id, className, label, size, checked, disabled, note, onToggle }: CheckboxProps):
|
|
57
|
+
export declare function CheckBox({ id, className, label, size, checked, disabled, note, onToggle }: CheckboxProps): JSX.Element;
|
|
57
58
|
|
|
58
59
|
declare interface CheckboxProps {
|
|
59
60
|
id?: string;
|
|
@@ -68,7 +69,7 @@ declare interface CheckboxProps {
|
|
|
68
69
|
|
|
69
70
|
export declare function cn(...classes: ClassValue[]): string;
|
|
70
71
|
|
|
71
|
-
export declare function CopyValue({ label, value, isSecret, className, onCopy, ...props }: CopyValueProps):
|
|
72
|
+
export declare function CopyValue({ label, value, isSecret, className, onCopy, ...props }: CopyValueProps): JSX.Element;
|
|
72
73
|
|
|
73
74
|
declare type CopyValueProps = ComponentProps<'div'> & VariantProps<typeof copyValueStyles> & {
|
|
74
75
|
value: string;
|
|
@@ -80,7 +81,7 @@ declare const copyValueStyles: (props?: ({
|
|
|
80
81
|
isSecret?: boolean | null | undefined;
|
|
81
82
|
} & ClassProp) | undefined) => string;
|
|
82
83
|
|
|
83
|
-
export declare function DiditAnimatedLogo({ size, animate, backgroundClassName, gradientColors }: DiditAnimatedLogoProps):
|
|
84
|
+
export declare function DiditAnimatedLogo({ size, animate, backgroundClassName, gradientColors }: DiditAnimatedLogoProps): JSX.Element;
|
|
84
85
|
|
|
85
86
|
declare type DiditAnimatedLogoProps = VariantProps<typeof diditAnimatedLogoStyles> & {
|
|
86
87
|
animate?: boolean;
|
|
@@ -105,9 +106,9 @@ declare type ExtendableProps<ExtendedProps = {}, OverrideProps = {}> = OverrideP
|
|
|
105
106
|
|
|
106
107
|
declare type Handler = (event: MouseEvent) => void;
|
|
107
108
|
|
|
108
|
-
export declare function Icon({ type, size, className, ...props }: IconProps):
|
|
109
|
+
export declare function Icon({ type, size, className, ...props }: IconProps): JSX.Element;
|
|
109
110
|
|
|
110
|
-
export declare function IconButton({ icon, label, isLoading, size, variant, withBorder, className, ...props }: IconButtonProps):
|
|
111
|
+
export declare function IconButton({ icon, label, isLoading, size, variant, withBorder, className, ...props }: IconButtonProps): JSX.Element;
|
|
111
112
|
|
|
112
113
|
declare type IconButtonProps = ComponentProps<'button'> & VariantProps<typeof iconButtonStyles> & {
|
|
113
114
|
icon?: IconType;
|
|
@@ -138,7 +139,7 @@ export declare type IconType = 'settings' | 'info' | 'arrowRight' | 'scan' | 'sc
|
|
|
138
139
|
*/
|
|
139
140
|
declare type InheritableElementProps<C extends default_2.ElementType, Props = {}> = ExtendableProps<PropsOf<C>, Props>;
|
|
140
141
|
|
|
141
|
-
export declare function Input({ label, placeholder, value, disabled, className, error, required, showClearButton, showCopyButton, type, onValueChange, onCopyClick, ...props }: InputProps):
|
|
142
|
+
export declare function Input({ label, placeholder, value, disabled, className, error, required, showClearButton, showCopyButton, type, onValueChange, onCopyClick, ...props }: InputProps): JSX.Element;
|
|
142
143
|
|
|
143
144
|
declare type InputProps = ComponentProps<'input'> & {
|
|
144
145
|
label: string;
|
|
@@ -162,7 +163,7 @@ export declare const MediaQuery: {
|
|
|
162
163
|
XXL: number;
|
|
163
164
|
};
|
|
164
165
|
|
|
165
|
-
export declare function Modal({ children, contentLabel, overlayClassName, className, withBorder, appElementId, onRequestClose, ...props }: Props):
|
|
166
|
+
export declare function Modal({ children, contentLabel, overlayClassName, className, withBorder, appElementId, onRequestClose, ...props }: Props): JSX.Element;
|
|
166
167
|
|
|
167
168
|
/**
|
|
168
169
|
* A more sophisticated version of `InheritableElementProps` where
|
|
@@ -195,9 +196,9 @@ declare interface Props {
|
|
|
195
196
|
onAfterOpen?: () => void;
|
|
196
197
|
}
|
|
197
198
|
|
|
198
|
-
declare type PropsOf<C extends keyof
|
|
199
|
+
declare type PropsOf<C extends keyof JSX_2.IntrinsicElements | default_2.JSXElementConstructor<unknown>> = JSX_2.LibraryManagedAttributes<C, default_2.ComponentPropsWithoutRef<C>>;
|
|
199
200
|
|
|
200
|
-
export declare function QrCode({ uri, size, color, iconName, className, ...props }: QrCodeProps):
|
|
201
|
+
export declare function QrCode({ uri, size, color, iconName, className, ...props }: QrCodeProps): JSX.Element;
|
|
201
202
|
|
|
202
203
|
declare type QrCodeProps = ComponentProps<'div'> & {
|
|
203
204
|
uri: string;
|
|
@@ -206,7 +207,7 @@ declare type QrCodeProps = ComponentProps<'div'> & {
|
|
|
206
207
|
iconName?: IconType;
|
|
207
208
|
};
|
|
208
209
|
|
|
209
|
-
export declare function SearchInput({ label, placeholder, value, disabled, className, error, onValueChange, ...props }: SearchInputProps):
|
|
210
|
+
export declare function SearchInput({ label, placeholder, value, disabled, className, error, onValueChange, ...props }: SearchInputProps): JSX.Element;
|
|
210
211
|
|
|
211
212
|
declare type SearchInputProps = ComponentProps<'input'> & {
|
|
212
213
|
label: string;
|
|
@@ -217,7 +218,7 @@ declare type SearchInputProps = ComponentProps<'input'> & {
|
|
|
217
218
|
onValueChange?: (v: string) => void;
|
|
218
219
|
};
|
|
219
220
|
|
|
220
|
-
export declare function SearchMini({ id, className, disabled, placeholder, immediateFocus, value, onChange }: SearchMiniProps):
|
|
221
|
+
export declare function SearchMini({ id, className, disabled, placeholder, immediateFocus, value, onChange }: SearchMiniProps): JSX.Element;
|
|
221
222
|
|
|
222
223
|
declare interface SearchMiniProps {
|
|
223
224
|
id?: string;
|
|
@@ -229,7 +230,7 @@ declare interface SearchMiniProps {
|
|
|
229
230
|
onChange: (searchQuery: string) => void;
|
|
230
231
|
}
|
|
231
232
|
|
|
232
|
-
export declare function SelectDropdown({ id, className, dataTestId, label, placeholder, value, options, disabled, required, withSearch, errorMessage, dropdownClassName, onChange, onClick }: SelectDropdownProps):
|
|
233
|
+
export declare function SelectDropdown({ id, className, dataTestId, label, placeholder, value, options, disabled, required, withSearch, errorMessage, dropdownClassName, onChange, onClick }: SelectDropdownProps): JSX.Element;
|
|
233
234
|
|
|
234
235
|
export declare interface SelectDropdownOptionType {
|
|
235
236
|
label: string;
|
|
@@ -254,16 +255,16 @@ export declare interface SelectDropdownProps {
|
|
|
254
255
|
onClick?: (value?: SelectDropdownOptionType['value']) => void;
|
|
255
256
|
}
|
|
256
257
|
|
|
257
|
-
export declare function Spinner({ size, variant, className, ...props }: SpinnerProps):
|
|
258
|
+
export declare function Spinner({ size, variant, className, ...props }: SpinnerProps): JSX.Element;
|
|
258
259
|
|
|
259
260
|
declare type SpinnerProps = ComponentProps<'span'> & VariantProps<typeof spinnerStyles>;
|
|
260
261
|
|
|
261
262
|
declare const spinnerStyles: (props?: ({
|
|
262
|
-
variant?: "
|
|
263
|
+
variant?: "warning" | "default" | "primary" | "soft" | "accent" | "success" | "error" | null | undefined;
|
|
263
264
|
size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
264
265
|
} & ClassProp) | undefined) => string;
|
|
265
266
|
|
|
266
|
-
export declare function StatusLabel({ label, icon, withIcon, variant, className, ...props }: StatusLabelProps):
|
|
267
|
+
export declare function StatusLabel({ label, icon, withIcon, variant, className, ...props }: StatusLabelProps): JSX.Element;
|
|
267
268
|
|
|
268
269
|
declare type StatusLabelProps = ComponentProps<'div'> & VariantProps<typeof statusLabelStyles> & {
|
|
269
270
|
label: string;
|
|
@@ -272,7 +273,7 @@ declare type StatusLabelProps = ComponentProps<'div'> & VariantProps<typeof stat
|
|
|
272
273
|
};
|
|
273
274
|
|
|
274
275
|
declare const statusLabelStyles: (props?: ({
|
|
275
|
-
variant?: "
|
|
276
|
+
variant?: "warning" | "default" | "primary" | "soft" | "accent" | "success" | "error" | null | undefined;
|
|
276
277
|
withIcon?: boolean | null | undefined;
|
|
277
278
|
} & ClassProp) | undefined) => string;
|
|
278
279
|
|
|
@@ -294,7 +295,7 @@ declare const textStyles: (props?: ({
|
|
|
294
295
|
underline?: boolean | null | undefined;
|
|
295
296
|
} & ClassProp) | undefined) => string;
|
|
296
297
|
|
|
297
|
-
export declare function Toggle({ id, className, label, checked, disabled, variant, size, onToggle }: ToggleProps):
|
|
298
|
+
export declare function Toggle({ id, className, label, checked, disabled, variant, size, onToggle }: ToggleProps): JSX.Element;
|
|
298
299
|
|
|
299
300
|
declare type ToggleProps = VariantProps<typeof toggleStyles> & {
|
|
300
301
|
id?: string;
|
|
@@ -310,7 +311,7 @@ declare const toggleStyles: (props?: ({
|
|
|
310
311
|
size?: "sm" | "md" | null | undefined;
|
|
311
312
|
} & ClassProp) | undefined) => string;
|
|
312
313
|
|
|
313
|
-
export declare function Tooltip({ label, children, direction, className }: TooltipProps):
|
|
314
|
+
export declare function Tooltip({ label, children, direction, className }: TooltipProps): JSX.Element;
|
|
314
315
|
|
|
315
316
|
declare interface TooltipProps {
|
|
316
317
|
label: string;
|
|
@@ -356,7 +357,7 @@ export declare type UseMediaQueryOptions = {
|
|
|
356
357
|
|
|
357
358
|
export declare function useOnClickOutside<T extends HTMLElement>(ref: MutableRefObject<T | null>, otherRef: MutableRefObject<T | null>, handler: Handler, mouseEvent?: 'mousedown' | 'mouseup'): void;
|
|
358
359
|
|
|
359
|
-
export declare function UserCard({ name, label, avatar, radius, className, ...props }: UserCardProps):
|
|
360
|
+
export declare function UserCard({ name, label, avatar, radius, className, ...props }: UserCardProps): JSX.Element;
|
|
360
361
|
|
|
361
362
|
declare type UserCardProps = ComponentProps<'div'> & {
|
|
362
363
|
name: string;
|