@lglab/compose-ui 0.36.0 → 0.38.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/accordion.d.ts +6 -6
- package/dist/accordion.d.ts.map +1 -1
- package/dist/alert-dialog.d.ts +10 -10
- package/dist/alert-dialog.d.ts.map +1 -1
- package/dist/alert.d.ts +8 -8
- package/dist/alert.d.ts.map +1 -1
- package/dist/autocomplete.d.ts +13 -13
- package/dist/autocomplete.d.ts.map +1 -1
- package/dist/avatar.d.ts +5 -5
- package/dist/avatar.d.ts.map +1 -1
- package/dist/badge.d.ts +4 -4
- package/dist/breadcrumb.d.ts +6 -6
- package/dist/breadcrumb.d.ts.map +1 -1
- package/dist/button.d.ts +2 -2
- package/dist/button.d.ts.map +1 -1
- package/dist/calendar.d.ts +2 -2
- package/dist/calendar.d.ts.map +1 -1
- package/dist/card.d.ts +8 -8
- package/dist/card.d.ts.map +1 -1
- package/dist/checkbox-group.d.ts +2 -2
- package/dist/checkbox-group.d.ts.map +1 -1
- package/dist/checkbox.d.ts +3 -3
- package/dist/checkbox.d.ts.map +1 -1
- package/dist/collapsible.d.ts +4 -4
- package/dist/collapsible.d.ts.map +1 -1
- package/dist/combobox.d.ts +25 -25
- package/dist/components/chart/context.d.ts +2 -2
- package/dist/components/chart/legend.d.ts +2 -2
- package/dist/components/chart/tooltip.d.ts +2 -2
- package/dist/components/table/primitives.d.ts +11 -11
- package/dist/components/table/primitives.js +1 -1
- package/dist/components/table/primitives.js.map +1 -1
- package/dist/context-menu.d.ts +20 -20
- package/dist/context-menu.d.ts.map +1 -1
- package/dist/dialog.d.ts +11 -11
- package/dist/drawer.d.ts +12 -12
- package/dist/empty.d.ts +7 -7
- package/dist/empty.d.ts.map +1 -1
- package/dist/fieldset.d.ts +3 -3
- package/dist/form.d.ts +2 -2
- package/dist/form.d.ts.map +1 -1
- package/dist/group.d.ts +3 -3
- package/dist/index.d.ts +3 -2
- package/dist/index.js +3 -2
- package/dist/input.d.ts +2 -2
- package/dist/menu.d.ts +20 -20
- package/dist/menubar.d.ts +21 -21
- package/dist/menubar.d.ts.map +1 -1
- package/dist/meter.d.ts +6 -6
- package/dist/navigation-menu.d.ts +14 -14
- package/dist/navigation-menu.js +1 -1
- package/dist/navigation-menu.js.map +1 -1
- package/dist/number-field.d.ts +8 -8
- package/dist/pagination.d.ts +10 -10
- package/dist/popover.d.ts +12 -12
- package/dist/preview-card.d.ts +8 -8
- package/dist/progress.d.ts +30 -7
- package/dist/progress.d.ts.map +1 -1
- package/dist/progress.js +63 -3
- package/dist/progress.js.map +1 -1
- package/dist/radio-group.d.ts +2 -2
- package/dist/radio.d.ts +3 -3
- package/dist/scroll-area.d.ts +7 -7
- package/dist/scroll-area.js +1 -1
- package/dist/scroll-area.js.map +1 -1
- package/dist/select.d.ts +19 -19
- package/dist/select.d.ts.map +1 -1
- package/dist/separator.d.ts +2 -2
- package/dist/skeleton.d.ts +2 -2
- package/dist/slider.d.ts +7 -7
- package/dist/slider.d.ts.map +1 -1
- package/dist/switch.d.ts +3 -3
- package/dist/switch.d.ts.map +1 -1
- package/dist/tabs.d.ts +6 -6
- package/dist/textarea.d.ts +2 -2
- package/dist/timeline.d.ts +81 -0
- package/dist/timeline.d.ts.map +1 -0
- package/dist/timeline.js +165 -0
- package/dist/timeline.js.map +1 -0
- package/dist/toast.d.ts +10 -10
- package/dist/toggle-group.d.ts +3 -3
- package/dist/toggle.d.ts +2 -2
- package/dist/toggle.d.ts.map +1 -1
- package/dist/toolbar.d.ts +7 -7
- package/dist/tooltip.d.ts +8 -8
- package/package.json +5 -1
package/dist/popover.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime254 from "react/jsx-runtime";
|
|
3
3
|
import { Popover } from "@base-ui/react/popover";
|
|
4
4
|
|
|
5
5
|
//#region src/components/popover.d.ts
|
|
6
6
|
type PopoverRootProps = React.ComponentProps<typeof Popover.Root>;
|
|
7
7
|
declare const PopoverRoot: {
|
|
8
|
-
(props: PopoverRootProps):
|
|
8
|
+
(props: PopoverRootProps): react_jsx_runtime254.JSX.Element;
|
|
9
9
|
displayName: string;
|
|
10
10
|
};
|
|
11
11
|
type PopoverTriggerProps = React.ComponentProps<typeof Popover.Trigger>;
|
|
@@ -13,12 +13,12 @@ declare const PopoverTrigger: {
|
|
|
13
13
|
({
|
|
14
14
|
className,
|
|
15
15
|
...props
|
|
16
|
-
}: PopoverTriggerProps):
|
|
16
|
+
}: PopoverTriggerProps): react_jsx_runtime254.JSX.Element;
|
|
17
17
|
displayName: string;
|
|
18
18
|
};
|
|
19
19
|
type PopoverPortalProps = React.ComponentProps<typeof Popover.Portal>;
|
|
20
20
|
declare const PopoverPortal: {
|
|
21
|
-
(props: PopoverPortalProps):
|
|
21
|
+
(props: PopoverPortalProps): react_jsx_runtime254.JSX.Element;
|
|
22
22
|
displayName: string;
|
|
23
23
|
};
|
|
24
24
|
type PopoverBackdropProps = React.ComponentProps<typeof Popover.Backdrop>;
|
|
@@ -26,7 +26,7 @@ declare const PopoverBackdrop: {
|
|
|
26
26
|
({
|
|
27
27
|
className,
|
|
28
28
|
...props
|
|
29
|
-
}: PopoverBackdropProps):
|
|
29
|
+
}: PopoverBackdropProps): react_jsx_runtime254.JSX.Element;
|
|
30
30
|
displayName: string;
|
|
31
31
|
};
|
|
32
32
|
type PopoverPositionerProps = React.ComponentProps<typeof Popover.Positioner>;
|
|
@@ -34,7 +34,7 @@ declare const PopoverPositioner: {
|
|
|
34
34
|
({
|
|
35
35
|
className,
|
|
36
36
|
...props
|
|
37
|
-
}: PopoverPositionerProps):
|
|
37
|
+
}: PopoverPositionerProps): react_jsx_runtime254.JSX.Element;
|
|
38
38
|
displayName: string;
|
|
39
39
|
};
|
|
40
40
|
type PopoverPopupProps = React.ComponentProps<typeof Popover.Popup>;
|
|
@@ -42,7 +42,7 @@ declare const PopoverPopup: {
|
|
|
42
42
|
({
|
|
43
43
|
className,
|
|
44
44
|
...props
|
|
45
|
-
}: PopoverPopupProps):
|
|
45
|
+
}: PopoverPopupProps): react_jsx_runtime254.JSX.Element;
|
|
46
46
|
displayName: string;
|
|
47
47
|
};
|
|
48
48
|
type PopoverArrowProps = React.ComponentProps<typeof Popover.Arrow>;
|
|
@@ -50,7 +50,7 @@ declare const PopoverArrow: {
|
|
|
50
50
|
({
|
|
51
51
|
className,
|
|
52
52
|
...props
|
|
53
|
-
}: PopoverArrowProps):
|
|
53
|
+
}: PopoverArrowProps): react_jsx_runtime254.JSX.Element;
|
|
54
54
|
displayName: string;
|
|
55
55
|
};
|
|
56
56
|
type PopoverTitleProps = React.ComponentProps<typeof Popover.Title>;
|
|
@@ -58,7 +58,7 @@ declare const PopoverTitle: {
|
|
|
58
58
|
({
|
|
59
59
|
className,
|
|
60
60
|
...props
|
|
61
|
-
}: PopoverTitleProps):
|
|
61
|
+
}: PopoverTitleProps): react_jsx_runtime254.JSX.Element;
|
|
62
62
|
displayName: string;
|
|
63
63
|
};
|
|
64
64
|
type PopoverDescriptionProps = React.ComponentProps<typeof Popover.Description>;
|
|
@@ -66,7 +66,7 @@ declare const PopoverDescription: {
|
|
|
66
66
|
({
|
|
67
67
|
className,
|
|
68
68
|
...props
|
|
69
|
-
}: PopoverDescriptionProps):
|
|
69
|
+
}: PopoverDescriptionProps): react_jsx_runtime254.JSX.Element;
|
|
70
70
|
displayName: string;
|
|
71
71
|
};
|
|
72
72
|
type PopoverCloseProps = React.ComponentProps<typeof Popover.Close>;
|
|
@@ -74,7 +74,7 @@ declare const PopoverClose: {
|
|
|
74
74
|
({
|
|
75
75
|
className,
|
|
76
76
|
...props
|
|
77
|
-
}: PopoverCloseProps):
|
|
77
|
+
}: PopoverCloseProps): react_jsx_runtime254.JSX.Element;
|
|
78
78
|
displayName: string;
|
|
79
79
|
};
|
|
80
80
|
type PopoverViewportProps = React.ComponentProps<typeof Popover.Viewport>;
|
|
@@ -82,7 +82,7 @@ declare const PopoverViewport: {
|
|
|
82
82
|
({
|
|
83
83
|
className,
|
|
84
84
|
...props
|
|
85
|
-
}: PopoverViewportProps):
|
|
85
|
+
}: PopoverViewportProps): react_jsx_runtime254.JSX.Element;
|
|
86
86
|
displayName: string;
|
|
87
87
|
};
|
|
88
88
|
//#endregion
|
package/dist/preview-card.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime272 from "react/jsx-runtime";
|
|
3
3
|
import { PreviewCard } from "@base-ui/react/preview-card";
|
|
4
4
|
|
|
5
5
|
//#region src/components/preview-card.d.ts
|
|
6
6
|
type PreviewCardRootProps = React.ComponentProps<typeof PreviewCard.Root>;
|
|
7
7
|
declare const PreviewCardRoot: {
|
|
8
|
-
(props: PreviewCardRootProps):
|
|
8
|
+
(props: PreviewCardRootProps): react_jsx_runtime272.JSX.Element;
|
|
9
9
|
displayName: string;
|
|
10
10
|
};
|
|
11
11
|
type PreviewCardTriggerProps = React.ComponentProps<typeof PreviewCard.Trigger>;
|
|
@@ -13,12 +13,12 @@ declare const PreviewCardTrigger: {
|
|
|
13
13
|
({
|
|
14
14
|
className,
|
|
15
15
|
...props
|
|
16
|
-
}: PreviewCardTriggerProps):
|
|
16
|
+
}: PreviewCardTriggerProps): react_jsx_runtime272.JSX.Element;
|
|
17
17
|
displayName: string;
|
|
18
18
|
};
|
|
19
19
|
type PreviewCardPortalProps = React.ComponentProps<typeof PreviewCard.Portal>;
|
|
20
20
|
declare const PreviewCardPortal: {
|
|
21
|
-
(props: PreviewCardPortalProps):
|
|
21
|
+
(props: PreviewCardPortalProps): react_jsx_runtime272.JSX.Element;
|
|
22
22
|
displayName: string;
|
|
23
23
|
};
|
|
24
24
|
type PreviewCardBackdropProps = React.ComponentProps<typeof PreviewCard.Backdrop>;
|
|
@@ -26,7 +26,7 @@ declare const PreviewCardBackdrop: {
|
|
|
26
26
|
({
|
|
27
27
|
className,
|
|
28
28
|
...props
|
|
29
|
-
}: PreviewCardBackdropProps):
|
|
29
|
+
}: PreviewCardBackdropProps): react_jsx_runtime272.JSX.Element;
|
|
30
30
|
displayName: string;
|
|
31
31
|
};
|
|
32
32
|
type PreviewCardPositionerProps = React.ComponentProps<typeof PreviewCard.Positioner>;
|
|
@@ -34,7 +34,7 @@ declare const PreviewCardPositioner: {
|
|
|
34
34
|
({
|
|
35
35
|
className,
|
|
36
36
|
...props
|
|
37
|
-
}: PreviewCardPositionerProps):
|
|
37
|
+
}: PreviewCardPositionerProps): react_jsx_runtime272.JSX.Element;
|
|
38
38
|
displayName: string;
|
|
39
39
|
};
|
|
40
40
|
type PreviewCardPopupProps = React.ComponentProps<typeof PreviewCard.Popup>;
|
|
@@ -42,7 +42,7 @@ declare const PreviewCardPopup: {
|
|
|
42
42
|
({
|
|
43
43
|
className,
|
|
44
44
|
...props
|
|
45
|
-
}: PreviewCardPopupProps):
|
|
45
|
+
}: PreviewCardPopupProps): react_jsx_runtime272.JSX.Element;
|
|
46
46
|
displayName: string;
|
|
47
47
|
};
|
|
48
48
|
type PreviewCardArrowProps = React.ComponentProps<typeof PreviewCard.Arrow>;
|
|
@@ -50,7 +50,7 @@ declare const PreviewCardArrow: {
|
|
|
50
50
|
({
|
|
51
51
|
className,
|
|
52
52
|
...props
|
|
53
|
-
}: PreviewCardArrowProps):
|
|
53
|
+
}: PreviewCardArrowProps): react_jsx_runtime272.JSX.Element;
|
|
54
54
|
displayName: string;
|
|
55
55
|
};
|
|
56
56
|
//#endregion
|
package/dist/progress.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime279 from "react/jsx-runtime";
|
|
3
3
|
import { Progress } from "@base-ui/react/progress";
|
|
4
4
|
|
|
5
5
|
//#region src/components/progress.d.ts
|
|
@@ -8,7 +8,7 @@ declare const ProgressRoot: {
|
|
|
8
8
|
({
|
|
9
9
|
className,
|
|
10
10
|
...props
|
|
11
|
-
}: ProgressRootProps):
|
|
11
|
+
}: ProgressRootProps): react_jsx_runtime279.JSX.Element;
|
|
12
12
|
displayName: string;
|
|
13
13
|
};
|
|
14
14
|
type ProgressTrackProps = React.ComponentProps<typeof Progress.Track>;
|
|
@@ -16,7 +16,7 @@ declare const ProgressTrack: {
|
|
|
16
16
|
({
|
|
17
17
|
className,
|
|
18
18
|
...props
|
|
19
|
-
}: ProgressTrackProps):
|
|
19
|
+
}: ProgressTrackProps): react_jsx_runtime279.JSX.Element;
|
|
20
20
|
displayName: string;
|
|
21
21
|
};
|
|
22
22
|
type ProgressIndicatorProps = React.ComponentProps<typeof Progress.Indicator>;
|
|
@@ -24,7 +24,7 @@ declare const ProgressIndicator: {
|
|
|
24
24
|
({
|
|
25
25
|
className,
|
|
26
26
|
...props
|
|
27
|
-
}: ProgressIndicatorProps):
|
|
27
|
+
}: ProgressIndicatorProps): react_jsx_runtime279.JSX.Element;
|
|
28
28
|
displayName: string;
|
|
29
29
|
};
|
|
30
30
|
type ProgressValueProps = React.ComponentProps<typeof Progress.Value>;
|
|
@@ -32,7 +32,7 @@ declare const ProgressValue: {
|
|
|
32
32
|
({
|
|
33
33
|
className,
|
|
34
34
|
...props
|
|
35
|
-
}: ProgressValueProps):
|
|
35
|
+
}: ProgressValueProps): react_jsx_runtime279.JSX.Element;
|
|
36
36
|
displayName: string;
|
|
37
37
|
};
|
|
38
38
|
type ProgressLabelProps = React.ComponentProps<typeof Progress.Label>;
|
|
@@ -40,9 +40,32 @@ declare const ProgressLabel: {
|
|
|
40
40
|
({
|
|
41
41
|
className,
|
|
42
42
|
...props
|
|
43
|
-
}: ProgressLabelProps):
|
|
43
|
+
}: ProgressLabelProps): react_jsx_runtime279.JSX.Element;
|
|
44
|
+
displayName: string;
|
|
45
|
+
};
|
|
46
|
+
type ProgressCircleProps = {
|
|
47
|
+
value?: number | null;
|
|
48
|
+
min?: number;
|
|
49
|
+
max?: number;
|
|
50
|
+
size?: number;
|
|
51
|
+
strokeWidth?: number;
|
|
52
|
+
className?: string;
|
|
53
|
+
trackClassName?: string;
|
|
54
|
+
children?: React.ReactNode;
|
|
55
|
+
};
|
|
56
|
+
declare const ProgressCircle: {
|
|
57
|
+
({
|
|
58
|
+
value,
|
|
59
|
+
min,
|
|
60
|
+
max,
|
|
61
|
+
size,
|
|
62
|
+
strokeWidth,
|
|
63
|
+
className,
|
|
64
|
+
trackClassName,
|
|
65
|
+
children
|
|
66
|
+
}: ProgressCircleProps): react_jsx_runtime279.JSX.Element;
|
|
44
67
|
displayName: string;
|
|
45
68
|
};
|
|
46
69
|
//#endregion
|
|
47
|
-
export { ProgressIndicator, type ProgressIndicatorProps, ProgressLabel, type ProgressLabelProps, ProgressRoot, type ProgressRootProps, ProgressTrack, type ProgressTrackProps, ProgressValue, type ProgressValueProps };
|
|
70
|
+
export { ProgressCircle, type ProgressCircleProps, ProgressIndicator, type ProgressIndicatorProps, ProgressLabel, type ProgressLabelProps, ProgressRoot, type ProgressRootProps, ProgressTrack, type ProgressTrackProps, ProgressValue, type ProgressValueProps };
|
|
48
71
|
//# sourceMappingURL=progress.d.ts.map
|
package/dist/progress.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress.d.ts","names":[],"sources":["../src/components/progress.tsx"],"sourcesContent":[],"mappings":";;;;;KAWK,iBAAA,GAAoB,KAAA,CAAM,sBAAsB,QAAA,CAAa;cAE5D;;;;KAAyC,oBAAiB,oBAAA,CAAA,GAAA,CAAA;EAF3D,WAAA,EAAA,MAAA;CAAiB;KAYjB,kBAAA,GAAqB,KAAA,CAAM,cAZkC,CAAA,OAYZ,QAAA,CAAa,KAZD,CAAA;cAc5D,aAdyB,EAAA;EAAc,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAcG,kBAdH,CAAA,EAcqB,oBAAA,CAAA,GAAA,CAAA,OAdrB;EAEvC,WAAA,EAAA,MAEL;CAAA;KA4BI,sBAAA,GAAyB,KAAA,CAAM,sBAAsB,QAAA,CAAa;cAEjE,iBAhCyC,EAAA;;IAAiB,SAAA;IAAA,GAAA;EAAA,CAAA,EAgCZ,sBAhCY,CAAA,EAgCU,oBAAA,CAAA,GAAA,CAAA,OAhCV;EAAA,WAAA,EAAA,MAAA;AAAA,CAAA;KAkD3D,kBAAA,GAAqB,KAAA,CAAM,cAxCT,CAAA,OAwC+B,QAAA,CAAa,KAxC5C,CAAA;cA0CjB,aA1C6D,EAAA;;IAAzC,SAAM;IAAA,GAAA;EAAA,CAAA,EA0CgB,kBA1ChB,CAAA,EA0CkC,oBAAA,CAAA,GAAA,CAAA,OA1ClC;EAAc,WAAA,EAAA,MAAA;AAAA,CAAA;KAyDzC,kBAAA,GAAqB,KAAA,CAAM,cA7C/B,CAAA,OA6CqD,QAAA,CAAa,KA7ClE,CAAA;cA+CK;;IAzD0C,SAAA;IAAA,GAAA;EAAA,CAAA,EAyDA,kBAzDA,CAAA,EAyDkB,oBAAA,CAAA,GAAA,CAAA,OAzDlB;aAAkB,EAAA,MAAA;CAAA"}
|
|
1
|
+
{"version":3,"file":"progress.d.ts","names":[],"sources":["../src/components/progress.tsx"],"sourcesContent":[],"mappings":";;;;;KAWK,iBAAA,GAAoB,KAAA,CAAM,sBAAsB,QAAA,CAAa;cAE5D;;;;KAAyC,oBAAiB,oBAAA,CAAA,GAAA,CAAA;EAF3D,WAAA,EAAA,MAAA;CAAiB;KAYjB,kBAAA,GAAqB,KAAA,CAAM,cAZkC,CAAA,OAYZ,QAAA,CAAa,KAZD,CAAA;cAc5D,aAdyB,EAAA;EAAc,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAcG,kBAdH,CAAA,EAcqB,oBAAA,CAAA,GAAA,CAAA,OAdrB;EAEvC,WAAA,EAAA,MAEL;CAAA;KA4BI,sBAAA,GAAyB,KAAA,CAAM,sBAAsB,QAAA,CAAa;cAEjE,iBAhCyC,EAAA;;IAAiB,SAAA;IAAA,GAAA;EAAA,CAAA,EAgCZ,sBAhCY,CAAA,EAgCU,oBAAA,CAAA,GAAA,CAAA,OAhCV;EAAA,WAAA,EAAA,MAAA;AAAA,CAAA;KAkD3D,kBAAA,GAAqB,KAAA,CAAM,cAxCT,CAAA,OAwC+B,QAAA,CAAa,KAxC5C,CAAA;cA0CjB,aA1C6D,EAAA;;IAAzC,SAAM;IAAA,GAAA;EAAA,CAAA,EA0CgB,kBA1ChB,CAAA,EA0CkC,oBAAA,CAAA,GAAA,CAAA,OA1ClC;EAAc,WAAA,EAAA,MAAA;AAAA,CAAA;KAyDzC,kBAAA,GAAqB,KAAA,CAAM,cA7C/B,CAAA,OA6CqD,QAAA,CAAa,KA7ClE,CAAA;cA+CK;;IAzD0C,SAAA;IAAA,GAAA;EAAA,CAAA,EAyDA,kBAzDA,CAAA,EAyDkB,oBAAA,CAAA,GAAA,CAAA,OAzDlB;aAAkB,EAAA,MAAA;CAAA;AAAA,KAwE7D,mBAAA,GAtDA;EAAsB,KAAA,CAAA,EAAA,MAAA,GAAA,IAAA;KAA+B,CAAA,EAAA,MAAa;KAAzC,CAAA,EAAA,MAAM;EAAc,IAAA,CAAA,EAAA,MAAA;EAE5C,WAAA,CAAA,EAAA,MAUL;EAAA,SAAA,CAAA,EAAA,MAAA;;UAVmD,CAAA,EA4DvC,KAAA,CAAM,SA5DiC;;cAuE9C,cAvEoE,EAAA;EAkBrE,CAAA;IAAA,KAAA;IAAA,GAAA;IAAA,GAAA;IAAA,IAAkB;IAAA,WAAA;IAAA,SAAA;IAAA,cAAA;IAAA;EAAA,CAAA,EA8DpB,mBA9DoB,CAAA,EA8DD,oBAAA,CAAA,GAAA,CAAA,OA9DC;EAAA,WAAA,EAAA,MAAA"}
|
package/dist/progress.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { cn } from "./lib/utils.js";
|
|
4
4
|
import "react";
|
|
5
|
-
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
6
|
import { Progress } from "@base-ui/react/progress";
|
|
7
7
|
|
|
8
8
|
//#region src/components/progress.tsx
|
|
@@ -22,7 +22,7 @@ const ProgressTrack = ({ className, ...props }) => {
|
|
|
22
22
|
ProgressTrack.displayName = "ProgressTrack";
|
|
23
23
|
const ProgressIndicator = ({ className, ...props }) => {
|
|
24
24
|
return /* @__PURE__ */ jsx(Progress.Indicator, {
|
|
25
|
-
className: cn("h-full rounded-full bg-primary transition-all duration-
|
|
25
|
+
className: cn("h-full rounded-full bg-primary transition-all duration-500 ease-out-expo", className),
|
|
26
26
|
...props
|
|
27
27
|
});
|
|
28
28
|
};
|
|
@@ -41,7 +41,67 @@ const ProgressLabel = ({ className, ...props }) => {
|
|
|
41
41
|
});
|
|
42
42
|
};
|
|
43
43
|
ProgressLabel.displayName = "ProgressLabel";
|
|
44
|
+
const indeterminateKeyframes = `
|
|
45
|
+
@keyframes progress-circle-spin {
|
|
46
|
+
0% { stroke-dashoffset: var(--pc-circumference); transform: rotate(0deg); }
|
|
47
|
+
50% { stroke-dashoffset: calc(var(--pc-circumference) * 0.25); transform: rotate(180deg); }
|
|
48
|
+
100% { stroke-dashoffset: var(--pc-circumference); transform: rotate(720deg); }
|
|
49
|
+
}
|
|
50
|
+
`;
|
|
51
|
+
const ProgressCircle = ({ value = 0, min = 0, max = 100, size = 120, strokeWidth = 8, className, trackClassName, children }) => {
|
|
52
|
+
const radius = (size - strokeWidth) / 2;
|
|
53
|
+
const circumference = 2 * Math.PI * radius;
|
|
54
|
+
const center = size / 2;
|
|
55
|
+
const isIndeterminate = value === null;
|
|
56
|
+
const offset = circumference - (isIndeterminate ? 0 : (value - min) / (max - min) * 100) / 100 * circumference;
|
|
57
|
+
return /* @__PURE__ */ jsxs("svg", {
|
|
58
|
+
width: size,
|
|
59
|
+
height: size,
|
|
60
|
+
viewBox: `0 0 ${size} ${size}`,
|
|
61
|
+
children: [
|
|
62
|
+
isIndeterminate && /* @__PURE__ */ jsx("style", { children: indeterminateKeyframes }),
|
|
63
|
+
/* @__PURE__ */ jsx("circle", {
|
|
64
|
+
cx: center,
|
|
65
|
+
cy: center,
|
|
66
|
+
r: radius,
|
|
67
|
+
fill: "none",
|
|
68
|
+
strokeWidth,
|
|
69
|
+
className: cn("stroke-primary/20", trackClassName)
|
|
70
|
+
}),
|
|
71
|
+
/* @__PURE__ */ jsx("circle", {
|
|
72
|
+
cx: center,
|
|
73
|
+
cy: center,
|
|
74
|
+
r: radius,
|
|
75
|
+
fill: "none",
|
|
76
|
+
strokeWidth,
|
|
77
|
+
strokeLinecap: "round",
|
|
78
|
+
strokeDasharray: circumference,
|
|
79
|
+
strokeDashoffset: isIndeterminate ? circumference : offset,
|
|
80
|
+
className: cn("origin-center stroke-primary", !isIndeterminate && "transition-[stroke-dashoffset] duration-500 ease-out-expo", className),
|
|
81
|
+
style: isIndeterminate ? {
|
|
82
|
+
"--pc-circumference": circumference,
|
|
83
|
+
transformOrigin: "center",
|
|
84
|
+
animation: "progress-circle-spin 1.4s ease-in-out infinite"
|
|
85
|
+
} : {
|
|
86
|
+
transform: "rotate(-90deg)",
|
|
87
|
+
transformOrigin: "center"
|
|
88
|
+
}
|
|
89
|
+
}),
|
|
90
|
+
children && /* @__PURE__ */ jsx("foreignObject", {
|
|
91
|
+
x: 0,
|
|
92
|
+
y: 0,
|
|
93
|
+
width: size,
|
|
94
|
+
height: size,
|
|
95
|
+
children: /* @__PURE__ */ jsx("div", {
|
|
96
|
+
className: "flex h-full w-full items-center justify-center",
|
|
97
|
+
children
|
|
98
|
+
})
|
|
99
|
+
})
|
|
100
|
+
]
|
|
101
|
+
});
|
|
102
|
+
};
|
|
103
|
+
ProgressCircle.displayName = "ProgressCircle";
|
|
44
104
|
|
|
45
105
|
//#endregion
|
|
46
|
-
export { ProgressIndicator, ProgressLabel, ProgressRoot, ProgressTrack, ProgressValue };
|
|
106
|
+
export { ProgressCircle, ProgressIndicator, ProgressLabel, ProgressRoot, ProgressTrack, ProgressValue };
|
|
47
107
|
//# sourceMappingURL=progress.js.map
|
package/dist/progress.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress.js","names":["BaseProgress"],"sources":["../src/components/progress.tsx"],"sourcesContent":["'use client'\n\nimport { Progress as BaseProgress } from '@base-ui/react/progress'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// ProgressRoot\n// ============================================================================\n\ntype ProgressRootProps = React.ComponentProps<typeof BaseProgress.Root>\n\nconst ProgressRoot = ({ className, ...props }: ProgressRootProps) => {\n return <BaseProgress.Root className={cn('w-full', className)} {...props} />\n}\n\nProgressRoot.displayName = 'ProgressRoot'\n\n// ============================================================================\n// ProgressTrack\n// ============================================================================\n\ntype ProgressTrackProps = React.ComponentProps<typeof BaseProgress.Track>\n\nconst ProgressTrack = ({ className, ...props }: ProgressTrackProps) => {\n return (\n <BaseProgress.Track\n className={cn(\n 'relative h-2 w-full overflow-hidden rounded-full bg-primary/20',\n className,\n )}\n {...props}\n />\n )\n}\n\nProgressTrack.displayName = 'ProgressTrack'\n\n// ============================================================================\n// ProgressIndicator\n// ============================================================================\n\ntype ProgressIndicatorProps = React.ComponentProps<typeof BaseProgress.Indicator>\n\nconst ProgressIndicator = ({ className, ...props }: ProgressIndicatorProps) => {\n return (\n <BaseProgress.Indicator\n className={cn(\n 'h-full rounded-full bg-primary transition-all duration-
|
|
1
|
+
{"version":3,"file":"progress.js","names":["BaseProgress"],"sources":["../src/components/progress.tsx"],"sourcesContent":["'use client'\n\nimport { Progress as BaseProgress } from '@base-ui/react/progress'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// ProgressRoot\n// ============================================================================\n\ntype ProgressRootProps = React.ComponentProps<typeof BaseProgress.Root>\n\nconst ProgressRoot = ({ className, ...props }: ProgressRootProps) => {\n return <BaseProgress.Root className={cn('w-full', className)} {...props} />\n}\n\nProgressRoot.displayName = 'ProgressRoot'\n\n// ============================================================================\n// ProgressTrack\n// ============================================================================\n\ntype ProgressTrackProps = React.ComponentProps<typeof BaseProgress.Track>\n\nconst ProgressTrack = ({ className, ...props }: ProgressTrackProps) => {\n return (\n <BaseProgress.Track\n className={cn(\n 'relative h-2 w-full overflow-hidden rounded-full bg-primary/20',\n className,\n )}\n {...props}\n />\n )\n}\n\nProgressTrack.displayName = 'ProgressTrack'\n\n// ============================================================================\n// ProgressIndicator\n// ============================================================================\n\ntype ProgressIndicatorProps = React.ComponentProps<typeof BaseProgress.Indicator>\n\nconst ProgressIndicator = ({ className, ...props }: ProgressIndicatorProps) => {\n return (\n <BaseProgress.Indicator\n className={cn(\n 'h-full rounded-full bg-primary transition-all duration-500 ease-out-expo',\n className,\n )}\n {...props}\n />\n )\n}\n\nProgressIndicator.displayName = 'ProgressIndicator'\n\n// ============================================================================\n// ProgressValue\n// ============================================================================\n\ntype ProgressValueProps = React.ComponentProps<typeof BaseProgress.Value>\n\nconst ProgressValue = ({ className, ...props }: ProgressValueProps) => {\n return (\n <BaseProgress.Value\n className={cn('text-sm font-medium text-foreground', className)}\n {...props}\n />\n )\n}\n\nProgressValue.displayName = 'ProgressValue'\n\n// ============================================================================\n// ProgressLabel\n// ============================================================================\n\ntype ProgressLabelProps = React.ComponentProps<typeof BaseProgress.Label>\n\nconst ProgressLabel = ({ className, ...props }: ProgressLabelProps) => {\n return (\n <BaseProgress.Label\n className={cn('text-sm font-medium text-foreground', className)}\n {...props}\n />\n )\n}\n\nProgressLabel.displayName = 'ProgressLabel'\n\n// ============================================================================\n// ProgressCircle\n// ============================================================================\n\ntype ProgressCircleProps = {\n value?: number | null\n min?: number\n max?: number\n size?: number\n strokeWidth?: number\n className?: string\n trackClassName?: string\n children?: React.ReactNode\n}\n\nconst indeterminateKeyframes = `\n@keyframes progress-circle-spin {\n 0% { stroke-dashoffset: var(--pc-circumference); transform: rotate(0deg); }\n 50% { stroke-dashoffset: calc(var(--pc-circumference) * 0.25); transform: rotate(180deg); }\n 100% { stroke-dashoffset: var(--pc-circumference); transform: rotate(720deg); }\n}\n`\n\nconst ProgressCircle = ({\n value = 0,\n min = 0,\n max = 100,\n size = 120,\n strokeWidth = 8,\n className,\n trackClassName,\n children,\n}: ProgressCircleProps) => {\n const radius = (size - strokeWidth) / 2\n const circumference = 2 * Math.PI * radius\n const center = size / 2\n\n const isIndeterminate = value === null\n const percentage = isIndeterminate ? 0 : ((value - min) / (max - min)) * 100\n const offset = circumference - (percentage / 100) * circumference\n\n return (\n <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`}>\n {isIndeterminate && <style>{indeterminateKeyframes}</style>}\n <circle\n cx={center}\n cy={center}\n r={radius}\n fill='none'\n strokeWidth={strokeWidth}\n className={cn('stroke-primary/20', trackClassName)}\n />\n <circle\n cx={center}\n cy={center}\n r={radius}\n fill='none'\n strokeWidth={strokeWidth}\n strokeLinecap='round'\n strokeDasharray={circumference}\n strokeDashoffset={isIndeterminate ? circumference : offset}\n className={cn(\n 'origin-center stroke-primary',\n !isIndeterminate && 'transition-[stroke-dashoffset] duration-500 ease-out-expo',\n className,\n )}\n style={\n isIndeterminate\n ? ({\n '--pc-circumference': circumference,\n transformOrigin: 'center',\n animation: 'progress-circle-spin 1.4s ease-in-out infinite',\n } as React.CSSProperties)\n : { transform: 'rotate(-90deg)', transformOrigin: 'center' }\n }\n />\n {children && (\n <foreignObject x={0} y={0} width={size} height={size}>\n <div className='flex h-full w-full items-center justify-center'>{children}</div>\n </foreignObject>\n )}\n </svg>\n )\n}\n\nProgressCircle.displayName = 'ProgressCircle'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n ProgressRoot,\n ProgressTrack,\n ProgressIndicator,\n ProgressValue,\n ProgressLabel,\n ProgressCircle,\n}\n\nexport type {\n ProgressRootProps,\n ProgressTrackProps,\n ProgressIndicatorProps,\n ProgressValueProps,\n ProgressLabelProps,\n ProgressCircleProps,\n}\n"],"mappings":";;;;;;;;AAaA,MAAM,gBAAgB,EAAE,WAAW,GAAG,YAA+B;AACnE,QAAO,oBAACA,SAAa;EAAK,WAAW,GAAG,UAAU,UAAU;EAAE,GAAI;GAAS;;AAG7E,aAAa,cAAc;AAQ3B,MAAM,iBAAiB,EAAE,WAAW,GAAG,YAAgC;AACrE,QACE,oBAACA,SAAa;EACZ,WAAW,GACT,kEACA,UACD;EACD,GAAI;GACJ;;AAIN,cAAc,cAAc;AAQ5B,MAAM,qBAAqB,EAAE,WAAW,GAAG,YAAoC;AAC7E,QACE,oBAACA,SAAa;EACZ,WAAW,GACT,4EACA,UACD;EACD,GAAI;GACJ;;AAIN,kBAAkB,cAAc;AAQhC,MAAM,iBAAiB,EAAE,WAAW,GAAG,YAAgC;AACrE,QACE,oBAACA,SAAa;EACZ,WAAW,GAAG,uCAAuC,UAAU;EAC/D,GAAI;GACJ;;AAIN,cAAc,cAAc;AAQ5B,MAAM,iBAAiB,EAAE,WAAW,GAAG,YAAgC;AACrE,QACE,oBAACA,SAAa;EACZ,WAAW,GAAG,uCAAuC,UAAU;EAC/D,GAAI;GACJ;;AAIN,cAAc,cAAc;AAiB5B,MAAM,yBAAyB;;;;;;;AAQ/B,MAAM,kBAAkB,EACtB,QAAQ,GACR,MAAM,GACN,MAAM,KACN,OAAO,KACP,cAAc,GACd,WACA,gBACA,eACyB;CACzB,MAAM,UAAU,OAAO,eAAe;CACtC,MAAM,gBAAgB,IAAI,KAAK,KAAK;CACpC,MAAM,SAAS,OAAO;CAEtB,MAAM,kBAAkB,UAAU;CAElC,MAAM,SAAS,iBADI,kBAAkB,KAAM,QAAQ,QAAQ,MAAM,OAAQ,OAC5B,MAAO;AAEpD,QACE,qBAAC;EAAI,OAAO;EAAM,QAAQ;EAAM,SAAS,OAAO,KAAK,GAAG;;GACrD,mBAAmB,oBAAC,qBAAO,yBAA+B;GAC3D,oBAAC;IACC,IAAI;IACJ,IAAI;IACJ,GAAG;IACH,MAAK;IACQ;IACb,WAAW,GAAG,qBAAqB,eAAe;KAClD;GACF,oBAAC;IACC,IAAI;IACJ,IAAI;IACJ,GAAG;IACH,MAAK;IACQ;IACb,eAAc;IACd,iBAAiB;IACjB,kBAAkB,kBAAkB,gBAAgB;IACpD,WAAW,GACT,gCACA,CAAC,mBAAmB,6DACpB,UACD;IACD,OACE,kBACK;KACC,sBAAsB;KACtB,iBAAiB;KACjB,WAAW;KACZ,GACD;KAAE,WAAW;KAAkB,iBAAiB;KAAU;KAEhE;GACD,YACC,oBAAC;IAAc,GAAG;IAAG,GAAG;IAAG,OAAO;IAAM,QAAQ;cAC9C,oBAAC;KAAI,WAAU;KAAkD;MAAe;KAClE;;GAEd;;AAIV,eAAe,cAAc"}
|
package/dist/radio-group.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime265 from "react/jsx-runtime";
|
|
3
3
|
import { RadioGroup } from "@base-ui/react/radio-group";
|
|
4
4
|
|
|
5
5
|
//#region src/components/radio-group.d.ts
|
|
@@ -8,7 +8,7 @@ declare const RadioGroupRoot: {
|
|
|
8
8
|
({
|
|
9
9
|
className,
|
|
10
10
|
...props
|
|
11
|
-
}: RadioGroupRootProps):
|
|
11
|
+
}: RadioGroupRootProps): react_jsx_runtime265.JSX.Element;
|
|
12
12
|
displayName: string;
|
|
13
13
|
};
|
|
14
14
|
//#endregion
|
package/dist/radio.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime285 from "react/jsx-runtime";
|
|
3
3
|
import { Radio } from "@base-ui/react/radio";
|
|
4
4
|
|
|
5
5
|
//#region src/components/radio.d.ts
|
|
@@ -8,7 +8,7 @@ declare const RadioRoot: {
|
|
|
8
8
|
({
|
|
9
9
|
className,
|
|
10
10
|
...props
|
|
11
|
-
}: RadioRootProps):
|
|
11
|
+
}: RadioRootProps): react_jsx_runtime285.JSX.Element;
|
|
12
12
|
displayName: string;
|
|
13
13
|
};
|
|
14
14
|
type RadioIndicatorProps = React.ComponentProps<typeof Radio.Indicator>;
|
|
@@ -16,7 +16,7 @@ declare const RadioIndicator: {
|
|
|
16
16
|
({
|
|
17
17
|
className,
|
|
18
18
|
...props
|
|
19
|
-
}: RadioIndicatorProps):
|
|
19
|
+
}: RadioIndicatorProps): react_jsx_runtime285.JSX.Element;
|
|
20
20
|
displayName: string;
|
|
21
21
|
};
|
|
22
22
|
//#endregion
|
package/dist/scroll-area.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime266 from "react/jsx-runtime";
|
|
3
3
|
import { ScrollArea } from "@base-ui/react/scroll-area";
|
|
4
4
|
|
|
5
5
|
//#region src/components/scroll-area.d.ts
|
|
@@ -8,7 +8,7 @@ declare const ScrollAreaRoot: {
|
|
|
8
8
|
({
|
|
9
9
|
className,
|
|
10
10
|
...props
|
|
11
|
-
}: ScrollAreaRootProps):
|
|
11
|
+
}: ScrollAreaRootProps): react_jsx_runtime266.JSX.Element;
|
|
12
12
|
displayName: string;
|
|
13
13
|
};
|
|
14
14
|
type ScrollAreaViewportProps = React.ComponentProps<typeof ScrollArea.Viewport>;
|
|
@@ -16,7 +16,7 @@ declare const ScrollAreaViewport: {
|
|
|
16
16
|
({
|
|
17
17
|
className,
|
|
18
18
|
...props
|
|
19
|
-
}: ScrollAreaViewportProps):
|
|
19
|
+
}: ScrollAreaViewportProps): react_jsx_runtime266.JSX.Element;
|
|
20
20
|
displayName: string;
|
|
21
21
|
};
|
|
22
22
|
type ScrollAreaContentProps = React.ComponentProps<typeof ScrollArea.Content>;
|
|
@@ -24,7 +24,7 @@ declare const ScrollAreaContent: {
|
|
|
24
24
|
({
|
|
25
25
|
className,
|
|
26
26
|
...props
|
|
27
|
-
}: ScrollAreaContentProps):
|
|
27
|
+
}: ScrollAreaContentProps): react_jsx_runtime266.JSX.Element;
|
|
28
28
|
displayName: string;
|
|
29
29
|
};
|
|
30
30
|
type ScrollAreaScrollbarProps = React.ComponentProps<typeof ScrollArea.Scrollbar>;
|
|
@@ -33,7 +33,7 @@ declare const ScrollAreaScrollbar: {
|
|
|
33
33
|
className,
|
|
34
34
|
orientation,
|
|
35
35
|
...props
|
|
36
|
-
}: ScrollAreaScrollbarProps):
|
|
36
|
+
}: ScrollAreaScrollbarProps): react_jsx_runtime266.JSX.Element;
|
|
37
37
|
displayName: string;
|
|
38
38
|
};
|
|
39
39
|
type ScrollAreaThumbProps = React.ComponentProps<typeof ScrollArea.Thumb>;
|
|
@@ -41,7 +41,7 @@ declare const ScrollAreaThumb: {
|
|
|
41
41
|
({
|
|
42
42
|
className,
|
|
43
43
|
...props
|
|
44
|
-
}: ScrollAreaThumbProps):
|
|
44
|
+
}: ScrollAreaThumbProps): react_jsx_runtime266.JSX.Element;
|
|
45
45
|
displayName: string;
|
|
46
46
|
};
|
|
47
47
|
type ScrollAreaCornerProps = React.ComponentProps<typeof ScrollArea.Corner>;
|
|
@@ -49,7 +49,7 @@ declare const ScrollAreaCorner: {
|
|
|
49
49
|
({
|
|
50
50
|
className,
|
|
51
51
|
...props
|
|
52
|
-
}: ScrollAreaCornerProps):
|
|
52
|
+
}: ScrollAreaCornerProps): react_jsx_runtime266.JSX.Element;
|
|
53
53
|
displayName: string;
|
|
54
54
|
};
|
|
55
55
|
//#endregion
|
package/dist/scroll-area.js
CHANGED
|
@@ -15,7 +15,7 @@ const ScrollAreaRoot = ({ className, ...props }) => {
|
|
|
15
15
|
ScrollAreaRoot.displayName = "ScrollAreaRoot";
|
|
16
16
|
const ScrollAreaViewport = ({ className, ...props }) => {
|
|
17
17
|
return /* @__PURE__ */ jsx(ScrollArea.Viewport, {
|
|
18
|
-
className: cn("h-full overscroll-contain
|
|
18
|
+
className: cn("h-full overscroll-contain", className),
|
|
19
19
|
...props
|
|
20
20
|
});
|
|
21
21
|
};
|
package/dist/scroll-area.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-area.js","names":["BaseScrollArea"],"sources":["../src/components/scroll-area.tsx"],"sourcesContent":["'use client'\n\nimport { ScrollArea as BaseScrollArea } from '@base-ui/react/scroll-area'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\ntype ScrollAreaRootProps = React.ComponentProps<typeof BaseScrollArea.Root>\n\nconst ScrollAreaRoot = ({ className, ...props }: ScrollAreaRootProps) => {\n return <BaseScrollArea.Root className={cn('relative', className)} {...props} />\n}\n\nScrollAreaRoot.displayName = 'ScrollAreaRoot'\n\ntype ScrollAreaViewportProps = React.ComponentProps<typeof BaseScrollArea.Viewport>\n\nconst ScrollAreaViewport = ({ className, ...props }: ScrollAreaViewportProps) => {\n return (\n <BaseScrollArea.Viewport\n className={cn('h-full overscroll-contain
|
|
1
|
+
{"version":3,"file":"scroll-area.js","names":["BaseScrollArea"],"sources":["../src/components/scroll-area.tsx"],"sourcesContent":["'use client'\n\nimport { ScrollArea as BaseScrollArea } from '@base-ui/react/scroll-area'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\ntype ScrollAreaRootProps = React.ComponentProps<typeof BaseScrollArea.Root>\n\nconst ScrollAreaRoot = ({ className, ...props }: ScrollAreaRootProps) => {\n return <BaseScrollArea.Root className={cn('relative', className)} {...props} />\n}\n\nScrollAreaRoot.displayName = 'ScrollAreaRoot'\n\ntype ScrollAreaViewportProps = React.ComponentProps<typeof BaseScrollArea.Viewport>\n\nconst ScrollAreaViewport = ({ className, ...props }: ScrollAreaViewportProps) => {\n return (\n <BaseScrollArea.Viewport\n className={cn('h-full overscroll-contain', className)}\n {...props}\n />\n )\n}\n\nScrollAreaViewport.displayName = 'ScrollAreaViewport'\n\ntype ScrollAreaContentProps = React.ComponentProps<typeof BaseScrollArea.Content>\n\nconst ScrollAreaContent = ({ className, ...props }: ScrollAreaContentProps) => {\n return <BaseScrollArea.Content className={cn('min-w-full', className)} {...props} />\n}\n\nScrollAreaContent.displayName = 'ScrollAreaContent'\n\ntype ScrollAreaScrollbarProps = React.ComponentProps<typeof BaseScrollArea.Scrollbar>\n\nconst ScrollAreaScrollbar = ({\n className,\n orientation = 'vertical',\n ...props\n}: ScrollAreaScrollbarProps) => {\n return (\n <BaseScrollArea.Scrollbar\n className={cn(\n 'flex touch-none select-none p-0.5 transition-colors duration-200 ease-out',\n 'data-hovering:bg-muted/50',\n orientation === 'vertical' && 'h-full w-2.5',\n orientation === 'horizontal' && 'h-2.5 w-full flex-col',\n className,\n )}\n orientation={orientation}\n {...props}\n />\n )\n}\n\nScrollAreaScrollbar.displayName = 'ScrollAreaScrollbar'\n\ntype ScrollAreaThumbProps = React.ComponentProps<typeof BaseScrollArea.Thumb>\n\nconst ScrollAreaThumb = ({ className, ...props }: ScrollAreaThumbProps) => {\n return (\n <BaseScrollArea.Thumb\n className={cn(\n 'relative flex-1 rounded-full bg-border transition-colors',\n 'hover:bg-muted-foreground/50',\n className,\n )}\n {...props}\n />\n )\n}\n\nScrollAreaThumb.displayName = 'ScrollAreaThumb'\n\ntype ScrollAreaCornerProps = React.ComponentProps<typeof BaseScrollArea.Corner>\n\nconst ScrollAreaCorner = ({ className, ...props }: ScrollAreaCornerProps) => {\n return <BaseScrollArea.Corner className={cn('bg-muted/50', className)} {...props} />\n}\n\nScrollAreaCorner.displayName = 'ScrollAreaCorner'\n\nexport {\n ScrollAreaRoot,\n ScrollAreaViewport,\n ScrollAreaContent,\n ScrollAreaScrollbar,\n ScrollAreaThumb,\n ScrollAreaCorner,\n}\n\nexport type {\n ScrollAreaRootProps,\n ScrollAreaViewportProps,\n ScrollAreaContentProps,\n ScrollAreaScrollbarProps,\n ScrollAreaThumbProps,\n ScrollAreaCornerProps,\n}\n"],"mappings":";;;;;;;;AASA,MAAM,kBAAkB,EAAE,WAAW,GAAG,YAAiC;AACvE,QAAO,oBAACA,WAAe;EAAK,WAAW,GAAG,YAAY,UAAU;EAAE,GAAI;GAAS;;AAGjF,eAAe,cAAc;AAI7B,MAAM,sBAAsB,EAAE,WAAW,GAAG,YAAqC;AAC/E,QACE,oBAACA,WAAe;EACd,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAI;GACJ;;AAIN,mBAAmB,cAAc;AAIjC,MAAM,qBAAqB,EAAE,WAAW,GAAG,YAAoC;AAC7E,QAAO,oBAACA,WAAe;EAAQ,WAAW,GAAG,cAAc,UAAU;EAAE,GAAI;GAAS;;AAGtF,kBAAkB,cAAc;AAIhC,MAAM,uBAAuB,EAC3B,WACA,cAAc,YACd,GAAG,YAC2B;AAC9B,QACE,oBAACA,WAAe;EACd,WAAW,GACT,6EACA,6BACA,gBAAgB,cAAc,gBAC9B,gBAAgB,gBAAgB,yBAChC,UACD;EACY;EACb,GAAI;GACJ;;AAIN,oBAAoB,cAAc;AAIlC,MAAM,mBAAmB,EAAE,WAAW,GAAG,YAAkC;AACzE,QACE,oBAACA,WAAe;EACd,WAAW,GACT,4DACA,gCACA,UACD;EACD,GAAI;GACJ;;AAIN,gBAAgB,cAAc;AAI9B,MAAM,oBAAoB,EAAE,WAAW,GAAG,YAAmC;AAC3E,QAAO,oBAACA,WAAe;EAAO,WAAW,GAAG,eAAe,UAAU;EAAE,GAAI;GAAS;;AAGtF,iBAAiB,cAAc"}
|
package/dist/select.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime23 from "react/jsx-runtime";
|
|
3
3
|
import { Select, SelectRootProps as SelectRootProps$1 } from "@base-ui/react/select";
|
|
4
4
|
|
|
5
5
|
//#region src/components/select.d.ts
|
|
6
|
-
declare function SelectRoot<Value, Multiple extends boolean | undefined = false>(props: SelectRootProps$1<Value, Multiple>):
|
|
6
|
+
declare function SelectRoot<Value, Multiple extends boolean | undefined = false>(props: SelectRootProps$1<Value, Multiple>): react_jsx_runtime23.JSX.Element;
|
|
7
7
|
declare namespace SelectRoot {
|
|
8
8
|
var displayName: string;
|
|
9
9
|
}
|
|
@@ -13,7 +13,7 @@ declare const SelectTrigger: {
|
|
|
13
13
|
({
|
|
14
14
|
className,
|
|
15
15
|
...props
|
|
16
|
-
}: SelectTriggerProps):
|
|
16
|
+
}: SelectTriggerProps): react_jsx_runtime23.JSX.Element;
|
|
17
17
|
displayName: string;
|
|
18
18
|
};
|
|
19
19
|
type SelectValueProps = React.ComponentProps<typeof Select.Value>;
|
|
@@ -21,7 +21,7 @@ declare const SelectValue: {
|
|
|
21
21
|
({
|
|
22
22
|
className,
|
|
23
23
|
...props
|
|
24
|
-
}: SelectValueProps):
|
|
24
|
+
}: SelectValueProps): react_jsx_runtime23.JSX.Element;
|
|
25
25
|
displayName: string;
|
|
26
26
|
};
|
|
27
27
|
type SelectIconProps = React.ComponentProps<typeof Select.Icon>;
|
|
@@ -29,7 +29,7 @@ declare const SelectIcon: {
|
|
|
29
29
|
({
|
|
30
30
|
className,
|
|
31
31
|
...props
|
|
32
|
-
}: SelectIconProps):
|
|
32
|
+
}: SelectIconProps): react_jsx_runtime23.JSX.Element;
|
|
33
33
|
displayName: string;
|
|
34
34
|
};
|
|
35
35
|
type SelectBackdropProps = React.ComponentProps<typeof Select.Backdrop>;
|
|
@@ -37,12 +37,12 @@ declare const SelectBackdrop: {
|
|
|
37
37
|
({
|
|
38
38
|
className,
|
|
39
39
|
...props
|
|
40
|
-
}: SelectBackdropProps):
|
|
40
|
+
}: SelectBackdropProps): react_jsx_runtime23.JSX.Element;
|
|
41
41
|
displayName: string;
|
|
42
42
|
};
|
|
43
43
|
type SelectPortalProps = React.ComponentProps<typeof Select.Portal>;
|
|
44
44
|
declare const SelectPortal: {
|
|
45
|
-
(props: SelectPortalProps):
|
|
45
|
+
(props: SelectPortalProps): react_jsx_runtime23.JSX.Element;
|
|
46
46
|
displayName: string;
|
|
47
47
|
};
|
|
48
48
|
type SelectPositionerProps = React.ComponentProps<typeof Select.Positioner>;
|
|
@@ -50,7 +50,7 @@ declare const SelectPositioner: {
|
|
|
50
50
|
({
|
|
51
51
|
className,
|
|
52
52
|
...props
|
|
53
|
-
}: SelectPositionerProps):
|
|
53
|
+
}: SelectPositionerProps): react_jsx_runtime23.JSX.Element;
|
|
54
54
|
displayName: string;
|
|
55
55
|
};
|
|
56
56
|
type SelectPopupProps = React.ComponentProps<typeof Select.Popup>;
|
|
@@ -58,7 +58,7 @@ declare const SelectPopup: {
|
|
|
58
58
|
({
|
|
59
59
|
className,
|
|
60
60
|
...props
|
|
61
|
-
}: SelectPopupProps):
|
|
61
|
+
}: SelectPopupProps): react_jsx_runtime23.JSX.Element;
|
|
62
62
|
displayName: string;
|
|
63
63
|
};
|
|
64
64
|
type SelectListProps = React.ComponentProps<typeof Select.List>;
|
|
@@ -66,7 +66,7 @@ declare const SelectList: {
|
|
|
66
66
|
({
|
|
67
67
|
className,
|
|
68
68
|
...props
|
|
69
|
-
}: SelectListProps):
|
|
69
|
+
}: SelectListProps): react_jsx_runtime23.JSX.Element;
|
|
70
70
|
displayName: string;
|
|
71
71
|
};
|
|
72
72
|
type SelectArrowProps = React.ComponentProps<typeof Select.Arrow>;
|
|
@@ -74,7 +74,7 @@ declare const SelectArrow: {
|
|
|
74
74
|
({
|
|
75
75
|
className,
|
|
76
76
|
...props
|
|
77
|
-
}: SelectArrowProps):
|
|
77
|
+
}: SelectArrowProps): react_jsx_runtime23.JSX.Element;
|
|
78
78
|
displayName: string;
|
|
79
79
|
};
|
|
80
80
|
type SelectItemProps = React.ComponentProps<typeof Select.Item>;
|
|
@@ -82,7 +82,7 @@ declare const SelectItem: {
|
|
|
82
82
|
({
|
|
83
83
|
className,
|
|
84
84
|
...props
|
|
85
|
-
}: SelectItemProps):
|
|
85
|
+
}: SelectItemProps): react_jsx_runtime23.JSX.Element;
|
|
86
86
|
displayName: string;
|
|
87
87
|
};
|
|
88
88
|
type SelectItemTextProps = React.ComponentProps<typeof Select.ItemText>;
|
|
@@ -90,7 +90,7 @@ declare const SelectItemText: {
|
|
|
90
90
|
({
|
|
91
91
|
className,
|
|
92
92
|
...props
|
|
93
|
-
}: SelectItemTextProps):
|
|
93
|
+
}: SelectItemTextProps): react_jsx_runtime23.JSX.Element;
|
|
94
94
|
displayName: string;
|
|
95
95
|
};
|
|
96
96
|
type SelectItemIndicatorProps = React.ComponentProps<typeof Select.ItemIndicator>;
|
|
@@ -98,7 +98,7 @@ declare const SelectItemIndicator: {
|
|
|
98
98
|
({
|
|
99
99
|
className,
|
|
100
100
|
...props
|
|
101
|
-
}: SelectItemIndicatorProps):
|
|
101
|
+
}: SelectItemIndicatorProps): react_jsx_runtime23.JSX.Element;
|
|
102
102
|
displayName: string;
|
|
103
103
|
};
|
|
104
104
|
type SelectGroupProps = React.ComponentProps<typeof Select.Group>;
|
|
@@ -106,7 +106,7 @@ declare const SelectGroup: {
|
|
|
106
106
|
({
|
|
107
107
|
className,
|
|
108
108
|
...props
|
|
109
|
-
}: SelectGroupProps):
|
|
109
|
+
}: SelectGroupProps): react_jsx_runtime23.JSX.Element;
|
|
110
110
|
displayName: string;
|
|
111
111
|
};
|
|
112
112
|
type SelectGroupLabelProps = React.ComponentProps<typeof Select.GroupLabel>;
|
|
@@ -114,7 +114,7 @@ declare const SelectGroupLabel: {
|
|
|
114
114
|
({
|
|
115
115
|
className,
|
|
116
116
|
...props
|
|
117
|
-
}: SelectGroupLabelProps):
|
|
117
|
+
}: SelectGroupLabelProps): react_jsx_runtime23.JSX.Element;
|
|
118
118
|
displayName: string;
|
|
119
119
|
};
|
|
120
120
|
type SelectScrollUpArrowProps = React.ComponentProps<typeof Select.ScrollUpArrow>;
|
|
@@ -122,7 +122,7 @@ declare const SelectScrollUpArrow: {
|
|
|
122
122
|
({
|
|
123
123
|
className,
|
|
124
124
|
...props
|
|
125
|
-
}: SelectScrollUpArrowProps):
|
|
125
|
+
}: SelectScrollUpArrowProps): react_jsx_runtime23.JSX.Element;
|
|
126
126
|
displayName: string;
|
|
127
127
|
};
|
|
128
128
|
type SelectScrollDownArrowProps = React.ComponentProps<typeof Select.ScrollDownArrow>;
|
|
@@ -130,7 +130,7 @@ declare const SelectScrollDownArrow: {
|
|
|
130
130
|
({
|
|
131
131
|
className,
|
|
132
132
|
...props
|
|
133
|
-
}: SelectScrollDownArrowProps):
|
|
133
|
+
}: SelectScrollDownArrowProps): react_jsx_runtime23.JSX.Element;
|
|
134
134
|
displayName: string;
|
|
135
135
|
};
|
|
136
136
|
type SelectSeparatorProps = React.ComponentProps<typeof Select.Separator>;
|
|
@@ -138,7 +138,7 @@ declare const SelectSeparator: {
|
|
|
138
138
|
({
|
|
139
139
|
className,
|
|
140
140
|
...props
|
|
141
|
-
}: SelectSeparatorProps):
|
|
141
|
+
}: SelectSeparatorProps): react_jsx_runtime23.JSX.Element;
|
|
142
142
|
displayName: string;
|
|
143
143
|
};
|
|
144
144
|
//#endregion
|