@luxfi/ui 7.3.0 → 7.3.2
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/accordion.d.cts +74 -0
- package/dist/accordion.d.ts +74 -0
- package/dist/alert.d.cts +30 -0
- package/dist/alert.d.ts +30 -0
- package/dist/avatar.d.cts +25 -0
- package/dist/avatar.d.ts +25 -0
- package/dist/badge.d.cts +19 -0
- package/dist/badge.d.ts +19 -0
- package/dist/bank.d.cts +76 -0
- package/dist/bank.d.ts +76 -0
- package/dist/button.d.cts +55 -0
- package/dist/button.d.ts +55 -0
- package/dist/checkbox.d.cts +31 -0
- package/dist/checkbox.d.ts +31 -0
- package/dist/close-button.d.cts +9 -0
- package/dist/close-button.d.ts +9 -0
- package/dist/collapsible.d.cts +23 -0
- package/dist/collapsible.d.ts +23 -0
- package/dist/color-mode.d.cts +25 -0
- package/dist/color-mode.d.ts +25 -0
- package/dist/dialog.d.cts +65 -0
- package/dist/dialog.d.ts +65 -0
- package/dist/drawer.d.cts +36 -0
- package/dist/drawer.d.ts +36 -0
- package/dist/empty-state.d.cts +13 -0
- package/dist/empty-state.d.ts +13 -0
- package/dist/expiration-selector.d.cts +16 -0
- package/dist/expiration-selector.d.ts +16 -0
- package/dist/field.d.cts +24 -0
- package/dist/field.d.ts +24 -0
- package/dist/greeks-display.d.cts +14 -0
- package/dist/greeks-display.d.ts +14 -0
- package/dist/heading.d.cts +10 -0
- package/dist/heading.d.ts +10 -0
- package/dist/icon-button.d.cts +33 -0
- package/dist/icon-button.d.ts +33 -0
- package/dist/image.d.cts +57 -0
- package/dist/image.d.ts +57 -0
- package/dist/index.cjs +1 -5
- package/dist/index.d.cts +56 -0
- package/dist/index.d.ts +56 -0
- package/dist/index.js +2 -6
- package/dist/input-group.d.cts +17 -0
- package/dist/input-group.d.ts +17 -0
- package/dist/input.d.cts +11 -0
- package/dist/input.d.ts +11 -0
- package/dist/link.d.cts +37 -0
- package/dist/link.d.ts +37 -0
- package/dist/menu.d.cts +84 -0
- package/dist/menu.d.ts +84 -0
- package/dist/option-chain.d.cts +37 -0
- package/dist/option-chain.d.ts +37 -0
- package/dist/option-position.d.cts +29 -0
- package/dist/option-position.d.ts +29 -0
- package/dist/pin-input.d.cts +25 -0
- package/dist/pin-input.d.ts +25 -0
- package/dist/pnl-diagram.d.cts +11 -0
- package/dist/pnl-diagram.d.ts +11 -0
- package/dist/popover.d.cts +73 -0
- package/dist/popover.d.ts +73 -0
- package/dist/progress-circle.d.cts +47 -0
- package/dist/progress-circle.d.ts +47 -0
- package/dist/progress.d.cts +28 -0
- package/dist/progress.d.ts +28 -0
- package/dist/provider.cjs +1 -5
- package/dist/provider.d.cts +12 -0
- package/dist/provider.d.ts +12 -0
- package/dist/provider.js +1 -5
- package/dist/radio.d.cts +53 -0
- package/dist/radio.d.ts +53 -0
- package/dist/rating.d.cts +14 -0
- package/dist/rating.d.ts +14 -0
- package/dist/select.d.cts +130 -0
- package/dist/select.d.ts +130 -0
- package/dist/separator.d.cts +13 -0
- package/dist/separator.d.ts +13 -0
- package/dist/skeleton.d.cts +60 -0
- package/dist/skeleton.d.ts +60 -0
- package/dist/slider.d.cts +24 -0
- package/dist/slider.d.ts +24 -0
- package/dist/strategy-builder.d.cts +26 -0
- package/dist/strategy-builder.d.ts +26 -0
- package/dist/switch.d.cts +27 -0
- package/dist/switch.d.ts +27 -0
- package/dist/table.d.cts +107 -0
- package/dist/table.d.ts +107 -0
- package/dist/tabs.d.cts +78 -0
- package/dist/tabs.d.ts +78 -0
- package/dist/tag.d.cts +21 -0
- package/dist/tag.d.ts +21 -0
- package/dist/textarea.d.cts +11 -0
- package/dist/textarea.d.ts +11 -0
- package/dist/toaster.d.cts +29 -0
- package/dist/toaster.d.ts +29 -0
- package/dist/tooltip.d.cts +38 -0
- package/dist/tooltip.d.ts +38 -0
- package/dist/utils.d.cts +5 -0
- package/dist/utils.d.ts +5 -0
- package/package.json +1 -1
- package/src/index.ts +0 -2
- package/src/provider.tsx +4 -6
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
|
|
4
|
+
interface AccordionRootProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'defaultValue' | 'dir'> {
|
|
5
|
+
/** Open multiple items simultaneously. Defaults to true. */
|
|
6
|
+
readonly multiple?: boolean;
|
|
7
|
+
/** Controlled open items (array of `value` strings). */
|
|
8
|
+
readonly value?: Array<string>;
|
|
9
|
+
/** Uncontrolled initial open items. */
|
|
10
|
+
readonly defaultValue?: Array<string>;
|
|
11
|
+
/**
|
|
12
|
+
* Called when open items change.
|
|
13
|
+
* Wraps the value in `{ value }` to stay compatible with the Chakra callback shape
|
|
14
|
+
* that consumers already rely on.
|
|
15
|
+
*/
|
|
16
|
+
readonly onValueChange?: (details: {
|
|
17
|
+
value: Array<string>;
|
|
18
|
+
}) => void;
|
|
19
|
+
readonly variant?: 'outline' | 'faq';
|
|
20
|
+
readonly size?: 'sm' | 'md';
|
|
21
|
+
/** Accepted for compatibility; not applied visually. */
|
|
22
|
+
readonly noAnimation?: boolean;
|
|
23
|
+
/** Accepted for compatibility; Radix defers rendering internally. */
|
|
24
|
+
readonly lazyMount?: boolean;
|
|
25
|
+
readonly children?: React.ReactNode;
|
|
26
|
+
readonly position?: string;
|
|
27
|
+
readonly w?: string;
|
|
28
|
+
readonly bgColor?: string | Record<string, string>;
|
|
29
|
+
readonly borderRadius?: string;
|
|
30
|
+
}
|
|
31
|
+
declare const AccordionRoot: React.ForwardRefExoticComponent<AccordionRootProps & React.RefAttributes<HTMLDivElement>>;
|
|
32
|
+
interface AccordionItemProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> {
|
|
33
|
+
as?: string;
|
|
34
|
+
_first?: Record<string, unknown>;
|
|
35
|
+
_last?: Record<string, unknown>;
|
|
36
|
+
display?: string;
|
|
37
|
+
}
|
|
38
|
+
declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
39
|
+
interface AccordionItemTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>, 'dir'> {
|
|
40
|
+
readonly indicatorPlacement?: 'start' | 'end';
|
|
41
|
+
readonly noIndicator?: boolean;
|
|
42
|
+
readonly variant?: 'outline' | 'faq';
|
|
43
|
+
px?: number | string;
|
|
44
|
+
py?: number | string;
|
|
45
|
+
_hover?: Record<string, string>;
|
|
46
|
+
wordBreak?: string;
|
|
47
|
+
textAlign?: string;
|
|
48
|
+
cursor?: string;
|
|
49
|
+
display?: string;
|
|
50
|
+
alignItems?: string;
|
|
51
|
+
columnGap?: number | string;
|
|
52
|
+
}
|
|
53
|
+
declare const AccordionItemTrigger: React.ForwardRefExoticComponent<AccordionItemTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
54
|
+
interface AccordionItemContentProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {
|
|
55
|
+
pb?: number | string;
|
|
56
|
+
pr?: number | string;
|
|
57
|
+
pl?: string;
|
|
58
|
+
w?: string;
|
|
59
|
+
display?: string;
|
|
60
|
+
flexDir?: string;
|
|
61
|
+
rowGap?: number | string;
|
|
62
|
+
}
|
|
63
|
+
declare const AccordionItemContent: React.ForwardRefExoticComponent<AccordionItemContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
64
|
+
declare function useAccordion(items: Array<{
|
|
65
|
+
id: string;
|
|
66
|
+
}>): {
|
|
67
|
+
value: string[];
|
|
68
|
+
onValueChange: ({ value }: {
|
|
69
|
+
value: Array<string>;
|
|
70
|
+
}) => void;
|
|
71
|
+
scrollToItemFromUrl: () => void;
|
|
72
|
+
};
|
|
73
|
+
|
|
74
|
+
export { AccordionItem, AccordionItemContent, type AccordionItemContentProps, AccordionItemTrigger, AccordionRoot, useAccordion };
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
|
|
4
|
+
interface AccordionRootProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'defaultValue' | 'dir'> {
|
|
5
|
+
/** Open multiple items simultaneously. Defaults to true. */
|
|
6
|
+
readonly multiple?: boolean;
|
|
7
|
+
/** Controlled open items (array of `value` strings). */
|
|
8
|
+
readonly value?: Array<string>;
|
|
9
|
+
/** Uncontrolled initial open items. */
|
|
10
|
+
readonly defaultValue?: Array<string>;
|
|
11
|
+
/**
|
|
12
|
+
* Called when open items change.
|
|
13
|
+
* Wraps the value in `{ value }` to stay compatible with the Chakra callback shape
|
|
14
|
+
* that consumers already rely on.
|
|
15
|
+
*/
|
|
16
|
+
readonly onValueChange?: (details: {
|
|
17
|
+
value: Array<string>;
|
|
18
|
+
}) => void;
|
|
19
|
+
readonly variant?: 'outline' | 'faq';
|
|
20
|
+
readonly size?: 'sm' | 'md';
|
|
21
|
+
/** Accepted for compatibility; not applied visually. */
|
|
22
|
+
readonly noAnimation?: boolean;
|
|
23
|
+
/** Accepted for compatibility; Radix defers rendering internally. */
|
|
24
|
+
readonly lazyMount?: boolean;
|
|
25
|
+
readonly children?: React.ReactNode;
|
|
26
|
+
readonly position?: string;
|
|
27
|
+
readonly w?: string;
|
|
28
|
+
readonly bgColor?: string | Record<string, string>;
|
|
29
|
+
readonly borderRadius?: string;
|
|
30
|
+
}
|
|
31
|
+
declare const AccordionRoot: React.ForwardRefExoticComponent<AccordionRootProps & React.RefAttributes<HTMLDivElement>>;
|
|
32
|
+
interface AccordionItemProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> {
|
|
33
|
+
as?: string;
|
|
34
|
+
_first?: Record<string, unknown>;
|
|
35
|
+
_last?: Record<string, unknown>;
|
|
36
|
+
display?: string;
|
|
37
|
+
}
|
|
38
|
+
declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
39
|
+
interface AccordionItemTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>, 'dir'> {
|
|
40
|
+
readonly indicatorPlacement?: 'start' | 'end';
|
|
41
|
+
readonly noIndicator?: boolean;
|
|
42
|
+
readonly variant?: 'outline' | 'faq';
|
|
43
|
+
px?: number | string;
|
|
44
|
+
py?: number | string;
|
|
45
|
+
_hover?: Record<string, string>;
|
|
46
|
+
wordBreak?: string;
|
|
47
|
+
textAlign?: string;
|
|
48
|
+
cursor?: string;
|
|
49
|
+
display?: string;
|
|
50
|
+
alignItems?: string;
|
|
51
|
+
columnGap?: number | string;
|
|
52
|
+
}
|
|
53
|
+
declare const AccordionItemTrigger: React.ForwardRefExoticComponent<AccordionItemTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
54
|
+
interface AccordionItemContentProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {
|
|
55
|
+
pb?: number | string;
|
|
56
|
+
pr?: number | string;
|
|
57
|
+
pl?: string;
|
|
58
|
+
w?: string;
|
|
59
|
+
display?: string;
|
|
60
|
+
flexDir?: string;
|
|
61
|
+
rowGap?: number | string;
|
|
62
|
+
}
|
|
63
|
+
declare const AccordionItemContent: React.ForwardRefExoticComponent<AccordionItemContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
64
|
+
declare function useAccordion(items: Array<{
|
|
65
|
+
id: string;
|
|
66
|
+
}>): {
|
|
67
|
+
value: string[];
|
|
68
|
+
onValueChange: ({ value }: {
|
|
69
|
+
value: Array<string>;
|
|
70
|
+
}) => void;
|
|
71
|
+
scrollToItemFromUrl: () => void;
|
|
72
|
+
};
|
|
73
|
+
|
|
74
|
+
export { AccordionItem, AccordionItemContent, type AccordionItemContentProps, AccordionItemTrigger, AccordionRoot, useAccordion };
|
package/dist/alert.d.cts
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
type AlertStatus = 'info' | 'warning' | 'warning_table' | 'success' | 'error';
|
|
4
|
+
interface AlertProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {
|
|
5
|
+
readonly status?: AlertStatus;
|
|
6
|
+
readonly size?: 'sm' | 'md';
|
|
7
|
+
readonly inline?: boolean;
|
|
8
|
+
readonly startElement?: React.ReactNode;
|
|
9
|
+
readonly endElement?: React.ReactNode;
|
|
10
|
+
readonly descriptionProps?: Omit<React.ComponentPropsWithoutRef<'div'>, 'ref'> & {
|
|
11
|
+
whiteSpace?: string;
|
|
12
|
+
alignItems?: string;
|
|
13
|
+
flexDir?: string;
|
|
14
|
+
flexWrap?: string;
|
|
15
|
+
rowGap?: number | string;
|
|
16
|
+
columnGap?: number | string;
|
|
17
|
+
};
|
|
18
|
+
readonly title?: React.ReactNode;
|
|
19
|
+
readonly icon?: React.ReactElement;
|
|
20
|
+
readonly closable?: boolean;
|
|
21
|
+
readonly onClose?: () => void;
|
|
22
|
+
readonly loading?: boolean;
|
|
23
|
+
readonly showIcon?: boolean;
|
|
24
|
+
readonly whiteSpace?: string;
|
|
25
|
+
readonly mb?: number | string;
|
|
26
|
+
readonly mt?: number | string;
|
|
27
|
+
}
|
|
28
|
+
declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
|
|
29
|
+
|
|
30
|
+
export { Alert, type AlertProps };
|
package/dist/alert.d.ts
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
type AlertStatus = 'info' | 'warning' | 'warning_table' | 'success' | 'error';
|
|
4
|
+
interface AlertProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {
|
|
5
|
+
readonly status?: AlertStatus;
|
|
6
|
+
readonly size?: 'sm' | 'md';
|
|
7
|
+
readonly inline?: boolean;
|
|
8
|
+
readonly startElement?: React.ReactNode;
|
|
9
|
+
readonly endElement?: React.ReactNode;
|
|
10
|
+
readonly descriptionProps?: Omit<React.ComponentPropsWithoutRef<'div'>, 'ref'> & {
|
|
11
|
+
whiteSpace?: string;
|
|
12
|
+
alignItems?: string;
|
|
13
|
+
flexDir?: string;
|
|
14
|
+
flexWrap?: string;
|
|
15
|
+
rowGap?: number | string;
|
|
16
|
+
columnGap?: number | string;
|
|
17
|
+
};
|
|
18
|
+
readonly title?: React.ReactNode;
|
|
19
|
+
readonly icon?: React.ReactElement;
|
|
20
|
+
readonly closable?: boolean;
|
|
21
|
+
readonly onClose?: () => void;
|
|
22
|
+
readonly loading?: boolean;
|
|
23
|
+
readonly showIcon?: boolean;
|
|
24
|
+
readonly whiteSpace?: string;
|
|
25
|
+
readonly mb?: number | string;
|
|
26
|
+
readonly mt?: number | string;
|
|
27
|
+
}
|
|
28
|
+
declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
|
|
29
|
+
|
|
30
|
+
export { Alert, type AlertProps };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
type ImageProps = React.ImgHTMLAttributes<HTMLImageElement>;
|
|
4
|
+
type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
5
|
+
type AvatarVariant = 'solid' | 'subtle' | 'outline';
|
|
6
|
+
interface AvatarProps extends React.ComponentPropsWithoutRef<'span'> {
|
|
7
|
+
name?: string;
|
|
8
|
+
src?: string;
|
|
9
|
+
srcSet?: string;
|
|
10
|
+
loading?: ImageProps['loading'];
|
|
11
|
+
icon?: React.ReactElement;
|
|
12
|
+
fallback?: React.ReactNode;
|
|
13
|
+
size?: AvatarSize;
|
|
14
|
+
variant?: AvatarVariant;
|
|
15
|
+
borderless?: boolean;
|
|
16
|
+
}
|
|
17
|
+
declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
|
|
18
|
+
interface AvatarGroupProps extends React.ComponentPropsWithoutRef<'div'> {
|
|
19
|
+
size?: AvatarSize;
|
|
20
|
+
variant?: AvatarVariant;
|
|
21
|
+
borderless?: boolean;
|
|
22
|
+
}
|
|
23
|
+
declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
24
|
+
|
|
25
|
+
export { Avatar, AvatarGroup, type AvatarProps };
|
package/dist/avatar.d.ts
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
type ImageProps = React.ImgHTMLAttributes<HTMLImageElement>;
|
|
4
|
+
type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
5
|
+
type AvatarVariant = 'solid' | 'subtle' | 'outline';
|
|
6
|
+
interface AvatarProps extends React.ComponentPropsWithoutRef<'span'> {
|
|
7
|
+
name?: string;
|
|
8
|
+
src?: string;
|
|
9
|
+
srcSet?: string;
|
|
10
|
+
loading?: ImageProps['loading'];
|
|
11
|
+
icon?: React.ReactElement;
|
|
12
|
+
fallback?: React.ReactNode;
|
|
13
|
+
size?: AvatarSize;
|
|
14
|
+
variant?: AvatarVariant;
|
|
15
|
+
borderless?: boolean;
|
|
16
|
+
}
|
|
17
|
+
declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
|
|
18
|
+
interface AvatarGroupProps extends React.ComponentPropsWithoutRef<'div'> {
|
|
19
|
+
size?: AvatarSize;
|
|
20
|
+
variant?: AvatarVariant;
|
|
21
|
+
borderless?: boolean;
|
|
22
|
+
}
|
|
23
|
+
declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
24
|
+
|
|
25
|
+
export { Avatar, AvatarGroup, type AvatarProps };
|
package/dist/badge.d.cts
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
|
|
3
|
+
type ColorPalette = 'gray' | 'green' | 'red' | 'purple' | 'orange' | 'blue' | 'yellow' | 'teal' | 'cyan' | 'pink' | 'purple_alt' | 'blue_alt' | 'bright_gray' | 'bright_green' | 'bright_red' | 'bright_blue' | 'bright_yellow' | 'bright_teal' | 'bright_cyan' | 'bright_orange' | 'bright_purple' | 'bright_pink';
|
|
4
|
+
interface BadgeProps extends Omit<React__default.HTMLAttributes<HTMLSpanElement>, 'color'> {
|
|
5
|
+
readonly loading?: boolean;
|
|
6
|
+
readonly startElement?: React__default.ReactNode;
|
|
7
|
+
readonly endElement?: React__default.ReactNode;
|
|
8
|
+
readonly truncated?: boolean;
|
|
9
|
+
readonly colorPalette?: ColorPalette;
|
|
10
|
+
readonly variant?: 'subtle' | 'solid';
|
|
11
|
+
readonly size?: 'sm' | 'md' | 'lg';
|
|
12
|
+
readonly flexShrink?: number;
|
|
13
|
+
readonly gap?: number | string;
|
|
14
|
+
readonly ml?: number | string | Record<string, number>;
|
|
15
|
+
readonly mr?: number | string;
|
|
16
|
+
}
|
|
17
|
+
declare const Badge: React__default.ForwardRefExoticComponent<BadgeProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
18
|
+
|
|
19
|
+
export { Badge, type BadgeProps };
|
package/dist/badge.d.ts
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
|
|
3
|
+
type ColorPalette = 'gray' | 'green' | 'red' | 'purple' | 'orange' | 'blue' | 'yellow' | 'teal' | 'cyan' | 'pink' | 'purple_alt' | 'blue_alt' | 'bright_gray' | 'bright_green' | 'bright_red' | 'bright_blue' | 'bright_yellow' | 'bright_teal' | 'bright_cyan' | 'bright_orange' | 'bright_purple' | 'bright_pink';
|
|
4
|
+
interface BadgeProps extends Omit<React__default.HTMLAttributes<HTMLSpanElement>, 'color'> {
|
|
5
|
+
readonly loading?: boolean;
|
|
6
|
+
readonly startElement?: React__default.ReactNode;
|
|
7
|
+
readonly endElement?: React__default.ReactNode;
|
|
8
|
+
readonly truncated?: boolean;
|
|
9
|
+
readonly colorPalette?: ColorPalette;
|
|
10
|
+
readonly variant?: 'subtle' | 'solid';
|
|
11
|
+
readonly size?: 'sm' | 'md' | 'lg';
|
|
12
|
+
readonly flexShrink?: number;
|
|
13
|
+
readonly gap?: number | string;
|
|
14
|
+
readonly ml?: number | string | Record<string, number>;
|
|
15
|
+
readonly mr?: number | string;
|
|
16
|
+
}
|
|
17
|
+
declare const Badge: React__default.ForwardRefExoticComponent<BadgeProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
18
|
+
|
|
19
|
+
export { Badge, type BadgeProps };
|
package/dist/bank.d.cts
ADDED
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as _hanzogui_core from '@hanzogui/core';
|
|
3
|
+
import { GetProps } from '@hanzogui/core';
|
|
4
|
+
import React__default from 'react';
|
|
5
|
+
|
|
6
|
+
declare const bankColors: {
|
|
7
|
+
readonly bg: "#000000";
|
|
8
|
+
readonly card: "#111111";
|
|
9
|
+
readonly cardBorder: "#222222";
|
|
10
|
+
readonly input: "#1A1A1A";
|
|
11
|
+
readonly inputBorder: "#333333";
|
|
12
|
+
readonly inputFocus: "#555555";
|
|
13
|
+
readonly inputPlaceholder: "#666666";
|
|
14
|
+
readonly text: "#FFFFFF";
|
|
15
|
+
readonly textMuted: "#888888";
|
|
16
|
+
readonly textLabel: "#CCCCCC";
|
|
17
|
+
readonly accent: "#FFFFFF";
|
|
18
|
+
readonly accentPress: "#E0E0E0";
|
|
19
|
+
readonly accentHover: "#F0F0F0";
|
|
20
|
+
readonly error: "#FF4444";
|
|
21
|
+
readonly errorBg: "#1C0A0A";
|
|
22
|
+
readonly errorBorder: "#441111";
|
|
23
|
+
readonly success: "#44FF44";
|
|
24
|
+
readonly successBg: "#0A1C0A";
|
|
25
|
+
readonly successBorder: "#114411";
|
|
26
|
+
readonly divider: "#222222";
|
|
27
|
+
readonly disabled: "#444444";
|
|
28
|
+
};
|
|
29
|
+
declare const BankCard: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {
|
|
30
|
+
size?: "sm" | "md" | "lg" | undefined;
|
|
31
|
+
}, _hanzogui_core.StaticConfigPublic>;
|
|
32
|
+
type BankCardProps = GetProps<typeof BankCard>;
|
|
33
|
+
declare const BankInput: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
|
|
34
|
+
size?: "sm" | "md" | "lg" | undefined;
|
|
35
|
+
invalid?: boolean | undefined;
|
|
36
|
+
}, _hanzogui_core.StaticConfigPublic>;
|
|
37
|
+
type BankInputProps = GetProps<typeof BankInput> & {
|
|
38
|
+
placeholderTextColor?: string;
|
|
39
|
+
};
|
|
40
|
+
declare const BankButton: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {
|
|
41
|
+
variant?: "primary" | "secondary" | "ghost" | undefined;
|
|
42
|
+
disabled?: boolean | undefined;
|
|
43
|
+
}, _hanzogui_core.StaticConfigPublic>;
|
|
44
|
+
declare const BankButtonText: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
|
|
45
|
+
variant?: "primary" | "secondary" | "ghost" | undefined;
|
|
46
|
+
}, _hanzogui_core.StaticConfigPublic>;
|
|
47
|
+
type BankButtonProps = GetProps<typeof BankButton>;
|
|
48
|
+
declare const BankHeading: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
|
|
49
|
+
size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
|
|
50
|
+
}, _hanzogui_core.StaticConfigPublic>;
|
|
51
|
+
type BankHeadingProps = GetProps<typeof BankHeading>;
|
|
52
|
+
declare const BankText: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
|
|
53
|
+
variant?: "default" | "link" | "label" | "error" | "success" | "muted" | undefined;
|
|
54
|
+
}, _hanzogui_core.StaticConfigPublic>;
|
|
55
|
+
type BankTextProps = GetProps<typeof BankText>;
|
|
56
|
+
declare function BankField({ label, error, children, }: {
|
|
57
|
+
label?: string;
|
|
58
|
+
error?: string;
|
|
59
|
+
children: React__default.ReactNode;
|
|
60
|
+
}): react_jsx_runtime.JSX.Element;
|
|
61
|
+
declare const BankAlert: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {
|
|
62
|
+
status?: "error" | "success" | undefined;
|
|
63
|
+
}, _hanzogui_core.StaticConfigPublic>;
|
|
64
|
+
declare const BankAlertText: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
|
|
65
|
+
status?: "error" | "success" | undefined;
|
|
66
|
+
}, _hanzogui_core.StaticConfigPublic>;
|
|
67
|
+
type BankAlertProps = GetProps<typeof BankAlert>;
|
|
68
|
+
declare const BankPinBox: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
|
|
69
|
+
invalid?: boolean | undefined;
|
|
70
|
+
}, _hanzogui_core.StaticConfigPublic>;
|
|
71
|
+
type BankPinBoxProps = GetProps<typeof BankPinBox>;
|
|
72
|
+
declare const BankDivider: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {}, _hanzogui_core.StaticConfigPublic>;
|
|
73
|
+
declare const BankPage: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {}, _hanzogui_core.StaticConfigPublic>;
|
|
74
|
+
type BankPageProps = GetProps<typeof BankPage>;
|
|
75
|
+
|
|
76
|
+
export { BankAlert, type BankAlertProps, BankAlertText, BankButton, type BankButtonProps, BankButtonText, BankCard, type BankCardProps, BankDivider, BankField, BankHeading, type BankHeadingProps, BankInput, type BankInputProps, BankPage, type BankPageProps, BankPinBox, type BankPinBoxProps, BankText, type BankTextProps, bankColors };
|
package/dist/bank.d.ts
ADDED
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as _hanzogui_core from '@hanzogui/core';
|
|
3
|
+
import { GetProps } from '@hanzogui/core';
|
|
4
|
+
import React__default from 'react';
|
|
5
|
+
|
|
6
|
+
declare const bankColors: {
|
|
7
|
+
readonly bg: "#000000";
|
|
8
|
+
readonly card: "#111111";
|
|
9
|
+
readonly cardBorder: "#222222";
|
|
10
|
+
readonly input: "#1A1A1A";
|
|
11
|
+
readonly inputBorder: "#333333";
|
|
12
|
+
readonly inputFocus: "#555555";
|
|
13
|
+
readonly inputPlaceholder: "#666666";
|
|
14
|
+
readonly text: "#FFFFFF";
|
|
15
|
+
readonly textMuted: "#888888";
|
|
16
|
+
readonly textLabel: "#CCCCCC";
|
|
17
|
+
readonly accent: "#FFFFFF";
|
|
18
|
+
readonly accentPress: "#E0E0E0";
|
|
19
|
+
readonly accentHover: "#F0F0F0";
|
|
20
|
+
readonly error: "#FF4444";
|
|
21
|
+
readonly errorBg: "#1C0A0A";
|
|
22
|
+
readonly errorBorder: "#441111";
|
|
23
|
+
readonly success: "#44FF44";
|
|
24
|
+
readonly successBg: "#0A1C0A";
|
|
25
|
+
readonly successBorder: "#114411";
|
|
26
|
+
readonly divider: "#222222";
|
|
27
|
+
readonly disabled: "#444444";
|
|
28
|
+
};
|
|
29
|
+
declare const BankCard: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {
|
|
30
|
+
size?: "sm" | "md" | "lg" | undefined;
|
|
31
|
+
}, _hanzogui_core.StaticConfigPublic>;
|
|
32
|
+
type BankCardProps = GetProps<typeof BankCard>;
|
|
33
|
+
declare const BankInput: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
|
|
34
|
+
size?: "sm" | "md" | "lg" | undefined;
|
|
35
|
+
invalid?: boolean | undefined;
|
|
36
|
+
}, _hanzogui_core.StaticConfigPublic>;
|
|
37
|
+
type BankInputProps = GetProps<typeof BankInput> & {
|
|
38
|
+
placeholderTextColor?: string;
|
|
39
|
+
};
|
|
40
|
+
declare const BankButton: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {
|
|
41
|
+
variant?: "primary" | "secondary" | "ghost" | undefined;
|
|
42
|
+
disabled?: boolean | undefined;
|
|
43
|
+
}, _hanzogui_core.StaticConfigPublic>;
|
|
44
|
+
declare const BankButtonText: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
|
|
45
|
+
variant?: "primary" | "secondary" | "ghost" | undefined;
|
|
46
|
+
}, _hanzogui_core.StaticConfigPublic>;
|
|
47
|
+
type BankButtonProps = GetProps<typeof BankButton>;
|
|
48
|
+
declare const BankHeading: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
|
|
49
|
+
size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
|
|
50
|
+
}, _hanzogui_core.StaticConfigPublic>;
|
|
51
|
+
type BankHeadingProps = GetProps<typeof BankHeading>;
|
|
52
|
+
declare const BankText: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
|
|
53
|
+
variant?: "default" | "link" | "label" | "error" | "success" | "muted" | undefined;
|
|
54
|
+
}, _hanzogui_core.StaticConfigPublic>;
|
|
55
|
+
type BankTextProps = GetProps<typeof BankText>;
|
|
56
|
+
declare function BankField({ label, error, children, }: {
|
|
57
|
+
label?: string;
|
|
58
|
+
error?: string;
|
|
59
|
+
children: React__default.ReactNode;
|
|
60
|
+
}): react_jsx_runtime.JSX.Element;
|
|
61
|
+
declare const BankAlert: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {
|
|
62
|
+
status?: "error" | "success" | undefined;
|
|
63
|
+
}, _hanzogui_core.StaticConfigPublic>;
|
|
64
|
+
declare const BankAlertText: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
|
|
65
|
+
status?: "error" | "success" | undefined;
|
|
66
|
+
}, _hanzogui_core.StaticConfigPublic>;
|
|
67
|
+
type BankAlertProps = GetProps<typeof BankAlert>;
|
|
68
|
+
declare const BankPinBox: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
|
|
69
|
+
invalid?: boolean | undefined;
|
|
70
|
+
}, _hanzogui_core.StaticConfigPublic>;
|
|
71
|
+
type BankPinBoxProps = GetProps<typeof BankPinBox>;
|
|
72
|
+
declare const BankDivider: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {}, _hanzogui_core.StaticConfigPublic>;
|
|
73
|
+
declare const BankPage: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {}, _hanzogui_core.StaticConfigPublic>;
|
|
74
|
+
type BankPageProps = GetProps<typeof BankPage>;
|
|
75
|
+
|
|
76
|
+
export { BankAlert, type BankAlertProps, BankAlertText, BankButton, type BankButtonProps, BankButtonText, BankCard, type BankCardProps, BankDivider, BankField, BankHeading, type BankHeadingProps, BankInput, type BankInputProps, BankPage, type BankPageProps, BankPinBox, type BankPinBoxProps, BankText, type BankTextProps, bankColors };
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
declare const VARIANT_CLASSES: Record<string, string>;
|
|
4
|
+
type ButtonVariant = keyof typeof VARIANT_CLASSES;
|
|
5
|
+
type ButtonSize = '2xs' | 'xs' | 'sm' | 'md';
|
|
6
|
+
interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> {
|
|
7
|
+
readonly variant?: ButtonVariant;
|
|
8
|
+
readonly size?: ButtonSize;
|
|
9
|
+
readonly asChild?: boolean;
|
|
10
|
+
readonly loading?: boolean;
|
|
11
|
+
readonly loadingText?: React.ReactNode;
|
|
12
|
+
readonly loadingSkeleton?: boolean;
|
|
13
|
+
readonly expanded?: boolean;
|
|
14
|
+
readonly selected?: boolean;
|
|
15
|
+
readonly highlighted?: boolean;
|
|
16
|
+
readonly mt?: number | string;
|
|
17
|
+
readonly ml?: number | string;
|
|
18
|
+
readonly mr?: number | string;
|
|
19
|
+
readonly px?: number | string;
|
|
20
|
+
readonly py?: number | string;
|
|
21
|
+
readonly fontWeight?: number | string;
|
|
22
|
+
readonly gap?: number | string;
|
|
23
|
+
readonly flexShrink?: number;
|
|
24
|
+
readonly columnGap?: number | string;
|
|
25
|
+
readonly gridColumn?: number | string;
|
|
26
|
+
readonly gridRow?: string;
|
|
27
|
+
readonly justifySelf?: string;
|
|
28
|
+
readonly alignSelf?: string;
|
|
29
|
+
readonly textStyle?: string;
|
|
30
|
+
readonly h?: string;
|
|
31
|
+
readonly w?: string;
|
|
32
|
+
readonly display?: string;
|
|
33
|
+
readonly borderBottomRightRadius?: number | string;
|
|
34
|
+
readonly borderTopRightRadius?: number | string;
|
|
35
|
+
readonly 'data-call-strategy'?: string;
|
|
36
|
+
}
|
|
37
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
38
|
+
declare function buttonVariants(opts?: {
|
|
39
|
+
variant?: string;
|
|
40
|
+
size?: string;
|
|
41
|
+
}): string;
|
|
42
|
+
interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
43
|
+
}
|
|
44
|
+
declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
45
|
+
interface ButtonGroupRadioProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onChange'> {
|
|
46
|
+
children: Array<React.ReactElement<ButtonProps>>;
|
|
47
|
+
onChange?: (value: string) => void;
|
|
48
|
+
defaultValue?: string;
|
|
49
|
+
loading?: boolean;
|
|
50
|
+
equalWidth?: boolean;
|
|
51
|
+
variant?: ButtonProps['variant'];
|
|
52
|
+
}
|
|
53
|
+
declare const ButtonGroupRadio: React.ForwardRefExoticComponent<ButtonGroupRadioProps & React.RefAttributes<HTMLDivElement>>;
|
|
54
|
+
|
|
55
|
+
export { Button, ButtonGroup, type ButtonGroupProps, ButtonGroupRadio, type ButtonGroupRadioProps, type ButtonProps, buttonVariants };
|
package/dist/button.d.ts
ADDED
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
declare const VARIANT_CLASSES: Record<string, string>;
|
|
4
|
+
type ButtonVariant = keyof typeof VARIANT_CLASSES;
|
|
5
|
+
type ButtonSize = '2xs' | 'xs' | 'sm' | 'md';
|
|
6
|
+
interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> {
|
|
7
|
+
readonly variant?: ButtonVariant;
|
|
8
|
+
readonly size?: ButtonSize;
|
|
9
|
+
readonly asChild?: boolean;
|
|
10
|
+
readonly loading?: boolean;
|
|
11
|
+
readonly loadingText?: React.ReactNode;
|
|
12
|
+
readonly loadingSkeleton?: boolean;
|
|
13
|
+
readonly expanded?: boolean;
|
|
14
|
+
readonly selected?: boolean;
|
|
15
|
+
readonly highlighted?: boolean;
|
|
16
|
+
readonly mt?: number | string;
|
|
17
|
+
readonly ml?: number | string;
|
|
18
|
+
readonly mr?: number | string;
|
|
19
|
+
readonly px?: number | string;
|
|
20
|
+
readonly py?: number | string;
|
|
21
|
+
readonly fontWeight?: number | string;
|
|
22
|
+
readonly gap?: number | string;
|
|
23
|
+
readonly flexShrink?: number;
|
|
24
|
+
readonly columnGap?: number | string;
|
|
25
|
+
readonly gridColumn?: number | string;
|
|
26
|
+
readonly gridRow?: string;
|
|
27
|
+
readonly justifySelf?: string;
|
|
28
|
+
readonly alignSelf?: string;
|
|
29
|
+
readonly textStyle?: string;
|
|
30
|
+
readonly h?: string;
|
|
31
|
+
readonly w?: string;
|
|
32
|
+
readonly display?: string;
|
|
33
|
+
readonly borderBottomRightRadius?: number | string;
|
|
34
|
+
readonly borderTopRightRadius?: number | string;
|
|
35
|
+
readonly 'data-call-strategy'?: string;
|
|
36
|
+
}
|
|
37
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
38
|
+
declare function buttonVariants(opts?: {
|
|
39
|
+
variant?: string;
|
|
40
|
+
size?: string;
|
|
41
|
+
}): string;
|
|
42
|
+
interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
43
|
+
}
|
|
44
|
+
declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
45
|
+
interface ButtonGroupRadioProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onChange'> {
|
|
46
|
+
children: Array<React.ReactElement<ButtonProps>>;
|
|
47
|
+
onChange?: (value: string) => void;
|
|
48
|
+
defaultValue?: string;
|
|
49
|
+
loading?: boolean;
|
|
50
|
+
equalWidth?: boolean;
|
|
51
|
+
variant?: ButtonProps['variant'];
|
|
52
|
+
}
|
|
53
|
+
declare const ButtonGroupRadio: React.ForwardRefExoticComponent<ButtonGroupRadioProps & React.RefAttributes<HTMLDivElement>>;
|
|
54
|
+
|
|
55
|
+
export { Button, ButtonGroup, type ButtonGroupProps, ButtonGroupRadio, type ButtonGroupRadioProps, type ButtonProps, buttonVariants };
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import * as RadixCheckbox from '@radix-ui/react-checkbox';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
|
|
4
|
+
interface CheckboxGroupProps extends React.ComponentPropsWithoutRef<'div'> {
|
|
5
|
+
value?: Array<string>;
|
|
6
|
+
defaultValue?: Array<string>;
|
|
7
|
+
onValueChange?: (value: Array<string>) => void;
|
|
8
|
+
orientation?: 'vertical' | 'horizontal';
|
|
9
|
+
name?: string;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
readOnly?: boolean;
|
|
12
|
+
}
|
|
13
|
+
declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<'label'>, 'onChange'> {
|
|
15
|
+
icon?: React.ReactNode;
|
|
16
|
+
inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
|
|
17
|
+
rootRef?: React.Ref<HTMLLabelElement>;
|
|
18
|
+
checked?: boolean | 'indeterminate';
|
|
19
|
+
defaultChecked?: boolean;
|
|
20
|
+
onCheckedChange?: (checked: RadixCheckbox.CheckedState) => void;
|
|
21
|
+
onChange?: React.FormEventHandler<HTMLLabelElement>;
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
readOnly?: boolean;
|
|
24
|
+
value?: string;
|
|
25
|
+
size?: 'sm' | 'md';
|
|
26
|
+
name?: string;
|
|
27
|
+
required?: boolean;
|
|
28
|
+
}
|
|
29
|
+
declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
|
|
30
|
+
|
|
31
|
+
export { Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps };
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import * as RadixCheckbox from '@radix-ui/react-checkbox';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
|
|
4
|
+
interface CheckboxGroupProps extends React.ComponentPropsWithoutRef<'div'> {
|
|
5
|
+
value?: Array<string>;
|
|
6
|
+
defaultValue?: Array<string>;
|
|
7
|
+
onValueChange?: (value: Array<string>) => void;
|
|
8
|
+
orientation?: 'vertical' | 'horizontal';
|
|
9
|
+
name?: string;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
readOnly?: boolean;
|
|
12
|
+
}
|
|
13
|
+
declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<'label'>, 'onChange'> {
|
|
15
|
+
icon?: React.ReactNode;
|
|
16
|
+
inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
|
|
17
|
+
rootRef?: React.Ref<HTMLLabelElement>;
|
|
18
|
+
checked?: boolean | 'indeterminate';
|
|
19
|
+
defaultChecked?: boolean;
|
|
20
|
+
onCheckedChange?: (checked: RadixCheckbox.CheckedState) => void;
|
|
21
|
+
onChange?: React.FormEventHandler<HTMLLabelElement>;
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
readOnly?: boolean;
|
|
24
|
+
value?: string;
|
|
25
|
+
size?: 'sm' | 'md';
|
|
26
|
+
name?: string;
|
|
27
|
+
required?: boolean;
|
|
28
|
+
}
|
|
29
|
+
declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
|
|
30
|
+
|
|
31
|
+
export { Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
interface CloseButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> {
|
|
4
|
+
readonly variant?: 'plain';
|
|
5
|
+
readonly size?: 'md';
|
|
6
|
+
}
|
|
7
|
+
declare const CloseButton: React.ForwardRefExoticComponent<CloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
8
|
+
|
|
9
|
+
export { CloseButton, type CloseButtonProps };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
interface CloseButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> {
|
|
4
|
+
readonly variant?: 'plain';
|
|
5
|
+
readonly size?: 'md';
|
|
6
|
+
}
|
|
7
|
+
declare const CloseButton: React.ForwardRefExoticComponent<CloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
8
|
+
|
|
9
|
+
export { CloseButton, type CloseButtonProps };
|