@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/collapsible.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { c } from "react/compiler-runtime";
|
|
3
|
-
import { Collapsible
|
|
3
|
+
import { Collapsible } from "@base-ui/react/collapsible";
|
|
4
4
|
//#region src/ui/collapsible.tsx
|
|
5
|
-
function Collapsible(t0) {
|
|
5
|
+
function Collapsible$1(t0) {
|
|
6
6
|
const $ = c(4);
|
|
7
7
|
let props;
|
|
8
8
|
if ($[0] !== t0) {
|
|
@@ -12,7 +12,7 @@ function Collapsible(t0) {
|
|
|
12
12
|
} else props = $[1];
|
|
13
13
|
let t1;
|
|
14
14
|
if ($[2] !== props) {
|
|
15
|
-
t1 = /* @__PURE__ */ jsx(Collapsible
|
|
15
|
+
t1 = /* @__PURE__ */ jsx(Collapsible.Root, {
|
|
16
16
|
"data-slot": "collapsible",
|
|
17
17
|
...props
|
|
18
18
|
});
|
|
@@ -31,7 +31,7 @@ function CollapsibleTrigger(t0) {
|
|
|
31
31
|
} else props = $[1];
|
|
32
32
|
let t1;
|
|
33
33
|
if ($[2] !== props) {
|
|
34
|
-
t1 = /* @__PURE__ */ jsx(Collapsible
|
|
34
|
+
t1 = /* @__PURE__ */ jsx(Collapsible.Trigger, {
|
|
35
35
|
"data-slot": "collapsible-trigger",
|
|
36
36
|
...props
|
|
37
37
|
});
|
|
@@ -50,7 +50,7 @@ function CollapsibleContent(t0) {
|
|
|
50
50
|
} else props = $[1];
|
|
51
51
|
let t1;
|
|
52
52
|
if ($[2] !== props) {
|
|
53
|
-
t1 = /* @__PURE__ */ jsx(Collapsible
|
|
53
|
+
t1 = /* @__PURE__ */ jsx(Collapsible.Panel, {
|
|
54
54
|
"data-slot": "collapsible-content",
|
|
55
55
|
...props
|
|
56
56
|
});
|
|
@@ -60,4 +60,4 @@ function CollapsibleContent(t0) {
|
|
|
60
60
|
return t1;
|
|
61
61
|
}
|
|
62
62
|
//#endregion
|
|
63
|
-
export { Collapsible, CollapsibleContent, CollapsibleTrigger };
|
|
63
|
+
export { Collapsible$1 as Collapsible, CollapsibleContent, CollapsibleTrigger };
|
package/dist/ui/combobox.d.mts
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
-
import { Combobox
|
|
2
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
+
import { Combobox } from "@base-ui/react";
|
|
4
4
|
|
|
5
5
|
//#region src/ui/combobox.d.ts
|
|
6
|
-
declare const Combobox: typeof Combobox
|
|
6
|
+
declare const Combobox$1: typeof Combobox.Root;
|
|
7
7
|
declare function ComboboxValue({
|
|
8
8
|
...props
|
|
9
|
-
}: Combobox
|
|
9
|
+
}: Combobox.Value.Props): _$react_jsx_runtime0.JSX.Element;
|
|
10
10
|
declare function ComboboxTrigger({
|
|
11
11
|
className,
|
|
12
12
|
children,
|
|
13
13
|
...props
|
|
14
|
-
}: Combobox
|
|
14
|
+
}: Combobox.Trigger.Props): _$react_jsx_runtime0.JSX.Element;
|
|
15
15
|
declare function ComboboxInput({
|
|
16
16
|
className,
|
|
17
17
|
children,
|
|
@@ -19,10 +19,10 @@ declare function ComboboxInput({
|
|
|
19
19
|
showTrigger,
|
|
20
20
|
showClear,
|
|
21
21
|
...props
|
|
22
|
-
}: Combobox
|
|
22
|
+
}: Combobox.Input.Props & {
|
|
23
23
|
showTrigger?: boolean;
|
|
24
24
|
showClear?: boolean;
|
|
25
|
-
}): react_jsx_runtime0.JSX.Element;
|
|
25
|
+
}): _$react_jsx_runtime0.JSX.Element;
|
|
26
26
|
declare function ComboboxContent({
|
|
27
27
|
className,
|
|
28
28
|
side,
|
|
@@ -31,51 +31,51 @@ declare function ComboboxContent({
|
|
|
31
31
|
alignOffset,
|
|
32
32
|
anchor,
|
|
33
33
|
...props
|
|
34
|
-
}: Combobox
|
|
34
|
+
}: Combobox.Popup.Props & Pick<Combobox.Positioner.Props, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">): _$react_jsx_runtime0.JSX.Element;
|
|
35
35
|
declare function ComboboxList({
|
|
36
36
|
className,
|
|
37
37
|
...props
|
|
38
|
-
}: Combobox
|
|
38
|
+
}: Combobox.List.Props): _$react_jsx_runtime0.JSX.Element;
|
|
39
39
|
declare function ComboboxItem({
|
|
40
40
|
className,
|
|
41
41
|
children,
|
|
42
42
|
...props
|
|
43
|
-
}: Combobox
|
|
43
|
+
}: Combobox.Item.Props): _$react_jsx_runtime0.JSX.Element;
|
|
44
44
|
declare function ComboboxGroup({
|
|
45
45
|
className,
|
|
46
46
|
...props
|
|
47
|
-
}: Combobox
|
|
47
|
+
}: Combobox.Group.Props): _$react_jsx_runtime0.JSX.Element;
|
|
48
48
|
declare function ComboboxLabel({
|
|
49
49
|
className,
|
|
50
50
|
...props
|
|
51
|
-
}: Combobox
|
|
51
|
+
}: Combobox.GroupLabel.Props): _$react_jsx_runtime0.JSX.Element;
|
|
52
52
|
declare function ComboboxCollection({
|
|
53
53
|
...props
|
|
54
|
-
}: Combobox
|
|
54
|
+
}: Combobox.Collection.Props): _$react_jsx_runtime0.JSX.Element;
|
|
55
55
|
declare function ComboboxEmpty({
|
|
56
56
|
className,
|
|
57
57
|
...props
|
|
58
|
-
}: Combobox
|
|
58
|
+
}: Combobox.Empty.Props): _$react_jsx_runtime0.JSX.Element;
|
|
59
59
|
declare function ComboboxSeparator({
|
|
60
60
|
className,
|
|
61
61
|
...props
|
|
62
|
-
}: Combobox
|
|
62
|
+
}: Combobox.Separator.Props): _$react_jsx_runtime0.JSX.Element;
|
|
63
63
|
declare function ComboboxChips({
|
|
64
64
|
className,
|
|
65
65
|
...props
|
|
66
|
-
}: React.ComponentPropsWithRef<typeof Combobox
|
|
66
|
+
}: React.ComponentPropsWithRef<typeof Combobox.Chips> & Combobox.Chips.Props): _$react_jsx_runtime0.JSX.Element;
|
|
67
67
|
declare function ComboboxChip({
|
|
68
68
|
className,
|
|
69
69
|
children,
|
|
70
70
|
showRemove,
|
|
71
71
|
...props
|
|
72
|
-
}: Combobox
|
|
72
|
+
}: Combobox.Chip.Props & {
|
|
73
73
|
showRemove?: boolean;
|
|
74
|
-
}): react_jsx_runtime0.JSX.Element;
|
|
74
|
+
}): _$react_jsx_runtime0.JSX.Element;
|
|
75
75
|
declare function ComboboxChipsInput({
|
|
76
76
|
className,
|
|
77
77
|
...props
|
|
78
|
-
}: Combobox
|
|
78
|
+
}: Combobox.Input.Props): _$react_jsx_runtime0.JSX.Element;
|
|
79
79
|
declare function useComboboxAnchor(): React.RefObject<HTMLDivElement | null>;
|
|
80
80
|
//#endregion
|
|
81
|
-
export { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, useComboboxAnchor };
|
|
81
|
+
export { Combobox$1 as Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, useComboboxAnchor };
|
package/dist/ui/combobox.mjs
CHANGED
|
@@ -5,9 +5,9 @@ import * as React from "react";
|
|
|
5
5
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
6
|
import { c } from "react/compiler-runtime";
|
|
7
7
|
import { Check, ChevronDown, X } from "lucide-react";
|
|
8
|
-
import { Combobox
|
|
8
|
+
import { Combobox } from "@base-ui/react";
|
|
9
9
|
//#region src/ui/combobox.tsx
|
|
10
|
-
const Combobox = Combobox
|
|
10
|
+
const Combobox$1 = Combobox.Root;
|
|
11
11
|
function ComboboxValue(t0) {
|
|
12
12
|
const $ = c(4);
|
|
13
13
|
let props;
|
|
@@ -18,7 +18,7 @@ function ComboboxValue(t0) {
|
|
|
18
18
|
} else props = $[1];
|
|
19
19
|
let t1;
|
|
20
20
|
if ($[2] !== props) {
|
|
21
|
-
t1 = /* @__PURE__ */ jsx(Combobox
|
|
21
|
+
t1 = /* @__PURE__ */ jsx(Combobox.Value, {
|
|
22
22
|
"data-slot": "combobox-value",
|
|
23
23
|
...props
|
|
24
24
|
});
|
|
@@ -56,7 +56,7 @@ function ComboboxTrigger(t0) {
|
|
|
56
56
|
} else t2 = $[6];
|
|
57
57
|
let t3;
|
|
58
58
|
if ($[7] !== children || $[8] !== props || $[9] !== t1) {
|
|
59
|
-
t3 = /* @__PURE__ */ jsxs(Combobox
|
|
59
|
+
t3 = /* @__PURE__ */ jsxs(Combobox.Trigger, {
|
|
60
60
|
"data-slot": "combobox-trigger",
|
|
61
61
|
className: t1,
|
|
62
62
|
...props,
|
|
@@ -103,7 +103,7 @@ function ComboboxClear(t0) {
|
|
|
103
103
|
} else t3 = $[6];
|
|
104
104
|
let t4;
|
|
105
105
|
if ($[7] !== props || $[8] !== t2) {
|
|
106
|
-
t4 = /* @__PURE__ */ jsx(Combobox
|
|
106
|
+
t4 = /* @__PURE__ */ jsx(Combobox.Clear, {
|
|
107
107
|
"data-slot": "combobox-clear",
|
|
108
108
|
render: t1,
|
|
109
109
|
className: t2,
|
|
@@ -158,7 +158,7 @@ function ComboboxInput(t0) {
|
|
|
158
158
|
} else t5 = $[10];
|
|
159
159
|
let t6;
|
|
160
160
|
if ($[11] !== props || $[12] !== t5) {
|
|
161
|
-
t6 = /* @__PURE__ */ jsx(Combobox
|
|
161
|
+
t6 = /* @__PURE__ */ jsx(Combobox.Input, {
|
|
162
162
|
render: t5,
|
|
163
163
|
...props
|
|
164
164
|
});
|
|
@@ -256,7 +256,7 @@ function ComboboxContent(t0) {
|
|
|
256
256
|
} else t6 = $[9];
|
|
257
257
|
let t7;
|
|
258
258
|
if ($[10] !== props || $[11] !== t5 || $[12] !== t6) {
|
|
259
|
-
t7 = /* @__PURE__ */ jsx(Combobox
|
|
259
|
+
t7 = /* @__PURE__ */ jsx(Combobox.Popup, {
|
|
260
260
|
"data-slot": "combobox-content",
|
|
261
261
|
"data-chips": t5,
|
|
262
262
|
className: t6,
|
|
@@ -269,7 +269,7 @@ function ComboboxContent(t0) {
|
|
|
269
269
|
} else t7 = $[13];
|
|
270
270
|
let t8;
|
|
271
271
|
if ($[14] !== align || $[15] !== alignOffset || $[16] !== anchor || $[17] !== side || $[18] !== sideOffset || $[19] !== t7) {
|
|
272
|
-
t8 = /* @__PURE__ */ jsx(Combobox
|
|
272
|
+
t8 = /* @__PURE__ */ jsx(Combobox.Portal, { children: /* @__PURE__ */ jsx(Combobox.Positioner, {
|
|
273
273
|
side,
|
|
274
274
|
sideOffset,
|
|
275
275
|
align,
|
|
@@ -309,7 +309,7 @@ function ComboboxList(t0) {
|
|
|
309
309
|
} else t1 = $[4];
|
|
310
310
|
let t2;
|
|
311
311
|
if ($[5] !== props || $[6] !== t1) {
|
|
312
|
-
t2 = /* @__PURE__ */ jsx(Combobox
|
|
312
|
+
t2 = /* @__PURE__ */ jsx(Combobox.List, {
|
|
313
313
|
"data-slot": "combobox-list",
|
|
314
314
|
className: t1,
|
|
315
315
|
...props
|
|
@@ -344,7 +344,7 @@ function ComboboxItem(t0) {
|
|
|
344
344
|
} else t1 = $[5];
|
|
345
345
|
let t2;
|
|
346
346
|
if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
|
|
347
|
-
t2 = /* @__PURE__ */ jsx(Combobox
|
|
347
|
+
t2 = /* @__PURE__ */ jsx(Combobox.ItemIndicator, {
|
|
348
348
|
render: /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
|
|
349
349
|
children: /* @__PURE__ */ jsx(Check, { className: "pointer-events-none" })
|
|
350
350
|
});
|
|
@@ -352,7 +352,7 @@ function ComboboxItem(t0) {
|
|
|
352
352
|
} else t2 = $[6];
|
|
353
353
|
let t3;
|
|
354
354
|
if ($[7] !== children || $[8] !== props || $[9] !== t1) {
|
|
355
|
-
t3 = /* @__PURE__ */ jsxs(Combobox
|
|
355
|
+
t3 = /* @__PURE__ */ jsxs(Combobox.Item, {
|
|
356
356
|
"data-slot": "combobox-item",
|
|
357
357
|
className: t1,
|
|
358
358
|
...props,
|
|
@@ -386,7 +386,7 @@ function ComboboxGroup(t0) {
|
|
|
386
386
|
} else t1 = $[4];
|
|
387
387
|
let t2;
|
|
388
388
|
if ($[5] !== props || $[6] !== t1) {
|
|
389
|
-
t2 = /* @__PURE__ */ jsx(Combobox
|
|
389
|
+
t2 = /* @__PURE__ */ jsx(Combobox.Group, {
|
|
390
390
|
"data-slot": "combobox-group",
|
|
391
391
|
className: t1,
|
|
392
392
|
...props
|
|
@@ -418,7 +418,7 @@ function ComboboxLabel(t0) {
|
|
|
418
418
|
} else t1 = $[4];
|
|
419
419
|
let t2;
|
|
420
420
|
if ($[5] !== props || $[6] !== t1) {
|
|
421
|
-
t2 = /* @__PURE__ */ jsx(Combobox
|
|
421
|
+
t2 = /* @__PURE__ */ jsx(Combobox.GroupLabel, {
|
|
422
422
|
"data-slot": "combobox-label",
|
|
423
423
|
className: t1,
|
|
424
424
|
...props
|
|
@@ -439,7 +439,7 @@ function ComboboxCollection(t0) {
|
|
|
439
439
|
} else props = $[1];
|
|
440
440
|
let t1;
|
|
441
441
|
if ($[2] !== props) {
|
|
442
|
-
t1 = /* @__PURE__ */ jsx(Combobox
|
|
442
|
+
t1 = /* @__PURE__ */ jsx(Combobox.Collection, {
|
|
443
443
|
"data-slot": "combobox-collection",
|
|
444
444
|
...props
|
|
445
445
|
});
|
|
@@ -469,7 +469,7 @@ function ComboboxEmpty(t0) {
|
|
|
469
469
|
} else t1 = $[4];
|
|
470
470
|
let t2;
|
|
471
471
|
if ($[5] !== props || $[6] !== t1) {
|
|
472
|
-
t2 = /* @__PURE__ */ jsx(Combobox
|
|
472
|
+
t2 = /* @__PURE__ */ jsx(Combobox.Empty, {
|
|
473
473
|
"data-slot": "combobox-empty",
|
|
474
474
|
className: t1,
|
|
475
475
|
...props
|
|
@@ -501,7 +501,7 @@ function ComboboxSeparator(t0) {
|
|
|
501
501
|
} else t1 = $[4];
|
|
502
502
|
let t2;
|
|
503
503
|
if ($[5] !== props || $[6] !== t1) {
|
|
504
|
-
t2 = /* @__PURE__ */ jsx(Combobox
|
|
504
|
+
t2 = /* @__PURE__ */ jsx(Combobox.Separator, {
|
|
505
505
|
"data-slot": "combobox-separator",
|
|
506
506
|
className: t1,
|
|
507
507
|
...props
|
|
@@ -533,7 +533,7 @@ function ComboboxChips(t0) {
|
|
|
533
533
|
} else t1 = $[4];
|
|
534
534
|
let t2;
|
|
535
535
|
if ($[5] !== props || $[6] !== t1) {
|
|
536
|
-
t2 = /* @__PURE__ */ jsx(Combobox
|
|
536
|
+
t2 = /* @__PURE__ */ jsx(Combobox.Chips, {
|
|
537
537
|
"data-slot": "combobox-chips",
|
|
538
538
|
className: t1,
|
|
539
539
|
...props
|
|
@@ -572,7 +572,7 @@ function ComboboxChip(t0) {
|
|
|
572
572
|
} else t2 = $[6];
|
|
573
573
|
let t3;
|
|
574
574
|
if ($[7] !== showRemove) {
|
|
575
|
-
t3 = showRemove && /* @__PURE__ */ jsx(Combobox
|
|
575
|
+
t3 = showRemove && /* @__PURE__ */ jsx(Combobox.ChipRemove, {
|
|
576
576
|
render: /* @__PURE__ */ jsx(Button, {
|
|
577
577
|
variant: "ghost",
|
|
578
578
|
size: "icon-xs"
|
|
@@ -586,7 +586,7 @@ function ComboboxChip(t0) {
|
|
|
586
586
|
} else t3 = $[8];
|
|
587
587
|
let t4;
|
|
588
588
|
if ($[9] !== children || $[10] !== props || $[11] !== t2 || $[12] !== t3) {
|
|
589
|
-
t4 = /* @__PURE__ */ jsxs(Combobox
|
|
589
|
+
t4 = /* @__PURE__ */ jsxs(Combobox.Chip, {
|
|
590
590
|
"data-slot": "combobox-chip",
|
|
591
591
|
className: t2,
|
|
592
592
|
...props,
|
|
@@ -621,7 +621,7 @@ function ComboboxChipsInput(t0) {
|
|
|
621
621
|
} else t1 = $[4];
|
|
622
622
|
let t2;
|
|
623
623
|
if ($[5] !== props || $[6] !== t1) {
|
|
624
|
-
t2 = /* @__PURE__ */ jsx(Combobox
|
|
624
|
+
t2 = /* @__PURE__ */ jsx(Combobox.Input, {
|
|
625
625
|
"data-slot": "combobox-chip-input",
|
|
626
626
|
className: t1,
|
|
627
627
|
...props
|
|
@@ -636,4 +636,4 @@ function useComboboxAnchor() {
|
|
|
636
636
|
return React.useRef(null);
|
|
637
637
|
}
|
|
638
638
|
//#endregion
|
|
639
|
-
export { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, useComboboxAnchor };
|
|
639
|
+
export { Combobox$1 as Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, useComboboxAnchor };
|
package/dist/ui/command.d.mts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
-
import { Command
|
|
2
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
+
import { Command, CommandAction, createCommandPalette, useCommandActions, useCommandShortcutDefault } from "@cmdi/base-ui";
|
|
4
4
|
|
|
5
5
|
//#region src/ui/command.d.ts
|
|
6
6
|
declare function CommandRoot({
|
|
7
7
|
className,
|
|
8
8
|
...props
|
|
9
|
-
}: React.ComponentProps<typeof Command
|
|
9
|
+
}: React.ComponentProps<typeof Command>): _$react_jsx_runtime0.JSX.Element;
|
|
10
10
|
declare function CommandDialogRoot({
|
|
11
11
|
children,
|
|
12
12
|
open,
|
|
@@ -23,7 +23,7 @@ declare function CommandDialogRoot({
|
|
|
23
23
|
loop,
|
|
24
24
|
onValueChange,
|
|
25
25
|
label
|
|
26
|
-
}: React.ComponentProps<typeof Command
|
|
26
|
+
}: React.ComponentProps<typeof Command.Dialog>): _$react_jsx_runtime0.JSX.Element;
|
|
27
27
|
declare function CommandDialog({
|
|
28
28
|
title,
|
|
29
29
|
description: _description,
|
|
@@ -34,52 +34,52 @@ declare function CommandDialog({
|
|
|
34
34
|
palette,
|
|
35
35
|
showCloseButton,
|
|
36
36
|
...props
|
|
37
|
-
}: Omit<React.ComponentProps<typeof Command
|
|
37
|
+
}: Omit<React.ComponentProps<typeof Command.Dialog>, "children" | "label"> & {
|
|
38
38
|
title?: string;
|
|
39
39
|
description?: string;
|
|
40
40
|
className?: string;
|
|
41
41
|
palette?: string;
|
|
42
42
|
showCloseButton?: boolean;
|
|
43
43
|
children: React.ReactNode;
|
|
44
|
-
}): react_jsx_runtime0.JSX.Element;
|
|
44
|
+
}): _$react_jsx_runtime0.JSX.Element;
|
|
45
45
|
declare function CommandInput({
|
|
46
46
|
className,
|
|
47
47
|
...props
|
|
48
|
-
}: React.ComponentProps<typeof Command
|
|
48
|
+
}: React.ComponentProps<typeof Command.Input>): _$react_jsx_runtime0.JSX.Element;
|
|
49
49
|
declare function CommandList({
|
|
50
50
|
className,
|
|
51
51
|
...props
|
|
52
|
-
}: React.ComponentProps<typeof Command
|
|
52
|
+
}: React.ComponentProps<typeof Command.List>): _$react_jsx_runtime0.JSX.Element;
|
|
53
53
|
declare function CommandEmpty({
|
|
54
54
|
className,
|
|
55
55
|
...props
|
|
56
|
-
}: React.ComponentProps<typeof Command
|
|
56
|
+
}: React.ComponentProps<typeof Command.Empty>): _$react_jsx_runtime0.JSX.Element;
|
|
57
57
|
declare function CommandGroup({
|
|
58
58
|
className,
|
|
59
59
|
...props
|
|
60
|
-
}: React.ComponentProps<typeof Command
|
|
60
|
+
}: React.ComponentProps<typeof Command.Group>): _$react_jsx_runtime0.JSX.Element;
|
|
61
61
|
declare function CommandSeparator({
|
|
62
62
|
className,
|
|
63
63
|
...props
|
|
64
|
-
}: React.ComponentProps<typeof Command
|
|
64
|
+
}: React.ComponentProps<typeof Command.Separator>): _$react_jsx_runtime0.JSX.Element;
|
|
65
65
|
declare function CommandItem({
|
|
66
66
|
className,
|
|
67
67
|
children,
|
|
68
68
|
...props
|
|
69
|
-
}: React.ComponentProps<typeof Command
|
|
69
|
+
}: React.ComponentProps<typeof Command.Item>): _$react_jsx_runtime0.JSX.Element;
|
|
70
70
|
declare function CommandLoading({
|
|
71
71
|
className,
|
|
72
72
|
...props
|
|
73
|
-
}: React.ComponentProps<typeof Command
|
|
73
|
+
}: React.ComponentProps<typeof Command.Loading>): _$react_jsx_runtime0.JSX.Element;
|
|
74
74
|
declare function CommandActions({
|
|
75
75
|
className,
|
|
76
76
|
...props
|
|
77
|
-
}: React.ComponentProps<typeof Command
|
|
77
|
+
}: React.ComponentProps<typeof Command.Actions>): _$react_jsx_runtime0.JSX.Element;
|
|
78
78
|
declare function CommandShortcut({
|
|
79
79
|
className,
|
|
80
80
|
...props
|
|
81
|
-
}: React.ComponentProps<"span">): react_jsx_runtime0.JSX.Element;
|
|
82
|
-
declare const Command: typeof CommandRoot & {
|
|
81
|
+
}: React.ComponentProps<"span">): _$react_jsx_runtime0.JSX.Element;
|
|
82
|
+
declare const Command$1: typeof CommandRoot & {
|
|
83
83
|
Dialog: typeof CommandDialogRoot;
|
|
84
84
|
Input: typeof CommandInput;
|
|
85
85
|
List: typeof CommandList;
|
|
@@ -91,4 +91,4 @@ declare const Command: typeof CommandRoot & {
|
|
|
91
91
|
Actions: typeof CommandActions;
|
|
92
92
|
};
|
|
93
93
|
//#endregion
|
|
94
|
-
export { Command, type CommandAction, CommandActions, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut, createCommandPalette, useCommandActions, useCommandShortcutDefault };
|
|
94
|
+
export { Command$1 as Command, type CommandAction, CommandActions, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut, createCommandPalette, useCommandActions, useCommandShortcutDefault };
|
package/dist/ui/command.mjs
CHANGED
|
@@ -5,7 +5,7 @@ import * as React from "react";
|
|
|
5
5
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
6
|
import { c } from "react/compiler-runtime";
|
|
7
7
|
import { SearchIcon } from "lucide-react";
|
|
8
|
-
import { Command
|
|
8
|
+
import { Command, createCommandPalette, useCommandActions, useCommandShortcutDefault } from "@cmdi/base-ui";
|
|
9
9
|
//#region src/ui/command.tsx
|
|
10
10
|
const commandRootClassName = "bg-popover text-popover-foreground rounded-xl! p-1 flex size-full flex-col overflow-hidden";
|
|
11
11
|
const commandDialogOverlayClassName = "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50";
|
|
@@ -67,7 +67,7 @@ function CommandRoot(t0) {
|
|
|
67
67
|
} else t1 = $[4];
|
|
68
68
|
let t2;
|
|
69
69
|
if ($[5] !== props || $[6] !== t1) {
|
|
70
|
-
t2 = /* @__PURE__ */ jsx(Command
|
|
70
|
+
t2 = /* @__PURE__ */ jsx(Command, {
|
|
71
71
|
"data-slot": "command",
|
|
72
72
|
className: t1,
|
|
73
73
|
...props
|
|
@@ -102,7 +102,7 @@ function CommandDialogRoot(t0) {
|
|
|
102
102
|
} else t4 = $[5];
|
|
103
103
|
let t5;
|
|
104
104
|
if ($[6] !== children || $[7] !== defaultValue || $[8] !== filter || $[9] !== label || $[10] !== loop || $[11] !== onValueChange || $[12] !== shouldFilter || $[13] !== t3 || $[14] !== t4 || $[15] !== value) {
|
|
105
|
-
t5 = /* @__PURE__ */ jsx(Command
|
|
105
|
+
t5 = /* @__PURE__ */ jsx(Command, {
|
|
106
106
|
"data-slot": "command-dialog",
|
|
107
107
|
palette: t3,
|
|
108
108
|
value,
|
|
@@ -234,7 +234,7 @@ function CommandDialog(t0) {
|
|
|
234
234
|
const t12 = usePaletteId(palette);
|
|
235
235
|
let t13;
|
|
236
236
|
if ($[22] !== children || $[23] !== props.defaultValue || $[24] !== props.filter || $[25] !== props.loop || $[26] !== props.onValueChange || $[27] !== props.shouldFilter || $[28] !== props.value || $[29] !== t12 || $[30] !== title) {
|
|
237
|
-
t13 = /* @__PURE__ */ jsx(Command
|
|
237
|
+
t13 = /* @__PURE__ */ jsx(Command, {
|
|
238
238
|
"data-slot": "command-dialog",
|
|
239
239
|
palette: t12,
|
|
240
240
|
value: props.value,
|
|
@@ -310,7 +310,7 @@ function CommandInput(t0) {
|
|
|
310
310
|
} else t1 = $[4];
|
|
311
311
|
let t2;
|
|
312
312
|
if ($[5] !== props || $[6] !== t1) {
|
|
313
|
-
t2 = /* @__PURE__ */ jsx(Command
|
|
313
|
+
t2 = /* @__PURE__ */ jsx(Command.Input, {
|
|
314
314
|
"data-slot": "command-input",
|
|
315
315
|
className: t1,
|
|
316
316
|
...props
|
|
@@ -360,7 +360,7 @@ function CommandList(t0) {
|
|
|
360
360
|
} else t1 = $[4];
|
|
361
361
|
let t2;
|
|
362
362
|
if ($[5] !== props || $[6] !== t1) {
|
|
363
|
-
t2 = /* @__PURE__ */ jsx(Command
|
|
363
|
+
t2 = /* @__PURE__ */ jsx(Command.List, {
|
|
364
364
|
"data-slot": "command-list",
|
|
365
365
|
className: t1,
|
|
366
366
|
...props
|
|
@@ -392,7 +392,7 @@ function CommandEmpty(t0) {
|
|
|
392
392
|
} else t1 = $[4];
|
|
393
393
|
let t2;
|
|
394
394
|
if ($[5] !== props || $[6] !== t1) {
|
|
395
|
-
t2 = /* @__PURE__ */ jsx(Command
|
|
395
|
+
t2 = /* @__PURE__ */ jsx(Command.Empty, {
|
|
396
396
|
"data-slot": "command-empty",
|
|
397
397
|
className: t1,
|
|
398
398
|
...props
|
|
@@ -424,7 +424,7 @@ function CommandGroup(t0) {
|
|
|
424
424
|
} else t1 = $[4];
|
|
425
425
|
let t2;
|
|
426
426
|
if ($[5] !== props || $[6] !== t1) {
|
|
427
|
-
t2 = /* @__PURE__ */ jsx(Command
|
|
427
|
+
t2 = /* @__PURE__ */ jsx(Command.Group, {
|
|
428
428
|
"data-slot": "command-group",
|
|
429
429
|
className: t1,
|
|
430
430
|
...props
|
|
@@ -456,7 +456,7 @@ function CommandSeparator(t0) {
|
|
|
456
456
|
} else t1 = $[4];
|
|
457
457
|
let t2;
|
|
458
458
|
if ($[5] !== props || $[6] !== t1) {
|
|
459
|
-
t2 = /* @__PURE__ */ jsx(Command
|
|
459
|
+
t2 = /* @__PURE__ */ jsx(Command.Separator, {
|
|
460
460
|
"data-slot": "command-separator",
|
|
461
461
|
className: t1,
|
|
462
462
|
...props
|
|
@@ -491,7 +491,7 @@ function CommandItem(t0) {
|
|
|
491
491
|
} else t1 = $[5];
|
|
492
492
|
let t2;
|
|
493
493
|
if ($[6] !== children || $[7] !== props || $[8] !== t1) {
|
|
494
|
-
t2 = /* @__PURE__ */ jsx(Command
|
|
494
|
+
t2 = /* @__PURE__ */ jsx(Command.Item, {
|
|
495
495
|
"data-slot": "command-item",
|
|
496
496
|
className: t1,
|
|
497
497
|
...props,
|
|
@@ -525,7 +525,7 @@ function CommandLoading(t0) {
|
|
|
525
525
|
} else t1 = $[4];
|
|
526
526
|
let t2;
|
|
527
527
|
if ($[5] !== props || $[6] !== t1) {
|
|
528
|
-
t2 = /* @__PURE__ */ jsx(Command
|
|
528
|
+
t2 = /* @__PURE__ */ jsx(Command.Loading, {
|
|
529
529
|
"data-slot": "command-loading",
|
|
530
530
|
className: t1,
|
|
531
531
|
...props
|
|
@@ -557,7 +557,7 @@ function CommandActions(t0) {
|
|
|
557
557
|
} else t1 = $[4];
|
|
558
558
|
let t2;
|
|
559
559
|
if ($[5] !== props || $[6] !== t1) {
|
|
560
|
-
t2 = /* @__PURE__ */ jsx(Command
|
|
560
|
+
t2 = /* @__PURE__ */ jsx(Command.Actions, {
|
|
561
561
|
"data-slot": "command-actions",
|
|
562
562
|
className: t1,
|
|
563
563
|
...props
|
|
@@ -600,7 +600,7 @@ function CommandShortcut(t0) {
|
|
|
600
600
|
} else t2 = $[7];
|
|
601
601
|
return t2;
|
|
602
602
|
}
|
|
603
|
-
const Command = Object.assign(CommandRoot, {
|
|
603
|
+
const Command$1 = Object.assign(CommandRoot, {
|
|
604
604
|
Dialog: CommandDialogRoot,
|
|
605
605
|
Input: CommandInput,
|
|
606
606
|
List: CommandList,
|
|
@@ -612,4 +612,4 @@ const Command = Object.assign(CommandRoot, {
|
|
|
612
612
|
Actions: CommandActions
|
|
613
613
|
});
|
|
614
614
|
//#endregion
|
|
615
|
-
export { Command, CommandActions, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut, createCommandPalette, useCommandActions, useCommandShortcutDefault };
|
|
615
|
+
export { Command$1 as Command, CommandActions, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut, createCommandPalette, useCommandActions, useCommandShortcutDefault };
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
-
import { ContextMenu
|
|
2
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
+
import { ContextMenu } from "@base-ui/react/context-menu";
|
|
4
4
|
|
|
5
5
|
//#region src/ui/context-menu.d.ts
|
|
6
|
-
declare function ContextMenu({
|
|
6
|
+
declare function ContextMenu$1({
|
|
7
7
|
...props
|
|
8
|
-
}: ContextMenu
|
|
8
|
+
}: ContextMenu.Root.Props): _$react_jsx_runtime0.JSX.Element;
|
|
9
9
|
declare function ContextMenuPortal({
|
|
10
10
|
...props
|
|
11
|
-
}: ContextMenu
|
|
11
|
+
}: ContextMenu.Portal.Props): _$react_jsx_runtime0.JSX.Element;
|
|
12
12
|
declare function ContextMenuTrigger({
|
|
13
13
|
className,
|
|
14
14
|
...props
|
|
15
|
-
}: ContextMenu
|
|
15
|
+
}: ContextMenu.Trigger.Props): _$react_jsx_runtime0.JSX.Element;
|
|
16
16
|
declare function ContextMenuContent({
|
|
17
17
|
className,
|
|
18
18
|
align,
|
|
@@ -20,67 +20,67 @@ declare function ContextMenuContent({
|
|
|
20
20
|
side,
|
|
21
21
|
sideOffset,
|
|
22
22
|
...props
|
|
23
|
-
}: ContextMenu
|
|
23
|
+
}: ContextMenu.Popup.Props & Pick<ContextMenu.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): _$react_jsx_runtime0.JSX.Element;
|
|
24
24
|
declare function ContextMenuGroup({
|
|
25
25
|
...props
|
|
26
|
-
}: ContextMenu
|
|
26
|
+
}: ContextMenu.Group.Props): _$react_jsx_runtime0.JSX.Element;
|
|
27
27
|
declare function ContextMenuLabel({
|
|
28
28
|
className,
|
|
29
29
|
inset,
|
|
30
30
|
...props
|
|
31
|
-
}: ContextMenu
|
|
31
|
+
}: ContextMenu.GroupLabel.Props & {
|
|
32
32
|
inset?: boolean;
|
|
33
|
-
}): react_jsx_runtime0.JSX.Element;
|
|
33
|
+
}): _$react_jsx_runtime0.JSX.Element;
|
|
34
34
|
declare function ContextMenuItem({
|
|
35
35
|
className,
|
|
36
36
|
inset,
|
|
37
37
|
variant,
|
|
38
38
|
...props
|
|
39
|
-
}: ContextMenu
|
|
39
|
+
}: ContextMenu.Item.Props & {
|
|
40
40
|
inset?: boolean;
|
|
41
41
|
variant?: "default" | "destructive";
|
|
42
|
-
}): react_jsx_runtime0.JSX.Element;
|
|
42
|
+
}): _$react_jsx_runtime0.JSX.Element;
|
|
43
43
|
declare function ContextMenuSub({
|
|
44
44
|
...props
|
|
45
|
-
}: ContextMenu
|
|
45
|
+
}: ContextMenu.SubmenuRoot.Props): _$react_jsx_runtime0.JSX.Element;
|
|
46
46
|
declare function ContextMenuSubTrigger({
|
|
47
47
|
className,
|
|
48
48
|
inset,
|
|
49
49
|
children,
|
|
50
50
|
...props
|
|
51
|
-
}: ContextMenu
|
|
51
|
+
}: ContextMenu.SubmenuTrigger.Props & {
|
|
52
52
|
inset?: boolean;
|
|
53
|
-
}): react_jsx_runtime0.JSX.Element;
|
|
53
|
+
}): _$react_jsx_runtime0.JSX.Element;
|
|
54
54
|
declare function ContextMenuSubContent({
|
|
55
55
|
...props
|
|
56
|
-
}: React.ComponentProps<typeof ContextMenuContent>): react_jsx_runtime0.JSX.Element;
|
|
56
|
+
}: React.ComponentProps<typeof ContextMenuContent>): _$react_jsx_runtime0.JSX.Element;
|
|
57
57
|
declare function ContextMenuCheckboxItem({
|
|
58
58
|
className,
|
|
59
59
|
children,
|
|
60
60
|
checked,
|
|
61
61
|
inset,
|
|
62
62
|
...props
|
|
63
|
-
}: ContextMenu
|
|
63
|
+
}: ContextMenu.CheckboxItem.Props & {
|
|
64
64
|
inset?: boolean;
|
|
65
|
-
}): react_jsx_runtime0.JSX.Element;
|
|
65
|
+
}): _$react_jsx_runtime0.JSX.Element;
|
|
66
66
|
declare function ContextMenuRadioGroup({
|
|
67
67
|
...props
|
|
68
|
-
}: ContextMenu
|
|
68
|
+
}: ContextMenu.RadioGroup.Props): _$react_jsx_runtime0.JSX.Element;
|
|
69
69
|
declare function ContextMenuRadioItem({
|
|
70
70
|
className,
|
|
71
71
|
children,
|
|
72
72
|
inset,
|
|
73
73
|
...props
|
|
74
|
-
}: ContextMenu
|
|
74
|
+
}: ContextMenu.RadioItem.Props & {
|
|
75
75
|
inset?: boolean;
|
|
76
|
-
}): react_jsx_runtime0.JSX.Element;
|
|
76
|
+
}): _$react_jsx_runtime0.JSX.Element;
|
|
77
77
|
declare function ContextMenuSeparator({
|
|
78
78
|
className,
|
|
79
79
|
...props
|
|
80
|
-
}: ContextMenu
|
|
80
|
+
}: ContextMenu.Separator.Props): _$react_jsx_runtime0.JSX.Element;
|
|
81
81
|
declare function ContextMenuShortcut({
|
|
82
82
|
className,
|
|
83
83
|
...props
|
|
84
|
-
}: React.ComponentProps<"span">): react_jsx_runtime0.JSX.Element;
|
|
84
|
+
}: React.ComponentProps<"span">): _$react_jsx_runtime0.JSX.Element;
|
|
85
85
|
//#endregion
|
|
86
|
-
export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };
|
|
86
|
+
export { ContextMenu$1 as ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };
|