@deftui/react 0.3.3 → 0.3.4
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/index.d.mts +2 -2
- package/dist/index.mjs +2 -2
- package/dist/vendor/README.md +1 -0
- package/dist/vendor/shadcn/avatar.d.mts +11 -0
- package/dist/vendor/shadcn/avatar.mjs +50 -0
- package/dist/widgets/index.d.mts +21 -12
- package/dist/widgets/index.mjs +22 -13
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -25,9 +25,9 @@ import { Form } from "./vendor/coss/form.mjs";
|
|
|
25
25
|
import { ScrollArea } from "./vendor/coss/scroll-area.mjs";
|
|
26
26
|
import { IconSwap } from "./vendor/tailored/icon-swap.mjs";
|
|
27
27
|
import { JsonViewer } from "./vendor/tailored/json-viewer.mjs";
|
|
28
|
-
import { AlertDialog, Breadcrumb, ButtonGroup, Card, Cascader, Combobox, ContextMenu, Dialog, Drawer, Dropdown, Empty, Field, Frame, InputGroup, Kbd, Popover, Progress, Radio, Select, Table, Tabs, Timeline, Tooltip } from "./widgets/index.mjs";
|
|
28
|
+
import { AlertDialog, Avatar, Breadcrumb, ButtonGroup, Card, Cascader, Combobox, ContextMenu, Dialog, Drawer, Dropdown, Empty, Field, Frame, InputGroup, Kbd, Popover, Progress, Radio, Select, Table, Tabs, Timeline, Tooltip } from "./widgets/index.mjs";
|
|
29
29
|
import { cn } from "cn";
|
|
30
30
|
import { cva } from "class-variance-authority";
|
|
31
31
|
import { mergeProps } from "@base-ui/react/merge-props";
|
|
32
32
|
export * from "react-dropzone";
|
|
33
|
-
export { AlertDialog, Badge, Breadcrumb, Button, ButtonGroup, Calendar, Card, Carousel, Cascader, type CascaderChangeDetails, type CascaderLabels, type CascaderMode, type CascaderNode, type CascaderProps, type CascaderSingleProps, Checkbox, Combobox, ContextMenu, DatePicker, type DateRange, DateRangePicker, Dialog, Drawer, Dropdown, Dropzone, Empty, Field, Form, Frame, IconSwap, Image, ImageProps, Input, InputGroup, JsonViewer, Kbd, Label, Lightbox, type LightboxActions, type LightboxBackdrop, type LightboxCaptions, type LightboxChangeReason, type LightboxClose, type LightboxContent, type LightboxControl, type LightboxControlContext, type LightboxCounter, type LightboxDownload, type LightboxImageChangeEventDetails, type LightboxImageItem, type LightboxItem, type LightboxMore, type LightboxNext, type LightboxOpenEventDetails, type LightboxPrevious, type LightboxProps, type LightboxSlide, type LightboxSlides, type LightboxThumbnail, type LightboxThumbnails, type LightboxToolbar, type LightboxTrigger, type LightboxTriggerProps, type LightboxVideoItem, type LightboxViewport, type LightboxZoom, type LightboxZoomButton, Pagination, Popover, Progress, Radio, ScrollArea, Select, Separator, Sidebar, Skeleton, Spinner, Switch, Table, Tabs, Textarea, TimePicker, Timeline, Toaster as ToastProvider, Tooltip, cn, cva, formatBytes, mergeProps, toast, useCopyToClipboard, useDropzone, useIsMobile, type useLightbox, useMediaQuery, useSidebar };
|
|
33
|
+
export { AlertDialog, Avatar, Badge, Breadcrumb, Button, ButtonGroup, Calendar, Card, Carousel, Cascader, type CascaderChangeDetails, type CascaderLabels, type CascaderMode, type CascaderNode, type CascaderProps, type CascaderSingleProps, Checkbox, Combobox, ContextMenu, DatePicker, type DateRange, DateRangePicker, Dialog, Drawer, Dropdown, Dropzone, Empty, Field, Form, Frame, IconSwap, Image, ImageProps, Input, InputGroup, JsonViewer, Kbd, Label, Lightbox, type LightboxActions, type LightboxBackdrop, type LightboxCaptions, type LightboxChangeReason, type LightboxClose, type LightboxContent, type LightboxControl, type LightboxControlContext, type LightboxCounter, type LightboxDownload, type LightboxImageChangeEventDetails, type LightboxImageItem, type LightboxItem, type LightboxMore, type LightboxNext, type LightboxOpenEventDetails, type LightboxPrevious, type LightboxProps, type LightboxSlide, type LightboxSlides, type LightboxThumbnail, type LightboxThumbnails, type LightboxToolbar, type LightboxTrigger, type LightboxTriggerProps, type LightboxVideoItem, type LightboxViewport, type LightboxZoom, type LightboxZoomButton, Pagination, Popover, Progress, Radio, ScrollArea, Select, Separator, Sidebar, Skeleton, Spinner, Switch, Table, Tabs, Textarea, TimePicker, Timeline, Toaster as ToastProvider, Tooltip, cn, cva, formatBytes, mergeProps, toast, useCopyToClipboard, useDropzone, useIsMobile, type useLightbox, useMediaQuery, useSidebar };
|
package/dist/index.mjs
CHANGED
|
@@ -22,8 +22,8 @@ import { Checkbox } from "./vendor/shadcn/checkbox.mjs";
|
|
|
22
22
|
import { Form } from "./vendor/coss/form.mjs";
|
|
23
23
|
import { IconSwap } from "./vendor/tailored/icon-swap.mjs";
|
|
24
24
|
import { JsonViewer } from "./vendor/tailored/json-viewer.mjs";
|
|
25
|
-
import { AlertDialog, Breadcrumb, ButtonGroup, Card, Cascader, Combobox, ContextMenu, Dialog, Drawer, Dropdown, Empty, Field, Frame, InputGroup, Kbd, Popover, Progress, Radio, Select, Table, Tabs, Timeline, Tooltip } from "./widgets/index.mjs";
|
|
25
|
+
import { AlertDialog, Avatar, Breadcrumb, ButtonGroup, Card, Cascader, Combobox, ContextMenu, Dialog, Drawer, Dropdown, Empty, Field, Frame, InputGroup, Kbd, Popover, Progress, Radio, Select, Table, Tabs, Timeline, Tooltip } from "./widgets/index.mjs";
|
|
26
26
|
import { cn } from "cn";
|
|
27
27
|
import { cva } from "class-variance-authority";
|
|
28
28
|
import { mergeProps } from "@base-ui/react/merge-props";
|
|
29
|
-
export { AlertDialog, Badge, Breadcrumb, Button, ButtonGroup, Calendar, Card, Carousel, Cascader, Checkbox, Combobox, ContextMenu, DatePicker, DateRangePicker, Dialog, Drawer, Dropdown, Dropzone, Empty, Field, Form, Frame, IconSwap, Image, Input, InputGroup, JsonViewer, Kbd, Label, Lightbox, Pagination, Popover, Progress, Radio, ScrollArea, Select, Separator, Sidebar, Skeleton, Spinner, Switch, Table, Tabs, Textarea, TimePicker, Timeline, Toaster as ToastProvider, Tooltip, cn, cva, formatBytes, mergeProps, toast, useCopyToClipboard, useDropzone, useIsMobile, useMediaQuery, useSidebar };
|
|
29
|
+
export { AlertDialog, Avatar, Badge, Breadcrumb, Button, ButtonGroup, Calendar, Card, Carousel, Cascader, Checkbox, Combobox, ContextMenu, DatePicker, DateRangePicker, Dialog, Drawer, Dropdown, Dropzone, Empty, Field, Form, Frame, IconSwap, Image, Input, InputGroup, JsonViewer, Kbd, Label, Lightbox, Pagination, Popover, Progress, Radio, ScrollArea, Select, Separator, Sidebar, Skeleton, Spinner, Switch, Table, Tabs, Textarea, TimePicker, Timeline, Toaster as ToastProvider, Tooltip, cn, cva, formatBytes, mergeProps, toast, useCopyToClipboard, useDropzone, useIsMobile, useMediaQuery, useSidebar };
|
package/dist/vendor/README.md
CHANGED
|
@@ -25,6 +25,7 @@ shadcn 组件使用 `components.json` 中的 `base-vega` 风格和 Lucide 图标
|
|
|
25
25
|
| `@reui/cascader` | [reui.io/cascader/cascader.tsx](reui.io/cascader/cascader.tsx) | [Cascader](https://reui.io/docs/components/cascader) | 重映射 `scroll-area` 与 `spinner` 的导入 |
|
|
26
26
|
| `@reui/frame` | [reui.io/frame.tsx](reui.io/frame.tsx) | [Frame](https://reui.io/docs/components/base/frame) | — |
|
|
27
27
|
| `@reui/timeline` | [reui.io/timeline.tsx](reui.io/timeline.tsx) | [Timeline](https://reui.io/docs/components/timeline) | — |
|
|
28
|
+
| `avatar` | [shadcn/avatar.tsx](shadcn/avatar.tsx) | [Avatar](https://ui.shadcn.com/docs/components/base/avatar) | — |
|
|
28
29
|
| `badge` | [shadcn/badge.tsx](shadcn/badge.tsx) | [Badge](https://ui.shadcn.com/docs/components/base/badge) | 提供 `info`、`success`、`warning` 语义变体 |
|
|
29
30
|
| `breadcrumb` | [shadcn/breadcrumb.tsx](shadcn/breadcrumb.tsx) | [Breadcrumb](https://ui.shadcn.com/docs/components/base/breadcrumb) | 未显式指定 `BreadcrumbList` 则自动包裹 |
|
|
30
31
|
| `button` | [shadcn/button.tsx](shadcn/button.tsx) | [Button](https://ui.shadcn.com/docs/components/base/button) | `pill` 提供全圆角；`isPending` 提供加载态；提供额外 `destructive` 系列样式变体 |
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React$1 from "react";
|
|
2
|
+
import { Avatar } from "@base-ui/react/avatar";
|
|
3
|
+
declare function Avatar$1({ className, size, ...props }: Avatar.Root.Props & {
|
|
4
|
+
size?: "default" | "sm" | "lg";
|
|
5
|
+
}): React$1.JSX.Element;
|
|
6
|
+
declare function AvatarImage({ className, ...props }: Avatar.Image.Props): React$1.JSX.Element;
|
|
7
|
+
declare function AvatarFallback({ className, ...props }: Avatar.Fallback.Props): React$1.JSX.Element;
|
|
8
|
+
declare function AvatarBadge({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
|
|
9
|
+
declare function AvatarGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
10
|
+
declare function AvatarGroupCount({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
11
|
+
export { Avatar$1 as Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage };
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn } from "cn";
|
|
3
|
+
import "react";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
import { Avatar } from "@base-ui/react/avatar";
|
|
6
|
+
// src/vendor/shadcn/avatar.tsx
|
|
7
|
+
function Avatar$1({ className, size = "default", ...props }) {
|
|
8
|
+
return /* @__PURE__ */ jsx(Avatar.Root, {
|
|
9
|
+
"data-slot": "avatar",
|
|
10
|
+
"data-size": size,
|
|
11
|
+
className: cn("group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten", className),
|
|
12
|
+
...props
|
|
13
|
+
});
|
|
14
|
+
}
|
|
15
|
+
function AvatarImage({ className, ...props }) {
|
|
16
|
+
return /* @__PURE__ */ jsx(Avatar.Image, {
|
|
17
|
+
"data-slot": "avatar-image",
|
|
18
|
+
className: cn("aspect-square size-full rounded-full object-cover", className),
|
|
19
|
+
...props
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
function AvatarFallback({ className, ...props }) {
|
|
23
|
+
return /* @__PURE__ */ jsx(Avatar.Fallback, {
|
|
24
|
+
"data-slot": "avatar-fallback",
|
|
25
|
+
className: cn("flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs", className),
|
|
26
|
+
...props
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
function AvatarBadge({ className, ...props }) {
|
|
30
|
+
return /* @__PURE__ */ jsx("span", {
|
|
31
|
+
"data-slot": "avatar-badge",
|
|
32
|
+
className: cn("absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background select-none", "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden", "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2", "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2", className),
|
|
33
|
+
...props
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
function AvatarGroup({ className, ...props }) {
|
|
37
|
+
return /* @__PURE__ */ jsx("div", {
|
|
38
|
+
"data-slot": "avatar-group",
|
|
39
|
+
className: cn("group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background", className),
|
|
40
|
+
...props
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
function AvatarGroupCount({ className, ...props }) {
|
|
44
|
+
return /* @__PURE__ */ jsx("div", {
|
|
45
|
+
"data-slot": "avatar-group-count",
|
|
46
|
+
className: cn("relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-2 ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3", className),
|
|
47
|
+
...props
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
export { Avatar$1 as Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage };
|
package/dist/widgets/index.d.mts
CHANGED
|
@@ -12,6 +12,7 @@ import { CascaderBack, CascaderBreadcrumb, CascaderInput, CascaderNav, CascaderV
|
|
|
12
12
|
import { CascaderVirtualItems } from "../vendor/reui.io/cascader/cascader-virtual.mjs";
|
|
13
13
|
import { Frame as Frame$1, FrameDescription, FrameFooter, FrameHeader, FramePanel, FrameTitle } from "../vendor/reui.io/frame.mjs";
|
|
14
14
|
import { Timeline as Timeline$1, TimelineContent, TimelineDate, TimelineHeader, TimelineIndicator, TimelineItem, TimelineSeparator, TimelineTitle } from "../vendor/reui.io/timeline.mjs";
|
|
15
|
+
import { Avatar as Avatar$1, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage } from "../vendor/shadcn/avatar.mjs";
|
|
15
16
|
import { Breadcrumb as Breadcrumb$1, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "../vendor/shadcn/breadcrumb.mjs";
|
|
16
17
|
import { Separator } from "../vendor/shadcn/separator.mjs";
|
|
17
18
|
import { ButtonGroup as ButtonGroup$1, ButtonGroupSeparator, ButtonGroupText } from "../vendor/shadcn/button-group.mjs";
|
|
@@ -59,7 +60,7 @@ export declare const Kbd: typeof Kbd$1 & {
|
|
|
59
60
|
export declare const Tabs: typeof Tabs$1 & {
|
|
60
61
|
List: typeof TabsList;
|
|
61
62
|
Trigger: typeof TabsTrigger;
|
|
62
|
-
|
|
63
|
+
Panel: typeof TabsContent;
|
|
63
64
|
};
|
|
64
65
|
/** https://coss.com/ui/docs/components/card */
|
|
65
66
|
export declare const Card: typeof Card$1 & {
|
|
@@ -110,17 +111,17 @@ export declare const Radio: typeof RadioGroupItem & {
|
|
|
110
111
|
export declare const Select: typeof import("@base-ui/react").SelectRoot & {
|
|
111
112
|
Trigger: typeof SelectTrigger;
|
|
112
113
|
Value: typeof SelectValue;
|
|
113
|
-
|
|
114
|
-
Separator: typeof SelectSeparator;
|
|
114
|
+
Popup: typeof SelectContent;
|
|
115
115
|
Group: typeof SelectGroup;
|
|
116
|
+
Separator: typeof SelectSeparator;
|
|
116
117
|
Label: typeof SelectLabel;
|
|
117
118
|
Item: typeof SelectItem;
|
|
118
119
|
};
|
|
119
120
|
/** https://coss.com/ui/docs/components/drawer */
|
|
120
121
|
export declare const Drawer: typeof Drawer$1 & {
|
|
121
122
|
Trigger: typeof DrawerTrigger;
|
|
122
|
-
Close: typeof DrawerClose;
|
|
123
123
|
Popup: typeof DrawerPopup;
|
|
124
|
+
Close: typeof DrawerClose;
|
|
124
125
|
Header: typeof DrawerHeader;
|
|
125
126
|
Panel: typeof DrawerPanel;
|
|
126
127
|
Footer: typeof DrawerFooter;
|
|
@@ -130,8 +131,8 @@ export declare const Drawer: typeof Drawer$1 & {
|
|
|
130
131
|
/** https://coss.com/ui/docs/components/dialog */
|
|
131
132
|
export declare const Dialog: (<Payload>(props: DialogPrimitive.Root.Props<Payload>) => React.JSX.Element) & {
|
|
132
133
|
Trigger: typeof DialogTrigger;
|
|
133
|
-
Close: typeof DialogClose;
|
|
134
134
|
Popup: typeof DialogPopup;
|
|
135
|
+
Close: typeof DialogClose;
|
|
135
136
|
Header: typeof DialogHeader;
|
|
136
137
|
Panel: typeof DialogPanel;
|
|
137
138
|
Footer: typeof DialogFooter;
|
|
@@ -142,12 +143,12 @@ export declare const Dialog: (<Payload>(props: DialogPrimitive.Root.Props<Payloa
|
|
|
142
143
|
export declare const Tooltip: typeof Tooltip$1 & {
|
|
143
144
|
Provider: typeof TooltipProvider;
|
|
144
145
|
Trigger: typeof TooltipTrigger;
|
|
145
|
-
|
|
146
|
+
Popup: typeof TooltipContent;
|
|
146
147
|
};
|
|
147
148
|
/** https://ui.shadcn.com/docs/components/base/popover */
|
|
148
149
|
export declare const Popover: typeof Popover$1 & {
|
|
149
150
|
Trigger: typeof PopoverTrigger;
|
|
150
|
-
|
|
151
|
+
Popup: typeof PopoverContent;
|
|
151
152
|
Title: typeof PopoverTitle;
|
|
152
153
|
Description: typeof PopoverDescription;
|
|
153
154
|
};
|
|
@@ -182,7 +183,7 @@ export declare const Cascader: typeof Cascader$1 & {
|
|
|
182
183
|
/** https://ui.shadcn.com/docs/components/base/dropdown-menu */
|
|
183
184
|
export declare const Dropdown: typeof DropdownMenu & {
|
|
184
185
|
Trigger: typeof DropdownMenuTrigger;
|
|
185
|
-
|
|
186
|
+
Popup: typeof DropdownMenuContent;
|
|
186
187
|
Sub: typeof DropdownMenuSub;
|
|
187
188
|
SubTrigger: typeof DropdownMenuSubTrigger;
|
|
188
189
|
SubContent: typeof DropdownMenuSubContent;
|
|
@@ -197,13 +198,13 @@ export declare const Dropdown: typeof DropdownMenu & {
|
|
|
197
198
|
};
|
|
198
199
|
/** https://ui.shadcn.com/docs/components/base/combobox */
|
|
199
200
|
export declare const Combobox: typeof import("@base-ui/react").ComboboxRoot & {
|
|
200
|
-
|
|
201
|
+
Popup: typeof ComboboxContent;
|
|
201
202
|
Empty: typeof ComboboxEmpty;
|
|
202
203
|
List: typeof ComboboxList;
|
|
203
204
|
Input: typeof ComboboxInput;
|
|
205
|
+
Value: typeof ComboboxValue;
|
|
204
206
|
ChipsInput: typeof ComboboxChipsInput;
|
|
205
207
|
Chips: typeof ComboboxChips;
|
|
206
|
-
Value: typeof ComboboxValue;
|
|
207
208
|
Chip: typeof ComboboxChip;
|
|
208
209
|
Group: typeof ComboboxGroup;
|
|
209
210
|
GroupLabel: typeof ComboboxLabel;
|
|
@@ -240,7 +241,7 @@ export declare const Breadcrumb: typeof Breadcrumb$1 & {
|
|
|
240
241
|
/** https://ui.shadcn.com/docs/components/base/context-menu */
|
|
241
242
|
export declare const ContextMenu: typeof ContextMenu$1 & {
|
|
242
243
|
Trigger: typeof ContextMenuTrigger;
|
|
243
|
-
|
|
244
|
+
Popup: typeof ContextMenuContent;
|
|
244
245
|
Sub: typeof ContextMenuSub;
|
|
245
246
|
SubTrigger: typeof ContextMenuSubTrigger;
|
|
246
247
|
SubContent: typeof ContextMenuSubContent;
|
|
@@ -256,8 +257,8 @@ export declare const ContextMenu: typeof ContextMenu$1 & {
|
|
|
256
257
|
/** https://coss.com/ui/docs/components/alert-dialog */
|
|
257
258
|
export declare const AlertDialog: typeof AlertDialogPrimitive.Root & {
|
|
258
259
|
Trigger: typeof AlertDialogTrigger;
|
|
259
|
-
Close: typeof AlertDialogClose;
|
|
260
260
|
Popup: typeof AlertDialogPopup;
|
|
261
|
+
Close: typeof AlertDialogClose;
|
|
261
262
|
Header: typeof AlertDialogHeader;
|
|
262
263
|
Footer: typeof AlertDialogFooter;
|
|
263
264
|
Title: typeof AlertDialogTitle;
|
|
@@ -276,4 +277,12 @@ export declare const InputGroup: typeof InputGroup$1 & {
|
|
|
276
277
|
Textarea: typeof InputGroupTextarea;
|
|
277
278
|
Button: typeof InputGroupButton;
|
|
278
279
|
};
|
|
280
|
+
/** https://ui.shadcn.com/docs/components/base/avatar */
|
|
281
|
+
export declare const Avatar: typeof Avatar$1 & {
|
|
282
|
+
Image: typeof AvatarImage;
|
|
283
|
+
Badge: typeof AvatarBadge;
|
|
284
|
+
Fallback: typeof AvatarFallback;
|
|
285
|
+
Group: typeof AvatarGroup;
|
|
286
|
+
GroupCount: typeof AvatarGroupCount;
|
|
287
|
+
};
|
|
279
288
|
export { Badge, Button, Calendar, Carousel, type CascaderChangeDetails, type CascaderLabels, type CascaderMode, type CascaderNode, type CascaderProps, type CascaderSingleProps, Checkbox, DatePicker, type DateRange, DateRangePicker, Dropzone, Form, IconSwap, Image, ImageProps, Input, JsonViewer, Label, Lightbox, type LightboxActions, type LightboxBackdrop, type LightboxCaptions, type LightboxChangeReason, type LightboxClose, type LightboxContent, type LightboxControl, type LightboxControlContext, type LightboxCounter, type LightboxDownload, type LightboxImageChangeEventDetails, type LightboxImageItem, type LightboxItem, type LightboxMore, type LightboxNext, type LightboxOpenEventDetails, type LightboxPrevious, type LightboxProps, type LightboxSlide, type LightboxSlides, type LightboxThumbnail, type LightboxThumbnails, type LightboxToolbar, type LightboxTrigger, type LightboxTriggerProps, type LightboxVideoItem, type LightboxViewport, type LightboxZoom, type LightboxZoomButton, Pagination, ScrollArea, Separator, Sidebar, Skeleton, Spinner, Switch, Textarea, TimePicker, Toaster as ToastProvider, formatBytes, toast, useDropzone, type useLightbox, useSidebar };
|
package/dist/widgets/index.mjs
CHANGED
|
@@ -14,6 +14,7 @@ import { CascaderBack, CascaderBreadcrumb, CascaderInput, CascaderNav, CascaderV
|
|
|
14
14
|
import { CascaderVirtualItems } from "../vendor/reui.io/cascader/cascader-virtual.mjs";
|
|
15
15
|
import { Frame as Frame$1, FrameDescription, FrameFooter, FrameHeader, FramePanel, FrameTitle } from "../vendor/reui.io/frame.mjs";
|
|
16
16
|
import { Timeline as Timeline$1, TimelineContent, TimelineDate, TimelineHeader, TimelineIndicator, TimelineItem, TimelineSeparator, TimelineTitle } from "../vendor/reui.io/timeline.mjs";
|
|
17
|
+
import { Avatar as Avatar$1, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage } from "../vendor/shadcn/avatar.mjs";
|
|
17
18
|
import { Breadcrumb as Breadcrumb$1, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "../vendor/shadcn/breadcrumb.mjs";
|
|
18
19
|
import { Separator } from "../vendor/shadcn/separator.mjs";
|
|
19
20
|
import { ButtonGroup as ButtonGroup$1, ButtonGroupSeparator, ButtonGroupText } from "../vendor/shadcn/button-group.mjs";
|
|
@@ -54,7 +55,7 @@ const Kbd = /* @__PURE__ */ Object.assign(Kbd$1, { Group: KbdGroup });
|
|
|
54
55
|
const Tabs = /* @__PURE__ */ Object.assign(Tabs$1, {
|
|
55
56
|
List: TabsList,
|
|
56
57
|
Trigger: TabsTrigger,
|
|
57
|
-
|
|
58
|
+
Panel: TabsContent
|
|
58
59
|
});
|
|
59
60
|
/** https://coss.com/ui/docs/components/card */
|
|
60
61
|
const Card = /* @__PURE__ */ Object.assign(Card$1, {
|
|
@@ -103,17 +104,17 @@ const Radio = /* @__PURE__ */ Object.assign(RadioGroupItem, { Group: RadioGroup
|
|
|
103
104
|
const Select = /* @__PURE__ */ Object.assign(Select$1, {
|
|
104
105
|
Trigger: SelectTrigger,
|
|
105
106
|
Value: SelectValue,
|
|
106
|
-
|
|
107
|
-
Separator: SelectSeparator,
|
|
107
|
+
Popup: SelectContent,
|
|
108
108
|
Group: SelectGroup,
|
|
109
|
+
Separator: SelectSeparator,
|
|
109
110
|
Label: SelectLabel,
|
|
110
111
|
Item: SelectItem
|
|
111
112
|
});
|
|
112
113
|
/** https://coss.com/ui/docs/components/drawer */
|
|
113
114
|
const Drawer = /* @__PURE__ */ Object.assign(Drawer$1, {
|
|
114
115
|
Trigger: DrawerTrigger,
|
|
115
|
-
Close: DrawerClose,
|
|
116
116
|
Popup: DrawerPopup,
|
|
117
|
+
Close: DrawerClose,
|
|
117
118
|
Header: DrawerHeader,
|
|
118
119
|
Panel: DrawerPanel,
|
|
119
120
|
Footer: DrawerFooter,
|
|
@@ -123,8 +124,8 @@ const Drawer = /* @__PURE__ */ Object.assign(Drawer$1, {
|
|
|
123
124
|
/** https://coss.com/ui/docs/components/dialog */
|
|
124
125
|
const Dialog = /* @__PURE__ */ Object.assign(Dialog$1, {
|
|
125
126
|
Trigger: DialogTrigger,
|
|
126
|
-
Close: DialogClose,
|
|
127
127
|
Popup: DialogPopup,
|
|
128
|
+
Close: DialogClose,
|
|
128
129
|
Header: DialogHeader,
|
|
129
130
|
Panel: DialogPanel,
|
|
130
131
|
Footer: DialogFooter,
|
|
@@ -135,12 +136,12 @@ const Dialog = /* @__PURE__ */ Object.assign(Dialog$1, {
|
|
|
135
136
|
const Tooltip = /* @__PURE__ */ Object.assign(Tooltip$1, {
|
|
136
137
|
Provider: TooltipProvider,
|
|
137
138
|
Trigger: TooltipTrigger,
|
|
138
|
-
|
|
139
|
+
Popup: TooltipContent
|
|
139
140
|
});
|
|
140
141
|
/** https://ui.shadcn.com/docs/components/base/popover */
|
|
141
142
|
const Popover = /* @__PURE__ */ Object.assign(Popover$1, {
|
|
142
143
|
Trigger: PopoverTrigger,
|
|
143
|
-
|
|
144
|
+
Popup: PopoverContent,
|
|
144
145
|
Title: PopoverTitle,
|
|
145
146
|
Description: PopoverDescription
|
|
146
147
|
});
|
|
@@ -175,7 +176,7 @@ const Cascader = /* @__PURE__ */ Object.assign(Cascader$1, {
|
|
|
175
176
|
/** https://ui.shadcn.com/docs/components/base/dropdown-menu */
|
|
176
177
|
const Dropdown = /* @__PURE__ */ Object.assign(DropdownMenu, {
|
|
177
178
|
Trigger: DropdownMenuTrigger,
|
|
178
|
-
|
|
179
|
+
Popup: DropdownMenuContent,
|
|
179
180
|
Sub: DropdownMenuSub,
|
|
180
181
|
SubTrigger: DropdownMenuSubTrigger,
|
|
181
182
|
SubContent: DropdownMenuSubContent,
|
|
@@ -190,13 +191,13 @@ const Dropdown = /* @__PURE__ */ Object.assign(DropdownMenu, {
|
|
|
190
191
|
});
|
|
191
192
|
/** https://ui.shadcn.com/docs/components/base/combobox */
|
|
192
193
|
const Combobox = /* @__PURE__ */ Object.assign(Combobox$1, {
|
|
193
|
-
|
|
194
|
+
Popup: ComboboxContent,
|
|
194
195
|
Empty: ComboboxEmpty,
|
|
195
196
|
List: ComboboxList,
|
|
196
197
|
Input: ComboboxInput,
|
|
198
|
+
Value: ComboboxValue,
|
|
197
199
|
ChipsInput: ComboboxChipsInput,
|
|
198
200
|
Chips: ComboboxChips,
|
|
199
|
-
Value: ComboboxValue,
|
|
200
201
|
Chip: ComboboxChip,
|
|
201
202
|
Group: ComboboxGroup,
|
|
202
203
|
GroupLabel: ComboboxLabel,
|
|
@@ -233,7 +234,7 @@ const Breadcrumb = /* @__PURE__ */ Object.assign(Breadcrumb$1, {
|
|
|
233
234
|
/** https://ui.shadcn.com/docs/components/base/context-menu */
|
|
234
235
|
const ContextMenu = /* @__PURE__ */ Object.assign(ContextMenu$1, {
|
|
235
236
|
Trigger: ContextMenuTrigger,
|
|
236
|
-
|
|
237
|
+
Popup: ContextMenuContent,
|
|
237
238
|
Sub: ContextMenuSub,
|
|
238
239
|
SubTrigger: ContextMenuSubTrigger,
|
|
239
240
|
SubContent: ContextMenuSubContent,
|
|
@@ -249,8 +250,8 @@ const ContextMenu = /* @__PURE__ */ Object.assign(ContextMenu$1, {
|
|
|
249
250
|
/** https://coss.com/ui/docs/components/alert-dialog */
|
|
250
251
|
const AlertDialog = /* @__PURE__ */ Object.assign(AlertDialog$1, {
|
|
251
252
|
Trigger: AlertDialogTrigger,
|
|
252
|
-
Close: AlertDialogClose,
|
|
253
253
|
Popup: AlertDialogPopup,
|
|
254
|
+
Close: AlertDialogClose,
|
|
254
255
|
Header: AlertDialogHeader,
|
|
255
256
|
Footer: AlertDialogFooter,
|
|
256
257
|
Title: AlertDialogTitle,
|
|
@@ -269,4 +270,12 @@ const InputGroup = /* @__PURE__ */ Object.assign(InputGroup$1, {
|
|
|
269
270
|
Textarea: InputGroupTextarea,
|
|
270
271
|
Button: InputGroupButton
|
|
271
272
|
});
|
|
272
|
-
|
|
273
|
+
/** https://ui.shadcn.com/docs/components/base/avatar */
|
|
274
|
+
const Avatar = /* @__PURE__ */ Object.assign(Avatar$1, {
|
|
275
|
+
Image: AvatarImage,
|
|
276
|
+
Badge: AvatarBadge,
|
|
277
|
+
Fallback: AvatarFallback,
|
|
278
|
+
Group: AvatarGroup,
|
|
279
|
+
GroupCount: AvatarGroupCount
|
|
280
|
+
});
|
|
281
|
+
export { AlertDialog, Avatar, Badge, Breadcrumb, Button, ButtonGroup, Calendar, Card, Carousel, Cascader, Checkbox, Combobox, ContextMenu, DatePicker, DateRangePicker, Dialog, Drawer, Dropdown, Dropzone, Empty, Field, Form, Frame, IconSwap, Image, Input, InputGroup, JsonViewer, Kbd, Label, Lightbox, Pagination, Popover, Progress, Radio, ScrollArea, Select, Separator, Sidebar, Skeleton, Spinner, Switch, Table, Tabs, Textarea, TimePicker, Timeline, Toaster as ToastProvider, Tooltip, formatBytes, toast, useDropzone, useSidebar };
|