@xjur-ui/react 1.0.0 → 1.0.1
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/.turbo/turbo-build.log +61 -57
- package/CHANGELOG.md +11 -0
- package/dist/components/avatar.d.ts +11 -0
- package/dist/components/avatar.js +58 -0
- package/dist/components/{ui/button.d.ts → button.d.ts} +2 -2
- package/dist/components/{ui/button.js → button.js} +9 -6
- package/dist/components/calendar.d.ts +11 -0
- package/dist/components/calendar.js +751 -0
- package/dist/components/checkbox.d.ts +8 -0
- package/dist/components/{ui/input/root.js → checkbox.js} +69 -79
- package/dist/components/chip.d.ts +24 -0
- package/dist/components/chip.js +255 -0
- package/dist/components/collapsible.d.ts +8 -0
- package/dist/components/collapsible.js +41 -0
- package/dist/components/date-picker.d.ts +20 -0
- package/dist/components/date-picker.js +230 -0
- package/dist/components/divider.d.ts +7 -0
- package/dist/components/divider.js +28 -0
- package/dist/components/dropdown-menu.d.ts +22 -0
- package/dist/components/dropdown-menu.js +294 -0
- package/dist/components/{resources/icons.d.ts → icon.d.ts} +11 -2
- package/dist/components/{ui/icon.js → icon.js} +18 -5
- package/dist/components/input.d.ts +32 -0
- package/dist/components/input.js +299 -0
- package/dist/components/list.d.ts +25 -0
- package/dist/components/{ui/input/content.js → list.js} +83 -87
- package/dist/components/{ui/logo.d.ts → logo.d.ts} +2 -2
- package/dist/components/{ui/logo.js → logo.js} +5 -5
- package/dist/components/{ui/otp-input.js → otp-input.js} +1 -1
- package/dist/components/radio.d.ts +10 -0
- package/dist/components/{ui/input/label.js → radio.js} +68 -77
- package/dist/components/search-input.d.ts +17 -0
- package/dist/components/search-input.js +274 -0
- package/dist/components/select.d.ts +33 -0
- package/dist/components/select.js +548 -0
- package/dist/components/sheet.d.ts +19 -0
- package/dist/components/sheet.js +251 -0
- package/dist/components/switch.d.ts +7 -0
- package/dist/components/switch.js +36 -0
- package/dist/components/tabs.d.ts +11 -0
- package/dist/components/tabs.js +54 -0
- package/dist/components/tag.d.ts +18 -0
- package/dist/components/tag.js +189 -0
- package/dist/components/{ui/typography.d.ts → typography.d.ts} +3 -3
- package/dist/components/{ui/typography.js → typography.js} +1 -1
- package/dist/index.css +1156 -62
- package/dist/index.d.ts +2 -17
- package/dist/index.js +0 -788
- package/eslint.config.js +8 -1
- package/package.json +40 -10
- package/src/components/avatar.tsx +53 -0
- package/src/components/{ui/button.tsx → button.tsx} +7 -5
- package/src/components/calendar.tsx +123 -0
- package/src/components/checkbox.tsx +57 -0
- package/src/components/chip.tsx +109 -0
- package/src/components/collapsible.tsx +35 -0
- package/src/components/date-picker.tsx +154 -0
- package/src/components/divider.tsx +23 -0
- package/src/components/dropdown-menu.tsx +101 -0
- package/src/components/{ui/icon.tsx → icon.tsx} +1 -1
- package/src/components/input.tsx +241 -0
- package/src/components/list.tsx +111 -0
- package/src/components/radio.tsx +74 -0
- package/src/components/search-input.tsx +112 -0
- package/src/components/select.tsx +234 -0
- package/src/components/sheet.tsx +141 -0
- package/src/components/switch.tsx +31 -0
- package/src/components/tabs.tsx +53 -0
- package/src/components/tag.tsx +91 -0
- package/src/index.css +4 -1
- package/src/index.ts +0 -1
- package/src/{components/resources → resources}/icons.ts +14 -1
- package/src/resources/input-mask.ts +91 -0
- package/dist/components/resources/icons.js +0 -133
- package/dist/components/resources/logo/horizontal.d.ts +0 -12
- package/dist/components/resources/logo/horizontal.js +0 -107
- package/dist/components/resources/logo/icon.d.ts +0 -12
- package/dist/components/resources/logo/icon.js +0 -79
- package/dist/components/resources/logo/index.d.ts +0 -4
- package/dist/components/resources/logo/index.js +0 -291
- package/dist/components/resources/logo/vertical.d.ts +0 -12
- package/dist/components/resources/logo/vertical.js +0 -107
- package/dist/components/ui/accordion.d.ts +0 -5
- package/dist/components/ui/accordion.js +0 -8
- package/dist/components/ui/icon.d.ts +0 -12
- package/dist/components/ui/index.d.ts +0 -17
- package/dist/components/ui/index.js +0 -788
- package/dist/components/ui/input/content.d.ts +0 -9
- package/dist/components/ui/input/index.d.ts +0 -12
- package/dist/components/ui/input/index.js +0 -335
- package/dist/components/ui/input/label.d.ts +0 -12
- package/dist/components/ui/input/message.d.ts +0 -10
- package/dist/components/ui/input/message.js +0 -128
- package/dist/components/ui/input/root.d.ts +0 -18
- package/dist/components/ui/input/slot.d.ts +0 -10
- package/dist/components/ui/input/slot.js +0 -20
- package/dist/components/ui/input/text.d.ts +0 -10
- package/dist/components/ui/input/text.js +0 -195
- package/src/components/ui/accordion.tsx +0 -3
- package/src/components/ui/index.ts +0 -13
- package/src/components/ui/input/content.tsx +0 -59
- package/src/components/ui/input/index.ts +0 -6
- package/src/components/ui/input/label.tsx +0 -41
- package/src/components/ui/input/message.tsx +0 -37
- package/src/components/ui/input/root.tsx +0 -57
- package/src/components/ui/input/slot.tsx +0 -21
- package/src/components/ui/input/text.tsx +0 -69
- /package/dist/components/{ui/otp-input.d.ts → otp-input.d.ts} +0 -0
- /package/src/components/{ui/logo.tsx → logo.tsx} +0 -0
- /package/src/components/{ui/otp-input.tsx → otp-input.tsx} +0 -0
- /package/src/components/{ui/typography.tsx → typography.tsx} +0 -0
- /package/src/{components/resources → resources}/logo/horizontal.tsx +0 -0
- /package/src/{components/resources → resources}/logo/icon.tsx +0 -0
- /package/src/{components/resources → resources}/logo/index.ts +0 -0
- /package/src/{components/resources → resources}/logo/vertical.tsx +0 -0
package/.turbo/turbo-build.log
CHANGED
|
@@ -1,57 +1,61 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
>
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
DTS
|
|
39
|
-
DTS dist/
|
|
40
|
-
DTS dist/components/
|
|
41
|
-
DTS dist/components/
|
|
42
|
-
DTS dist/components/
|
|
43
|
-
DTS dist/components/
|
|
44
|
-
DTS dist/components/
|
|
45
|
-
DTS dist/components/
|
|
46
|
-
DTS dist/components/
|
|
47
|
-
DTS dist/components/
|
|
48
|
-
DTS dist/components/
|
|
49
|
-
DTS dist/components/
|
|
50
|
-
DTS dist/components/
|
|
51
|
-
DTS dist/components/
|
|
52
|
-
DTS dist/components/
|
|
53
|
-
DTS dist/components/
|
|
54
|
-
DTS dist/components/
|
|
55
|
-
DTS dist/components/
|
|
56
|
-
DTS dist/
|
|
57
|
-
|
|
1
|
+
|
|
2
|
+
> @xjur-ui/react@1.0.0 build
|
|
3
|
+
> tsup
|
|
4
|
+
|
|
5
|
+
CLI Building entry: src/index.ts, src/components/avatar.tsx, src/components/button.tsx, src/components/calendar.tsx, src/components/checkbox.tsx, src/components/chip.tsx, src/components/collapsible.tsx, src/components/date-picker.tsx, src/components/divider.tsx, src/components/dropdown-menu.tsx, src/components/icon.tsx, src/components/input.tsx, src/components/list.tsx, src/components/logo.tsx, src/components/otp-input.tsx, src/components/radio.tsx, src/components/search-input.tsx, src/components/select.tsx, src/components/sheet.tsx, src/components/switch.tsx, src/components/tabs.tsx, src/components/tag.tsx, src/components/typography.tsx
|
|
6
|
+
CLI Using tsconfig: tsconfig.json
|
|
7
|
+
CLI tsup v8.5.0
|
|
8
|
+
CLI Using tsup config: /home/vsts/work/1/s/packages/react/tsup.config.ts
|
|
9
|
+
CLI Target: es2022
|
|
10
|
+
CLI Cleaning output folder
|
|
11
|
+
ESM Build start
|
|
12
|
+
DTS Build start
|
|
13
|
+
ESM dist/index.js 0 B
|
|
14
|
+
ESM dist/components/avatar.js 1.23 KB
|
|
15
|
+
ESM dist/index.css 51.62 KB
|
|
16
|
+
ESM dist/components/button.js 2.73 KB
|
|
17
|
+
ESM dist/components/calendar.js 19.27 KB
|
|
18
|
+
ESM dist/components/checkbox.js 4.64 KB
|
|
19
|
+
ESM dist/components/chip.js 6.34 KB
|
|
20
|
+
ESM dist/components/collapsible.js 998.00 B
|
|
21
|
+
ESM dist/components/date-picker.js 6.55 KB
|
|
22
|
+
ESM dist/components/divider.js 697.00 B
|
|
23
|
+
ESM dist/components/dropdown-menu.js 7.19 KB
|
|
24
|
+
ESM dist/components/icon.js 2.69 KB
|
|
25
|
+
ESM dist/components/input.js 7.41 KB
|
|
26
|
+
ESM dist/components/list.js 4.34 KB
|
|
27
|
+
ESM dist/components/logo.js 20.93 KB
|
|
28
|
+
ESM dist/components/otp-input.js 1.00 KB
|
|
29
|
+
ESM dist/components/radio.js 4.52 KB
|
|
30
|
+
ESM dist/components/search-input.js 7.70 KB
|
|
31
|
+
ESM dist/components/select.js 15.07 KB
|
|
32
|
+
ESM dist/components/sheet.js 6.89 KB
|
|
33
|
+
ESM dist/components/switch.js 1.13 KB
|
|
34
|
+
ESM dist/components/tabs.js 1.43 KB
|
|
35
|
+
ESM dist/components/tag.js 4.77 KB
|
|
36
|
+
ESM dist/components/typography.js 2.21 KB
|
|
37
|
+
ESM ⚡️ Build success in 1663ms
|
|
38
|
+
DTS ⚡️ Build success in 5675ms
|
|
39
|
+
DTS dist/index.d.ts 13.00 B
|
|
40
|
+
DTS dist/components/calendar.d.ts 448.00 B
|
|
41
|
+
DTS dist/components/checkbox.d.ts 305.00 B
|
|
42
|
+
DTS dist/components/chip.d.ts 1.36 KB
|
|
43
|
+
DTS dist/components/avatar.d.ts 669.00 B
|
|
44
|
+
DTS dist/components/collapsible.d.ts 645.00 B
|
|
45
|
+
DTS dist/components/date-picker.d.ts 1.35 KB
|
|
46
|
+
DTS dist/components/dropdown-menu.d.ts 1.97 KB
|
|
47
|
+
DTS dist/components/divider.d.ts 336.00 B
|
|
48
|
+
DTS dist/components/logo.d.ts 373.00 B
|
|
49
|
+
DTS dist/components/otp-input.d.ts 662.00 B
|
|
50
|
+
DTS dist/components/radio.d.ts 531.00 B
|
|
51
|
+
DTS dist/components/select.d.ts 2.48 KB
|
|
52
|
+
DTS dist/components/list.d.ts 1.28 KB
|
|
53
|
+
DTS dist/components/search-input.d.ts 1.10 KB
|
|
54
|
+
DTS dist/components/button.d.ts 872.00 B
|
|
55
|
+
DTS dist/components/sheet.d.ts 1.62 KB
|
|
56
|
+
DTS dist/components/switch.d.ts 300.00 B
|
|
57
|
+
DTS dist/components/tabs.d.ts 737.00 B
|
|
58
|
+
DTS dist/components/tag.d.ts 1.07 KB
|
|
59
|
+
DTS dist/components/typography.d.ts 993.00 B
|
|
60
|
+
DTS dist/components/input.d.ts 2.11 KB
|
|
61
|
+
DTS dist/components/icon.d.ts 2.22 KB
|
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
# @xjur-ui/react
|
|
2
|
+
|
|
3
|
+
## 1.0.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 78f16bc: Criação dos componentes principais para execução das telas de agenda
|
|
8
|
+
- ea53c28: Refactor package structure
|
|
9
|
+
- Updated dependencies [78f16bc]
|
|
10
|
+
- @xjur-ui/styles@1.0.1
|
|
11
|
+
- @xjur-ui/util@1.0.1
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
4
|
+
|
|
5
|
+
declare function AvatarRoot({ className, size, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root> & {
|
|
6
|
+
size?: 'xs' | 'sm' | 'md' | 'lg';
|
|
7
|
+
}): react_jsx_runtime.JSX.Element;
|
|
8
|
+
declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime.JSX.Element;
|
|
9
|
+
declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime.JSX.Element;
|
|
10
|
+
|
|
11
|
+
export { AvatarFallback, AvatarImage, AvatarRoot };
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
// src/components/avatar.tsx
|
|
2
|
+
import "react";
|
|
3
|
+
import * as AvatarPrimitive from "@radix-ui/react-avatar";
|
|
4
|
+
import { cx } from "@xjur-ui/util";
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
function AvatarRoot({
|
|
7
|
+
className,
|
|
8
|
+
size = "md",
|
|
9
|
+
...props
|
|
10
|
+
}) {
|
|
11
|
+
return /* @__PURE__ */ jsx(
|
|
12
|
+
AvatarPrimitive.Root,
|
|
13
|
+
{
|
|
14
|
+
className: cx(
|
|
15
|
+
"rounded-circle relative flex shrink-0 overflow-hidden",
|
|
16
|
+
"data-[size=lg]:size-large-8x data-[size=md]:size-large-4x data-[size=sm]:size-large-2x data-[size=xs]:size-large-1x",
|
|
17
|
+
className
|
|
18
|
+
),
|
|
19
|
+
"data-size": size,
|
|
20
|
+
"data-slot": "avatar",
|
|
21
|
+
...props
|
|
22
|
+
}
|
|
23
|
+
);
|
|
24
|
+
}
|
|
25
|
+
function AvatarImage({
|
|
26
|
+
className,
|
|
27
|
+
...props
|
|
28
|
+
}) {
|
|
29
|
+
return /* @__PURE__ */ jsx(
|
|
30
|
+
AvatarPrimitive.Image,
|
|
31
|
+
{
|
|
32
|
+
className: cx("aspect-square size-full", className),
|
|
33
|
+
"data-slot": "avatar-image",
|
|
34
|
+
...props
|
|
35
|
+
}
|
|
36
|
+
);
|
|
37
|
+
}
|
|
38
|
+
function AvatarFallback({
|
|
39
|
+
className,
|
|
40
|
+
...props
|
|
41
|
+
}) {
|
|
42
|
+
return /* @__PURE__ */ jsx(
|
|
43
|
+
AvatarPrimitive.Fallback,
|
|
44
|
+
{
|
|
45
|
+
className: cx(
|
|
46
|
+
"bg-alt-1 rounded-circle flex size-full items-center justify-center font-medium text-white",
|
|
47
|
+
className
|
|
48
|
+
),
|
|
49
|
+
"data-slot": "avatar-fallback",
|
|
50
|
+
...props
|
|
51
|
+
}
|
|
52
|
+
);
|
|
53
|
+
}
|
|
54
|
+
export {
|
|
55
|
+
AvatarFallback,
|
|
56
|
+
AvatarImage,
|
|
57
|
+
AvatarRoot
|
|
58
|
+
};
|
|
@@ -4,7 +4,7 @@ import { ComponentProps } from 'react';
|
|
|
4
4
|
import { ClassVariantProps } from '@xjur-ui/util';
|
|
5
5
|
|
|
6
6
|
declare const buttonVariants: (props?: ({
|
|
7
|
-
size?: "md" | "
|
|
7
|
+
size?: "sm" | "md" | "icon_md" | "icon_sm" | null | undefined;
|
|
8
8
|
variant?: "primary" | "secondary" | "tertiary" | "destructive" | "outlined" | null | undefined;
|
|
9
9
|
appearance?: "solid" | "ghost" | null | undefined;
|
|
10
10
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
@@ -13,4 +13,4 @@ interface ButtonProps extends ComponentProps<'button'>, ClassVariantProps<typeof
|
|
|
13
13
|
}
|
|
14
14
|
declare function Button({ asChild, className, variant, size, appearance, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
15
15
|
|
|
16
|
-
export { Button, type ButtonProps };
|
|
16
|
+
export { Button, type ButtonProps, buttonVariants };
|
|
@@ -1,16 +1,18 @@
|
|
|
1
|
-
// src/components/
|
|
1
|
+
// src/components/button.tsx
|
|
2
2
|
import { Slot } from "@radix-ui/react-slot";
|
|
3
|
-
import { cva } from "@xjur-ui/util";
|
|
3
|
+
import { cva, cx } from "@xjur-ui/util";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
5
|
var buttonVariants = cva(
|
|
6
6
|
[
|
|
7
|
-
"inline-flex items-center justify-center rounded-circle gap-small cursor-pointer disabled:opacity-38 disabled:pointer-events-none transition-colors"
|
|
7
|
+
"outline-none inline-flex items-center justify-center rounded-circle gap-small cursor-pointer disabled:opacity-38 disabled:pointer-events-none transition-colors"
|
|
8
8
|
],
|
|
9
9
|
{
|
|
10
10
|
variants: {
|
|
11
11
|
size: {
|
|
12
12
|
md: "py-small_1x-alt px-medium text-size-body-md",
|
|
13
|
-
sm: "py-small-1x px-small text-size-label-sm"
|
|
13
|
+
sm: "py-small-1x px-small text-size-label-sm",
|
|
14
|
+
icon_md: "p-small text-size-body-md h-large-4x w-large-4x",
|
|
15
|
+
icon_sm: "p-small-1x text-size-label-sm h-large-2x w-large-2x"
|
|
14
16
|
},
|
|
15
17
|
variant: {
|
|
16
18
|
primary: "",
|
|
@@ -85,11 +87,12 @@ function Button({
|
|
|
85
87
|
return /* @__PURE__ */ jsx(
|
|
86
88
|
Component,
|
|
87
89
|
{
|
|
88
|
-
className: buttonVariants({
|
|
90
|
+
className: cx(buttonVariants({ variant, appearance, size }), className),
|
|
89
91
|
...props
|
|
90
92
|
}
|
|
91
93
|
);
|
|
92
94
|
}
|
|
93
95
|
export {
|
|
94
|
-
Button
|
|
96
|
+
Button,
|
|
97
|
+
buttonVariants
|
|
95
98
|
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { DayPickerProps } from 'react-day-picker';
|
|
3
|
+
export { DateRange } from 'react-day-picker';
|
|
4
|
+
|
|
5
|
+
type CalendarProps = DayPickerProps & {
|
|
6
|
+
handleClear?: () => void;
|
|
7
|
+
handleToday?: () => void;
|
|
8
|
+
};
|
|
9
|
+
declare function Calendar({ showOutsideDays, locale, navLayout, handleClear, handleToday, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
|
|
10
|
+
|
|
11
|
+
export { Calendar, type CalendarProps };
|