@snapcall/design-system 1.20.0-beta.3 → 1.20.0-beta.5
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/Avatar/index.d.mts +21 -1
- package/dist/Avatar/index.d.ts +21 -1
- package/dist/Button/index.d.mts +7 -1
- package/dist/Button/index.d.ts +7 -1
- package/dist/Calendar/index.d.mts +1 -1
- package/dist/Calendar/index.d.ts +1 -1
- package/dist/Command/index.d.mts +96 -2
- package/dist/Command/index.d.ts +96 -2
- package/dist/CreatableSelect/index.d.mts +1 -1
- package/dist/CreatableSelect/index.d.ts +1 -1
- package/dist/Input/index.d.mts +1 -1
- package/dist/Input/index.d.ts +1 -1
- package/dist/Pagination/index.d.mts +1 -1
- package/dist/Pagination/index.d.ts +1 -1
- package/dist/Select/index.d.mts +1 -1
- package/dist/Select/index.d.ts +1 -1
- package/dist/Textarea/index.d.mts +1 -1
- package/dist/Textarea/index.d.ts +1 -1
- package/dist/{chunk-I7KGDNNG.mjs → chunk-22ROPG2O.mjs} +2 -2
- package/dist/{chunk-R3S6KBX3.mjs → chunk-4IMIAFOU.mjs} +27 -70
- package/dist/{chunk-XWD63VYR.mjs → chunk-655CU734.mjs} +2 -2
- package/dist/{chunk-PDYIMMJH.mjs → chunk-APPCA7PA.mjs} +10 -48
- package/dist/chunk-FCKIVF33.mjs +454 -0
- package/dist/{chunk-IZJXAMXC.mjs → chunk-FETPXSOH.mjs} +1 -1
- package/dist/{chunk-4TUMP4TB.mjs → chunk-ZUDNZTUE.mjs} +5 -5
- package/dist/components/Accordion/index.js +2 -4
- package/dist/components/Accordion/index.mjs +10 -41
- package/dist/components/AlertDialog/index.js +4 -6
- package/dist/components/AlertDialog/index.mjs +4 -2
- package/dist/components/Avatar/index.js +10 -6
- package/dist/components/Avatar/index.mjs +5 -2
- package/dist/components/Badge/index.js +2 -4
- package/dist/components/Badge/index.mjs +1 -1
- package/dist/components/Button/index.js +6 -6
- package/dist/components/Button/index.mjs +7 -3
- package/dist/components/Calendar/index.js +3 -5
- package/dist/components/Calendar/index.mjs +7 -8
- package/dist/components/Carousel/index.js +3 -5
- package/dist/components/Carousel/index.mjs +18 -141
- package/dist/components/Checkbox/index.js +2 -4
- package/dist/components/Checkbox/index.mjs +3 -2
- package/dist/components/Command/index.js +4 -6
- package/dist/components/Command/index.mjs +5 -5
- package/dist/components/CreatableSelect/index.js +8 -10
- package/dist/components/CreatableSelect/index.mjs +9 -9
- package/dist/components/Dialog/index.js +4 -5
- package/dist/components/Dialog/index.mjs +7 -5
- package/dist/components/DropdownMenu/index.js +3 -5
- package/dist/components/DropdownMenu/index.mjs +6 -6
- package/dist/components/FilterButton/index.js +6 -8
- package/dist/components/FilterButton/index.mjs +5 -3
- package/dist/components/Form/index.js +3 -5
- package/dist/components/Form/index.mjs +2 -2
- package/dist/components/Input/index.js +2 -4
- package/dist/components/Input/index.mjs +1 -1
- package/dist/components/Label/index.js +2 -4
- package/dist/components/Label/index.mjs +1 -1
- package/dist/components/Link/index.js +2 -4
- package/dist/components/Link/index.mjs +1 -1
- package/dist/components/Pagination/index.js +3 -3
- package/dist/components/Pagination/index.mjs +19 -85
- package/dist/components/Popover/index.js +2 -4
- package/dist/components/Popover/index.mjs +1 -1
- package/dist/components/RadioGroup/index.js +3 -4
- package/dist/components/RadioGroup/index.mjs +2 -1
- package/dist/components/Select/index.js +2 -4
- package/dist/components/Select/index.mjs +13 -43
- package/dist/components/Sheet/index.js +3 -5
- package/dist/components/Sheet/index.mjs +6 -5
- package/dist/components/Skeleton/index.js +2 -2
- package/dist/components/Skeleton/index.mjs +1 -1
- package/dist/components/Switch/index.js +2 -4
- package/dist/components/Switch/index.mjs +1 -1
- package/dist/components/Table/index.js +2 -4
- package/dist/components/Table/index.mjs +1 -1
- package/dist/components/Tabs/index.js +2 -4
- package/dist/components/Tabs/index.mjs +1 -1
- package/dist/components/Textarea/index.js +2 -4
- package/dist/components/Textarea/index.mjs +1 -1
- package/dist/components/Toaster/index.js +2 -2
- package/dist/components/Toaster/index.mjs +5 -4
- package/dist/components/ToggleGroup/index.js +2 -4
- package/dist/components/ToggleGroup/index.mjs +3 -2
- package/dist/components/Tooltip/index.js +2 -4
- package/dist/components/Tooltip/index.mjs +1 -1
- package/dist/icons/index.d.mts +2452 -2
- package/dist/icons/index.d.ts +2452 -2
- package/dist/icons/index.js +3678 -2455
- package/dist/icons/index.mjs +2450 -1227
- package/dist/index.d.mts +2 -3
- package/dist/index.d.ts +2 -3
- package/dist/index.js +275 -61
- package/dist/index.mjs +279 -30
- package/package.json +19 -1
- package/dist/chunk-NOFOM2SJ.mjs +0 -41
- package/dist/chunk-PPFZHO26.mjs +0 -41
- package/dist/chunk-ZT2KTEGZ.mjs +0 -41
- package/dist/icons/search.js +0 -98
- package/dist/icons/search.mjs +0 -50
- package/dist/index-2pOvozv0.d.mts +0 -2456
- package/dist/index-2pOvozv0.d.ts +0 -2456
- package/dist/index-Jp7jKI5I.d.mts +0 -96
- package/dist/index-Jp7jKI5I.d.ts +0 -96
- package/dist/search.d.mts +0 -6
- package/dist/search.d.ts +0 -6
package/dist/Avatar/index.d.mts
CHANGED
|
@@ -11,9 +11,29 @@ interface AvatarProps extends VariantProps<typeof avatarVariants>, VariantProps<
|
|
|
11
11
|
declare const avatarSizes: (props?: ({
|
|
12
12
|
size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
13
13
|
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
14
|
+
declare const avatarColors: {
|
|
15
|
+
amber: string;
|
|
16
|
+
red: string;
|
|
17
|
+
green: string;
|
|
18
|
+
plum: string;
|
|
19
|
+
crimson: string;
|
|
20
|
+
blue: string;
|
|
21
|
+
purple: string;
|
|
22
|
+
violet: string;
|
|
23
|
+
indigo: string;
|
|
24
|
+
cyan: string;
|
|
25
|
+
teal: string;
|
|
26
|
+
grass: string;
|
|
27
|
+
brown: string;
|
|
28
|
+
lime: string;
|
|
29
|
+
yellow: string;
|
|
30
|
+
gold: string;
|
|
31
|
+
bronze: string;
|
|
32
|
+
gray: string;
|
|
33
|
+
};
|
|
14
34
|
declare const avatarVariants: (props?: ({
|
|
15
35
|
variant?: "blue" | "amber" | "red" | "green" | "plum" | "crimson" | "purple" | "violet" | "indigo" | "cyan" | "teal" | "grass" | "brown" | "lime" | "yellow" | "gold" | "bronze" | "gray" | null | undefined;
|
|
16
36
|
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
17
37
|
declare const Avatar: React__default.ForwardRefExoticComponent<AvatarProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
18
38
|
|
|
19
|
-
export { Avatar };
|
|
39
|
+
export { Avatar, type AvatarProps, avatarColors, avatarSizes, avatarVariants };
|
package/dist/Avatar/index.d.ts
CHANGED
|
@@ -11,9 +11,29 @@ interface AvatarProps extends VariantProps<typeof avatarVariants>, VariantProps<
|
|
|
11
11
|
declare const avatarSizes: (props?: ({
|
|
12
12
|
size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
13
13
|
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
14
|
+
declare const avatarColors: {
|
|
15
|
+
amber: string;
|
|
16
|
+
red: string;
|
|
17
|
+
green: string;
|
|
18
|
+
plum: string;
|
|
19
|
+
crimson: string;
|
|
20
|
+
blue: string;
|
|
21
|
+
purple: string;
|
|
22
|
+
violet: string;
|
|
23
|
+
indigo: string;
|
|
24
|
+
cyan: string;
|
|
25
|
+
teal: string;
|
|
26
|
+
grass: string;
|
|
27
|
+
brown: string;
|
|
28
|
+
lime: string;
|
|
29
|
+
yellow: string;
|
|
30
|
+
gold: string;
|
|
31
|
+
bronze: string;
|
|
32
|
+
gray: string;
|
|
33
|
+
};
|
|
14
34
|
declare const avatarVariants: (props?: ({
|
|
15
35
|
variant?: "blue" | "amber" | "red" | "green" | "plum" | "crimson" | "purple" | "violet" | "indigo" | "cyan" | "teal" | "grass" | "brown" | "lime" | "yellow" | "gold" | "bronze" | "gray" | null | undefined;
|
|
16
36
|
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
17
37
|
declare const Avatar: React__default.ForwardRefExoticComponent<AvatarProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
18
38
|
|
|
19
|
-
export { Avatar };
|
|
39
|
+
export { Avatar, type AvatarProps, avatarColors, avatarSizes, avatarVariants };
|
package/dist/Button/index.d.mts
CHANGED
|
@@ -11,6 +11,12 @@ declare const buttonSizes: (props?: ({
|
|
|
11
11
|
declare const iconButtonSizes: (props?: ({
|
|
12
12
|
size?: "xs" | "sm" | "md" | "lg" | null | undefined;
|
|
13
13
|
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
14
|
+
declare const iconSizes: {
|
|
15
|
+
xs: number;
|
|
16
|
+
sm: number;
|
|
17
|
+
md: number;
|
|
18
|
+
lg: number;
|
|
19
|
+
};
|
|
14
20
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants>, VariantProps<typeof buttonSizes> {
|
|
15
21
|
icon?: boolean;
|
|
16
22
|
isLoading?: boolean;
|
|
@@ -18,4 +24,4 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Var
|
|
|
18
24
|
}
|
|
19
25
|
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
20
26
|
|
|
21
|
-
export { Button, type ButtonProps, buttonSizes, buttonVariants, iconButtonSizes };
|
|
27
|
+
export { Button, type ButtonProps, buttonSizes, buttonVariants, iconButtonSizes, iconSizes };
|
package/dist/Button/index.d.ts
CHANGED
|
@@ -11,6 +11,12 @@ declare const buttonSizes: (props?: ({
|
|
|
11
11
|
declare const iconButtonSizes: (props?: ({
|
|
12
12
|
size?: "xs" | "sm" | "md" | "lg" | null | undefined;
|
|
13
13
|
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
14
|
+
declare const iconSizes: {
|
|
15
|
+
xs: number;
|
|
16
|
+
sm: number;
|
|
17
|
+
md: number;
|
|
18
|
+
lg: number;
|
|
19
|
+
};
|
|
14
20
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants>, VariantProps<typeof buttonSizes> {
|
|
15
21
|
icon?: boolean;
|
|
16
22
|
isLoading?: boolean;
|
|
@@ -18,4 +24,4 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Var
|
|
|
18
24
|
}
|
|
19
25
|
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
20
26
|
|
|
21
|
-
export { Button, type ButtonProps, buttonSizes, buttonVariants, iconButtonSizes };
|
|
27
|
+
export { Button, type ButtonProps, buttonSizes, buttonVariants, iconButtonSizes, iconSizes };
|
package/dist/Calendar/index.d.ts
CHANGED
package/dist/Command/index.d.mts
CHANGED
|
@@ -1,2 +1,96 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
declare const Command: React.ForwardRefExoticComponent<Omit<{
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
6
|
+
ref?: React.Ref<HTMLDivElement> | undefined;
|
|
7
|
+
} & {
|
|
8
|
+
asChild?: boolean | undefined;
|
|
9
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
10
|
+
label?: string | undefined;
|
|
11
|
+
shouldFilter?: boolean | undefined;
|
|
12
|
+
filter?: ((value: string, search: string, keywords?: string[] | undefined) => number) | undefined;
|
|
13
|
+
defaultValue?: string | undefined;
|
|
14
|
+
value?: string | undefined;
|
|
15
|
+
onValueChange?: ((value: string) => void) | undefined;
|
|
16
|
+
loop?: boolean | undefined;
|
|
17
|
+
disablePointerSelection?: boolean | undefined;
|
|
18
|
+
vimBindings?: boolean | undefined;
|
|
19
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
+
declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
|
|
21
|
+
ref?: React.Ref<HTMLInputElement> | undefined;
|
|
22
|
+
} & {
|
|
23
|
+
asChild?: boolean | undefined;
|
|
24
|
+
}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
|
|
25
|
+
value?: string | undefined;
|
|
26
|
+
onValueChange?: ((search: string) => void) | undefined;
|
|
27
|
+
} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
28
|
+
declare const CommandList: React.ForwardRefExoticComponent<Omit<{
|
|
29
|
+
children?: React.ReactNode;
|
|
30
|
+
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
31
|
+
ref?: React.Ref<HTMLDivElement> | undefined;
|
|
32
|
+
} & {
|
|
33
|
+
asChild?: boolean | undefined;
|
|
34
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
35
|
+
label?: string | undefined;
|
|
36
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
37
|
+
interface CommandEmptyExtension {
|
|
38
|
+
title?: string;
|
|
39
|
+
description?: string;
|
|
40
|
+
}
|
|
41
|
+
declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
|
|
42
|
+
children?: React.ReactNode;
|
|
43
|
+
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
44
|
+
ref?: React.Ref<HTMLDivElement> | undefined;
|
|
45
|
+
} & {
|
|
46
|
+
asChild?: boolean | undefined;
|
|
47
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & CommandEmptyExtension & React.RefAttributes<HTMLDivElement & CommandEmptyExtension>>;
|
|
48
|
+
declare const CommandLoading: React.ForwardRefExoticComponent<Omit<{
|
|
49
|
+
children?: React.ReactNode;
|
|
50
|
+
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
51
|
+
ref?: React.Ref<HTMLDivElement> | undefined;
|
|
52
|
+
} & {
|
|
53
|
+
asChild?: boolean | undefined;
|
|
54
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
55
|
+
progress?: number | undefined;
|
|
56
|
+
label?: string | undefined;
|
|
57
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
58
|
+
declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
|
|
59
|
+
children?: React.ReactNode;
|
|
60
|
+
} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
61
|
+
ref?: React.Ref<HTMLDivElement> | undefined;
|
|
62
|
+
} & {
|
|
63
|
+
asChild?: boolean | undefined;
|
|
64
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
|
|
65
|
+
heading?: React.ReactNode;
|
|
66
|
+
value?: string | undefined;
|
|
67
|
+
forceMount?: boolean | undefined;
|
|
68
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
69
|
+
declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
70
|
+
ref?: React.Ref<HTMLDivElement> | undefined;
|
|
71
|
+
} & {
|
|
72
|
+
asChild?: boolean | undefined;
|
|
73
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
74
|
+
alwaysRender?: boolean | undefined;
|
|
75
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
76
|
+
type CommandItemExtension = {
|
|
77
|
+
icon?: JSX.Element;
|
|
78
|
+
checkbox?: boolean;
|
|
79
|
+
checked?: boolean;
|
|
80
|
+
description?: string;
|
|
81
|
+
};
|
|
82
|
+
declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
|
|
83
|
+
children?: React.ReactNode;
|
|
84
|
+
} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
85
|
+
ref?: React.Ref<HTMLDivElement> | undefined;
|
|
86
|
+
} & {
|
|
87
|
+
asChild?: boolean | undefined;
|
|
88
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "value" | "disabled"> & {
|
|
89
|
+
disabled?: boolean | undefined;
|
|
90
|
+
onSelect?: ((value: string) => void) | undefined;
|
|
91
|
+
value?: string | undefined;
|
|
92
|
+
keywords?: string[] | undefined;
|
|
93
|
+
forceMount?: boolean | undefined;
|
|
94
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & CommandItemExtension & React.RefAttributes<HTMLDivElement & CommandItemExtension>>;
|
|
95
|
+
|
|
96
|
+
export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, type CommandItemExtension, CommandList, CommandLoading, CommandSeparator };
|
package/dist/Command/index.d.ts
CHANGED
|
@@ -1,2 +1,96 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
declare const Command: React.ForwardRefExoticComponent<Omit<{
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
6
|
+
ref?: React.Ref<HTMLDivElement> | undefined;
|
|
7
|
+
} & {
|
|
8
|
+
asChild?: boolean | undefined;
|
|
9
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
10
|
+
label?: string | undefined;
|
|
11
|
+
shouldFilter?: boolean | undefined;
|
|
12
|
+
filter?: ((value: string, search: string, keywords?: string[] | undefined) => number) | undefined;
|
|
13
|
+
defaultValue?: string | undefined;
|
|
14
|
+
value?: string | undefined;
|
|
15
|
+
onValueChange?: ((value: string) => void) | undefined;
|
|
16
|
+
loop?: boolean | undefined;
|
|
17
|
+
disablePointerSelection?: boolean | undefined;
|
|
18
|
+
vimBindings?: boolean | undefined;
|
|
19
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
+
declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
|
|
21
|
+
ref?: React.Ref<HTMLInputElement> | undefined;
|
|
22
|
+
} & {
|
|
23
|
+
asChild?: boolean | undefined;
|
|
24
|
+
}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
|
|
25
|
+
value?: string | undefined;
|
|
26
|
+
onValueChange?: ((search: string) => void) | undefined;
|
|
27
|
+
} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
28
|
+
declare const CommandList: React.ForwardRefExoticComponent<Omit<{
|
|
29
|
+
children?: React.ReactNode;
|
|
30
|
+
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
31
|
+
ref?: React.Ref<HTMLDivElement> | undefined;
|
|
32
|
+
} & {
|
|
33
|
+
asChild?: boolean | undefined;
|
|
34
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
35
|
+
label?: string | undefined;
|
|
36
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
37
|
+
interface CommandEmptyExtension {
|
|
38
|
+
title?: string;
|
|
39
|
+
description?: string;
|
|
40
|
+
}
|
|
41
|
+
declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
|
|
42
|
+
children?: React.ReactNode;
|
|
43
|
+
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
44
|
+
ref?: React.Ref<HTMLDivElement> | undefined;
|
|
45
|
+
} & {
|
|
46
|
+
asChild?: boolean | undefined;
|
|
47
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & CommandEmptyExtension & React.RefAttributes<HTMLDivElement & CommandEmptyExtension>>;
|
|
48
|
+
declare const CommandLoading: React.ForwardRefExoticComponent<Omit<{
|
|
49
|
+
children?: React.ReactNode;
|
|
50
|
+
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
51
|
+
ref?: React.Ref<HTMLDivElement> | undefined;
|
|
52
|
+
} & {
|
|
53
|
+
asChild?: boolean | undefined;
|
|
54
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
55
|
+
progress?: number | undefined;
|
|
56
|
+
label?: string | undefined;
|
|
57
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
58
|
+
declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
|
|
59
|
+
children?: React.ReactNode;
|
|
60
|
+
} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
61
|
+
ref?: React.Ref<HTMLDivElement> | undefined;
|
|
62
|
+
} & {
|
|
63
|
+
asChild?: boolean | undefined;
|
|
64
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
|
|
65
|
+
heading?: React.ReactNode;
|
|
66
|
+
value?: string | undefined;
|
|
67
|
+
forceMount?: boolean | undefined;
|
|
68
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
69
|
+
declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
70
|
+
ref?: React.Ref<HTMLDivElement> | undefined;
|
|
71
|
+
} & {
|
|
72
|
+
asChild?: boolean | undefined;
|
|
73
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
74
|
+
alwaysRender?: boolean | undefined;
|
|
75
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
76
|
+
type CommandItemExtension = {
|
|
77
|
+
icon?: JSX.Element;
|
|
78
|
+
checkbox?: boolean;
|
|
79
|
+
checked?: boolean;
|
|
80
|
+
description?: string;
|
|
81
|
+
};
|
|
82
|
+
declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
|
|
83
|
+
children?: React.ReactNode;
|
|
84
|
+
} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
85
|
+
ref?: React.Ref<HTMLDivElement> | undefined;
|
|
86
|
+
} & {
|
|
87
|
+
asChild?: boolean | undefined;
|
|
88
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "value" | "disabled"> & {
|
|
89
|
+
disabled?: boolean | undefined;
|
|
90
|
+
onSelect?: ((value: string) => void) | undefined;
|
|
91
|
+
value?: string | undefined;
|
|
92
|
+
keywords?: string[] | undefined;
|
|
93
|
+
forceMount?: boolean | undefined;
|
|
94
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & CommandItemExtension & React.RefAttributes<HTMLDivElement & CommandItemExtension>>;
|
|
95
|
+
|
|
96
|
+
export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, type CommandItemExtension, CommandList, CommandLoading, CommandSeparator };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import React__default from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { CommandItemExtension } from '../Command/index.mjs';
|
|
4
4
|
|
|
5
5
|
type StringKeys<T> = {
|
|
6
6
|
[K in keyof T]: T[K] extends string ? K : never;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import React__default from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { CommandItemExtension } from '../Command/index.js';
|
|
4
4
|
|
|
5
5
|
type StringKeys<T> = {
|
|
6
6
|
[K in keyof T]: T[K] extends string ? K : never;
|
package/dist/Input/index.d.mts
CHANGED
package/dist/Input/index.d.ts
CHANGED
|
@@ -16,4 +16,4 @@ interface PaginationProps {
|
|
|
16
16
|
}
|
|
17
17
|
declare const Pagination: ({ totalRowsCaption, nextPageAvailable, previousPageAvailable, currentPageCation, onPageChange, className, }: PaginationProps) => react_jsx_runtime.JSX.Element;
|
|
18
18
|
|
|
19
|
-
export { Pagination, PaginationPageChoice };
|
|
19
|
+
export { Pagination, PaginationPageChoice, type PaginationProps };
|
|
@@ -16,4 +16,4 @@ interface PaginationProps {
|
|
|
16
16
|
}
|
|
17
17
|
declare const Pagination: ({ totalRowsCaption, nextPageAvailable, previousPageAvailable, currentPageCation, onPageChange, className, }: PaginationProps) => react_jsx_runtime.JSX.Element;
|
|
18
18
|
|
|
19
|
-
export { Pagination, PaginationPageChoice };
|
|
19
|
+
export { Pagination, PaginationPageChoice, type PaginationProps };
|
package/dist/Select/index.d.mts
CHANGED
|
@@ -14,4 +14,4 @@ declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.
|
|
|
14
14
|
declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
15
15
|
declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
16
16
|
|
|
17
|
-
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue };
|
|
17
|
+
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, type SelectTriggerExtraProps, SelectValue };
|
package/dist/Select/index.d.ts
CHANGED
|
@@ -14,4 +14,4 @@ declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.
|
|
|
14
14
|
declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
15
15
|
declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
16
16
|
|
|
17
|
-
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue };
|
|
17
|
+
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, type SelectTriggerExtraProps, SelectValue };
|
package/dist/Textarea/index.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ import {
|
|
|
4
4
|
cn
|
|
5
5
|
} from "./chunk-JKJ6VK4H.mjs";
|
|
6
6
|
|
|
7
|
-
// src/components/Badge/
|
|
7
|
+
// src/components/Badge/index.tsx
|
|
8
8
|
import { cva } from "class-variance-authority";
|
|
9
9
|
|
|
10
10
|
// src/utils/getLabelFromChildren.ts
|
|
@@ -32,7 +32,7 @@ var randomPickFromArray = ({
|
|
|
32
32
|
return array[arrayIndex];
|
|
33
33
|
};
|
|
34
34
|
|
|
35
|
-
// src/components/Badge/
|
|
35
|
+
// src/components/Badge/index.tsx
|
|
36
36
|
import { jsx } from "react/jsx-runtime";
|
|
37
37
|
var colors = {
|
|
38
38
|
gray: "text-gray-900",
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import {
|
|
2
|
-
|
|
3
|
-
} from "./chunk-
|
|
4
|
-
import {
|
|
5
|
-
Button,
|
|
6
|
-
SpinnerIcon
|
|
7
|
-
} from "./chunk-PDYIMMJH.mjs";
|
|
2
|
+
Button
|
|
3
|
+
} from "./chunk-APPCA7PA.mjs";
|
|
8
4
|
import {
|
|
9
5
|
Checkbox
|
|
10
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-655CU734.mjs";
|
|
7
|
+
import {
|
|
8
|
+
SearchMdIcon,
|
|
9
|
+
SpinnerIcon,
|
|
10
|
+
XCloseIcon
|
|
11
|
+
} from "./chunk-FCKIVF33.mjs";
|
|
11
12
|
import {
|
|
12
13
|
__objRest,
|
|
13
14
|
__spreadProps,
|
|
@@ -15,58 +16,14 @@ import {
|
|
|
15
16
|
cn
|
|
16
17
|
} from "./chunk-JKJ6VK4H.mjs";
|
|
17
18
|
|
|
18
|
-
// src/components/Command/
|
|
19
|
+
// src/components/Command/index.tsx
|
|
19
20
|
import * as React from "react";
|
|
20
21
|
import { useState } from "react";
|
|
21
22
|
import { Command as CommandPrimitive } from "cmdk";
|
|
22
|
-
|
|
23
|
-
// src/icons/searchMd.tsx
|
|
24
|
-
import { forwardRef } from "react";
|
|
25
23
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
26
|
-
var SearchMdIcon = forwardRef(
|
|
27
|
-
function SearchMdIcon2(_a, ref) {
|
|
28
|
-
var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
|
|
29
|
-
return /* @__PURE__ */ jsxs(
|
|
30
|
-
"svg",
|
|
31
|
-
__spreadProps(__spreadValues({
|
|
32
|
-
ref,
|
|
33
|
-
width: size,
|
|
34
|
-
height: size,
|
|
35
|
-
viewBox: "0 0 24 24",
|
|
36
|
-
fill: "none",
|
|
37
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
38
|
-
className
|
|
39
|
-
}, other), {
|
|
40
|
-
children: [
|
|
41
|
-
duotone && /* @__PURE__ */ jsx(
|
|
42
|
-
"path",
|
|
43
|
-
{
|
|
44
|
-
opacity: "0.12",
|
|
45
|
-
d: "M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z",
|
|
46
|
-
fill: "currentColor"
|
|
47
|
-
}
|
|
48
|
-
),
|
|
49
|
-
/* @__PURE__ */ jsx(
|
|
50
|
-
"path",
|
|
51
|
-
{
|
|
52
|
-
d: "M21 21L16.65 16.65M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z",
|
|
53
|
-
stroke: "currentColor",
|
|
54
|
-
strokeWidth: "2",
|
|
55
|
-
strokeLinecap: "round",
|
|
56
|
-
strokeLinejoin: "round"
|
|
57
|
-
}
|
|
58
|
-
)
|
|
59
|
-
]
|
|
60
|
-
})
|
|
61
|
-
);
|
|
62
|
-
}
|
|
63
|
-
);
|
|
64
|
-
|
|
65
|
-
// src/components/Command/Command.tsx
|
|
66
|
-
import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
67
24
|
var Command = React.forwardRef((_a, ref) => {
|
|
68
25
|
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
69
|
-
return /* @__PURE__ */
|
|
26
|
+
return /* @__PURE__ */ jsx(
|
|
70
27
|
CommandPrimitive,
|
|
71
28
|
__spreadValues({
|
|
72
29
|
ref,
|
|
@@ -85,14 +42,14 @@ var CommandInput = React.forwardRef((_a, ref) => {
|
|
|
85
42
|
setVal("");
|
|
86
43
|
onValueChange && onValueChange("");
|
|
87
44
|
};
|
|
88
|
-
return /* @__PURE__ */
|
|
45
|
+
return /* @__PURE__ */ jsxs(
|
|
89
46
|
"div",
|
|
90
47
|
{
|
|
91
48
|
className: "flex items-center gap-2 px-3 border-b border-gray-200",
|
|
92
49
|
"cmdk-input-wrapper": "",
|
|
93
50
|
children: [
|
|
94
|
-
/* @__PURE__ */
|
|
95
|
-
/* @__PURE__ */
|
|
51
|
+
/* @__PURE__ */ jsx(SearchMdIcon, { size: 16, className: "text-gray-900 shrink-0" }),
|
|
52
|
+
/* @__PURE__ */ jsx(
|
|
96
53
|
CommandPrimitive.Input,
|
|
97
54
|
__spreadValues({
|
|
98
55
|
ref,
|
|
@@ -107,7 +64,7 @@ var CommandInput = React.forwardRef((_a, ref) => {
|
|
|
107
64
|
}
|
|
108
65
|
}, props)
|
|
109
66
|
),
|
|
110
|
-
value !== "" && /* @__PURE__ */
|
|
67
|
+
value !== "" && /* @__PURE__ */ jsx(Button, { variant: "ghostGray", size: "xs", icon: true, className: "-mr-2", children: /* @__PURE__ */ jsx(
|
|
111
68
|
XCloseIcon,
|
|
112
69
|
{
|
|
113
70
|
size: "16",
|
|
@@ -124,7 +81,7 @@ var CommandInput = React.forwardRef((_a, ref) => {
|
|
|
124
81
|
CommandInput.displayName = CommandPrimitive.Input.displayName;
|
|
125
82
|
var CommandList = React.forwardRef((_a, ref) => {
|
|
126
83
|
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
127
|
-
return /* @__PURE__ */
|
|
84
|
+
return /* @__PURE__ */ jsx(
|
|
128
85
|
CommandPrimitive.List,
|
|
129
86
|
__spreadValues({
|
|
130
87
|
ref,
|
|
@@ -138,18 +95,18 @@ var CommandList = React.forwardRef((_a, ref) => {
|
|
|
138
95
|
CommandList.displayName = CommandPrimitive.List.displayName;
|
|
139
96
|
var CommandEmpty = React.forwardRef((_a, ref) => {
|
|
140
97
|
var _b = _a, { children, title, description } = _b, props = __objRest(_b, ["children", "title", "description"]);
|
|
141
|
-
return /* @__PURE__ */
|
|
98
|
+
return /* @__PURE__ */ jsxs(
|
|
142
99
|
CommandPrimitive.Empty,
|
|
143
100
|
__spreadProps(__spreadValues({
|
|
144
101
|
ref,
|
|
145
102
|
className: "flex flex-col gap-4 p-4 text-center"
|
|
146
103
|
}, props), {
|
|
147
104
|
children: [
|
|
148
|
-
(title || description) && /* @__PURE__ */
|
|
149
|
-
title && /* @__PURE__ */
|
|
150
|
-
description && /* @__PURE__ */
|
|
105
|
+
(title || description) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
|
|
106
|
+
title && /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-gray-1000", children: title }),
|
|
107
|
+
description && /* @__PURE__ */ jsx("span", { className: "text-sm font-normal text-gray-700", children: description })
|
|
151
108
|
] }),
|
|
152
|
-
children && /* @__PURE__ */
|
|
109
|
+
children && /* @__PURE__ */ jsx("div", { children })
|
|
153
110
|
]
|
|
154
111
|
})
|
|
155
112
|
);
|
|
@@ -157,12 +114,12 @@ var CommandEmpty = React.forwardRef((_a, ref) => {
|
|
|
157
114
|
CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
|
|
158
115
|
var CommandLoading = React.forwardRef((_a, ref) => {
|
|
159
116
|
var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
|
|
160
|
-
return /* @__PURE__ */
|
|
117
|
+
return /* @__PURE__ */ jsx(CommandPrimitive.Loading, __spreadProps(__spreadValues({ ref }, props), { children: /* @__PURE__ */ jsx("div", { className: "flex justify-center p-4 text-center", children: /* @__PURE__ */ jsx(SpinnerIcon, { className: "text-blue-700 animate-spin" }) }) }));
|
|
161
118
|
});
|
|
162
119
|
CommandLoading.displayName = CommandPrimitive.Loading.displayName;
|
|
163
120
|
var CommandGroup = React.forwardRef((_a, ref) => {
|
|
164
121
|
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
165
|
-
return /* @__PURE__ */
|
|
122
|
+
return /* @__PURE__ */ jsx(
|
|
166
123
|
CommandPrimitive.Group,
|
|
167
124
|
__spreadValues({
|
|
168
125
|
ref,
|
|
@@ -176,7 +133,7 @@ var CommandGroup = React.forwardRef((_a, ref) => {
|
|
|
176
133
|
CommandGroup.displayName = CommandPrimitive.Group.displayName;
|
|
177
134
|
var CommandSeparator = React.forwardRef((_a, ref) => {
|
|
178
135
|
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
179
|
-
return /* @__PURE__ */
|
|
136
|
+
return /* @__PURE__ */ jsx(
|
|
180
137
|
CommandPrimitive.Separator,
|
|
181
138
|
__spreadValues({
|
|
182
139
|
ref,
|
|
@@ -188,7 +145,7 @@ CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
|
|
|
188
145
|
var CommandItem = React.forwardRef(
|
|
189
146
|
(_a, ref) => {
|
|
190
147
|
var _b = _a, { icon, checkbox, className, checked, children, description } = _b, props = __objRest(_b, ["icon", "checkbox", "className", "checked", "children", "description"]);
|
|
191
|
-
return /* @__PURE__ */
|
|
148
|
+
return /* @__PURE__ */ jsxs(
|
|
192
149
|
CommandPrimitive.Item,
|
|
193
150
|
__spreadProps(__spreadValues({
|
|
194
151
|
ref,
|
|
@@ -198,15 +155,15 @@ var CommandItem = React.forwardRef(
|
|
|
198
155
|
)
|
|
199
156
|
}, props), {
|
|
200
157
|
children: [
|
|
201
|
-
/* @__PURE__ */
|
|
202
|
-
checkbox && /* @__PURE__ */
|
|
158
|
+
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
|
|
159
|
+
checkbox && /* @__PURE__ */ jsx(Checkbox, { checked }),
|
|
203
160
|
icon && React.cloneElement(icon, {
|
|
204
161
|
size: 16,
|
|
205
162
|
className: cn("flex-shrink-0", icon.props.className)
|
|
206
163
|
}),
|
|
207
164
|
children
|
|
208
165
|
] }),
|
|
209
|
-
description && /* @__PURE__ */
|
|
166
|
+
description && /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-700", children: description })
|
|
210
167
|
]
|
|
211
168
|
})
|
|
212
169
|
);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
CheckIcon
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-FCKIVF33.mjs";
|
|
4
4
|
import {
|
|
5
5
|
__objRest,
|
|
6
6
|
__spreadProps,
|
|
@@ -8,7 +8,7 @@ import {
|
|
|
8
8
|
cn
|
|
9
9
|
} from "./chunk-JKJ6VK4H.mjs";
|
|
10
10
|
|
|
11
|
-
// src/components/Checkbox/
|
|
11
|
+
// src/components/Checkbox/index.tsx
|
|
12
12
|
import * as React from "react";
|
|
13
13
|
import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
14
14
|
import { jsx } from "react/jsx-runtime";
|