@ucdjs-internal/shared-ui 0.1.6 → 0.1.8
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/README.md +0 -3
- package/dist/components/shiki-code.d.mts +2 -2
- package/dist/components/shiki-code.mjs +1 -3
- package/dist/components/theme-toggle.d.mts +3 -3
- package/dist/components/theme-toggle.mjs +1 -3
- package/dist/components/ucd-logo.d.mts +10 -0
- package/dist/components/ucd-logo.mjs +61 -0
- package/dist/components.d.mts +30 -0
- package/dist/components.mjs +30 -0
- package/dist/hooks/index.mjs +2 -3
- package/dist/hooks/use-clipboard.mjs +2 -4
- package/dist/hooks/use-mobile.mjs +1 -3
- package/dist/hooks/use-theme.mjs +1 -3
- package/dist/index.mjs +2 -3
- package/dist/lib/theme-script.mjs +1 -2
- package/dist/lib/utils.mjs +1 -3
- package/dist/ui/alert-dialog.d.mts +17 -17
- package/dist/ui/alert-dialog.mjs +12 -13
- package/dist/ui/avatar.d.mts +11 -11
- package/dist/ui/avatar.mjs +7 -8
- package/dist/ui/badge.d.mts +4 -4
- package/dist/ui/badge.mjs +1 -3
- package/dist/ui/breadcrumb.d.mts +7 -7
- package/dist/ui/breadcrumb.mjs +2 -3
- package/dist/ui/button.d.mts +8 -8
- package/dist/ui/button.mjs +4 -6
- package/dist/ui/card.d.mts +8 -8
- package/dist/ui/card.mjs +2 -3
- package/dist/ui/checkbox.d.mts +5 -5
- package/dist/ui/checkbox.mjs +5 -7
- package/dist/ui/collapsible.d.mts +7 -7
- package/dist/ui/collapsible.mjs +6 -8
- package/dist/ui/combobox.d.mts +20 -20
- package/dist/ui/combobox.mjs +21 -23
- package/dist/ui/command.d.mts +55 -16
- package/dist/ui/command.mjs +327 -89
- package/dist/ui/context-menu.d.mts +24 -24
- package/dist/ui/context-menu.mjs +20 -21
- package/dist/ui/dialog.d.mts +17 -15
- package/dist/ui/dialog.mjs +52 -42
- package/dist/ui/dropdown-menu.d.mts +16 -16
- package/dist/ui/dropdown-menu.mjs +2 -3
- package/dist/ui/field.d.mts +13 -13
- package/dist/ui/field.mjs +1 -3
- package/dist/ui/input-group.d.mts +10 -10
- package/dist/ui/input-group.mjs +2 -3
- package/dist/ui/input.d.mts +2 -2
- package/dist/ui/input.mjs +5 -6
- package/dist/ui/label.d.mts +2 -2
- package/dist/ui/label.mjs +2 -3
- package/dist/ui/scroll-area.d.mts +6 -6
- package/dist/ui/scroll-area.mjs +9 -10
- package/dist/ui/select.d.mts +14 -14
- package/dist/ui/select.mjs +18 -19
- package/dist/ui/separator.d.mts +5 -5
- package/dist/ui/separator.mjs +4 -6
- package/dist/ui/sheet.d.mts +9 -9
- package/dist/ui/sheet.mjs +2 -3
- package/dist/ui/sidebar.d.mts +23 -23
- package/dist/ui/sidebar.mjs +4 -6
- package/dist/ui/skeleton.d.mts +2 -2
- package/dist/ui/skeleton.mjs +1 -3
- package/dist/ui/table.d.mts +9 -9
- package/dist/ui/table.mjs +2 -3
- package/dist/ui/textarea.d.mts +2 -2
- package/dist/ui/textarea.mjs +2 -3
- package/dist/ui/tooltip.d.mts +8 -8
- package/dist/ui/tooltip.mjs +9 -11
- package/dist/vscode/syntaxes/ucd.tmLanguage.mjs +1 -2
- package/package.json +22 -44
- package/dist/components/index.d.mts +0 -3
- package/dist/components/index.mjs +0 -4
- package/dist/vendor/cmdk/command-score.mjs +0 -62
- package/dist/vendor/cmdk/index.d.mts +0 -181
- package/dist/vendor/cmdk/index.mjs +0 -713
package/dist/ui/breadcrumb.d.mts
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
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 { useRender } from "@base-ui/react/use-render";
|
|
4
4
|
|
|
5
5
|
//#region src/ui/breadcrumb.d.ts
|
|
6
6
|
declare function Breadcrumb({
|
|
7
7
|
className,
|
|
8
8
|
...props
|
|
9
|
-
}: React.ComponentProps<"nav">): react_jsx_runtime0.JSX.Element;
|
|
9
|
+
}: React.ComponentProps<"nav">): _$react_jsx_runtime0.JSX.Element;
|
|
10
10
|
declare function BreadcrumbList({
|
|
11
11
|
className,
|
|
12
12
|
...props
|
|
13
|
-
}: React.ComponentProps<"ol">): react_jsx_runtime0.JSX.Element;
|
|
13
|
+
}: React.ComponentProps<"ol">): _$react_jsx_runtime0.JSX.Element;
|
|
14
14
|
declare function BreadcrumbItem({
|
|
15
15
|
className,
|
|
16
16
|
...props
|
|
17
|
-
}: React.ComponentProps<"li">): react_jsx_runtime0.JSX.Element;
|
|
17
|
+
}: React.ComponentProps<"li">): _$react_jsx_runtime0.JSX.Element;
|
|
18
18
|
declare function BreadcrumbLink({
|
|
19
19
|
className,
|
|
20
20
|
render,
|
|
@@ -23,15 +23,15 @@ declare function BreadcrumbLink({
|
|
|
23
23
|
declare function BreadcrumbPage({
|
|
24
24
|
className,
|
|
25
25
|
...props
|
|
26
|
-
}: React.ComponentProps<"span">): react_jsx_runtime0.JSX.Element;
|
|
26
|
+
}: React.ComponentProps<"span">): _$react_jsx_runtime0.JSX.Element;
|
|
27
27
|
declare function BreadcrumbSeparator({
|
|
28
28
|
children,
|
|
29
29
|
className,
|
|
30
30
|
...props
|
|
31
|
-
}: React.ComponentProps<"li">): react_jsx_runtime0.JSX.Element;
|
|
31
|
+
}: React.ComponentProps<"li">): _$react_jsx_runtime0.JSX.Element;
|
|
32
32
|
declare function BreadcrumbEllipsis({
|
|
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
|
//#endregion
|
|
37
37
|
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
|
package/dist/ui/breadcrumb.mjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { cn } from "../lib/utils.mjs";
|
|
2
|
+
import "react";
|
|
2
3
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
4
|
import { c } from "react/compiler-runtime";
|
|
4
5
|
import { ChevronRight, MoreHorizontal } from "lucide-react";
|
|
5
6
|
import { mergeProps } from "@base-ui/react/merge-props";
|
|
6
7
|
import { useRender } from "@base-ui/react/use-render";
|
|
7
|
-
|
|
8
8
|
//#region src/ui/breadcrumb.tsx
|
|
9
9
|
function Breadcrumb(t0) {
|
|
10
10
|
const $ = c(8);
|
|
@@ -275,6 +275,5 @@ function BreadcrumbEllipsis(t0) {
|
|
|
275
275
|
} else t4 = $[9];
|
|
276
276
|
return t4;
|
|
277
277
|
}
|
|
278
|
-
|
|
279
278
|
//#endregion
|
|
280
|
-
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
|
|
279
|
+
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
|
package/dist/ui/button.d.mts
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
-
import { Button
|
|
1
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
+
import { Button } from "@base-ui/react/button";
|
|
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/button.d.ts
|
|
7
7
|
declare const buttonVariants: (props?: ({
|
|
8
8
|
variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
|
|
9
|
-
size?: "
|
|
10
|
-
} & class_variance_authority_types0.ClassProp) | undefined) => string;
|
|
11
|
-
declare function Button({
|
|
9
|
+
size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
10
|
+
} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
|
|
11
|
+
declare function Button$1({
|
|
12
12
|
className,
|
|
13
13
|
variant,
|
|
14
14
|
size,
|
|
15
15
|
...props
|
|
16
|
-
}: Button
|
|
16
|
+
}: Button.Props & VariantProps<typeof buttonVariants>): _$react_jsx_runtime0.JSX.Element;
|
|
17
17
|
//#endregion
|
|
18
|
-
export { Button, buttonVariants };
|
|
18
|
+
export { Button$1 as Button, buttonVariants };
|
package/dist/ui/button.mjs
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { cn } from "../lib/utils.mjs";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { c } from "react/compiler-runtime";
|
|
4
|
-
import { Button
|
|
4
|
+
import { Button } from "@base-ui/react/button";
|
|
5
5
|
import { cva } from "class-variance-authority";
|
|
6
|
-
|
|
7
6
|
//#region src/ui/button.tsx
|
|
8
7
|
const buttonVariants = cva("focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-lg border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none", {
|
|
9
8
|
variants: {
|
|
@@ -31,7 +30,7 @@ const buttonVariants = cva("focus-visible:border-ring focus-visible:ring-ring/50
|
|
|
31
30
|
size: "default"
|
|
32
31
|
}
|
|
33
32
|
});
|
|
34
|
-
function Button(t0) {
|
|
33
|
+
function Button$1(t0) {
|
|
35
34
|
const $ = c(12);
|
|
36
35
|
let className;
|
|
37
36
|
let props;
|
|
@@ -66,7 +65,7 @@ function Button(t0) {
|
|
|
66
65
|
} else t3 = $[8];
|
|
67
66
|
let t4;
|
|
68
67
|
if ($[9] !== props || $[10] !== t3) {
|
|
69
|
-
t4 = /* @__PURE__ */ jsx(Button
|
|
68
|
+
t4 = /* @__PURE__ */ jsx(Button, {
|
|
70
69
|
"data-slot": "button",
|
|
71
70
|
className: t3,
|
|
72
71
|
...props
|
|
@@ -77,6 +76,5 @@ function Button(t0) {
|
|
|
77
76
|
} else t4 = $[11];
|
|
78
77
|
return t4;
|
|
79
78
|
}
|
|
80
|
-
|
|
81
79
|
//#endregion
|
|
82
|
-
export { Button, buttonVariants };
|
|
80
|
+
export { Button$1 as Button, buttonVariants };
|
package/dist/ui/card.d.mts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
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/card.d.ts
|
|
5
5
|
declare function Card({
|
|
@@ -8,30 +8,30 @@ declare function Card({
|
|
|
8
8
|
...props
|
|
9
9
|
}: React.ComponentProps<"div"> & {
|
|
10
10
|
size?: "default" | "sm";
|
|
11
|
-
}): react_jsx_runtime0.JSX.Element;
|
|
11
|
+
}): _$react_jsx_runtime0.JSX.Element;
|
|
12
12
|
declare function CardHeader({
|
|
13
13
|
className,
|
|
14
14
|
...props
|
|
15
|
-
}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
|
|
15
|
+
}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
|
|
16
16
|
declare function CardTitle({
|
|
17
17
|
className,
|
|
18
18
|
...props
|
|
19
|
-
}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
|
|
19
|
+
}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
|
|
20
20
|
declare function CardDescription({
|
|
21
21
|
className,
|
|
22
22
|
...props
|
|
23
|
-
}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
|
|
23
|
+
}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
|
|
24
24
|
declare function CardAction({
|
|
25
25
|
className,
|
|
26
26
|
...props
|
|
27
|
-
}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
|
|
27
|
+
}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
|
|
28
28
|
declare function CardContent({
|
|
29
29
|
className,
|
|
30
30
|
...props
|
|
31
|
-
}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
|
|
31
|
+
}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
|
|
32
32
|
declare function CardFooter({
|
|
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
|
//#endregion
|
|
37
37
|
export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
|
package/dist/ui/card.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { cn } from "../lib/utils.mjs";
|
|
2
|
+
import "react";
|
|
2
3
|
import { jsx } from "react/jsx-runtime";
|
|
3
4
|
import { c } from "react/compiler-runtime";
|
|
4
|
-
|
|
5
5
|
//#region src/ui/card.tsx
|
|
6
6
|
function Card(t0) {
|
|
7
7
|
const $ = c(10);
|
|
@@ -233,6 +233,5 @@ function CardFooter(t0) {
|
|
|
233
233
|
} else t2 = $[7];
|
|
234
234
|
return t2;
|
|
235
235
|
}
|
|
236
|
-
|
|
237
236
|
//#endregion
|
|
238
|
-
export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
|
|
237
|
+
export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
|
package/dist/ui/checkbox.d.mts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
-
import { Checkbox
|
|
1
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
+
import { Checkbox } from "@base-ui/react/checkbox";
|
|
3
3
|
|
|
4
4
|
//#region src/ui/checkbox.d.ts
|
|
5
|
-
declare function Checkbox({
|
|
5
|
+
declare function Checkbox$1({
|
|
6
6
|
className,
|
|
7
7
|
...props
|
|
8
|
-
}: Checkbox
|
|
8
|
+
}: Checkbox.Root.Props): _$react_jsx_runtime0.JSX.Element;
|
|
9
9
|
//#endregion
|
|
10
|
-
export { Checkbox };
|
|
10
|
+
export { Checkbox$1 as Checkbox };
|
package/dist/ui/checkbox.mjs
CHANGED
|
@@ -2,10 +2,9 @@ import { cn } from "../lib/utils.mjs";
|
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { c } from "react/compiler-runtime";
|
|
4
4
|
import { CheckIcon } from "lucide-react";
|
|
5
|
-
import { Checkbox
|
|
6
|
-
|
|
5
|
+
import { Checkbox } from "@base-ui/react/checkbox";
|
|
7
6
|
//#region src/ui/checkbox.tsx
|
|
8
|
-
function Checkbox(t0) {
|
|
7
|
+
function Checkbox$1(t0) {
|
|
9
8
|
const $ = c(9);
|
|
10
9
|
let className;
|
|
11
10
|
let props;
|
|
@@ -26,7 +25,7 @@ function Checkbox(t0) {
|
|
|
26
25
|
} else t1 = $[4];
|
|
27
26
|
let t2;
|
|
28
27
|
if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
|
|
29
|
-
t2 = /* @__PURE__ */ jsx(Checkbox
|
|
28
|
+
t2 = /* @__PURE__ */ jsx(Checkbox.Indicator, {
|
|
30
29
|
"data-slot": "checkbox-indicator",
|
|
31
30
|
className: "[&>svg]:size-3.5 grid place-content-center text-current transition-none",
|
|
32
31
|
children: /* @__PURE__ */ jsx(CheckIcon, {})
|
|
@@ -35,7 +34,7 @@ function Checkbox(t0) {
|
|
|
35
34
|
} else t2 = $[5];
|
|
36
35
|
let t3;
|
|
37
36
|
if ($[6] !== props || $[7] !== t1) {
|
|
38
|
-
t3 = /* @__PURE__ */ jsx(Checkbox
|
|
37
|
+
t3 = /* @__PURE__ */ jsx(Checkbox.Root, {
|
|
39
38
|
"data-slot": "checkbox",
|
|
40
39
|
className: t1,
|
|
41
40
|
...props,
|
|
@@ -47,6 +46,5 @@ function Checkbox(t0) {
|
|
|
47
46
|
} else t3 = $[8];
|
|
48
47
|
return t3;
|
|
49
48
|
}
|
|
50
|
-
|
|
51
49
|
//#endregion
|
|
52
|
-
export { Checkbox };
|
|
50
|
+
export { Checkbox$1 as Checkbox };
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
-
import { Collapsible
|
|
1
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
+
import { Collapsible } from "@base-ui/react/collapsible";
|
|
3
3
|
|
|
4
4
|
//#region src/ui/collapsible.d.ts
|
|
5
|
-
declare function Collapsible({
|
|
5
|
+
declare function Collapsible$1({
|
|
6
6
|
...props
|
|
7
|
-
}: Collapsible
|
|
7
|
+
}: Collapsible.Root.Props): _$react_jsx_runtime0.JSX.Element;
|
|
8
8
|
declare function CollapsibleTrigger({
|
|
9
9
|
...props
|
|
10
|
-
}: Collapsible
|
|
10
|
+
}: Collapsible.Trigger.Props): _$react_jsx_runtime0.JSX.Element;
|
|
11
11
|
declare function CollapsibleContent({
|
|
12
12
|
...props
|
|
13
|
-
}: Collapsible
|
|
13
|
+
}: Collapsible.Panel.Props): _$react_jsx_runtime0.JSX.Element;
|
|
14
14
|
//#endregion
|
|
15
|
-
export { Collapsible, CollapsibleContent, CollapsibleTrigger };
|
|
15
|
+
export { Collapsible$1 as Collapsible, CollapsibleContent, CollapsibleTrigger };
|
package/dist/ui/collapsible.mjs
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { c } from "react/compiler-runtime";
|
|
3
|
-
import { Collapsible
|
|
4
|
-
|
|
3
|
+
import { Collapsible } from "@base-ui/react/collapsible";
|
|
5
4
|
//#region src/ui/collapsible.tsx
|
|
6
|
-
function Collapsible(t0) {
|
|
5
|
+
function Collapsible$1(t0) {
|
|
7
6
|
const $ = c(4);
|
|
8
7
|
let props;
|
|
9
8
|
if ($[0] !== t0) {
|
|
@@ -13,7 +12,7 @@ function Collapsible(t0) {
|
|
|
13
12
|
} else props = $[1];
|
|
14
13
|
let t1;
|
|
15
14
|
if ($[2] !== props) {
|
|
16
|
-
t1 = /* @__PURE__ */ jsx(Collapsible
|
|
15
|
+
t1 = /* @__PURE__ */ jsx(Collapsible.Root, {
|
|
17
16
|
"data-slot": "collapsible",
|
|
18
17
|
...props
|
|
19
18
|
});
|
|
@@ -32,7 +31,7 @@ function CollapsibleTrigger(t0) {
|
|
|
32
31
|
} else props = $[1];
|
|
33
32
|
let t1;
|
|
34
33
|
if ($[2] !== props) {
|
|
35
|
-
t1 = /* @__PURE__ */ jsx(Collapsible
|
|
34
|
+
t1 = /* @__PURE__ */ jsx(Collapsible.Trigger, {
|
|
36
35
|
"data-slot": "collapsible-trigger",
|
|
37
36
|
...props
|
|
38
37
|
});
|
|
@@ -51,7 +50,7 @@ function CollapsibleContent(t0) {
|
|
|
51
50
|
} else props = $[1];
|
|
52
51
|
let t1;
|
|
53
52
|
if ($[2] !== props) {
|
|
54
|
-
t1 = /* @__PURE__ */ jsx(Collapsible
|
|
53
|
+
t1 = /* @__PURE__ */ jsx(Collapsible.Panel, {
|
|
55
54
|
"data-slot": "collapsible-content",
|
|
56
55
|
...props
|
|
57
56
|
});
|
|
@@ -60,6 +59,5 @@ function CollapsibleContent(t0) {
|
|
|
60
59
|
} else t1 = $[3];
|
|
61
60
|
return t1;
|
|
62
61
|
}
|
|
63
|
-
|
|
64
62
|
//#endregion
|
|
65
|
-
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,10 +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
|
|
9
|
-
|
|
8
|
+
import { Combobox } from "@base-ui/react";
|
|
10
9
|
//#region src/ui/combobox.tsx
|
|
11
|
-
const Combobox = Combobox
|
|
10
|
+
const Combobox$1 = Combobox.Root;
|
|
12
11
|
function ComboboxValue(t0) {
|
|
13
12
|
const $ = c(4);
|
|
14
13
|
let props;
|
|
@@ -19,7 +18,7 @@ function ComboboxValue(t0) {
|
|
|
19
18
|
} else props = $[1];
|
|
20
19
|
let t1;
|
|
21
20
|
if ($[2] !== props) {
|
|
22
|
-
t1 = /* @__PURE__ */ jsx(Combobox
|
|
21
|
+
t1 = /* @__PURE__ */ jsx(Combobox.Value, {
|
|
23
22
|
"data-slot": "combobox-value",
|
|
24
23
|
...props
|
|
25
24
|
});
|
|
@@ -57,7 +56,7 @@ function ComboboxTrigger(t0) {
|
|
|
57
56
|
} else t2 = $[6];
|
|
58
57
|
let t3;
|
|
59
58
|
if ($[7] !== children || $[8] !== props || $[9] !== t1) {
|
|
60
|
-
t3 = /* @__PURE__ */ jsxs(Combobox
|
|
59
|
+
t3 = /* @__PURE__ */ jsxs(Combobox.Trigger, {
|
|
61
60
|
"data-slot": "combobox-trigger",
|
|
62
61
|
className: t1,
|
|
63
62
|
...props,
|
|
@@ -104,7 +103,7 @@ function ComboboxClear(t0) {
|
|
|
104
103
|
} else t3 = $[6];
|
|
105
104
|
let t4;
|
|
106
105
|
if ($[7] !== props || $[8] !== t2) {
|
|
107
|
-
t4 = /* @__PURE__ */ jsx(Combobox
|
|
106
|
+
t4 = /* @__PURE__ */ jsx(Combobox.Clear, {
|
|
108
107
|
"data-slot": "combobox-clear",
|
|
109
108
|
render: t1,
|
|
110
109
|
className: t2,
|
|
@@ -159,7 +158,7 @@ function ComboboxInput(t0) {
|
|
|
159
158
|
} else t5 = $[10];
|
|
160
159
|
let t6;
|
|
161
160
|
if ($[11] !== props || $[12] !== t5) {
|
|
162
|
-
t6 = /* @__PURE__ */ jsx(Combobox
|
|
161
|
+
t6 = /* @__PURE__ */ jsx(Combobox.Input, {
|
|
163
162
|
render: t5,
|
|
164
163
|
...props
|
|
165
164
|
});
|
|
@@ -257,7 +256,7 @@ function ComboboxContent(t0) {
|
|
|
257
256
|
} else t6 = $[9];
|
|
258
257
|
let t7;
|
|
259
258
|
if ($[10] !== props || $[11] !== t5 || $[12] !== t6) {
|
|
260
|
-
t7 = /* @__PURE__ */ jsx(Combobox
|
|
259
|
+
t7 = /* @__PURE__ */ jsx(Combobox.Popup, {
|
|
261
260
|
"data-slot": "combobox-content",
|
|
262
261
|
"data-chips": t5,
|
|
263
262
|
className: t6,
|
|
@@ -270,7 +269,7 @@ function ComboboxContent(t0) {
|
|
|
270
269
|
} else t7 = $[13];
|
|
271
270
|
let t8;
|
|
272
271
|
if ($[14] !== align || $[15] !== alignOffset || $[16] !== anchor || $[17] !== side || $[18] !== sideOffset || $[19] !== t7) {
|
|
273
|
-
t8 = /* @__PURE__ */ jsx(Combobox
|
|
272
|
+
t8 = /* @__PURE__ */ jsx(Combobox.Portal, { children: /* @__PURE__ */ jsx(Combobox.Positioner, {
|
|
274
273
|
side,
|
|
275
274
|
sideOffset,
|
|
276
275
|
align,
|
|
@@ -310,7 +309,7 @@ function ComboboxList(t0) {
|
|
|
310
309
|
} else t1 = $[4];
|
|
311
310
|
let t2;
|
|
312
311
|
if ($[5] !== props || $[6] !== t1) {
|
|
313
|
-
t2 = /* @__PURE__ */ jsx(Combobox
|
|
312
|
+
t2 = /* @__PURE__ */ jsx(Combobox.List, {
|
|
314
313
|
"data-slot": "combobox-list",
|
|
315
314
|
className: t1,
|
|
316
315
|
...props
|
|
@@ -345,7 +344,7 @@ function ComboboxItem(t0) {
|
|
|
345
344
|
} else t1 = $[5];
|
|
346
345
|
let t2;
|
|
347
346
|
if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
|
|
348
|
-
t2 = /* @__PURE__ */ jsx(Combobox
|
|
347
|
+
t2 = /* @__PURE__ */ jsx(Combobox.ItemIndicator, {
|
|
349
348
|
render: /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
|
|
350
349
|
children: /* @__PURE__ */ jsx(Check, { className: "pointer-events-none" })
|
|
351
350
|
});
|
|
@@ -353,7 +352,7 @@ function ComboboxItem(t0) {
|
|
|
353
352
|
} else t2 = $[6];
|
|
354
353
|
let t3;
|
|
355
354
|
if ($[7] !== children || $[8] !== props || $[9] !== t1) {
|
|
356
|
-
t3 = /* @__PURE__ */ jsxs(Combobox
|
|
355
|
+
t3 = /* @__PURE__ */ jsxs(Combobox.Item, {
|
|
357
356
|
"data-slot": "combobox-item",
|
|
358
357
|
className: t1,
|
|
359
358
|
...props,
|
|
@@ -387,7 +386,7 @@ function ComboboxGroup(t0) {
|
|
|
387
386
|
} else t1 = $[4];
|
|
388
387
|
let t2;
|
|
389
388
|
if ($[5] !== props || $[6] !== t1) {
|
|
390
|
-
t2 = /* @__PURE__ */ jsx(Combobox
|
|
389
|
+
t2 = /* @__PURE__ */ jsx(Combobox.Group, {
|
|
391
390
|
"data-slot": "combobox-group",
|
|
392
391
|
className: t1,
|
|
393
392
|
...props
|
|
@@ -419,7 +418,7 @@ function ComboboxLabel(t0) {
|
|
|
419
418
|
} else t1 = $[4];
|
|
420
419
|
let t2;
|
|
421
420
|
if ($[5] !== props || $[6] !== t1) {
|
|
422
|
-
t2 = /* @__PURE__ */ jsx(Combobox
|
|
421
|
+
t2 = /* @__PURE__ */ jsx(Combobox.GroupLabel, {
|
|
423
422
|
"data-slot": "combobox-label",
|
|
424
423
|
className: t1,
|
|
425
424
|
...props
|
|
@@ -440,7 +439,7 @@ function ComboboxCollection(t0) {
|
|
|
440
439
|
} else props = $[1];
|
|
441
440
|
let t1;
|
|
442
441
|
if ($[2] !== props) {
|
|
443
|
-
t1 = /* @__PURE__ */ jsx(Combobox
|
|
442
|
+
t1 = /* @__PURE__ */ jsx(Combobox.Collection, {
|
|
444
443
|
"data-slot": "combobox-collection",
|
|
445
444
|
...props
|
|
446
445
|
});
|
|
@@ -470,7 +469,7 @@ function ComboboxEmpty(t0) {
|
|
|
470
469
|
} else t1 = $[4];
|
|
471
470
|
let t2;
|
|
472
471
|
if ($[5] !== props || $[6] !== t1) {
|
|
473
|
-
t2 = /* @__PURE__ */ jsx(Combobox
|
|
472
|
+
t2 = /* @__PURE__ */ jsx(Combobox.Empty, {
|
|
474
473
|
"data-slot": "combobox-empty",
|
|
475
474
|
className: t1,
|
|
476
475
|
...props
|
|
@@ -502,7 +501,7 @@ function ComboboxSeparator(t0) {
|
|
|
502
501
|
} else t1 = $[4];
|
|
503
502
|
let t2;
|
|
504
503
|
if ($[5] !== props || $[6] !== t1) {
|
|
505
|
-
t2 = /* @__PURE__ */ jsx(Combobox
|
|
504
|
+
t2 = /* @__PURE__ */ jsx(Combobox.Separator, {
|
|
506
505
|
"data-slot": "combobox-separator",
|
|
507
506
|
className: t1,
|
|
508
507
|
...props
|
|
@@ -534,7 +533,7 @@ function ComboboxChips(t0) {
|
|
|
534
533
|
} else t1 = $[4];
|
|
535
534
|
let t2;
|
|
536
535
|
if ($[5] !== props || $[6] !== t1) {
|
|
537
|
-
t2 = /* @__PURE__ */ jsx(Combobox
|
|
536
|
+
t2 = /* @__PURE__ */ jsx(Combobox.Chips, {
|
|
538
537
|
"data-slot": "combobox-chips",
|
|
539
538
|
className: t1,
|
|
540
539
|
...props
|
|
@@ -573,7 +572,7 @@ function ComboboxChip(t0) {
|
|
|
573
572
|
} else t2 = $[6];
|
|
574
573
|
let t3;
|
|
575
574
|
if ($[7] !== showRemove) {
|
|
576
|
-
t3 = showRemove && /* @__PURE__ */ jsx(Combobox
|
|
575
|
+
t3 = showRemove && /* @__PURE__ */ jsx(Combobox.ChipRemove, {
|
|
577
576
|
render: /* @__PURE__ */ jsx(Button, {
|
|
578
577
|
variant: "ghost",
|
|
579
578
|
size: "icon-xs"
|
|
@@ -587,7 +586,7 @@ function ComboboxChip(t0) {
|
|
|
587
586
|
} else t3 = $[8];
|
|
588
587
|
let t4;
|
|
589
588
|
if ($[9] !== children || $[10] !== props || $[11] !== t2 || $[12] !== t3) {
|
|
590
|
-
t4 = /* @__PURE__ */ jsxs(Combobox
|
|
589
|
+
t4 = /* @__PURE__ */ jsxs(Combobox.Chip, {
|
|
591
590
|
"data-slot": "combobox-chip",
|
|
592
591
|
className: t2,
|
|
593
592
|
...props,
|
|
@@ -622,7 +621,7 @@ function ComboboxChipsInput(t0) {
|
|
|
622
621
|
} else t1 = $[4];
|
|
623
622
|
let t2;
|
|
624
623
|
if ($[5] !== props || $[6] !== t1) {
|
|
625
|
-
t2 = /* @__PURE__ */ jsx(Combobox
|
|
624
|
+
t2 = /* @__PURE__ */ jsx(Combobox.Input, {
|
|
626
625
|
"data-slot": "combobox-chip-input",
|
|
627
626
|
className: t1,
|
|
628
627
|
...props
|
|
@@ -636,6 +635,5 @@ function ComboboxChipsInput(t0) {
|
|
|
636
635
|
function useComboboxAnchor() {
|
|
637
636
|
return React.useRef(null);
|
|
638
637
|
}
|
|
639
|
-
|
|
640
638
|
//#endregion
|
|
641
|
-
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 };
|