@ucdjs-internal/shared-ui 0.1.7 → 0.2.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/components/shiki-code.d.mts +2 -2
- package/dist/components/theme-toggle.d.mts +3 -3
- package/dist/components/ucd-logo.d.mts +2 -2
- package/dist/components.d.mts +30 -0
- package/dist/components.mjs +30 -0
- package/dist/hooks/index.mjs +1 -1
- package/dist/index.mjs +1 -1
- package/dist/ui/alert-dialog.d.mts +17 -17
- package/dist/ui/alert-dialog.mjs +11 -11
- package/dist/ui/avatar.d.mts +11 -11
- package/dist/ui/avatar.mjs +6 -6
- package/dist/ui/badge.d.mts +4 -4
- package/dist/ui/breadcrumb.d.mts +7 -7
- package/dist/ui/button.d.mts +7 -7
- package/dist/ui/button.mjs +4 -4
- package/dist/ui/card.d.mts +8 -8
- package/dist/ui/checkbox.d.mts +5 -5
- package/dist/ui/checkbox.mjs +5 -5
- package/dist/ui/collapsible.d.mts +7 -7
- package/dist/ui/collapsible.mjs +6 -6
- package/dist/ui/combobox.d.mts +20 -20
- package/dist/ui/combobox.mjs +21 -21
- package/dist/ui/command.d.mts +17 -17
- package/dist/ui/command.mjs +14 -14
- package/dist/ui/context-menu.d.mts +24 -24
- package/dist/ui/context-menu.mjs +19 -19
- package/dist/ui/dialog.d.mts +15 -15
- package/dist/ui/dialog.mjs +13 -13
- package/dist/ui/dropdown-menu.d.mts +16 -16
- package/dist/ui/field.d.mts +13 -13
- package/dist/ui/input-group.d.mts +10 -10
- package/dist/ui/input.d.mts +2 -2
- package/dist/ui/input.mjs +4 -4
- package/dist/ui/label.d.mts +2 -2
- package/dist/ui/scroll-area.d.mts +6 -6
- package/dist/ui/scroll-area.mjs +8 -8
- package/dist/ui/select.d.mts +14 -14
- package/dist/ui/select.mjs +17 -17
- package/dist/ui/separator.d.mts +5 -5
- package/dist/ui/separator.mjs +4 -4
- package/dist/ui/sheet.d.mts +9 -9
- package/dist/ui/sidebar.d.mts +22 -22
- package/dist/ui/sidebar.mjs +1 -1
- package/dist/ui/skeleton.d.mts +2 -2
- package/dist/ui/table.d.mts +9 -9
- package/dist/ui/textarea.d.mts +2 -2
- package/dist/ui/tooltip.d.mts +8 -8
- package/dist/ui/tooltip.mjs +9 -9
- package/package.json +9 -31
- package/dist/components/index.d.mts +0 -4
- package/dist/components/index.mjs +0 -4
package/dist/ui/context-menu.mjs
CHANGED
|
@@ -3,9 +3,9 @@ import "react";
|
|
|
3
3
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
4
|
import { c } from "react/compiler-runtime";
|
|
5
5
|
import { CheckIcon, ChevronRightIcon } from "lucide-react";
|
|
6
|
-
import { ContextMenu
|
|
6
|
+
import { ContextMenu } from "@base-ui/react/context-menu";
|
|
7
7
|
//#region src/ui/context-menu.tsx
|
|
8
|
-
function ContextMenu(t0) {
|
|
8
|
+
function ContextMenu$1(t0) {
|
|
9
9
|
const $ = c(4);
|
|
10
10
|
let props;
|
|
11
11
|
if ($[0] !== t0) {
|
|
@@ -15,7 +15,7 @@ function ContextMenu(t0) {
|
|
|
15
15
|
} else props = $[1];
|
|
16
16
|
let t1;
|
|
17
17
|
if ($[2] !== props) {
|
|
18
|
-
t1 = /* @__PURE__ */ jsx(ContextMenu
|
|
18
|
+
t1 = /* @__PURE__ */ jsx(ContextMenu.Root, {
|
|
19
19
|
"data-slot": "context-menu",
|
|
20
20
|
...props
|
|
21
21
|
});
|
|
@@ -34,7 +34,7 @@ function ContextMenuPortal(t0) {
|
|
|
34
34
|
} else props = $[1];
|
|
35
35
|
let t1;
|
|
36
36
|
if ($[2] !== props) {
|
|
37
|
-
t1 = /* @__PURE__ */ jsx(ContextMenu
|
|
37
|
+
t1 = /* @__PURE__ */ jsx(ContextMenu.Portal, {
|
|
38
38
|
"data-slot": "context-menu-portal",
|
|
39
39
|
...props
|
|
40
40
|
});
|
|
@@ -64,7 +64,7 @@ function ContextMenuTrigger(t0) {
|
|
|
64
64
|
} else t1 = $[4];
|
|
65
65
|
let t2;
|
|
66
66
|
if ($[5] !== props || $[6] !== t1) {
|
|
67
|
-
t2 = /* @__PURE__ */ jsx(ContextMenu
|
|
67
|
+
t2 = /* @__PURE__ */ jsx(ContextMenu.Trigger, {
|
|
68
68
|
"data-slot": "context-menu-trigger",
|
|
69
69
|
className: t1,
|
|
70
70
|
...props
|
|
@@ -112,7 +112,7 @@ function ContextMenuContent(t0) {
|
|
|
112
112
|
} else t5 = $[8];
|
|
113
113
|
let t6;
|
|
114
114
|
if ($[9] !== props || $[10] !== t5) {
|
|
115
|
-
t6 = /* @__PURE__ */ jsx(ContextMenu
|
|
115
|
+
t6 = /* @__PURE__ */ jsx(ContextMenu.Popup, {
|
|
116
116
|
"data-slot": "context-menu-content",
|
|
117
117
|
className: t5,
|
|
118
118
|
...props
|
|
@@ -123,7 +123,7 @@ function ContextMenuContent(t0) {
|
|
|
123
123
|
} else t6 = $[11];
|
|
124
124
|
let t7;
|
|
125
125
|
if ($[12] !== align || $[13] !== alignOffset || $[14] !== side || $[15] !== sideOffset || $[16] !== t6) {
|
|
126
|
-
t7 = /* @__PURE__ */ jsx(ContextMenu
|
|
126
|
+
t7 = /* @__PURE__ */ jsx(ContextMenu.Portal, { children: /* @__PURE__ */ jsx(ContextMenu.Positioner, {
|
|
127
127
|
className: "isolate z-50 outline-none",
|
|
128
128
|
align,
|
|
129
129
|
alignOffset,
|
|
@@ -150,7 +150,7 @@ function ContextMenuGroup(t0) {
|
|
|
150
150
|
} else props = $[1];
|
|
151
151
|
let t1;
|
|
152
152
|
if ($[2] !== props) {
|
|
153
|
-
t1 = /* @__PURE__ */ jsx(ContextMenu
|
|
153
|
+
t1 = /* @__PURE__ */ jsx(ContextMenu.Group, {
|
|
154
154
|
"data-slot": "context-menu-group",
|
|
155
155
|
...props
|
|
156
156
|
});
|
|
@@ -183,7 +183,7 @@ function ContextMenuLabel(t0) {
|
|
|
183
183
|
} else t1 = $[5];
|
|
184
184
|
let t2;
|
|
185
185
|
if ($[6] !== inset || $[7] !== props || $[8] !== t1) {
|
|
186
|
-
t2 = /* @__PURE__ */ jsx(ContextMenu
|
|
186
|
+
t2 = /* @__PURE__ */ jsx(ContextMenu.GroupLabel, {
|
|
187
187
|
"data-slot": "context-menu-label",
|
|
188
188
|
"data-inset": inset,
|
|
189
189
|
className: t1,
|
|
@@ -224,7 +224,7 @@ function ContextMenuItem(t0) {
|
|
|
224
224
|
} else t2 = $[6];
|
|
225
225
|
let t3;
|
|
226
226
|
if ($[7] !== inset || $[8] !== props || $[9] !== t2 || $[10] !== variant) {
|
|
227
|
-
t3 = /* @__PURE__ */ jsx(ContextMenu
|
|
227
|
+
t3 = /* @__PURE__ */ jsx(ContextMenu.Item, {
|
|
228
228
|
"data-slot": "context-menu-item",
|
|
229
229
|
"data-inset": inset,
|
|
230
230
|
"data-variant": variant,
|
|
@@ -249,7 +249,7 @@ function ContextMenuSub(t0) {
|
|
|
249
249
|
} else props = $[1];
|
|
250
250
|
let t1;
|
|
251
251
|
if ($[2] !== props) {
|
|
252
|
-
t1 = /* @__PURE__ */ jsx(ContextMenu
|
|
252
|
+
t1 = /* @__PURE__ */ jsx(ContextMenu.SubmenuRoot, {
|
|
253
253
|
"data-slot": "context-menu-sub",
|
|
254
254
|
...props
|
|
255
255
|
});
|
|
@@ -290,7 +290,7 @@ function ContextMenuSubTrigger(t0) {
|
|
|
290
290
|
} else t2 = $[7];
|
|
291
291
|
let t3;
|
|
292
292
|
if ($[8] !== children || $[9] !== inset || $[10] !== props || $[11] !== t1) {
|
|
293
|
-
t3 = /* @__PURE__ */ jsxs(ContextMenu
|
|
293
|
+
t3 = /* @__PURE__ */ jsxs(ContextMenu.SubmenuTrigger, {
|
|
294
294
|
"data-slot": "context-menu-sub-trigger",
|
|
295
295
|
"data-inset": inset,
|
|
296
296
|
className: t1,
|
|
@@ -358,13 +358,13 @@ function ContextMenuCheckboxItem(t0) {
|
|
|
358
358
|
if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
|
|
359
359
|
t2 = /* @__PURE__ */ jsx("span", {
|
|
360
360
|
className: "absolute right-2 pointer-events-none",
|
|
361
|
-
children: /* @__PURE__ */ jsx(ContextMenu
|
|
361
|
+
children: /* @__PURE__ */ jsx(ContextMenu.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
|
|
362
362
|
});
|
|
363
363
|
$[8] = t2;
|
|
364
364
|
} else t2 = $[8];
|
|
365
365
|
let t3;
|
|
366
366
|
if ($[9] !== checked || $[10] !== children || $[11] !== inset || $[12] !== props || $[13] !== t1) {
|
|
367
|
-
t3 = /* @__PURE__ */ jsxs(ContextMenu
|
|
367
|
+
t3 = /* @__PURE__ */ jsxs(ContextMenu.CheckboxItem, {
|
|
368
368
|
"data-slot": "context-menu-checkbox-item",
|
|
369
369
|
"data-inset": inset,
|
|
370
370
|
className: t1,
|
|
@@ -391,7 +391,7 @@ function ContextMenuRadioGroup(t0) {
|
|
|
391
391
|
} else props = $[1];
|
|
392
392
|
let t1;
|
|
393
393
|
if ($[2] !== props) {
|
|
394
|
-
t1 = /* @__PURE__ */ jsx(ContextMenu
|
|
394
|
+
t1 = /* @__PURE__ */ jsx(ContextMenu.RadioGroup, {
|
|
395
395
|
"data-slot": "context-menu-radio-group",
|
|
396
396
|
...props
|
|
397
397
|
});
|
|
@@ -429,13 +429,13 @@ function ContextMenuRadioItem(t0) {
|
|
|
429
429
|
if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
|
|
430
430
|
t2 = /* @__PURE__ */ jsx("span", {
|
|
431
431
|
className: "absolute right-2 pointer-events-none",
|
|
432
|
-
children: /* @__PURE__ */ jsx(ContextMenu
|
|
432
|
+
children: /* @__PURE__ */ jsx(ContextMenu.RadioItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
|
|
433
433
|
});
|
|
434
434
|
$[7] = t2;
|
|
435
435
|
} else t2 = $[7];
|
|
436
436
|
let t3;
|
|
437
437
|
if ($[8] !== children || $[9] !== inset || $[10] !== props || $[11] !== t1) {
|
|
438
|
-
t3 = /* @__PURE__ */ jsxs(ContextMenu
|
|
438
|
+
t3 = /* @__PURE__ */ jsxs(ContextMenu.RadioItem, {
|
|
439
439
|
"data-slot": "context-menu-radio-item",
|
|
440
440
|
"data-inset": inset,
|
|
441
441
|
className: t1,
|
|
@@ -471,7 +471,7 @@ function ContextMenuSeparator(t0) {
|
|
|
471
471
|
} else t1 = $[4];
|
|
472
472
|
let t2;
|
|
473
473
|
if ($[5] !== props || $[6] !== t1) {
|
|
474
|
-
t2 = /* @__PURE__ */ jsx(ContextMenu
|
|
474
|
+
t2 = /* @__PURE__ */ jsx(ContextMenu.Separator, {
|
|
475
475
|
"data-slot": "context-menu-separator",
|
|
476
476
|
className: t1,
|
|
477
477
|
...props
|
|
@@ -515,4 +515,4 @@ function ContextMenuShortcut(t0) {
|
|
|
515
515
|
return t2;
|
|
516
516
|
}
|
|
517
517
|
//#endregion
|
|
518
|
-
export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };
|
|
518
|
+
export { ContextMenu$1 as ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };
|
package/dist/ui/dialog.d.mts
CHANGED
|
@@ -1,38 +1,38 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
-
import { Dialog
|
|
2
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
+
import { Dialog } from "@base-ui/react/dialog";
|
|
4
4
|
|
|
5
5
|
//#region src/ui/dialog.d.ts
|
|
6
|
-
declare function Dialog({
|
|
6
|
+
declare function Dialog$1({
|
|
7
7
|
...props
|
|
8
|
-
}: Dialog
|
|
8
|
+
}: Dialog.Root.Props): _$react_jsx_runtime0.JSX.Element;
|
|
9
9
|
declare function DialogTrigger({
|
|
10
10
|
...props
|
|
11
|
-
}: Dialog
|
|
11
|
+
}: Dialog.Trigger.Props): _$react_jsx_runtime0.JSX.Element;
|
|
12
12
|
declare function DialogPortal({
|
|
13
13
|
...props
|
|
14
|
-
}: Dialog
|
|
14
|
+
}: Dialog.Portal.Props): _$react_jsx_runtime0.JSX.Element;
|
|
15
15
|
declare function DialogClose({
|
|
16
16
|
...props
|
|
17
|
-
}: Dialog
|
|
17
|
+
}: Dialog.Close.Props): _$react_jsx_runtime0.JSX.Element;
|
|
18
18
|
declare function DialogOverlay({
|
|
19
19
|
className,
|
|
20
20
|
...props
|
|
21
|
-
}: Dialog
|
|
21
|
+
}: Dialog.Backdrop.Props): _$react_jsx_runtime0.JSX.Element;
|
|
22
22
|
declare function DialogContent({
|
|
23
23
|
className,
|
|
24
24
|
overlayClassName,
|
|
25
25
|
children,
|
|
26
26
|
showCloseButton,
|
|
27
27
|
...props
|
|
28
|
-
}: Dialog
|
|
28
|
+
}: Dialog.Popup.Props & {
|
|
29
29
|
overlayClassName?: string;
|
|
30
30
|
showCloseButton?: boolean;
|
|
31
|
-
}): react_jsx_runtime0.JSX.Element;
|
|
31
|
+
}): _$react_jsx_runtime0.JSX.Element;
|
|
32
32
|
declare function DialogHeader({
|
|
33
33
|
className,
|
|
34
34
|
...props
|
|
35
|
-
}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
|
|
35
|
+
}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
|
|
36
36
|
declare function DialogFooter({
|
|
37
37
|
className,
|
|
38
38
|
showCloseButton,
|
|
@@ -40,14 +40,14 @@ declare function DialogFooter({
|
|
|
40
40
|
...props
|
|
41
41
|
}: React.ComponentProps<"div"> & {
|
|
42
42
|
showCloseButton?: boolean;
|
|
43
|
-
}): react_jsx_runtime0.JSX.Element;
|
|
43
|
+
}): _$react_jsx_runtime0.JSX.Element;
|
|
44
44
|
declare function DialogTitle({
|
|
45
45
|
className,
|
|
46
46
|
...props
|
|
47
|
-
}: Dialog
|
|
47
|
+
}: Dialog.Title.Props): _$react_jsx_runtime0.JSX.Element;
|
|
48
48
|
declare function DialogDescription({
|
|
49
49
|
className,
|
|
50
50
|
...props
|
|
51
|
-
}: Dialog
|
|
51
|
+
}: Dialog.Description.Props): _$react_jsx_runtime0.JSX.Element;
|
|
52
52
|
//#endregion
|
|
53
|
-
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
|
|
53
|
+
export { Dialog$1 as Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
|
package/dist/ui/dialog.mjs
CHANGED
|
@@ -4,9 +4,9 @@ import "react";
|
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
import { c } from "react/compiler-runtime";
|
|
6
6
|
import { XIcon } from "lucide-react";
|
|
7
|
-
import { Dialog
|
|
7
|
+
import { Dialog } from "@base-ui/react/dialog";
|
|
8
8
|
//#region src/ui/dialog.tsx
|
|
9
|
-
function Dialog(t0) {
|
|
9
|
+
function Dialog$1(t0) {
|
|
10
10
|
const $ = c(4);
|
|
11
11
|
let props;
|
|
12
12
|
if ($[0] !== t0) {
|
|
@@ -16,7 +16,7 @@ function Dialog(t0) {
|
|
|
16
16
|
} else props = $[1];
|
|
17
17
|
let t1;
|
|
18
18
|
if ($[2] !== props) {
|
|
19
|
-
t1 = /* @__PURE__ */ jsx(Dialog
|
|
19
|
+
t1 = /* @__PURE__ */ jsx(Dialog.Root, {
|
|
20
20
|
"data-slot": "dialog",
|
|
21
21
|
...props
|
|
22
22
|
});
|
|
@@ -35,7 +35,7 @@ function DialogTrigger(t0) {
|
|
|
35
35
|
} else props = $[1];
|
|
36
36
|
let t1;
|
|
37
37
|
if ($[2] !== props) {
|
|
38
|
-
t1 = /* @__PURE__ */ jsx(Dialog
|
|
38
|
+
t1 = /* @__PURE__ */ jsx(Dialog.Trigger, {
|
|
39
39
|
"data-slot": "dialog-trigger",
|
|
40
40
|
...props
|
|
41
41
|
});
|
|
@@ -54,7 +54,7 @@ function DialogPortal(t0) {
|
|
|
54
54
|
} else props = $[1];
|
|
55
55
|
let t1;
|
|
56
56
|
if ($[2] !== props) {
|
|
57
|
-
t1 = /* @__PURE__ */ jsx(Dialog
|
|
57
|
+
t1 = /* @__PURE__ */ jsx(Dialog.Portal, {
|
|
58
58
|
"data-slot": "dialog-portal",
|
|
59
59
|
...props
|
|
60
60
|
});
|
|
@@ -73,7 +73,7 @@ function DialogClose(t0) {
|
|
|
73
73
|
} else props = $[1];
|
|
74
74
|
let t1;
|
|
75
75
|
if ($[2] !== props) {
|
|
76
|
-
t1 = /* @__PURE__ */ jsx(Dialog
|
|
76
|
+
t1 = /* @__PURE__ */ jsx(Dialog.Close, {
|
|
77
77
|
"data-slot": "dialog-close",
|
|
78
78
|
...props
|
|
79
79
|
});
|
|
@@ -103,7 +103,7 @@ function DialogOverlay(t0) {
|
|
|
103
103
|
} else t1 = $[4];
|
|
104
104
|
let t2;
|
|
105
105
|
if ($[5] !== props || $[6] !== t1) {
|
|
106
|
-
t2 = /* @__PURE__ */ jsx(Dialog
|
|
106
|
+
t2 = /* @__PURE__ */ jsx(Dialog.Backdrop, {
|
|
107
107
|
"data-slot": "dialog-overlay",
|
|
108
108
|
className: t1,
|
|
109
109
|
...props
|
|
@@ -151,7 +151,7 @@ function DialogContent(t0) {
|
|
|
151
151
|
} else t3 = $[9];
|
|
152
152
|
let t4;
|
|
153
153
|
if ($[10] !== showCloseButton) {
|
|
154
|
-
t4 = showCloseButton && /* @__PURE__ */ jsxs(Dialog
|
|
154
|
+
t4 = showCloseButton && /* @__PURE__ */ jsxs(Dialog.Close, {
|
|
155
155
|
"data-slot": "dialog-close",
|
|
156
156
|
render: /* @__PURE__ */ jsx(Button, {
|
|
157
157
|
variant: "ghost",
|
|
@@ -168,7 +168,7 @@ function DialogContent(t0) {
|
|
|
168
168
|
} else t4 = $[11];
|
|
169
169
|
let t5;
|
|
170
170
|
if ($[12] !== children || $[13] !== props || $[14] !== t3 || $[15] !== t4) {
|
|
171
|
-
t5 = /* @__PURE__ */ jsxs(Dialog
|
|
171
|
+
t5 = /* @__PURE__ */ jsxs(Dialog.Popup, {
|
|
172
172
|
"data-slot": "dialog-content",
|
|
173
173
|
className: t3,
|
|
174
174
|
...props,
|
|
@@ -249,7 +249,7 @@ function DialogFooter(t0) {
|
|
|
249
249
|
} else t2 = $[6];
|
|
250
250
|
let t3;
|
|
251
251
|
if ($[7] !== showCloseButton) {
|
|
252
|
-
t3 = showCloseButton && /* @__PURE__ */ jsx(Dialog
|
|
252
|
+
t3 = showCloseButton && /* @__PURE__ */ jsx(Dialog.Close, {
|
|
253
253
|
render: /* @__PURE__ */ jsx(Button, { variant: "outline" }),
|
|
254
254
|
children: "Close"
|
|
255
255
|
});
|
|
@@ -293,7 +293,7 @@ function DialogTitle(t0) {
|
|
|
293
293
|
} else t1 = $[4];
|
|
294
294
|
let t2;
|
|
295
295
|
if ($[5] !== props || $[6] !== t1) {
|
|
296
|
-
t2 = /* @__PURE__ */ jsx(Dialog
|
|
296
|
+
t2 = /* @__PURE__ */ jsx(Dialog.Title, {
|
|
297
297
|
"data-slot": "dialog-title",
|
|
298
298
|
className: t1,
|
|
299
299
|
...props
|
|
@@ -325,7 +325,7 @@ function DialogDescription(t0) {
|
|
|
325
325
|
} else t1 = $[4];
|
|
326
326
|
let t2;
|
|
327
327
|
if ($[5] !== props || $[6] !== t1) {
|
|
328
|
-
t2 = /* @__PURE__ */ jsx(Dialog
|
|
328
|
+
t2 = /* @__PURE__ */ jsx(Dialog.Description, {
|
|
329
329
|
"data-slot": "dialog-description",
|
|
330
330
|
className: t1,
|
|
331
331
|
...props
|
|
@@ -337,4 +337,4 @@ function DialogDescription(t0) {
|
|
|
337
337
|
return t2;
|
|
338
338
|
}
|
|
339
339
|
//#endregion
|
|
340
|
-
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
|
|
340
|
+
export { Dialog$1 as Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
3
|
import { Menu } from "@base-ui/react/menu";
|
|
4
4
|
|
|
5
5
|
//#region src/ui/dropdown-menu.d.ts
|
|
6
6
|
declare function DropdownMenu({
|
|
7
7
|
...props
|
|
8
|
-
}: Menu.Root.Props): react_jsx_runtime0.JSX.Element;
|
|
8
|
+
}: Menu.Root.Props): _$react_jsx_runtime0.JSX.Element;
|
|
9
9
|
declare function DropdownMenuPortal({
|
|
10
10
|
...props
|
|
11
|
-
}: Menu.Portal.Props): react_jsx_runtime0.JSX.Element;
|
|
11
|
+
}: Menu.Portal.Props): _$react_jsx_runtime0.JSX.Element;
|
|
12
12
|
declare function DropdownMenuTrigger({
|
|
13
13
|
...props
|
|
14
|
-
}: Menu.Trigger.Props): react_jsx_runtime0.JSX.Element;
|
|
14
|
+
}: Menu.Trigger.Props): _$react_jsx_runtime0.JSX.Element;
|
|
15
15
|
declare function DropdownMenuContent({
|
|
16
16
|
align,
|
|
17
17
|
alignOffset,
|
|
@@ -19,17 +19,17 @@ declare function DropdownMenuContent({
|
|
|
19
19
|
sideOffset,
|
|
20
20
|
className,
|
|
21
21
|
...props
|
|
22
|
-
}: Menu.Popup.Props & Pick<Menu.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): react_jsx_runtime0.JSX.Element;
|
|
22
|
+
}: Menu.Popup.Props & Pick<Menu.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): _$react_jsx_runtime0.JSX.Element;
|
|
23
23
|
declare function DropdownMenuGroup({
|
|
24
24
|
...props
|
|
25
|
-
}: Menu.Group.Props): react_jsx_runtime0.JSX.Element;
|
|
25
|
+
}: Menu.Group.Props): _$react_jsx_runtime0.JSX.Element;
|
|
26
26
|
declare function DropdownMenuLabel({
|
|
27
27
|
className,
|
|
28
28
|
inset,
|
|
29
29
|
...props
|
|
30
30
|
}: Menu.GroupLabel.Props & {
|
|
31
31
|
inset?: boolean;
|
|
32
|
-
}): react_jsx_runtime0.JSX.Element;
|
|
32
|
+
}): _$react_jsx_runtime0.JSX.Element;
|
|
33
33
|
declare function DropdownMenuItem({
|
|
34
34
|
className,
|
|
35
35
|
inset,
|
|
@@ -38,10 +38,10 @@ declare function DropdownMenuItem({
|
|
|
38
38
|
}: Menu.Item.Props & {
|
|
39
39
|
inset?: boolean;
|
|
40
40
|
variant?: "default" | "destructive";
|
|
41
|
-
}): react_jsx_runtime0.JSX.Element;
|
|
41
|
+
}): _$react_jsx_runtime0.JSX.Element;
|
|
42
42
|
declare function DropdownMenuSub({
|
|
43
43
|
...props
|
|
44
|
-
}: Menu.SubmenuRoot.Props): react_jsx_runtime0.JSX.Element;
|
|
44
|
+
}: Menu.SubmenuRoot.Props): _$react_jsx_runtime0.JSX.Element;
|
|
45
45
|
declare function DropdownMenuSubTrigger({
|
|
46
46
|
className,
|
|
47
47
|
inset,
|
|
@@ -49,7 +49,7 @@ declare function DropdownMenuSubTrigger({
|
|
|
49
49
|
...props
|
|
50
50
|
}: Menu.SubmenuTrigger.Props & {
|
|
51
51
|
inset?: boolean;
|
|
52
|
-
}): react_jsx_runtime0.JSX.Element;
|
|
52
|
+
}): _$react_jsx_runtime0.JSX.Element;
|
|
53
53
|
declare function DropdownMenuSubContent({
|
|
54
54
|
align,
|
|
55
55
|
alignOffset,
|
|
@@ -57,28 +57,28 @@ declare function DropdownMenuSubContent({
|
|
|
57
57
|
sideOffset,
|
|
58
58
|
className,
|
|
59
59
|
...props
|
|
60
|
-
}: React.ComponentProps<typeof DropdownMenuContent>): react_jsx_runtime0.JSX.Element;
|
|
60
|
+
}: React.ComponentProps<typeof DropdownMenuContent>): _$react_jsx_runtime0.JSX.Element;
|
|
61
61
|
declare function DropdownMenuCheckboxItem({
|
|
62
62
|
className,
|
|
63
63
|
children,
|
|
64
64
|
checked,
|
|
65
65
|
...props
|
|
66
|
-
}: Menu.CheckboxItem.Props): react_jsx_runtime0.JSX.Element;
|
|
66
|
+
}: Menu.CheckboxItem.Props): _$react_jsx_runtime0.JSX.Element;
|
|
67
67
|
declare function DropdownMenuRadioGroup({
|
|
68
68
|
...props
|
|
69
|
-
}: Menu.RadioGroup.Props): react_jsx_runtime0.JSX.Element;
|
|
69
|
+
}: Menu.RadioGroup.Props): _$react_jsx_runtime0.JSX.Element;
|
|
70
70
|
declare function DropdownMenuRadioItem({
|
|
71
71
|
className,
|
|
72
72
|
children,
|
|
73
73
|
...props
|
|
74
|
-
}: Menu.RadioItem.Props): react_jsx_runtime0.JSX.Element;
|
|
74
|
+
}: Menu.RadioItem.Props): _$react_jsx_runtime0.JSX.Element;
|
|
75
75
|
declare function DropdownMenuSeparator({
|
|
76
76
|
className,
|
|
77
77
|
...props
|
|
78
|
-
}: Menu.Separator.Props): react_jsx_runtime0.JSX.Element;
|
|
78
|
+
}: Menu.Separator.Props): _$react_jsx_runtime0.JSX.Element;
|
|
79
79
|
declare function DropdownMenuShortcut({
|
|
80
80
|
className,
|
|
81
81
|
...props
|
|
82
|
-
}: React.ComponentProps<"span">): react_jsx_runtime0.JSX.Element;
|
|
82
|
+
}: React.ComponentProps<"span">): _$react_jsx_runtime0.JSX.Element;
|
|
83
83
|
//#endregion
|
|
84
84
|
export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
|
package/dist/ui/field.d.mts
CHANGED
|
@@ -1,55 +1,55 @@
|
|
|
1
1
|
import { Label } from "./label.mjs";
|
|
2
|
-
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
3
|
import { VariantProps } from "class-variance-authority";
|
|
4
|
-
import * as class_variance_authority_types0 from "class-variance-authority/types";
|
|
4
|
+
import * as _$class_variance_authority_types0 from "class-variance-authority/types";
|
|
5
5
|
|
|
6
6
|
//#region src/ui/field.d.ts
|
|
7
7
|
declare function FieldSet({
|
|
8
8
|
className,
|
|
9
9
|
...props
|
|
10
|
-
}: React.ComponentProps<"fieldset">): react_jsx_runtime0.JSX.Element;
|
|
10
|
+
}: React.ComponentProps<"fieldset">): _$react_jsx_runtime0.JSX.Element;
|
|
11
11
|
declare function FieldLegend({
|
|
12
12
|
className,
|
|
13
13
|
variant,
|
|
14
14
|
...props
|
|
15
15
|
}: React.ComponentProps<"legend"> & {
|
|
16
16
|
variant?: "legend" | "label";
|
|
17
|
-
}): react_jsx_runtime0.JSX.Element;
|
|
17
|
+
}): _$react_jsx_runtime0.JSX.Element;
|
|
18
18
|
declare function FieldGroup({
|
|
19
19
|
className,
|
|
20
20
|
...props
|
|
21
|
-
}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
|
|
21
|
+
}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
|
|
22
22
|
declare const fieldVariants: (props?: ({
|
|
23
23
|
orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
|
|
24
|
-
} & class_variance_authority_types0.ClassProp) | undefined) => string;
|
|
24
|
+
} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
|
|
25
25
|
declare function Field({
|
|
26
26
|
className,
|
|
27
27
|
orientation,
|
|
28
28
|
...props
|
|
29
|
-
}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): react_jsx_runtime0.JSX.Element;
|
|
29
|
+
}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): _$react_jsx_runtime0.JSX.Element;
|
|
30
30
|
declare function FieldContent({
|
|
31
31
|
className,
|
|
32
32
|
...props
|
|
33
|
-
}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
|
|
33
|
+
}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
|
|
34
34
|
declare function FieldLabel({
|
|
35
35
|
className,
|
|
36
36
|
...props
|
|
37
|
-
}: React.ComponentProps<typeof Label>): react_jsx_runtime0.JSX.Element;
|
|
37
|
+
}: React.ComponentProps<typeof Label>): _$react_jsx_runtime0.JSX.Element;
|
|
38
38
|
declare function FieldTitle({
|
|
39
39
|
className,
|
|
40
40
|
...props
|
|
41
|
-
}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
|
|
41
|
+
}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
|
|
42
42
|
declare function FieldDescription({
|
|
43
43
|
className,
|
|
44
44
|
...props
|
|
45
|
-
}: React.ComponentProps<"p">): react_jsx_runtime0.JSX.Element;
|
|
45
|
+
}: React.ComponentProps<"p">): _$react_jsx_runtime0.JSX.Element;
|
|
46
46
|
declare function FieldSeparator({
|
|
47
47
|
children,
|
|
48
48
|
className,
|
|
49
49
|
...props
|
|
50
50
|
}: React.ComponentProps<"div"> & {
|
|
51
51
|
children?: React.ReactNode;
|
|
52
|
-
}): react_jsx_runtime0.JSX.Element;
|
|
52
|
+
}): _$react_jsx_runtime0.JSX.Element;
|
|
53
53
|
declare function FieldError({
|
|
54
54
|
className,
|
|
55
55
|
children,
|
|
@@ -59,6 +59,6 @@ declare function FieldError({
|
|
|
59
59
|
errors?: Array<{
|
|
60
60
|
message?: string;
|
|
61
61
|
} | undefined>;
|
|
62
|
-
}): react_jsx_runtime0.JSX.Element | null;
|
|
62
|
+
}): _$react_jsx_runtime0.JSX.Element | null;
|
|
63
63
|
//#endregion
|
|
64
64
|
export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
import { Button } from "./button.mjs";
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
4
4
|
import { VariantProps } from "class-variance-authority";
|
|
5
|
-
import * as class_variance_authority_types0 from "class-variance-authority/types";
|
|
5
|
+
import * as _$class_variance_authority_types0 from "class-variance-authority/types";
|
|
6
6
|
|
|
7
7
|
//#region src/ui/input-group.d.ts
|
|
8
8
|
declare function InputGroup({
|
|
9
9
|
className,
|
|
10
10
|
...props
|
|
11
|
-
}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
|
|
11
|
+
}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
|
|
12
12
|
declare const inputGroupAddonVariants: (props?: ({
|
|
13
13
|
align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
|
|
14
|
-
} & class_variance_authority_types0.ClassProp) | undefined) => string;
|
|
14
|
+
} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
|
|
15
15
|
declare function InputGroupAddon({
|
|
16
16
|
className,
|
|
17
17
|
align,
|
|
18
18
|
...props
|
|
19
|
-
}: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): react_jsx_runtime0.JSX.Element;
|
|
19
|
+
}: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): _$react_jsx_runtime0.JSX.Element;
|
|
20
20
|
declare const inputGroupButtonVariants: (props?: ({
|
|
21
21
|
size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
|
|
22
|
-
} & class_variance_authority_types0.ClassProp) | undefined) => string;
|
|
22
|
+
} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
|
|
23
23
|
declare function InputGroupButton({
|
|
24
24
|
className,
|
|
25
25
|
type,
|
|
@@ -28,18 +28,18 @@ declare function InputGroupButton({
|
|
|
28
28
|
...props
|
|
29
29
|
}: Omit<React.ComponentProps<typeof Button>, "size" | "type"> & VariantProps<typeof inputGroupButtonVariants> & {
|
|
30
30
|
type?: "button" | "submit" | "reset";
|
|
31
|
-
}): react_jsx_runtime0.JSX.Element;
|
|
31
|
+
}): _$react_jsx_runtime0.JSX.Element;
|
|
32
32
|
declare function InputGroupText({
|
|
33
33
|
className,
|
|
34
34
|
...props
|
|
35
|
-
}: React.ComponentProps<"span">): react_jsx_runtime0.JSX.Element;
|
|
35
|
+
}: React.ComponentProps<"span">): _$react_jsx_runtime0.JSX.Element;
|
|
36
36
|
declare function InputGroupInput({
|
|
37
37
|
className,
|
|
38
38
|
...props
|
|
39
|
-
}: React.ComponentProps<"input">): react_jsx_runtime0.JSX.Element;
|
|
39
|
+
}: React.ComponentProps<"input">): _$react_jsx_runtime0.JSX.Element;
|
|
40
40
|
declare function InputGroupTextarea({
|
|
41
41
|
className,
|
|
42
42
|
...props
|
|
43
|
-
}: React.ComponentProps<"textarea">): react_jsx_runtime0.JSX.Element;
|
|
43
|
+
}: React.ComponentProps<"textarea">): _$react_jsx_runtime0.JSX.Element;
|
|
44
44
|
//#endregion
|
|
45
45
|
export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };
|
package/dist/ui/input.d.mts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/ui/input.d.ts
|
|
5
5
|
declare function Input({
|
|
6
6
|
className,
|
|
7
7
|
type,
|
|
8
8
|
...props
|
|
9
|
-
}: React.ComponentProps<"input">): react_jsx_runtime0.JSX.Element;
|
|
9
|
+
}: React.ComponentProps<"input">): _$react_jsx_runtime0.JSX.Element;
|
|
10
10
|
//#endregion
|
|
11
11
|
export { Input };
|
package/dist/ui/input.mjs
CHANGED
|
@@ -2,9 +2,9 @@ import { cn } from "../lib/utils.mjs";
|
|
|
2
2
|
import "react";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
4
|
import { c } from "react/compiler-runtime";
|
|
5
|
-
import { Input
|
|
5
|
+
import { Input } from "@base-ui/react/input";
|
|
6
6
|
//#region src/ui/input.tsx
|
|
7
|
-
function Input(t0) {
|
|
7
|
+
function Input$1(t0) {
|
|
8
8
|
const $ = c(10);
|
|
9
9
|
let className;
|
|
10
10
|
let props;
|
|
@@ -28,7 +28,7 @@ function Input(t0) {
|
|
|
28
28
|
} else t1 = $[5];
|
|
29
29
|
let t2;
|
|
30
30
|
if ($[6] !== props || $[7] !== t1 || $[8] !== type) {
|
|
31
|
-
t2 = /* @__PURE__ */ jsx(Input
|
|
31
|
+
t2 = /* @__PURE__ */ jsx(Input, {
|
|
32
32
|
type,
|
|
33
33
|
"data-slot": "input",
|
|
34
34
|
className: t1,
|
|
@@ -42,4 +42,4 @@ function Input(t0) {
|
|
|
42
42
|
return t2;
|
|
43
43
|
}
|
|
44
44
|
//#endregion
|
|
45
|
-
export { Input };
|
|
45
|
+
export { Input$1 as Input };
|
package/dist/ui/label.d.mts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/ui/label.d.ts
|
|
5
5
|
declare function Label({
|
|
6
6
|
className,
|
|
7
7
|
...props
|
|
8
|
-
}: React.ComponentProps<"label">): react_jsx_runtime0.JSX.Element;
|
|
8
|
+
}: React.ComponentProps<"label">): _$react_jsx_runtime0.JSX.Element;
|
|
9
9
|
//#endregion
|
|
10
10
|
export { Label };
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
-
import { ScrollArea
|
|
1
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
+
import { ScrollArea } from "@base-ui/react/scroll-area";
|
|
3
3
|
|
|
4
4
|
//#region src/ui/scroll-area.d.ts
|
|
5
|
-
declare function ScrollArea({
|
|
5
|
+
declare function ScrollArea$1({
|
|
6
6
|
className,
|
|
7
7
|
children,
|
|
8
8
|
...props
|
|
9
|
-
}: ScrollArea
|
|
9
|
+
}: ScrollArea.Root.Props): _$react_jsx_runtime0.JSX.Element;
|
|
10
10
|
declare function ScrollBar({
|
|
11
11
|
className,
|
|
12
12
|
orientation,
|
|
13
13
|
...props
|
|
14
|
-
}: ScrollArea
|
|
14
|
+
}: ScrollArea.Scrollbar.Props): _$react_jsx_runtime0.JSX.Element;
|
|
15
15
|
//#endregion
|
|
16
|
-
export { ScrollArea, ScrollBar };
|
|
16
|
+
export { ScrollArea$1 as ScrollArea, ScrollBar };
|