@lglab/compose-ui 0.37.0 → 0.38.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/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/avatar.d.ts +5 -5
- package/dist/avatar.d.ts.map +1 -1
- package/dist/badge.d.ts +4 -4
- package/dist/badge.js +1 -1
- package/dist/badge.js.map +1 -1
- package/dist/breadcrumb.d.ts +6 -6
- package/dist/button.d.ts +2 -2
- package/dist/calendar.d.ts +2 -2
- package/dist/calendar.d.ts.map +1 -1
- package/dist/card.d.ts +10 -10
- 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/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/chart/tooltip.js +3 -2
- package/dist/components/chart/tooltip.js.map +1 -1
- package/dist/components/table/primitives.d.ts +9 -9
- 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/field.d.ts +8 -8
- package/dist/field.d.ts.map +1 -1
- package/dist/fieldset.d.ts +3 -3
- package/dist/form.d.ts +2 -2
- package/dist/group.d.ts +3 -3
- package/dist/group.d.ts.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.js +2 -2
- package/dist/input.d.ts +2 -2
- package/dist/input.d.ts.map +1 -1
- 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/meter.d.ts.map +1 -1
- package/dist/navigation-menu.d.ts +14 -14
- package/dist/navigation-menu.d.ts.map +1 -1
- 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/number-field.d.ts.map +1 -1
- package/dist/pagination.d.ts +10 -10
- package/dist/pagination.d.ts.map +1 -1
- 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.d.ts.map +1 -1
- package/dist/scroll-area.js +1 -1
- package/dist/scroll-area.js.map +1 -1
- package/dist/select.d.ts +19 -19
- package/dist/separator.d.ts +2 -2
- package/dist/skeleton.d.ts +2 -2
- package/dist/slider.d.ts +7 -7
- package/dist/switch.d.ts +3 -3
- package/dist/tabs.d.ts +6 -6
- package/dist/textarea.d.ts +2 -2
- package/dist/timeline.d.ts +10 -10
- package/dist/toast.d.ts +10 -10
- package/dist/toggle-group.d.ts +3 -3
- package/dist/toggle.d.ts +2 -2
- package/dist/toolbar.d.ts +7 -7
- package/dist/tooltip.d.ts +8 -8
- package/package.json +7 -7
package/dist/number-field.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime26 from "react/jsx-runtime";
|
|
3
3
|
import { NumberField } from "@base-ui/react/number-field";
|
|
4
4
|
|
|
5
5
|
//#region src/components/number-field.d.ts
|
|
@@ -8,7 +8,7 @@ declare const NumberFieldRoot: {
|
|
|
8
8
|
({
|
|
9
9
|
className,
|
|
10
10
|
...props
|
|
11
|
-
}: NumberFieldRootProps):
|
|
11
|
+
}: NumberFieldRootProps): react_jsx_runtime26.JSX.Element;
|
|
12
12
|
displayName: string;
|
|
13
13
|
};
|
|
14
14
|
type NumberFieldScrubAreaProps = React.ComponentProps<typeof NumberField.ScrubArea>;
|
|
@@ -16,7 +16,7 @@ declare const NumberFieldScrubArea: {
|
|
|
16
16
|
({
|
|
17
17
|
className,
|
|
18
18
|
...props
|
|
19
|
-
}: NumberFieldScrubAreaProps):
|
|
19
|
+
}: NumberFieldScrubAreaProps): react_jsx_runtime26.JSX.Element;
|
|
20
20
|
displayName: string;
|
|
21
21
|
};
|
|
22
22
|
type NumberFieldScrubAreaCursorProps = React.ComponentProps<typeof NumberField.ScrubAreaCursor>;
|
|
@@ -24,7 +24,7 @@ declare const NumberFieldScrubAreaCursor: {
|
|
|
24
24
|
({
|
|
25
25
|
className,
|
|
26
26
|
...props
|
|
27
|
-
}: NumberFieldScrubAreaCursorProps):
|
|
27
|
+
}: NumberFieldScrubAreaCursorProps): react_jsx_runtime26.JSX.Element;
|
|
28
28
|
displayName: string;
|
|
29
29
|
};
|
|
30
30
|
type NumberFieldGroupProps = React.ComponentProps<typeof NumberField.Group>;
|
|
@@ -32,7 +32,7 @@ declare const NumberFieldGroup: {
|
|
|
32
32
|
({
|
|
33
33
|
className,
|
|
34
34
|
...props
|
|
35
|
-
}: NumberFieldGroupProps):
|
|
35
|
+
}: NumberFieldGroupProps): react_jsx_runtime26.JSX.Element;
|
|
36
36
|
displayName: string;
|
|
37
37
|
};
|
|
38
38
|
type NumberFieldInputProps = React.ComponentProps<typeof NumberField.Input>;
|
|
@@ -40,7 +40,7 @@ declare const NumberFieldInput: {
|
|
|
40
40
|
({
|
|
41
41
|
className,
|
|
42
42
|
...props
|
|
43
|
-
}: NumberFieldInputProps):
|
|
43
|
+
}: NumberFieldInputProps): react_jsx_runtime26.JSX.Element;
|
|
44
44
|
displayName: string;
|
|
45
45
|
};
|
|
46
46
|
type NumberFieldDecrementProps = React.ComponentProps<typeof NumberField.Decrement>;
|
|
@@ -48,7 +48,7 @@ declare const NumberFieldDecrement: {
|
|
|
48
48
|
({
|
|
49
49
|
className,
|
|
50
50
|
...props
|
|
51
|
-
}: NumberFieldDecrementProps):
|
|
51
|
+
}: NumberFieldDecrementProps): react_jsx_runtime26.JSX.Element;
|
|
52
52
|
displayName: string;
|
|
53
53
|
};
|
|
54
54
|
type NumberFieldIncrementProps = React.ComponentProps<typeof NumberField.Increment>;
|
|
@@ -56,7 +56,7 @@ declare const NumberFieldIncrement: {
|
|
|
56
56
|
({
|
|
57
57
|
className,
|
|
58
58
|
...props
|
|
59
|
-
}: NumberFieldIncrementProps):
|
|
59
|
+
}: NumberFieldIncrementProps): react_jsx_runtime26.JSX.Element;
|
|
60
60
|
displayName: string;
|
|
61
61
|
};
|
|
62
62
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number-field.d.ts","names":[],"sources":["../src/components/number-field.tsx"],"sourcesContent":[],"mappings":";;;;;KAYK,oBAAA,GAAuB,KAAA,CAAM,sBAAsB,WAAA,CAAgB;cAElE;;;;KAA4C,uBAAoB,
|
|
1
|
+
{"version":3,"file":"number-field.d.ts","names":[],"sources":["../src/components/number-field.tsx"],"sourcesContent":[],"mappings":";;;;;KAYK,oBAAA,GAAuB,KAAA,CAAM,sBAAsB,WAAA,CAAgB;cAElE;;;;KAA4C,uBAAoB,mBAAA,CAAA,GAAA,CAAA;EAFjE,WAAA,EAAA,MAAA;CAAoB;KAYpB,yBAAA,GAA4B,KAAA,CAAM,cAZiC,CAAA,OAYX,WAAA,CAAgB,SAZL,CAAA;cAclE,oBAd4B,EAAA;EAAc,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAcO,yBAdP,CAAA,EAcgC,mBAAA,CAAA,GAAA,CAAA,OAdhC;EAE1C,WAAA,EAAA,MAEL;CAAA;KAyBI,+BAAA,GAAkC,KAAA,CAAM,sBACpC,WAAA,CAAgB;cAGnB,0BA/B4C,EAAA;;IAAoB,SAAA;IAAA,GAAA;EAAA,CAAA,EAkCnE,+BAlCmE,CAAA,EAkCpC,mBAAA,CAAA,GAAA,CAAA,OAlCoC;EAAA,WAAA,EAAA,MAAA;AAAA,CAAA;KAiDjE,qBAAA,GAAwB,KAAA,CAAM,cAvCL,CAAA,OAuC2B,WAAA,CAAgB,KAvC3C,CAAA;cAyCxB,gBAzCuE,EAAA;;IAA5C,SAAM;IAAA,GAAA;EAAA,CAAA,EAyCY,qBAzCZ,CAAA,EAyCiC,mBAAA,CAAA,GAAA,CAAA,OAzCjC;EAAc,WAAA,EAAA,MAAA;AAAA,CAAA;KAmDhD,qBAAA,GAAwB,KAAA,CAAM,cA1ClC,CAAA,OA0CwD,WAAA,CAAgB,KA1CxE,CAAA;cA4CK;;IAnDiD,SAAA;IAAA,GAAA;EAAA,CAAA,EAmDJ,qBAnDI,CAAA,EAmDiB,mBAAA,CAAA,GAAA,CAAA,OAnDjB;aAAyB,EAAA,MAAA;CAAA;AAAA,KAqE3E,yBAAA,GAA4B,KAAA,CAAM,cAtDH,CAAA,OAsDyB,WAAA,CAAgB,SAtDzC,CAAA;cAwD9B,oBAxD8B,EAAA;;IAC3B,SAAA;IAAA,GAAgB;EAAA,CAAA,EAuD8B,yBAvD9B,CAAA,EAuDuD,mBAAA,CAAA,GAAA,CAAA,OAvDvD;aADoB,EAAA,MAAA;CAAc;AAAA,KA0EtD,yBAAA,GAA4B,KAAA,CAAM,cA5DtC,CAAA,OA4D4D,WAAA,CAAgB,SA5D5E,CAAA;cA8DK,oBA9DL,EAAA;;;;KA8DsD,4BAAyB,mBAAA,CAAA,GAAA,CAAA;aArE7E,EAAA,MAAA"}
|
package/dist/pagination.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ControlSize, ControlVariant } from "./lib/control-variants.js";
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime17 from "react/jsx-runtime";
|
|
4
4
|
|
|
5
5
|
//#region src/components/pagination.d.ts
|
|
6
6
|
type PaginationPage = number | 'ellipsis';
|
|
@@ -62,7 +62,7 @@ declare const PaginationRoot: {
|
|
|
62
62
|
({
|
|
63
63
|
className,
|
|
64
64
|
...props
|
|
65
|
-
}: PaginationRootProps):
|
|
65
|
+
}: PaginationRootProps): react_jsx_runtime17.JSX.Element;
|
|
66
66
|
displayName: string;
|
|
67
67
|
};
|
|
68
68
|
type PaginationContentProps = React.ComponentProps<'ul'>;
|
|
@@ -70,7 +70,7 @@ declare const PaginationContent: {
|
|
|
70
70
|
({
|
|
71
71
|
className,
|
|
72
72
|
...props
|
|
73
|
-
}: PaginationContentProps):
|
|
73
|
+
}: PaginationContentProps): react_jsx_runtime17.JSX.Element;
|
|
74
74
|
displayName: string;
|
|
75
75
|
};
|
|
76
76
|
type PaginationItemProps = React.ComponentProps<'li'>;
|
|
@@ -78,7 +78,7 @@ declare const PaginationItem: {
|
|
|
78
78
|
({
|
|
79
79
|
className,
|
|
80
80
|
...props
|
|
81
|
-
}: PaginationItemProps):
|
|
81
|
+
}: PaginationItemProps): react_jsx_runtime17.JSX.Element;
|
|
82
82
|
displayName: string;
|
|
83
83
|
};
|
|
84
84
|
type PaginationButtonProps = React.ComponentProps<'button'> & {
|
|
@@ -96,7 +96,7 @@ declare const PaginationButton: {
|
|
|
96
96
|
variant,
|
|
97
97
|
size,
|
|
98
98
|
...props
|
|
99
|
-
}: PaginationButtonProps):
|
|
99
|
+
}: PaginationButtonProps): react_jsx_runtime17.JSX.Element;
|
|
100
100
|
displayName: string;
|
|
101
101
|
};
|
|
102
102
|
type PaginationPreviousProps = React.ComponentProps<'button'> & {
|
|
@@ -113,7 +113,7 @@ declare const PaginationPrevious: {
|
|
|
113
113
|
size,
|
|
114
114
|
children,
|
|
115
115
|
...props
|
|
116
|
-
}: PaginationPreviousProps):
|
|
116
|
+
}: PaginationPreviousProps): react_jsx_runtime17.JSX.Element;
|
|
117
117
|
displayName: string;
|
|
118
118
|
};
|
|
119
119
|
type PaginationNextProps = React.ComponentProps<'button'> & {
|
|
@@ -130,7 +130,7 @@ declare const PaginationNext: {
|
|
|
130
130
|
size,
|
|
131
131
|
children,
|
|
132
132
|
...props
|
|
133
|
-
}: PaginationNextProps):
|
|
133
|
+
}: PaginationNextProps): react_jsx_runtime17.JSX.Element;
|
|
134
134
|
displayName: string;
|
|
135
135
|
};
|
|
136
136
|
type PaginationFirstProps = React.ComponentProps<'button'> & {
|
|
@@ -147,7 +147,7 @@ declare const PaginationFirst: {
|
|
|
147
147
|
size,
|
|
148
148
|
children,
|
|
149
149
|
...props
|
|
150
|
-
}: PaginationFirstProps):
|
|
150
|
+
}: PaginationFirstProps): react_jsx_runtime17.JSX.Element;
|
|
151
151
|
displayName: string;
|
|
152
152
|
};
|
|
153
153
|
type PaginationLastProps = React.ComponentProps<'button'> & {
|
|
@@ -164,7 +164,7 @@ declare const PaginationLast: {
|
|
|
164
164
|
size,
|
|
165
165
|
children,
|
|
166
166
|
...props
|
|
167
|
-
}: PaginationLastProps):
|
|
167
|
+
}: PaginationLastProps): react_jsx_runtime17.JSX.Element;
|
|
168
168
|
displayName: string;
|
|
169
169
|
};
|
|
170
170
|
type PaginationEllipsisProps = React.ComponentProps<'span'> & {
|
|
@@ -176,7 +176,7 @@ declare const PaginationEllipsis: {
|
|
|
176
176
|
className,
|
|
177
177
|
size,
|
|
178
178
|
...props
|
|
179
|
-
}: PaginationEllipsisProps):
|
|
179
|
+
}: PaginationEllipsisProps): react_jsx_runtime17.JSX.Element;
|
|
180
180
|
displayName: string;
|
|
181
181
|
};
|
|
182
182
|
//#endregion
|
package/dist/pagination.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pagination.d.ts","names":[],"sources":["../src/components/pagination.tsx"],"sourcesContent":[],"mappings":";;;;;KAeK,cAAA;KAIA,oBAAA;;EAJA,WAAA,EAAA,MAAc;EAId;EAiBA,UAAA,EAAA,MAAA;EA4EI;EAAa,YAAA,CAAA,EAAA,MAAA;;cAEpB,EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,GAAA,IAAA;;UAEA,CAAA,EAAA,MAAA;;iBAEA,CAAA,EAAA,MAAA,EAAA;;kBAEC,CAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,GAAA,IAAA;;KApFE,mBAAA,GAoFwC;EAkCxC;EAEC,KAAA,EAtHG,cAwHR,EAAA;EAAA;;;YAFmE,EAAA,MAAA;EAAA;EAU/D,SAAA,EAAA,OAAA;EAEC;EAQL,aAAA,EAAA,OAAA;;UARmD,EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,GAAA,IAAA;;EAAsB,QAAA,EAAA,GAAA,GAAA,IAAA;EAgBrE;EAEC,YAAA,EAAA,GAEL,GAAA,IAAA;EAAA;;;UAFmE,EAAA,GAAA,GAAA,IAAA;EAAA;EAU/D,QAAA,EAAA,MAAA;EAAqB;iBAAS,EAAA,MAAA,EAAA;;aAM1B,EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,GAAA,IAAA;CAAW;AAAA,iBA1FX,aAAA,CA4GR;EAAA,WAAA;EAAA,UAAA;EAAA,YAAA;EAAA,YAAA;EAAA,QAAA;EAAA,eAAA;EAAA;AAAA,CAAA,EApGE,oBAoGF,CAAA,EApGyB,mBAoGzB;KAlEI,mBAAA,GAAsB,KAAA,CAAM,cAkEhC,CAAA,KAAA,CAAA;cAhEK;;;;KAA2C,sBAAmB,
|
|
1
|
+
{"version":3,"file":"pagination.d.ts","names":[],"sources":["../src/components/pagination.tsx"],"sourcesContent":[],"mappings":"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"}
|
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_runtime198 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_runtime198.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_runtime198.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_runtime198.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_runtime198.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_runtime198.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_runtime198.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_runtime198.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_runtime198.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_runtime198.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_runtime198.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_runtime198.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_runtime191 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_runtime191.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_runtime191.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_runtime191.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_runtime191.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_runtime191.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_runtime191.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_runtime191.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_runtime209 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_runtime209.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_runtime209.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_runtime209.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_runtime209.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_runtime209.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_runtime209.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_runtime220 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_runtime220.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_runtime281 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_runtime281.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_runtime281.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_runtime222 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_runtime222.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_runtime222.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_runtime222.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_runtime222.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_runtime222.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_runtime222.JSX.Element;
|
|
53
53
|
displayName: string;
|
|
54
54
|
};
|
|
55
55
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-area.d.ts","names":[],"sources":["../src/components/scroll-area.tsx"],"sourcesContent":[],"mappings":";;;;;KAOK,mBAAA,GAAsB,KAAA,CAAM,sBAAsB,UAAA,CAAe;cAEhE;;;;KAA2C,sBAAmB,
|
|
1
|
+
{"version":3,"file":"scroll-area.d.ts","names":[],"sources":["../src/components/scroll-area.tsx"],"sourcesContent":[],"mappings":";;;;;KAOK,mBAAA,GAAsB,KAAA,CAAM,sBAAsB,UAAA,CAAe;cAEhE;;;;KAA2C,sBAAmB,oBAAA,CAAA,GAAA,CAAA;EAF/D,WAAA,EAAA,MAAA;CAAmB;KAQnB,uBAAA,GAA0B,KAAA,CAAM,cARiC,CAAA,OAQX,UAAA,CAAe,QARJ,CAAA;cAUhE,kBAV2B,EAAA;EAAc,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAUM,uBAVN,CAAA,EAU6B,oBAAA,CAAA,GAAA,CAAA,OAV7B;EAEzC,WAAA,EAAA,MAEL;CAAA;KAiBI,sBAAA,GAAyB,KAAA,CAAM,sBAAsB,UAAA,CAAe;cAEnE,iBArB2C,EAAA;;IAAmB,SAAA;IAAA,GAAA;EAAA,CAAA,EAqBhB,sBArBgB,CAAA,EAqBM,oBAAA,CAAA,GAAA,CAAA,OArBN;EAAA,WAAA,EAAA,MAAA;AAAA,CAAA;KA2B/D,wBAAA,GAA2B,KAAA,CAAM,cArBV,CAAA,OAqBgC,UAAA,CAAe,SArB/C,CAAA;cAuBtB,mBAvBoE,EAAA;;IAA3C,SAAM;IAAA,WAAA;IAAA,GAAA;EAAA,CAAA,EA2BlC,wBA3BkC,CAAA,EA2BV,oBAAA,CAAA,GAAA,CAAA,OA3BU;EAAc,WAAA,EAAA,MAAA;AAAA,CAAA;KA6C9C,oBAAA,GAAuB,KAAA,CAAM,cApCjC,CAAA,OAoCuD,UAAA,CAAe,KApCtE,CAAA;cAsCK;;IA7C+C,SAAA;IAAA,GAAA;EAAA,CAAA,EA6CH,oBA7CG,CAAA,EA6CiB,oBAAA,CAAA,GAAA,CAAA,OA7CjB;aAAuB,EAAA,MAAA;CAAA;AAAA,KA4DvE,qBAAA,GAAwB,KAAA,CAAM,cAjDR,CAAA,OAiD8B,UAAA,CAAe,MAjD7C,CAAA;cAmDrB,gBAnDqB,EAAA;;IAA+B,SAAA;IAAe,GAAA;EAAA,CAAA,EAmDtB,qBAnDsB,CAAA,EAmDD,oBAAA,CAAA,GAAA,CAAA,OAnDC;aAArC,EAAA,MAAA;CAAc"}
|
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
|
};
|