@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/README.md
CHANGED
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
[![npm version][npm-version-src]][npm-version-href]
|
|
4
4
|
[![npm downloads][npm-downloads-src]][npm-downloads-href]
|
|
5
|
-
[![codecov][codecov-src]][codecov-href]
|
|
6
5
|
|
|
7
6
|
> [!IMPORTANT]
|
|
8
7
|
> This is an internal package. It may change without warning and is not subject to semantic versioning. Use at your own risk.
|
|
@@ -23,5 +22,3 @@ Published under [MIT License](./LICENSE).
|
|
|
23
22
|
[npm-version-href]: https://npmjs.com/package/@ucdjs-internal/shared-ui
|
|
24
23
|
[npm-downloads-src]: https://img.shields.io/npm/dm/@ucdjs-internal/shared-ui?style=flat&colorA=18181B&colorB=4169E1
|
|
25
24
|
[npm-downloads-href]: https://npmjs.com/package/@ucdjs-internal/shared-ui
|
|
26
|
-
[codecov-src]: https://img.shields.io/codecov/c/gh/ucdjs/ucd?style=flat&colorA=18181B&colorB=4169E1
|
|
27
|
-
[codecov-href]: https://codecov.io/gh/ucdjs/ucd
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { BundledLanguage, DecorationItem } from "shiki";
|
|
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/components/shiki-code.d.ts
|
|
5
5
|
interface ShikiCodeProps {
|
|
@@ -45,6 +45,6 @@ declare function ShikiCode({
|
|
|
45
45
|
preClassName,
|
|
46
46
|
codeClassName,
|
|
47
47
|
decorations
|
|
48
|
-
}: ShikiCodeProps): react_jsx_runtime0.JSX.Element;
|
|
48
|
+
}: ShikiCodeProps): _$react_jsx_runtime0.JSX.Element;
|
|
49
49
|
//#endregion
|
|
50
50
|
export { ShikiCode, ShikiCodeProps };
|
|
@@ -3,7 +3,6 @@ import { use, useMemo } from "react";
|
|
|
3
3
|
import { createJavaScriptRegexEngine } from "shiki";
|
|
4
4
|
import { createCssVariablesTheme, createHighlighterCore } from "shiki/core";
|
|
5
5
|
import { jsx } from "react/jsx-runtime";
|
|
6
|
-
|
|
7
6
|
//#region src/components/shiki-code.tsx
|
|
8
7
|
const highlighterPromise = createHighlighterCore({
|
|
9
8
|
themes: [createCssVariablesTheme({
|
|
@@ -73,6 +72,5 @@ function ShikiCode({ code, language = "typescript", className, preClassName, cod
|
|
|
73
72
|
dangerouslySetInnerHTML: { __html: html }
|
|
74
73
|
});
|
|
75
74
|
}
|
|
76
|
-
|
|
77
75
|
//#endregion
|
|
78
|
-
export { ShikiCode };
|
|
76
|
+
export { ShikiCode };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
1
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
2
|
|
|
3
3
|
//#region src/components/theme-toggle.d.ts
|
|
4
|
-
declare function ThemeToggle(): react_jsx_runtime0.JSX.Element;
|
|
5
|
-
declare function ThemeToggleFallback(): react_jsx_runtime0.JSX.Element;
|
|
4
|
+
declare function ThemeToggle(): _$react_jsx_runtime0.JSX.Element;
|
|
5
|
+
declare function ThemeToggleFallback(): _$react_jsx_runtime0.JSX.Element;
|
|
6
6
|
//#endregion
|
|
7
7
|
export { ThemeToggle, ThemeToggleFallback };
|
|
@@ -4,7 +4,6 @@ import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigge
|
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
import { c } from "react/compiler-runtime";
|
|
6
6
|
import { Moon, Sun, SunMoon } from "lucide-react";
|
|
7
|
-
|
|
8
7
|
//#region src/components/theme-toggle.tsx
|
|
9
8
|
const labelByTheme = {
|
|
10
9
|
light: "Light",
|
|
@@ -91,6 +90,5 @@ function ThemeToggleFallback() {
|
|
|
91
90
|
} else t0 = $[0];
|
|
92
91
|
return t0;
|
|
93
92
|
}
|
|
94
|
-
|
|
95
93
|
//#endregion
|
|
96
|
-
export { ThemeToggle, ThemeToggleFallback };
|
|
94
|
+
export { ThemeToggle, ThemeToggleFallback };
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { c } from "react/compiler-runtime";
|
|
3
|
+
//#region src/components/ucd-logo.tsx
|
|
4
|
+
function UcdLogo(t0) {
|
|
5
|
+
const $ = c(5);
|
|
6
|
+
const { className } = t0;
|
|
7
|
+
let t1;
|
|
8
|
+
let t2;
|
|
9
|
+
let t3;
|
|
10
|
+
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
11
|
+
t1 = /* @__PURE__ */ jsx("rect", {
|
|
12
|
+
x: "20",
|
|
13
|
+
y: "20",
|
|
14
|
+
width: "60",
|
|
15
|
+
height: "60",
|
|
16
|
+
rx: "8",
|
|
17
|
+
fill: "#10B981",
|
|
18
|
+
opacity: "0.2"
|
|
19
|
+
});
|
|
20
|
+
t2 = /* @__PURE__ */ jsx("path", {
|
|
21
|
+
d: "M35 40 L65 40 M35 50 L55 50 M35 60 L60 60",
|
|
22
|
+
stroke: "#059669",
|
|
23
|
+
strokeWidth: "6",
|
|
24
|
+
strokeLinecap: "round"
|
|
25
|
+
});
|
|
26
|
+
t3 = /* @__PURE__ */ jsx("circle", {
|
|
27
|
+
cx: "70",
|
|
28
|
+
cy: "30",
|
|
29
|
+
r: "8",
|
|
30
|
+
fill: "#059669",
|
|
31
|
+
opacity: "0.8"
|
|
32
|
+
});
|
|
33
|
+
$[0] = t1;
|
|
34
|
+
$[1] = t2;
|
|
35
|
+
$[2] = t3;
|
|
36
|
+
} else {
|
|
37
|
+
t1 = $[0];
|
|
38
|
+
t2 = $[1];
|
|
39
|
+
t3 = $[2];
|
|
40
|
+
}
|
|
41
|
+
let t4;
|
|
42
|
+
if ($[3] !== className) {
|
|
43
|
+
t4 = /* @__PURE__ */ jsxs("svg", {
|
|
44
|
+
viewBox: "15 15 70 70",
|
|
45
|
+
width: "100%",
|
|
46
|
+
height: "100%",
|
|
47
|
+
className,
|
|
48
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
49
|
+
children: [
|
|
50
|
+
t1,
|
|
51
|
+
t2,
|
|
52
|
+
t3
|
|
53
|
+
]
|
|
54
|
+
});
|
|
55
|
+
$[3] = className;
|
|
56
|
+
$[4] = t4;
|
|
57
|
+
} else t4 = $[4];
|
|
58
|
+
return t4;
|
|
59
|
+
}
|
|
60
|
+
//#endregion
|
|
61
|
+
export { UcdLogo };
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { ShikiCode, ShikiCodeProps } from "./components/shiki-code.mjs";
|
|
2
|
+
import { ThemeToggle, ThemeToggleFallback } from "./components/theme-toggle.mjs";
|
|
3
|
+
import { UcdLogo } from "./components/ucd-logo.mjs";
|
|
4
|
+
import { Button, buttonVariants } from "./ui/button.mjs";
|
|
5
|
+
import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from "./ui/alert-dialog.mjs";
|
|
6
|
+
import { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage } from "./ui/avatar.mjs";
|
|
7
|
+
import { Badge, badgeVariants } from "./ui/badge.mjs";
|
|
8
|
+
import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./ui/breadcrumb.mjs";
|
|
9
|
+
import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./ui/card.mjs";
|
|
10
|
+
import { Checkbox } from "./ui/checkbox.mjs";
|
|
11
|
+
import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./ui/collapsible.mjs";
|
|
12
|
+
import { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, useComboboxAnchor } from "./ui/combobox.mjs";
|
|
13
|
+
import { Command, CommandAction, CommandActions, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut, createCommandPalette, useCommandActions, useCommandShortcutDefault } from "./ui/command.mjs";
|
|
14
|
+
import { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from "./ui/context-menu.mjs";
|
|
15
|
+
import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./ui/dialog.mjs";
|
|
16
|
+
import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./ui/dropdown-menu.mjs";
|
|
17
|
+
import { Label } from "./ui/label.mjs";
|
|
18
|
+
import { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from "./ui/field.mjs";
|
|
19
|
+
import { Input } from "./ui/input.mjs";
|
|
20
|
+
import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./ui/input-group.mjs";
|
|
21
|
+
import { ScrollArea, ScrollBar } from "./ui/scroll-area.mjs";
|
|
22
|
+
import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./ui/select.mjs";
|
|
23
|
+
import { Separator } from "./ui/separator.mjs";
|
|
24
|
+
import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./ui/sheet.mjs";
|
|
25
|
+
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip.mjs";
|
|
26
|
+
import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from "./ui/sidebar.mjs";
|
|
27
|
+
import { Skeleton } from "./ui/skeleton.mjs";
|
|
28
|
+
import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./ui/table.mjs";
|
|
29
|
+
import { Textarea } from "./ui/textarea.mjs";
|
|
30
|
+
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandAction, CommandActions, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, ShikiCode, ShikiCodeProps, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Textarea, ThemeToggle, ThemeToggleFallback, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UcdLogo, badgeVariants, buttonVariants, createCommandPalette, useComboboxAnchor, useCommandActions, useCommandShortcutDefault, useSidebar };
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { ShikiCode } from "./components/shiki-code.mjs";
|
|
2
|
+
import { Button, buttonVariants } from "./ui/button.mjs";
|
|
3
|
+
import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./ui/dropdown-menu.mjs";
|
|
4
|
+
import { ThemeToggle, ThemeToggleFallback } from "./components/theme-toggle.mjs";
|
|
5
|
+
import { UcdLogo } from "./components/ucd-logo.mjs";
|
|
6
|
+
import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from "./ui/alert-dialog.mjs";
|
|
7
|
+
import { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage } from "./ui/avatar.mjs";
|
|
8
|
+
import { Badge, badgeVariants } from "./ui/badge.mjs";
|
|
9
|
+
import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./ui/breadcrumb.mjs";
|
|
10
|
+
import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./ui/card.mjs";
|
|
11
|
+
import { Checkbox } from "./ui/checkbox.mjs";
|
|
12
|
+
import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./ui/collapsible.mjs";
|
|
13
|
+
import { Input } from "./ui/input.mjs";
|
|
14
|
+
import { Textarea } from "./ui/textarea.mjs";
|
|
15
|
+
import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./ui/input-group.mjs";
|
|
16
|
+
import { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, useComboboxAnchor } from "./ui/combobox.mjs";
|
|
17
|
+
import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./ui/dialog.mjs";
|
|
18
|
+
import { Command, CommandActions, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut, createCommandPalette, useCommandActions, useCommandShortcutDefault } from "./ui/command.mjs";
|
|
19
|
+
import { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from "./ui/context-menu.mjs";
|
|
20
|
+
import { Label } from "./ui/label.mjs";
|
|
21
|
+
import { Separator } from "./ui/separator.mjs";
|
|
22
|
+
import { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from "./ui/field.mjs";
|
|
23
|
+
import { ScrollArea, ScrollBar } from "./ui/scroll-area.mjs";
|
|
24
|
+
import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./ui/select.mjs";
|
|
25
|
+
import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./ui/sheet.mjs";
|
|
26
|
+
import { Skeleton } from "./ui/skeleton.mjs";
|
|
27
|
+
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip.mjs";
|
|
28
|
+
import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from "./ui/sidebar.mjs";
|
|
29
|
+
import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./ui/table.mjs";
|
|
30
|
+
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandActions, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, ShikiCode, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Textarea, ThemeToggle, ThemeToggleFallback, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UcdLogo, badgeVariants, buttonVariants, createCommandPalette, useComboboxAnchor, useCommandActions, useCommandShortcutDefault, useSidebar };
|
package/dist/hooks/index.mjs
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { useTheme } from "./use-theme.mjs";
|
|
2
|
-
import { useClipboard } from "./use-clipboard.mjs";
|
|
3
2
|
import { useIsMobile } from "./use-mobile.mjs";
|
|
4
|
-
|
|
5
|
-
export { useClipboard, useIsMobile, useTheme };
|
|
3
|
+
import { useClipboard } from "./use-clipboard.mjs";
|
|
4
|
+
export { useClipboard, useIsMobile, useTheme };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { useState } from "react";
|
|
2
2
|
import { c } from "react/compiler-runtime";
|
|
3
|
-
|
|
4
3
|
//#region src/hooks/use-clipboard.ts
|
|
5
4
|
function useClipboard(t0) {
|
|
6
5
|
const $ = c(12);
|
|
@@ -18,7 +17,7 @@ function useClipboard(t0) {
|
|
|
18
17
|
if ($[2] !== copyTimeout || $[3] !== options) {
|
|
19
18
|
const handleCopyResult = (value) => {
|
|
20
19
|
window.clearTimeout(copyTimeout);
|
|
21
|
-
setCopyTimeout(window.setTimeout(
|
|
20
|
+
setCopyTimeout(window.setTimeout(setCopied, options.timeout, false));
|
|
22
21
|
setCopied(value);
|
|
23
22
|
};
|
|
24
23
|
t2 = (value_0) => {
|
|
@@ -57,6 +56,5 @@ function useClipboard(t0) {
|
|
|
57
56
|
} else t4 = $[11];
|
|
58
57
|
return t4;
|
|
59
58
|
}
|
|
60
|
-
|
|
61
59
|
//#endregion
|
|
62
|
-
export { useClipboard };
|
|
60
|
+
export { useClipboard };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { c } from "react/compiler-runtime";
|
|
3
|
-
|
|
4
3
|
//#region src/hooks/use-mobile.ts
|
|
5
4
|
const MOBILE_BREAKPOINT = 768;
|
|
6
5
|
function useIsMobile() {
|
|
@@ -36,6 +35,5 @@ function useIsMobile() {
|
|
|
36
35
|
function _temp() {
|
|
37
36
|
return typeof window !== "undefined" ? window.innerWidth < MOBILE_BREAKPOINT : false;
|
|
38
37
|
}
|
|
39
|
-
|
|
40
38
|
//#endregion
|
|
41
|
-
export { useIsMobile };
|
|
39
|
+
export { useIsMobile };
|
package/dist/hooks/use-theme.mjs
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { useEffect, useState } from "react";
|
|
2
2
|
import { c } from "react/compiler-runtime";
|
|
3
|
-
|
|
4
3
|
//#region src/hooks/use-theme.ts
|
|
5
4
|
const STORAGE_KEY = "theme";
|
|
6
5
|
const DARK_CLASS = "dark";
|
|
@@ -100,6 +99,5 @@ function _temp2() {
|
|
|
100
99
|
function _temp() {
|
|
101
100
|
return getStoredTheme();
|
|
102
101
|
}
|
|
103
|
-
|
|
104
102
|
//#endregion
|
|
105
|
-
export { useTheme };
|
|
103
|
+
export { useTheme };
|
package/dist/index.mjs
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { THEME_STORAGE_KEY, createThemeScript } from "./lib/theme-script.mjs";
|
|
2
1
|
import { cn } from "./lib/utils.mjs";
|
|
3
|
-
|
|
4
|
-
export { THEME_STORAGE_KEY, cn, createThemeScript };
|
|
2
|
+
import { THEME_STORAGE_KEY, createThemeScript } from "./lib/theme-script.mjs";
|
|
3
|
+
export { THEME_STORAGE_KEY, cn, createThemeScript };
|
package/dist/lib/utils.mjs
CHANGED
|
@@ -1,58 +1,58 @@
|
|
|
1
1
|
import { Button } from "./button.mjs";
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
4
|
-
import { AlertDialog
|
|
3
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
4
|
+
import { AlertDialog } from "@base-ui/react/alert-dialog";
|
|
5
5
|
|
|
6
6
|
//#region src/ui/alert-dialog.d.ts
|
|
7
|
-
declare function AlertDialog({
|
|
7
|
+
declare function AlertDialog$1({
|
|
8
8
|
...props
|
|
9
|
-
}: AlertDialog
|
|
9
|
+
}: AlertDialog.Root.Props): _$react_jsx_runtime0.JSX.Element;
|
|
10
10
|
declare function AlertDialogTrigger({
|
|
11
11
|
...props
|
|
12
|
-
}: AlertDialog
|
|
12
|
+
}: AlertDialog.Trigger.Props): _$react_jsx_runtime0.JSX.Element;
|
|
13
13
|
declare function AlertDialogPortal({
|
|
14
14
|
...props
|
|
15
|
-
}: AlertDialog
|
|
15
|
+
}: AlertDialog.Portal.Props): _$react_jsx_runtime0.JSX.Element;
|
|
16
16
|
declare function AlertDialogOverlay({
|
|
17
17
|
className,
|
|
18
18
|
...props
|
|
19
|
-
}: AlertDialog
|
|
19
|
+
}: AlertDialog.Backdrop.Props): _$react_jsx_runtime0.JSX.Element;
|
|
20
20
|
declare function AlertDialogContent({
|
|
21
21
|
className,
|
|
22
22
|
size,
|
|
23
23
|
...props
|
|
24
|
-
}: AlertDialog
|
|
24
|
+
}: AlertDialog.Popup.Props & {
|
|
25
25
|
size?: "default" | "sm";
|
|
26
|
-
}): react_jsx_runtime0.JSX.Element;
|
|
26
|
+
}): _$react_jsx_runtime0.JSX.Element;
|
|
27
27
|
declare function AlertDialogHeader({
|
|
28
28
|
className,
|
|
29
29
|
...props
|
|
30
|
-
}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
|
|
30
|
+
}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
|
|
31
31
|
declare function AlertDialogFooter({
|
|
32
32
|
className,
|
|
33
33
|
...props
|
|
34
|
-
}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
|
|
34
|
+
}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
|
|
35
35
|
declare function AlertDialogMedia({
|
|
36
36
|
className,
|
|
37
37
|
...props
|
|
38
|
-
}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
|
|
38
|
+
}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
|
|
39
39
|
declare function AlertDialogTitle({
|
|
40
40
|
className,
|
|
41
41
|
...props
|
|
42
|
-
}: React.ComponentProps<typeof AlertDialog
|
|
42
|
+
}: React.ComponentProps<typeof AlertDialog.Title>): _$react_jsx_runtime0.JSX.Element;
|
|
43
43
|
declare function AlertDialogDescription({
|
|
44
44
|
className,
|
|
45
45
|
...props
|
|
46
|
-
}: React.ComponentProps<typeof AlertDialog
|
|
46
|
+
}: React.ComponentProps<typeof AlertDialog.Description>): _$react_jsx_runtime0.JSX.Element;
|
|
47
47
|
declare function AlertDialogAction({
|
|
48
48
|
className,
|
|
49
49
|
...props
|
|
50
|
-
}: React.ComponentProps<typeof Button>): react_jsx_runtime0.JSX.Element;
|
|
50
|
+
}: React.ComponentProps<typeof Button>): _$react_jsx_runtime0.JSX.Element;
|
|
51
51
|
declare function AlertDialogCancel({
|
|
52
52
|
className,
|
|
53
53
|
variant,
|
|
54
54
|
size,
|
|
55
55
|
...props
|
|
56
|
-
}: AlertDialog
|
|
56
|
+
}: AlertDialog.Close.Props & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): _$react_jsx_runtime0.JSX.Element;
|
|
57
57
|
//#endregion
|
|
58
|
-
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
|
|
58
|
+
export { AlertDialog$1 as AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
|
package/dist/ui/alert-dialog.mjs
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { cn } from "../lib/utils.mjs";
|
|
2
2
|
import { Button } from "./button.mjs";
|
|
3
|
+
import "react";
|
|
3
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
5
|
import { c } from "react/compiler-runtime";
|
|
5
|
-
import { AlertDialog
|
|
6
|
-
|
|
6
|
+
import { AlertDialog } from "@base-ui/react/alert-dialog";
|
|
7
7
|
//#region src/ui/alert-dialog.tsx
|
|
8
|
-
function AlertDialog(t0) {
|
|
8
|
+
function AlertDialog$1(t0) {
|
|
9
9
|
const $ = c(4);
|
|
10
10
|
let props;
|
|
11
11
|
if ($[0] !== t0) {
|
|
@@ -15,7 +15,7 @@ function AlertDialog(t0) {
|
|
|
15
15
|
} else props = $[1];
|
|
16
16
|
let t1;
|
|
17
17
|
if ($[2] !== props) {
|
|
18
|
-
t1 = /* @__PURE__ */ jsx(AlertDialog
|
|
18
|
+
t1 = /* @__PURE__ */ jsx(AlertDialog.Root, {
|
|
19
19
|
"data-slot": "alert-dialog",
|
|
20
20
|
...props
|
|
21
21
|
});
|
|
@@ -34,7 +34,7 @@ function AlertDialogTrigger(t0) {
|
|
|
34
34
|
} else props = $[1];
|
|
35
35
|
let t1;
|
|
36
36
|
if ($[2] !== props) {
|
|
37
|
-
t1 = /* @__PURE__ */ jsx(AlertDialog
|
|
37
|
+
t1 = /* @__PURE__ */ jsx(AlertDialog.Trigger, {
|
|
38
38
|
"data-slot": "alert-dialog-trigger",
|
|
39
39
|
...props
|
|
40
40
|
});
|
|
@@ -53,7 +53,7 @@ function AlertDialogPortal(t0) {
|
|
|
53
53
|
} else props = $[1];
|
|
54
54
|
let t1;
|
|
55
55
|
if ($[2] !== props) {
|
|
56
|
-
t1 = /* @__PURE__ */ jsx(AlertDialog
|
|
56
|
+
t1 = /* @__PURE__ */ jsx(AlertDialog.Portal, {
|
|
57
57
|
"data-slot": "alert-dialog-portal",
|
|
58
58
|
...props
|
|
59
59
|
});
|
|
@@ -83,7 +83,7 @@ function AlertDialogOverlay(t0) {
|
|
|
83
83
|
} else t1 = $[4];
|
|
84
84
|
let t2;
|
|
85
85
|
if ($[5] !== props || $[6] !== t1) {
|
|
86
|
-
t2 = /* @__PURE__ */ jsx(AlertDialog
|
|
86
|
+
t2 = /* @__PURE__ */ jsx(AlertDialog.Backdrop, {
|
|
87
87
|
"data-slot": "alert-dialog-overlay",
|
|
88
88
|
className: t1,
|
|
89
89
|
...props
|
|
@@ -124,7 +124,7 @@ function AlertDialogContent(t0) {
|
|
|
124
124
|
} else t3 = $[6];
|
|
125
125
|
let t4;
|
|
126
126
|
if ($[7] !== props || $[8] !== size || $[9] !== t3) {
|
|
127
|
-
t4 = /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [t2, /* @__PURE__ */ jsx(AlertDialog
|
|
127
|
+
t4 = /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [t2, /* @__PURE__ */ jsx(AlertDialog.Popup, {
|
|
128
128
|
"data-slot": "alert-dialog-content",
|
|
129
129
|
"data-size": size,
|
|
130
130
|
className: t3,
|
|
@@ -254,7 +254,7 @@ function AlertDialogTitle(t0) {
|
|
|
254
254
|
} else t1 = $[4];
|
|
255
255
|
let t2;
|
|
256
256
|
if ($[5] !== props || $[6] !== t1) {
|
|
257
|
-
t2 = /* @__PURE__ */ jsx(AlertDialog
|
|
257
|
+
t2 = /* @__PURE__ */ jsx(AlertDialog.Title, {
|
|
258
258
|
"data-slot": "alert-dialog-title",
|
|
259
259
|
className: t1,
|
|
260
260
|
...props
|
|
@@ -286,7 +286,7 @@ function AlertDialogDescription(t0) {
|
|
|
286
286
|
} else t1 = $[4];
|
|
287
287
|
let t2;
|
|
288
288
|
if ($[5] !== props || $[6] !== t1) {
|
|
289
|
-
t2 = /* @__PURE__ */ jsx(AlertDialog
|
|
289
|
+
t2 = /* @__PURE__ */ jsx(AlertDialog.Description, {
|
|
290
290
|
"data-slot": "alert-dialog-description",
|
|
291
291
|
className: t1,
|
|
292
292
|
...props
|
|
@@ -368,7 +368,7 @@ function AlertDialogCancel(t0) {
|
|
|
368
368
|
} else t4 = $[9];
|
|
369
369
|
let t5;
|
|
370
370
|
if ($[10] !== props || $[11] !== t3 || $[12] !== t4) {
|
|
371
|
-
t5 = /* @__PURE__ */ jsx(AlertDialog
|
|
371
|
+
t5 = /* @__PURE__ */ jsx(AlertDialog.Close, {
|
|
372
372
|
"data-slot": "alert-dialog-cancel",
|
|
373
373
|
className: t3,
|
|
374
374
|
render: t4,
|
|
@@ -381,6 +381,5 @@ function AlertDialogCancel(t0) {
|
|
|
381
381
|
} else t5 = $[13];
|
|
382
382
|
return t5;
|
|
383
383
|
}
|
|
384
|
-
|
|
385
384
|
//#endregion
|
|
386
|
-
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
|
|
385
|
+
export { AlertDialog$1 as AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
|
package/dist/ui/avatar.d.mts
CHANGED
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
-
import { Avatar
|
|
2
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
+
import { Avatar } from "@base-ui/react/avatar";
|
|
4
4
|
|
|
5
5
|
//#region src/ui/avatar.d.ts
|
|
6
|
-
declare function Avatar({
|
|
6
|
+
declare function Avatar$1({
|
|
7
7
|
className,
|
|
8
8
|
size,
|
|
9
9
|
...props
|
|
10
|
-
}: Avatar
|
|
10
|
+
}: Avatar.Root.Props & {
|
|
11
11
|
size?: "default" | "sm" | "lg";
|
|
12
|
-
}): react_jsx_runtime0.JSX.Element;
|
|
12
|
+
}): _$react_jsx_runtime0.JSX.Element;
|
|
13
13
|
declare function AvatarImage({
|
|
14
14
|
className,
|
|
15
15
|
...props
|
|
16
|
-
}: Avatar
|
|
16
|
+
}: Avatar.Image.Props): _$react_jsx_runtime0.JSX.Element;
|
|
17
17
|
declare function AvatarFallback({
|
|
18
18
|
className,
|
|
19
19
|
...props
|
|
20
|
-
}: Avatar
|
|
20
|
+
}: Avatar.Fallback.Props): _$react_jsx_runtime0.JSX.Element;
|
|
21
21
|
declare function AvatarBadge({
|
|
22
22
|
className,
|
|
23
23
|
...props
|
|
24
|
-
}: React.ComponentProps<"span">): react_jsx_runtime0.JSX.Element;
|
|
24
|
+
}: React.ComponentProps<"span">): _$react_jsx_runtime0.JSX.Element;
|
|
25
25
|
declare function AvatarGroup({
|
|
26
26
|
className,
|
|
27
27
|
...props
|
|
28
|
-
}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
|
|
28
|
+
}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
|
|
29
29
|
declare function AvatarGroupCount({
|
|
30
30
|
className,
|
|
31
31
|
...props
|
|
32
|
-
}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
|
|
32
|
+
}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
|
|
33
33
|
//#endregion
|
|
34
|
-
export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage };
|
|
34
|
+
export { Avatar$1 as Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage };
|
package/dist/ui/avatar.mjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
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
|
-
import { Avatar
|
|
5
|
-
|
|
5
|
+
import { Avatar } from "@base-ui/react/avatar";
|
|
6
6
|
//#region src/ui/avatar.tsx
|
|
7
|
-
function Avatar(t0) {
|
|
7
|
+
function Avatar$1(t0) {
|
|
8
8
|
const $ = c(10);
|
|
9
9
|
let className;
|
|
10
10
|
let props;
|
|
@@ -29,7 +29,7 @@ function Avatar(t0) {
|
|
|
29
29
|
} else t2 = $[5];
|
|
30
30
|
let t3;
|
|
31
31
|
if ($[6] !== props || $[7] !== size || $[8] !== t2) {
|
|
32
|
-
t3 = /* @__PURE__ */ jsx(Avatar
|
|
32
|
+
t3 = /* @__PURE__ */ jsx(Avatar.Root, {
|
|
33
33
|
"data-slot": "avatar",
|
|
34
34
|
"data-size": size,
|
|
35
35
|
className: t2,
|
|
@@ -63,7 +63,7 @@ function AvatarImage(t0) {
|
|
|
63
63
|
} else t1 = $[4];
|
|
64
64
|
let t2;
|
|
65
65
|
if ($[5] !== props || $[6] !== t1) {
|
|
66
|
-
t2 = /* @__PURE__ */ jsx(Avatar
|
|
66
|
+
t2 = /* @__PURE__ */ jsx(Avatar.Image, {
|
|
67
67
|
"data-slot": "avatar-image",
|
|
68
68
|
className: t1,
|
|
69
69
|
...props
|
|
@@ -95,7 +95,7 @@ function AvatarFallback(t0) {
|
|
|
95
95
|
} else t1 = $[4];
|
|
96
96
|
let t2;
|
|
97
97
|
if ($[5] !== props || $[6] !== t1) {
|
|
98
|
-
t2 = /* @__PURE__ */ jsx(Avatar
|
|
98
|
+
t2 = /* @__PURE__ */ jsx(Avatar.Fallback, {
|
|
99
99
|
"data-slot": "avatar-fallback",
|
|
100
100
|
className: t1,
|
|
101
101
|
...props
|
|
@@ -202,6 +202,5 @@ function AvatarGroupCount(t0) {
|
|
|
202
202
|
} else t2 = $[7];
|
|
203
203
|
return t2;
|
|
204
204
|
}
|
|
205
|
-
|
|
206
205
|
//#endregion
|
|
207
|
-
export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage };
|
|
206
|
+
export { Avatar$1 as Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage };
|
package/dist/ui/badge.d.mts
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import * as react from "react";
|
|
1
|
+
import * as _$react from "react";
|
|
2
2
|
import { VariantProps } from "class-variance-authority";
|
|
3
3
|
import { useRender } from "@base-ui/react/use-render";
|
|
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/badge.d.ts
|
|
7
7
|
declare const badgeVariants: (props?: ({
|
|
8
8
|
variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
|
|
9
|
-
} & class_variance_authority_types0.ClassProp) | undefined) => string;
|
|
9
|
+
} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
|
|
10
10
|
declare function Badge({
|
|
11
11
|
className,
|
|
12
12
|
variant,
|
|
13
13
|
render,
|
|
14
14
|
...props
|
|
15
|
-
}: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
|
|
15
|
+
}: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): _$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>>;
|
|
16
16
|
//#endregion
|
|
17
17
|
export { Badge, badgeVariants };
|
package/dist/ui/badge.mjs
CHANGED
|
@@ -3,7 +3,6 @@ import { c } from "react/compiler-runtime";
|
|
|
3
3
|
import { cva } from "class-variance-authority";
|
|
4
4
|
import { mergeProps } from "@base-ui/react/merge-props";
|
|
5
5
|
import { useRender } from "@base-ui/react/use-render";
|
|
6
|
-
|
|
7
6
|
//#region src/ui/badge.tsx
|
|
8
7
|
const badgeVariants = cva("h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-colors overflow-hidden group/badge", {
|
|
9
8
|
variants: { variant: {
|
|
@@ -71,6 +70,5 @@ function Badge(t0) {
|
|
|
71
70
|
} else t5 = $[12];
|
|
72
71
|
return t3(t5);
|
|
73
72
|
}
|
|
74
|
-
|
|
75
73
|
//#endregion
|
|
76
|
-
export { Badge, badgeVariants };
|
|
74
|
+
export { Badge, badgeVariants };
|