@lglab/compose-ui 0.35.0 → 0.37.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/badge.d.ts +4 -4
- package/dist/badge.d.ts.map +1 -1
- 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/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.d.ts.map +1 -1
- package/dist/components/table/primitives.js +3 -3
- 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/dialog.d.ts.map +1 -1
- package/dist/drawer.d.ts +12 -12
- package/dist/empty.d.ts +70 -0
- package/dist/empty.d.ts.map +1 -0
- package/dist/empty.js +77 -0
- package/dist/empty.js.map +1 -0
- package/dist/field.d.ts +8 -8
- 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/group.d.ts.map +1 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +3 -1
- package/dist/input.d.ts +2 -2
- package/dist/input.d.ts.map +1 -1
- package/dist/menu.d.ts +20 -20
- package/dist/menu.d.ts.map +1 -1
- 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/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/preview-card.d.ts.map +1 -1
- package/dist/progress.d.ts +6 -6
- package/dist/progress.d.ts.map +1 -1
- package/dist/radio-group.d.ts +2 -2
- package/dist/radio-group.d.ts.map +1 -1
- 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/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 +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/toolbar.d.ts +7 -7
- package/dist/tooltip.d.ts +8 -8
- package/package.json +9 -1
package/dist/context-menu.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime45 from "react/jsx-runtime";
|
|
3
3
|
import { ContextMenu } from "@base-ui/react/context-menu";
|
|
4
4
|
|
|
5
5
|
//#region src/components/context-menu.d.ts
|
|
6
6
|
type ContextMenuRootProps = React.ComponentProps<typeof ContextMenu.Root>;
|
|
7
7
|
declare const ContextMenuRoot: {
|
|
8
|
-
(props: ContextMenuRootProps):
|
|
8
|
+
(props: ContextMenuRootProps): react_jsx_runtime45.JSX.Element;
|
|
9
9
|
displayName: string;
|
|
10
10
|
};
|
|
11
11
|
type ContextMenuTriggerProps = React.ComponentProps<typeof ContextMenu.Trigger>;
|
|
@@ -13,12 +13,12 @@ declare const ContextMenuTrigger: {
|
|
|
13
13
|
({
|
|
14
14
|
className,
|
|
15
15
|
...props
|
|
16
|
-
}: ContextMenuTriggerProps):
|
|
16
|
+
}: ContextMenuTriggerProps): react_jsx_runtime45.JSX.Element;
|
|
17
17
|
displayName: string;
|
|
18
18
|
};
|
|
19
19
|
type ContextMenuPortalProps = React.ComponentProps<typeof ContextMenu.Portal>;
|
|
20
20
|
declare const ContextMenuPortal: {
|
|
21
|
-
(props: ContextMenuPortalProps):
|
|
21
|
+
(props: ContextMenuPortalProps): react_jsx_runtime45.JSX.Element;
|
|
22
22
|
displayName: string;
|
|
23
23
|
};
|
|
24
24
|
type ContextMenuPositionerProps = React.ComponentProps<typeof ContextMenu.Positioner>;
|
|
@@ -26,7 +26,7 @@ declare const ContextMenuPositioner: {
|
|
|
26
26
|
({
|
|
27
27
|
className,
|
|
28
28
|
...props
|
|
29
|
-
}: ContextMenuPositionerProps):
|
|
29
|
+
}: ContextMenuPositionerProps): react_jsx_runtime45.JSX.Element;
|
|
30
30
|
displayName: string;
|
|
31
31
|
};
|
|
32
32
|
type ContextMenuPopupProps = React.ComponentProps<typeof ContextMenu.Popup>;
|
|
@@ -34,7 +34,7 @@ declare const ContextMenuPopup: {
|
|
|
34
34
|
({
|
|
35
35
|
className,
|
|
36
36
|
...props
|
|
37
|
-
}: ContextMenuPopupProps):
|
|
37
|
+
}: ContextMenuPopupProps): react_jsx_runtime45.JSX.Element;
|
|
38
38
|
displayName: string;
|
|
39
39
|
};
|
|
40
40
|
type ContextMenuArrowProps = React.ComponentProps<typeof ContextMenu.Arrow>;
|
|
@@ -42,7 +42,7 @@ declare const ContextMenuArrow: {
|
|
|
42
42
|
({
|
|
43
43
|
className,
|
|
44
44
|
...props
|
|
45
|
-
}: ContextMenuArrowProps):
|
|
45
|
+
}: ContextMenuArrowProps): react_jsx_runtime45.JSX.Element;
|
|
46
46
|
displayName: string;
|
|
47
47
|
};
|
|
48
48
|
type ContextMenuItemProps = React.ComponentProps<typeof ContextMenu.Item>;
|
|
@@ -50,7 +50,7 @@ declare const ContextMenuItem: {
|
|
|
50
50
|
({
|
|
51
51
|
className,
|
|
52
52
|
...props
|
|
53
|
-
}: ContextMenuItemProps):
|
|
53
|
+
}: ContextMenuItemProps): react_jsx_runtime45.JSX.Element;
|
|
54
54
|
displayName: string;
|
|
55
55
|
};
|
|
56
56
|
type ContextMenuSeparatorProps = React.ComponentProps<typeof ContextMenu.Separator>;
|
|
@@ -58,7 +58,7 @@ declare const ContextMenuSeparator: {
|
|
|
58
58
|
({
|
|
59
59
|
className,
|
|
60
60
|
...props
|
|
61
|
-
}: ContextMenuSeparatorProps):
|
|
61
|
+
}: ContextMenuSeparatorProps): react_jsx_runtime45.JSX.Element;
|
|
62
62
|
displayName: string;
|
|
63
63
|
};
|
|
64
64
|
type ContextMenuGroupProps = React.ComponentProps<typeof ContextMenu.Group>;
|
|
@@ -66,7 +66,7 @@ declare const ContextMenuGroup: {
|
|
|
66
66
|
({
|
|
67
67
|
className,
|
|
68
68
|
...props
|
|
69
|
-
}: ContextMenuGroupProps):
|
|
69
|
+
}: ContextMenuGroupProps): react_jsx_runtime45.JSX.Element;
|
|
70
70
|
displayName: string;
|
|
71
71
|
};
|
|
72
72
|
type ContextMenuGroupLabelProps = React.ComponentProps<typeof ContextMenu.GroupLabel>;
|
|
@@ -74,7 +74,7 @@ declare const ContextMenuGroupLabel: {
|
|
|
74
74
|
({
|
|
75
75
|
className,
|
|
76
76
|
...props
|
|
77
|
-
}: ContextMenuGroupLabelProps):
|
|
77
|
+
}: ContextMenuGroupLabelProps): react_jsx_runtime45.JSX.Element;
|
|
78
78
|
displayName: string;
|
|
79
79
|
};
|
|
80
80
|
type ContextMenuRadioGroupProps = React.ComponentProps<typeof ContextMenu.RadioGroup>;
|
|
@@ -82,7 +82,7 @@ declare const ContextMenuRadioGroup: {
|
|
|
82
82
|
({
|
|
83
83
|
className,
|
|
84
84
|
...props
|
|
85
|
-
}: ContextMenuRadioGroupProps):
|
|
85
|
+
}: ContextMenuRadioGroupProps): react_jsx_runtime45.JSX.Element;
|
|
86
86
|
displayName: string;
|
|
87
87
|
};
|
|
88
88
|
type ContextMenuRadioItemProps = React.ComponentProps<typeof ContextMenu.RadioItem>;
|
|
@@ -90,7 +90,7 @@ declare const ContextMenuRadioItem: {
|
|
|
90
90
|
({
|
|
91
91
|
className,
|
|
92
92
|
...props
|
|
93
|
-
}: ContextMenuRadioItemProps):
|
|
93
|
+
}: ContextMenuRadioItemProps): react_jsx_runtime45.JSX.Element;
|
|
94
94
|
displayName: string;
|
|
95
95
|
};
|
|
96
96
|
type ContextMenuCheckboxItemProps = React.ComponentProps<typeof ContextMenu.CheckboxItem>;
|
|
@@ -98,7 +98,7 @@ declare const ContextMenuCheckboxItem: {
|
|
|
98
98
|
({
|
|
99
99
|
className,
|
|
100
100
|
...props
|
|
101
|
-
}: ContextMenuCheckboxItemProps):
|
|
101
|
+
}: ContextMenuCheckboxItemProps): react_jsx_runtime45.JSX.Element;
|
|
102
102
|
displayName: string;
|
|
103
103
|
};
|
|
104
104
|
type ContextMenuRadioItemIndicatorProps = React.ComponentProps<typeof ContextMenu.RadioItemIndicator>;
|
|
@@ -106,7 +106,7 @@ declare const ContextMenuRadioItemIndicator: {
|
|
|
106
106
|
({
|
|
107
107
|
className,
|
|
108
108
|
...props
|
|
109
|
-
}: ContextMenuRadioItemIndicatorProps):
|
|
109
|
+
}: ContextMenuRadioItemIndicatorProps): react_jsx_runtime45.JSX.Element;
|
|
110
110
|
displayName: string;
|
|
111
111
|
};
|
|
112
112
|
type ContextMenuCheckboxItemIndicatorProps = React.ComponentProps<typeof ContextMenu.CheckboxItemIndicator>;
|
|
@@ -114,7 +114,7 @@ declare const ContextMenuCheckboxItemIndicator: {
|
|
|
114
114
|
({
|
|
115
115
|
className,
|
|
116
116
|
...props
|
|
117
|
-
}: ContextMenuCheckboxItemIndicatorProps):
|
|
117
|
+
}: ContextMenuCheckboxItemIndicatorProps): react_jsx_runtime45.JSX.Element;
|
|
118
118
|
displayName: string;
|
|
119
119
|
};
|
|
120
120
|
type ContextMenuCheckboxItemLabelProps = React.ComponentProps<'span'>;
|
|
@@ -122,7 +122,7 @@ declare const ContextMenuCheckboxItemLabel: {
|
|
|
122
122
|
({
|
|
123
123
|
className,
|
|
124
124
|
...props
|
|
125
|
-
}: ContextMenuCheckboxItemLabelProps):
|
|
125
|
+
}: ContextMenuCheckboxItemLabelProps): react_jsx_runtime45.JSX.Element;
|
|
126
126
|
displayName: string;
|
|
127
127
|
};
|
|
128
128
|
type ContextMenuRadioItemLabelProps = React.ComponentProps<'span'>;
|
|
@@ -130,7 +130,7 @@ declare const ContextMenuRadioItemLabel: {
|
|
|
130
130
|
({
|
|
131
131
|
className,
|
|
132
132
|
...props
|
|
133
|
-
}: ContextMenuRadioItemLabelProps):
|
|
133
|
+
}: ContextMenuRadioItemLabelProps): react_jsx_runtime45.JSX.Element;
|
|
134
134
|
displayName: string;
|
|
135
135
|
};
|
|
136
136
|
type ContextMenuSubmenuTriggerProps = React.ComponentProps<typeof ContextMenu.SubmenuTrigger>;
|
|
@@ -138,12 +138,12 @@ declare const ContextMenuSubmenuTrigger: {
|
|
|
138
138
|
({
|
|
139
139
|
className,
|
|
140
140
|
...props
|
|
141
|
-
}: ContextMenuSubmenuTriggerProps):
|
|
141
|
+
}: ContextMenuSubmenuTriggerProps): react_jsx_runtime45.JSX.Element;
|
|
142
142
|
displayName: string;
|
|
143
143
|
};
|
|
144
144
|
type ContextMenuSubmenuRootProps = React.ComponentProps<typeof ContextMenu.SubmenuRoot>;
|
|
145
145
|
declare const ContextMenuSubmenuRoot: {
|
|
146
|
-
(props: ContextMenuSubmenuRootProps):
|
|
146
|
+
(props: ContextMenuSubmenuRootProps): react_jsx_runtime45.JSX.Element;
|
|
147
147
|
displayName: string;
|
|
148
148
|
};
|
|
149
149
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context-menu.d.ts","names":[],"sources":["../src/components/context-menu.tsx"],"sourcesContent":[],"mappings":";;;;;KAaK,oBAAA,GAAuB,KAAA,CAAM,sBAAsB,WAAA,CAAgB;cAElE;UAA0B,uBAAoB,
|
|
1
|
+
{"version":3,"file":"context-menu.d.ts","names":[],"sources":["../src/components/context-menu.tsx"],"sourcesContent":[],"mappings":"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"}
|
package/dist/dialog.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { ButtonSize, ButtonVariant } from "./lib/button-variants.js";
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime232 from "react/jsx-runtime";
|
|
4
4
|
import { Dialog } from "@base-ui/react/dialog";
|
|
5
5
|
|
|
6
6
|
//#region src/components/dialog.d.ts
|
|
7
7
|
type DialogRootProps = React.ComponentProps<typeof Dialog.Root>;
|
|
8
8
|
declare const DialogRoot: {
|
|
9
|
-
(props: DialogRootProps):
|
|
9
|
+
(props: DialogRootProps): react_jsx_runtime232.JSX.Element;
|
|
10
10
|
displayName: string;
|
|
11
11
|
};
|
|
12
12
|
type DialogTriggerProps = React.ComponentProps<typeof Dialog.Trigger> & {
|
|
@@ -21,12 +21,12 @@ declare const DialogTrigger: {
|
|
|
21
21
|
variant,
|
|
22
22
|
size,
|
|
23
23
|
...props
|
|
24
|
-
}: DialogTriggerProps):
|
|
24
|
+
}: DialogTriggerProps): react_jsx_runtime232.JSX.Element;
|
|
25
25
|
displayName: string;
|
|
26
26
|
};
|
|
27
27
|
type DialogPortalProps = React.ComponentProps<typeof Dialog.Portal>;
|
|
28
28
|
declare const DialogPortal: {
|
|
29
|
-
(props: DialogPortalProps):
|
|
29
|
+
(props: DialogPortalProps): react_jsx_runtime232.JSX.Element;
|
|
30
30
|
displayName: string;
|
|
31
31
|
};
|
|
32
32
|
type DialogBackdropProps = React.ComponentProps<typeof Dialog.Backdrop>;
|
|
@@ -34,7 +34,7 @@ declare const DialogBackdrop: {
|
|
|
34
34
|
({
|
|
35
35
|
className,
|
|
36
36
|
...props
|
|
37
|
-
}: DialogBackdropProps):
|
|
37
|
+
}: DialogBackdropProps): react_jsx_runtime232.JSX.Element;
|
|
38
38
|
displayName: string;
|
|
39
39
|
};
|
|
40
40
|
type DialogPopupProps = React.ComponentProps<typeof Dialog.Popup> & {
|
|
@@ -46,7 +46,7 @@ declare const DialogPopup: {
|
|
|
46
46
|
className,
|
|
47
47
|
size,
|
|
48
48
|
...props
|
|
49
|
-
}: DialogPopupProps):
|
|
49
|
+
}: DialogPopupProps): react_jsx_runtime232.JSX.Element;
|
|
50
50
|
displayName: string;
|
|
51
51
|
};
|
|
52
52
|
type DialogTitleProps = React.ComponentProps<typeof Dialog.Title>;
|
|
@@ -54,7 +54,7 @@ declare const DialogTitle: {
|
|
|
54
54
|
({
|
|
55
55
|
className,
|
|
56
56
|
...props
|
|
57
|
-
}: DialogTitleProps):
|
|
57
|
+
}: DialogTitleProps): react_jsx_runtime232.JSX.Element;
|
|
58
58
|
displayName: string;
|
|
59
59
|
};
|
|
60
60
|
type DialogDescriptionProps = React.ComponentProps<typeof Dialog.Description>;
|
|
@@ -62,7 +62,7 @@ declare const DialogDescription: {
|
|
|
62
62
|
({
|
|
63
63
|
className,
|
|
64
64
|
...props
|
|
65
|
-
}: DialogDescriptionProps):
|
|
65
|
+
}: DialogDescriptionProps): react_jsx_runtime232.JSX.Element;
|
|
66
66
|
displayName: string;
|
|
67
67
|
};
|
|
68
68
|
type DialogCloseProps = React.ComponentProps<typeof Dialog.Close> & {
|
|
@@ -77,7 +77,7 @@ declare const DialogClose: {
|
|
|
77
77
|
variant,
|
|
78
78
|
size,
|
|
79
79
|
...props
|
|
80
|
-
}: DialogCloseProps):
|
|
80
|
+
}: DialogCloseProps): react_jsx_runtime232.JSX.Element;
|
|
81
81
|
displayName: string;
|
|
82
82
|
};
|
|
83
83
|
type DialogHeaderProps = React.HTMLAttributes<HTMLDivElement>;
|
|
@@ -85,7 +85,7 @@ declare const DialogHeader: {
|
|
|
85
85
|
({
|
|
86
86
|
className,
|
|
87
87
|
...props
|
|
88
|
-
}: DialogHeaderProps):
|
|
88
|
+
}: DialogHeaderProps): react_jsx_runtime232.JSX.Element;
|
|
89
89
|
displayName: string;
|
|
90
90
|
};
|
|
91
91
|
type DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;
|
|
@@ -93,7 +93,7 @@ declare const DialogFooter: {
|
|
|
93
93
|
({
|
|
94
94
|
className,
|
|
95
95
|
...props
|
|
96
|
-
}: DialogFooterProps):
|
|
96
|
+
}: DialogFooterProps): react_jsx_runtime232.JSX.Element;
|
|
97
97
|
displayName: string;
|
|
98
98
|
};
|
|
99
99
|
//#endregion
|
package/dist/dialog.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.d.ts","names":[],"sources":["../src/components/dialog.tsx"],"sourcesContent":[],"mappings":";;;;;;KAiBK,eAAA,GAAkB,KAAA,CAAM,sBAAsB,MAAA,CAAW;cAExD;UAAqB,kBAAe,
|
|
1
|
+
{"version":3,"file":"dialog.d.ts","names":[],"sources":["../src/components/dialog.tsx"],"sourcesContent":[],"mappings":";;;;;;KAiBK,eAAA,GAAkB,KAAA,CAAM,sBAAsB,MAAA,CAAW;cAExD;UAAqB,kBAAe,oBAAA,CAAA,GAAA,CAAA;EAFrC,WAAA,EAAA,MAAe;CAAA;KAYf,kBAAA,GAAqB,KAAA,CAAM,cAZ8B,CAAA,OAYR,MAAA,CAAW,OAZH,CAAA,GAAA;;EAAnB,OAAA,CAAA,EAc/B,aAd+B;EAErC;EAEL,IAAA,CAAA,EAYQ,UAZR;;cAeK,aAjBoC,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,OAAA;IAAA,IAAA;IAAA,GAAA;EAAA,CAAA,EAiBqB,kBAjBrB,CAAA,EAiBuC,oBAAA,CAAA,GAAA,CAAA,OAjBvC;EAUrC,WAAA,EAAA,MAAA;CAAkB;KAsBlB,iBAAA,GAAoB,KAAA,CAAM,cAtBkC,CAAA,OAsBZ,MAAA,CAAW,MAtBC,CAAA;cAwB3D,YAxB0B,EAAA;QAEpB,EAsBiB,iBAtBjB,CAAA,EAsBkC,oBAAA,CAAA,GAAA,CAAA,OAtBlC;aAEH,EAAA,MAAA;CAAU;AAAA,KA8Bd,mBAAA,GAAsB,KAAA,CAAM,cApBhC,CAAA,OAoBsD,MAAA,CAAW,QApBjE,CAAA;cAsBK,cAtBL,EAAA;;;;KAsBgD,sBAAmB,oBAAA,CAAA,GAAA,CAAA;;;KA8C/D,gBAAA,GAAmB,KAAA,CAAM,cA3EiC,CAAA,OA2EX,MAAA,CAAW,KA3EA,CAAA,GAAA;;EAAkB,IAAA,CAAA,EAAA,IAAA,GAAA,SAAA,GAAA,IAAA,GAAA,IAAA,GAAA,MAAA;AAAA,CAAA;cAgF3E,WAjEgB,EAAA;;IAA+B,SAAW;IAAA,IAAA;IAAA,GAAA;EAAA,CAAA,EAiEZ,gBAjEY,CAAA,EAiEI,oBAAA,CAAA,GAAA,CAAA,OAjEJ;aAAjC,EAAA,MAAA;CAAc;AAAA,KAgFxC,gBAAA,GAAmB,KAAA,CAAM,cA5E7B,CAAA,OA4EmD,MAAA,CAAW,KA5E9D,CAAA;cA8EK,WA9EL,EAAA;;IAF4B,SAAA;IAAA,GAAA;EAAA,CAAA,EAgFiB,gBAhFjB,CAAA,EAgFiC,oBAAA,CAAA,GAAA,CAAA,OAhFjC;aAAiB,EAAA,MAAA;CAAA;AAAA,KA+FzC,sBAAA,GAAyB,KAAA,CAAM,cArFZ,CAAA,OAqFkC,MAAA,CAAW,WArF7C,CAAA;cAuFlB,iBAvFkB,EAAA;;IAA+B,SAAW;IAAA,GAAA;EAAA,CAAA,EAuFd,sBAvFc,CAAA,EAuFQ,oBAAA,CAAA,GAAA,CAAA,OAvFR;aAAjC,EAAA,MAAA;CAAc;AAAA,KAiG1C,gBAAA,GAAmB,KAAA,CAAM,cAnF7B,CAAA,OAmFmD,MAAA,CAAW,KAnF9D,CAAA,GAAA;EAAA;YAqFW;;MAjGwD,CAAA,EAmG3D,UAnG2D;CAAA;AAAA,cAsG9D,WAxDe,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,OAAA;IAAA,IAAA;IAAA,GAAA;EAAA,CAAA,EAwDwC,gBAxDxC,CAAA,EAwDwD,oBAAA,CAAA,GAAA,CAAA,OAxDxD;aAA0C,EAAA,MAAA;;KAuE1D,iBAAA,GAAoB,KAAA,CAAM,cAvEa,CAuEE,cAvEF,CAAA;AAAA,cAyEtC,YA7DL,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EA6D8C,iBA7D9C,CAAA,EA6D+D,oBAAA,CAAA,GAAA,CAAA,OA7D/D;;;KAuEI,iBAAA,GAAoB,KAAA,CAAM,cA9EqB,CA8EN,cA9EM,CAAA;cAgF9C,YAhF8D,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAgFrB,iBAhFqB,CAAA,EAgFJ,oBAAA,CAAA,GAAA,CAAA,OAhFI;EAe/D,WAAA,EAAA,MAAgB;CAAA"}
|
package/dist/drawer.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { ButtonSize, ButtonVariant } from "./lib/button-variants.js";
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime270 from "react/jsx-runtime";
|
|
4
4
|
import { Dialog } from "@base-ui/react/dialog";
|
|
5
5
|
|
|
6
6
|
//#region src/components/drawer.d.ts
|
|
7
7
|
type DrawerRootProps = React.ComponentProps<typeof Dialog.Root>;
|
|
8
8
|
declare const DrawerRoot: {
|
|
9
|
-
(props: DrawerRootProps):
|
|
9
|
+
(props: DrawerRootProps): react_jsx_runtime270.JSX.Element;
|
|
10
10
|
displayName: string;
|
|
11
11
|
};
|
|
12
12
|
type DrawerTriggerProps = React.ComponentProps<typeof Dialog.Trigger> & {
|
|
@@ -21,12 +21,12 @@ declare const DrawerTrigger: {
|
|
|
21
21
|
variant,
|
|
22
22
|
size,
|
|
23
23
|
...props
|
|
24
|
-
}: DrawerTriggerProps):
|
|
24
|
+
}: DrawerTriggerProps): react_jsx_runtime270.JSX.Element;
|
|
25
25
|
displayName: string;
|
|
26
26
|
};
|
|
27
27
|
type DrawerPortalProps = React.ComponentProps<typeof Dialog.Portal>;
|
|
28
28
|
declare const DrawerPortal: {
|
|
29
|
-
(props: DrawerPortalProps):
|
|
29
|
+
(props: DrawerPortalProps): react_jsx_runtime270.JSX.Element;
|
|
30
30
|
displayName: string;
|
|
31
31
|
};
|
|
32
32
|
type DrawerBackdropProps = React.ComponentProps<typeof Dialog.Backdrop>;
|
|
@@ -34,7 +34,7 @@ declare const DrawerBackdrop: {
|
|
|
34
34
|
({
|
|
35
35
|
className,
|
|
36
36
|
...props
|
|
37
|
-
}: DrawerBackdropProps):
|
|
37
|
+
}: DrawerBackdropProps): react_jsx_runtime270.JSX.Element;
|
|
38
38
|
displayName: string;
|
|
39
39
|
};
|
|
40
40
|
type DrawerPopupProps = React.ComponentProps<typeof Dialog.Popup> & {
|
|
@@ -46,7 +46,7 @@ declare const DrawerPopup: {
|
|
|
46
46
|
className,
|
|
47
47
|
side,
|
|
48
48
|
...props
|
|
49
|
-
}: DrawerPopupProps):
|
|
49
|
+
}: DrawerPopupProps): react_jsx_runtime270.JSX.Element;
|
|
50
50
|
displayName: string;
|
|
51
51
|
};
|
|
52
52
|
type DrawerTitleProps = React.ComponentProps<typeof Dialog.Title>;
|
|
@@ -54,7 +54,7 @@ declare const DrawerTitle: {
|
|
|
54
54
|
({
|
|
55
55
|
className,
|
|
56
56
|
...props
|
|
57
|
-
}: DrawerTitleProps):
|
|
57
|
+
}: DrawerTitleProps): react_jsx_runtime270.JSX.Element;
|
|
58
58
|
displayName: string;
|
|
59
59
|
};
|
|
60
60
|
type DrawerDescriptionProps = React.ComponentProps<typeof Dialog.Description>;
|
|
@@ -62,7 +62,7 @@ declare const DrawerDescription: {
|
|
|
62
62
|
({
|
|
63
63
|
className,
|
|
64
64
|
...props
|
|
65
|
-
}: DrawerDescriptionProps):
|
|
65
|
+
}: DrawerDescriptionProps): react_jsx_runtime270.JSX.Element;
|
|
66
66
|
displayName: string;
|
|
67
67
|
};
|
|
68
68
|
type DrawerCloseProps = React.ComponentProps<typeof Dialog.Close> & {
|
|
@@ -77,7 +77,7 @@ declare const DrawerClose: {
|
|
|
77
77
|
variant,
|
|
78
78
|
size,
|
|
79
79
|
...props
|
|
80
|
-
}: DrawerCloseProps):
|
|
80
|
+
}: DrawerCloseProps): react_jsx_runtime270.JSX.Element;
|
|
81
81
|
displayName: string;
|
|
82
82
|
};
|
|
83
83
|
type DrawerHeaderProps = React.HTMLAttributes<HTMLDivElement>;
|
|
@@ -85,7 +85,7 @@ declare const DrawerHeader: {
|
|
|
85
85
|
({
|
|
86
86
|
className,
|
|
87
87
|
...props
|
|
88
|
-
}: DrawerHeaderProps):
|
|
88
|
+
}: DrawerHeaderProps): react_jsx_runtime270.JSX.Element;
|
|
89
89
|
displayName: string;
|
|
90
90
|
};
|
|
91
91
|
type DrawerContentProps = React.HTMLAttributes<HTMLDivElement>;
|
|
@@ -93,7 +93,7 @@ declare const DrawerContent: {
|
|
|
93
93
|
({
|
|
94
94
|
className,
|
|
95
95
|
...props
|
|
96
|
-
}: DrawerContentProps):
|
|
96
|
+
}: DrawerContentProps): react_jsx_runtime270.JSX.Element;
|
|
97
97
|
displayName: string;
|
|
98
98
|
};
|
|
99
99
|
type DrawerFooterProps = React.HTMLAttributes<HTMLDivElement>;
|
|
@@ -101,7 +101,7 @@ declare const DrawerFooter: {
|
|
|
101
101
|
({
|
|
102
102
|
className,
|
|
103
103
|
...props
|
|
104
|
-
}: DrawerFooterProps):
|
|
104
|
+
}: DrawerFooterProps): react_jsx_runtime270.JSX.Element;
|
|
105
105
|
displayName: string;
|
|
106
106
|
};
|
|
107
107
|
//#endregion
|
package/dist/empty.d.ts
ADDED
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as react_jsx_runtime242 from "react/jsx-runtime";
|
|
3
|
+
|
|
4
|
+
//#region src/components/empty.d.ts
|
|
5
|
+
type EmptySize = 'sm' | 'md' | 'lg';
|
|
6
|
+
type EmptyRootProps = React.ComponentProps<'div'> & {
|
|
7
|
+
/** Size of the empty state */
|
|
8
|
+
size?: EmptySize;
|
|
9
|
+
};
|
|
10
|
+
declare const EmptyRoot: {
|
|
11
|
+
({
|
|
12
|
+
className,
|
|
13
|
+
size,
|
|
14
|
+
...props
|
|
15
|
+
}: EmptyRootProps): react_jsx_runtime242.JSX.Element;
|
|
16
|
+
displayName: string;
|
|
17
|
+
};
|
|
18
|
+
type EmptyBackgroundProps = React.ComponentProps<'div'>;
|
|
19
|
+
declare const EmptyBackground: {
|
|
20
|
+
({
|
|
21
|
+
className,
|
|
22
|
+
...props
|
|
23
|
+
}: EmptyBackgroundProps): react_jsx_runtime242.JSX.Element;
|
|
24
|
+
displayName: string;
|
|
25
|
+
};
|
|
26
|
+
type EmptyIconSize = 'sm' | 'md' | 'lg';
|
|
27
|
+
type EmptyIconProps = React.ComponentProps<'div'> & {
|
|
28
|
+
/** Size of the icon container */
|
|
29
|
+
size?: EmptyIconSize;
|
|
30
|
+
};
|
|
31
|
+
declare const EmptyIcon: {
|
|
32
|
+
({
|
|
33
|
+
className,
|
|
34
|
+
size,
|
|
35
|
+
...props
|
|
36
|
+
}: EmptyIconProps): react_jsx_runtime242.JSX.Element;
|
|
37
|
+
displayName: string;
|
|
38
|
+
};
|
|
39
|
+
type EmptyTitleProps<T extends React.ElementType = 'h2'> = {
|
|
40
|
+
as?: T;
|
|
41
|
+
className?: string;
|
|
42
|
+
children?: React.ReactNode;
|
|
43
|
+
} & Omit<React.ComponentProps<T>, 'as' | 'className' | 'children'>;
|
|
44
|
+
declare const EmptyTitle: {
|
|
45
|
+
<T extends React.ElementType = "h2">({
|
|
46
|
+
as,
|
|
47
|
+
className,
|
|
48
|
+
...props
|
|
49
|
+
}: EmptyTitleProps<T>): react_jsx_runtime242.JSX.Element;
|
|
50
|
+
displayName: string;
|
|
51
|
+
};
|
|
52
|
+
type EmptyDescriptionProps = React.ComponentProps<'p'>;
|
|
53
|
+
declare const EmptyDescription: {
|
|
54
|
+
({
|
|
55
|
+
className,
|
|
56
|
+
...props
|
|
57
|
+
}: EmptyDescriptionProps): react_jsx_runtime242.JSX.Element;
|
|
58
|
+
displayName: string;
|
|
59
|
+
};
|
|
60
|
+
type EmptyActionsProps = React.ComponentProps<'div'>;
|
|
61
|
+
declare const EmptyActions: {
|
|
62
|
+
({
|
|
63
|
+
className,
|
|
64
|
+
...props
|
|
65
|
+
}: EmptyActionsProps): react_jsx_runtime242.JSX.Element;
|
|
66
|
+
displayName: string;
|
|
67
|
+
};
|
|
68
|
+
//#endregion
|
|
69
|
+
export { EmptyActions, type EmptyActionsProps, EmptyBackground, type EmptyBackgroundProps, EmptyDescription, type EmptyDescriptionProps, EmptyIcon, type EmptyIconProps, EmptyIconSize, EmptyRoot, type EmptyRootProps, EmptySize, EmptyTitle, type EmptyTitleProps };
|
|
70
|
+
//# sourceMappingURL=empty.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty.d.ts","names":[],"sources":["../src/components/empty.tsx"],"sourcesContent":[],"mappings":";;;;KA2BY,SAAA;KAMP,cAAA,GAAiB,KAAA,CAAM;;EANhB,IAAA,CAAA,EAQH,SARY;AAAqB,CAAA;cAWpC,SALa,EAAA;;IAAG,SAAM;IAAA,IAAA;IAAA,GAAA;EAAA,CAAA,EAKsB,cALtB,CAAA,EAKoC,oBAAA,CAAA,GAAA,CAAA,OALpC;aAEnB,EAAA,MAAA;CAAS;AAAA,KAmBb,oBAAA,GAAuB,KAAA,CAAM,cARjC,CAAA,KAAA,CAAA;cAUK,eAVL,EAAA;;;;KAUiD,uBAAoB,oBAAA,CAAA,GAAA,CAAA;;;AAlBN,KAmDpD,aAAA,GAnDoD,IAAA,GAAA,IAAA,GAAA,IAAA;KAyD3D,cAAA,GAAiB,KAAA,CAAM,cAzDoC,CAAA,KAAA,CAAA,GAAA;EAgB3D;EAEC,IAAA,CAAA,EAyCG,aAhCR;CAAA;cAmCK;;IA5C4C,SAAA;IAAA,IAAA;IAAA,GAAA;EAAA,CAAA,EA4CA,cA5CA,CAAA,EA4Cc,oBAAA,CAAA,GAAA,CAAA,OA5Cd;aAAoB,EAAA,MAAA;CAAA;AAiCtE,KA2BK,eA3BoB,CAAA,UA2BM,KAAA,CAAM,WA3BZ,GAAA,IAAA,CAAA,GAAA;EAMpB,EAAA,CAAA,EAsBE,CAtBF;EAAc,SAAA,CAAA,EAAA,MAAA;UAAG,CAAM,EAwBf,KAAA,CAAM,SAxBS;IAyBxB,IAvBK,CAuBA,KAAA,CAAM,cAvBN,CAuBqB,CAvBrB,CAAA,EAAA,IAAA,GAAA,WAAA,GAAA,UAAA,CAAA;cAyBH,UAzBgB,EAAA;EAGhB,CAAA,UAsBwB,KAAA,CAAM,WAdnC,GAAA,IAAA,CAAA,CAAA;IAAA,EAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAkBE,eAlBF,CAkBkB,CAlBlB,CAAA,CAAA,EAkBoB,oBAAA,CAAA,GAAA,CAAA,OAlBpB;EAAA,WAAA,EAAA,MAAA;;KAmCI,qBAAA,GAAwB,KAAA,CAAM;cAE7B,gBA7C4C,EAAA;;IAAc,SAAA;IAAA,GAAA;EAAA,CAAA,EA6Cb,qBA7Ca,CAAA,EA6CQ,oBAAA,CAAA,GAAA,CAAA,OA7CR;EAAA,WAAA,EAAA,MAAA;AAAA,CAAA;KA6D3D,iBAAA,GAAoB,KAAA,CAAM,cA7CX,CAAA,KAAA,CAAA;cA+Cd,YA/C+B,EAAA;;IAC9B,SAAA;IAAA,GAAA;EAAA,CAAA,EA8CwC,iBA9CxC,CAAA,EA8CyD,oBAAA,CAAA,GAAA,CAAA,OA9CzD;aAEY,EAAA,MAAA"}
|
package/dist/empty.js
ADDED
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import { cn } from "./lib/utils.js";
|
|
4
|
+
import { cva } from "class-variance-authority";
|
|
5
|
+
import "react";
|
|
6
|
+
import { jsx } from "react/jsx-runtime";
|
|
7
|
+
|
|
8
|
+
//#region src/components/empty.tsx
|
|
9
|
+
const emptyRootVariants = cva("relative flex flex-col flex-1 items-center justify-center overflow-hidden text-center", {
|
|
10
|
+
variants: { size: {
|
|
11
|
+
sm: "gap-2 px-4 py-6",
|
|
12
|
+
md: "gap-3 px-6 py-10",
|
|
13
|
+
lg: "gap-4 px-8 py-16"
|
|
14
|
+
} },
|
|
15
|
+
defaultVariants: { size: "md" }
|
|
16
|
+
});
|
|
17
|
+
const EmptyRoot = ({ className, size, ...props }) => {
|
|
18
|
+
return /* @__PURE__ */ jsx("div", {
|
|
19
|
+
"data-slot": "empty-root",
|
|
20
|
+
className: cn(emptyRootVariants({ size }), className),
|
|
21
|
+
...props
|
|
22
|
+
});
|
|
23
|
+
};
|
|
24
|
+
EmptyRoot.displayName = "EmptyRoot";
|
|
25
|
+
const EmptyBackground = ({ className, ...props }) => {
|
|
26
|
+
return /* @__PURE__ */ jsx("div", {
|
|
27
|
+
"data-slot": "empty-background",
|
|
28
|
+
"aria-hidden": "true",
|
|
29
|
+
className: cn("pointer-events-none absolute inset-0", className),
|
|
30
|
+
...props
|
|
31
|
+
});
|
|
32
|
+
};
|
|
33
|
+
EmptyBackground.displayName = "EmptyBackground";
|
|
34
|
+
const emptyIconVariants = cva("relative z-10 flex items-center justify-center rounded-lg bg-muted/50 text-muted-foreground", {
|
|
35
|
+
variants: { size: {
|
|
36
|
+
sm: "size-10 [&_svg]:size-5",
|
|
37
|
+
md: "size-12 [&_svg]:size-6",
|
|
38
|
+
lg: "size-14 [&_svg]:size-7"
|
|
39
|
+
} },
|
|
40
|
+
defaultVariants: { size: "md" }
|
|
41
|
+
});
|
|
42
|
+
const EmptyIcon = ({ className, size, ...props }) => {
|
|
43
|
+
return /* @__PURE__ */ jsx("div", {
|
|
44
|
+
"data-slot": "empty-icon",
|
|
45
|
+
className: cn(emptyIconVariants({ size }), className),
|
|
46
|
+
...props
|
|
47
|
+
});
|
|
48
|
+
};
|
|
49
|
+
EmptyIcon.displayName = "EmptyIcon";
|
|
50
|
+
const EmptyTitle = ({ as, className, ...props }) => {
|
|
51
|
+
return /* @__PURE__ */ jsx(as || "h2", {
|
|
52
|
+
"data-slot": "empty-title",
|
|
53
|
+
className: cn("relative z-10 text-lg font-semibold tracking-tight", className),
|
|
54
|
+
...props
|
|
55
|
+
});
|
|
56
|
+
};
|
|
57
|
+
EmptyTitle.displayName = "EmptyTitle";
|
|
58
|
+
const EmptyDescription = ({ className, ...props }) => {
|
|
59
|
+
return /* @__PURE__ */ jsx("p", {
|
|
60
|
+
"data-slot": "empty-description",
|
|
61
|
+
className: cn("relative z-10 max-w-sm text-sm text-muted-foreground", className),
|
|
62
|
+
...props
|
|
63
|
+
});
|
|
64
|
+
};
|
|
65
|
+
EmptyDescription.displayName = "EmptyDescription";
|
|
66
|
+
const EmptyActions = ({ className, ...props }) => {
|
|
67
|
+
return /* @__PURE__ */ jsx("div", {
|
|
68
|
+
"data-slot": "empty-actions",
|
|
69
|
+
className: cn("relative z-10 flex items-center gap-2 mt-2", className),
|
|
70
|
+
...props
|
|
71
|
+
});
|
|
72
|
+
};
|
|
73
|
+
EmptyActions.displayName = "EmptyActions";
|
|
74
|
+
|
|
75
|
+
//#endregion
|
|
76
|
+
export { EmptyActions, EmptyBackground, EmptyDescription, EmptyIcon, EmptyRoot, EmptyTitle };
|
|
77
|
+
//# sourceMappingURL=empty.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty.js","names":[],"sources":["../src/components/empty.tsx"],"sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// EmptyRoot Variants\n// ============================================================================\n\nconst emptyRootVariants = cva(\n 'relative flex flex-col flex-1 items-center justify-center overflow-hidden text-center',\n {\n variants: {\n size: {\n sm: 'gap-2 px-4 py-6',\n md: 'gap-3 px-6 py-10',\n lg: 'gap-4 px-8 py-16',\n },\n },\n defaultVariants: {\n size: 'md',\n },\n },\n)\n\nexport type EmptySize = 'sm' | 'md' | 'lg'\n\n// ============================================================================\n// EmptyRoot\n// ============================================================================\n\ntype EmptyRootProps = React.ComponentProps<'div'> & {\n /** Size of the empty state */\n size?: EmptySize\n}\n\nconst EmptyRoot = ({ className, size, ...props }: EmptyRootProps) => {\n return (\n <div\n data-slot='empty-root'\n className={cn(emptyRootVariants({ size }), className)}\n {...props}\n />\n )\n}\n\nEmptyRoot.displayName = 'EmptyRoot'\n\n// ============================================================================\n// EmptyBackground\n// ============================================================================\n\ntype EmptyBackgroundProps = React.ComponentProps<'div'>\n\nconst EmptyBackground = ({ className, ...props }: EmptyBackgroundProps) => {\n return (\n <div\n data-slot='empty-background'\n aria-hidden='true'\n className={cn('pointer-events-none absolute inset-0', className)}\n {...props}\n />\n )\n}\n\nEmptyBackground.displayName = 'EmptyBackground'\n\n// ============================================================================\n// EmptyIcon Variants\n// ============================================================================\n\nconst emptyIconVariants = cva(\n 'relative z-10 flex items-center justify-center rounded-lg bg-muted/50 text-muted-foreground',\n {\n variants: {\n size: {\n sm: 'size-10 [&_svg]:size-5',\n md: 'size-12 [&_svg]:size-6',\n lg: 'size-14 [&_svg]:size-7',\n },\n },\n defaultVariants: {\n size: 'md',\n },\n },\n)\n\nexport type EmptyIconSize = 'sm' | 'md' | 'lg'\n\n// ============================================================================\n// EmptyIcon\n// ============================================================================\n\ntype EmptyIconProps = React.ComponentProps<'div'> & {\n /** Size of the icon container */\n size?: EmptyIconSize\n}\n\nconst EmptyIcon = ({ className, size, ...props }: EmptyIconProps) => {\n return (\n <div\n data-slot='empty-icon'\n className={cn(emptyIconVariants({ size }), className)}\n {...props}\n />\n )\n}\n\nEmptyIcon.displayName = 'EmptyIcon'\n\n// ============================================================================\n// EmptyTitle\n// ============================================================================\n\ntype EmptyTitleProps<T extends React.ElementType = 'h2'> = {\n as?: T\n className?: string\n children?: React.ReactNode\n} & Omit<React.ComponentProps<T>, 'as' | 'className' | 'children'>\n\nconst EmptyTitle = <T extends React.ElementType = 'h2'>({\n as,\n className,\n ...props\n}: EmptyTitleProps<T>) => {\n const Component = as || 'h2'\n return (\n <Component\n data-slot='empty-title'\n className={cn('relative z-10 text-lg font-semibold tracking-tight', className)}\n {...props}\n />\n )\n}\n\nEmptyTitle.displayName = 'EmptyTitle'\n\n// ============================================================================\n// EmptyDescription\n// ============================================================================\n\ntype EmptyDescriptionProps = React.ComponentProps<'p'>\n\nconst EmptyDescription = ({ className, ...props }: EmptyDescriptionProps) => {\n return (\n <p\n data-slot='empty-description'\n className={cn('relative z-10 max-w-sm text-sm text-muted-foreground', className)}\n {...props}\n />\n )\n}\n\nEmptyDescription.displayName = 'EmptyDescription'\n\n// ============================================================================\n// EmptyActions\n// ============================================================================\n\ntype EmptyActionsProps = React.ComponentProps<'div'>\n\nconst EmptyActions = ({ className, ...props }: EmptyActionsProps) => {\n return (\n <div\n data-slot='empty-actions'\n className={cn('relative z-10 flex items-center gap-2 mt-2', className)}\n {...props}\n />\n )\n}\n\nEmptyActions.displayName = 'EmptyActions'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n EmptyRoot,\n EmptyBackground,\n EmptyIcon,\n EmptyTitle,\n EmptyDescription,\n EmptyActions,\n}\n\nexport type {\n EmptyRootProps,\n EmptyBackgroundProps,\n EmptyIconProps,\n EmptyTitleProps,\n EmptyDescriptionProps,\n EmptyActionsProps,\n}\n"],"mappings":";;;;;;;;AAWA,MAAM,oBAAoB,IACxB,yFACA;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF;AAaD,MAAM,aAAa,EAAE,WAAW,MAAM,GAAG,YAA4B;AACnE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,kBAAkB,EAAE,MAAM,CAAC,EAAE,UAAU;EACrD,GAAI;GACJ;;AAIN,UAAU,cAAc;AAQxB,MAAM,mBAAmB,EAAE,WAAW,GAAG,YAAkC;AACzE,QACE,oBAAC;EACC,aAAU;EACV,eAAY;EACZ,WAAW,GAAG,wCAAwC,UAAU;EAChE,GAAI;GACJ;;AAIN,gBAAgB,cAAc;AAM9B,MAAM,oBAAoB,IACxB,+FACA;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF;AAaD,MAAM,aAAa,EAAE,WAAW,MAAM,GAAG,YAA4B;AACnE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,kBAAkB,EAAE,MAAM,CAAC,EAAE,UAAU;EACrD,GAAI;GACJ;;AAIN,UAAU,cAAc;AAYxB,MAAM,cAAkD,EACtD,IACA,WACA,GAAG,YACqB;AAExB,QACE,oBAFgB,MAAM;EAGpB,aAAU;EACV,WAAW,GAAG,sDAAsD,UAAU;EAC9E,GAAI;GACJ;;AAIN,WAAW,cAAc;AAQzB,MAAM,oBAAoB,EAAE,WAAW,GAAG,YAAmC;AAC3E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,wDAAwD,UAAU;EAChF,GAAI;GACJ;;AAIN,iBAAiB,cAAc;AAQ/B,MAAM,gBAAgB,EAAE,WAAW,GAAG,YAA+B;AACnE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,8CAA8C,UAAU;EACtE,GAAI;GACJ;;AAIN,aAAa,cAAc"}
|
package/dist/field.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime257 from "react/jsx-runtime";
|
|
3
3
|
import { Field } from "@base-ui/react/field";
|
|
4
4
|
|
|
5
5
|
//#region src/components/field.d.ts
|
|
@@ -8,7 +8,7 @@ declare const FieldRoot: {
|
|
|
8
8
|
({
|
|
9
9
|
className,
|
|
10
10
|
...props
|
|
11
|
-
}: FieldRootProps):
|
|
11
|
+
}: FieldRootProps): react_jsx_runtime257.JSX.Element;
|
|
12
12
|
displayName: string;
|
|
13
13
|
};
|
|
14
14
|
type FieldLabelProps = React.ComponentProps<typeof Field.Label>;
|
|
@@ -16,7 +16,7 @@ declare const FieldLabel: {
|
|
|
16
16
|
({
|
|
17
17
|
className,
|
|
18
18
|
...props
|
|
19
|
-
}: FieldLabelProps):
|
|
19
|
+
}: FieldLabelProps): react_jsx_runtime257.JSX.Element;
|
|
20
20
|
displayName: string;
|
|
21
21
|
};
|
|
22
22
|
type FieldControlProps = React.ComponentProps<typeof Field.Control>;
|
|
@@ -24,7 +24,7 @@ declare const FieldControl: {
|
|
|
24
24
|
({
|
|
25
25
|
className,
|
|
26
26
|
...props
|
|
27
|
-
}: FieldControlProps):
|
|
27
|
+
}: FieldControlProps): react_jsx_runtime257.JSX.Element;
|
|
28
28
|
displayName: string;
|
|
29
29
|
};
|
|
30
30
|
type FieldDescriptionProps = React.ComponentProps<typeof Field.Description>;
|
|
@@ -32,7 +32,7 @@ declare const FieldDescription: {
|
|
|
32
32
|
({
|
|
33
33
|
className,
|
|
34
34
|
...props
|
|
35
|
-
}: FieldDescriptionProps):
|
|
35
|
+
}: FieldDescriptionProps): react_jsx_runtime257.JSX.Element;
|
|
36
36
|
displayName: string;
|
|
37
37
|
};
|
|
38
38
|
type FieldErrorProps = React.ComponentProps<typeof Field.Error>;
|
|
@@ -40,7 +40,7 @@ declare const FieldError: {
|
|
|
40
40
|
({
|
|
41
41
|
className,
|
|
42
42
|
...props
|
|
43
|
-
}: FieldErrorProps):
|
|
43
|
+
}: FieldErrorProps): react_jsx_runtime257.JSX.Element;
|
|
44
44
|
displayName: string;
|
|
45
45
|
};
|
|
46
46
|
type FieldItemProps = React.ComponentProps<typeof Field.Item>;
|
|
@@ -48,12 +48,12 @@ declare const FieldItem: {
|
|
|
48
48
|
({
|
|
49
49
|
className,
|
|
50
50
|
...props
|
|
51
|
-
}: FieldItemProps):
|
|
51
|
+
}: FieldItemProps): react_jsx_runtime257.JSX.Element;
|
|
52
52
|
displayName: string;
|
|
53
53
|
};
|
|
54
54
|
type FieldValidityProps = React.ComponentProps<typeof Field.Validity>;
|
|
55
55
|
declare const FieldValidity: {
|
|
56
|
-
(props: FieldValidityProps):
|
|
56
|
+
(props: FieldValidityProps): react_jsx_runtime257.JSX.Element;
|
|
57
57
|
displayName: string;
|
|
58
58
|
};
|
|
59
59
|
//#endregion
|
package/dist/fieldset.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime15 from "react/jsx-runtime";
|
|
3
3
|
import { Fieldset } from "@base-ui/react/fieldset";
|
|
4
4
|
|
|
5
5
|
//#region src/components/fieldset.d.ts
|
|
@@ -8,7 +8,7 @@ declare const FieldsetRoot: {
|
|
|
8
8
|
({
|
|
9
9
|
className,
|
|
10
10
|
...props
|
|
11
|
-
}: FieldsetRootProps):
|
|
11
|
+
}: FieldsetRootProps): react_jsx_runtime15.JSX.Element;
|
|
12
12
|
displayName: string;
|
|
13
13
|
};
|
|
14
14
|
type FieldsetLegendProps = React.ComponentProps<typeof Fieldset.Legend>;
|
|
@@ -16,7 +16,7 @@ declare const FieldsetLegend: {
|
|
|
16
16
|
({
|
|
17
17
|
className,
|
|
18
18
|
...props
|
|
19
|
-
}: FieldsetLegendProps):
|
|
19
|
+
}: FieldsetLegendProps): react_jsx_runtime15.JSX.Element;
|
|
20
20
|
displayName: string;
|
|
21
21
|
};
|
|
22
22
|
//#endregion
|
package/dist/form.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime68 from "react/jsx-runtime";
|
|
3
3
|
import { Form } from "@base-ui/react/form";
|
|
4
4
|
|
|
5
5
|
//#region src/components/form.d.ts
|
|
@@ -8,7 +8,7 @@ declare const FormRoot: {
|
|
|
8
8
|
({
|
|
9
9
|
className,
|
|
10
10
|
...props
|
|
11
|
-
}: FormRootProps):
|
|
11
|
+
}: FormRootProps): react_jsx_runtime68.JSX.Element;
|
|
12
12
|
displayName: string;
|
|
13
13
|
};
|
|
14
14
|
//#endregion
|