@deftui/react 0.3.2 → 0.3.3
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/context-menu.d.mts +28 -0
- package/dist/vendor/shadcn/context-menu.mjs +126 -0
- package/dist/widgets/index.d.mts +17 -0
- package/dist/widgets/index.mjs +18 -1
- package/package.json +5 -5
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, Dialog, Drawer, Dropdown, Empty, Field, Frame, InputGroup, Kbd, Popover, Progress, Radio, Select, Table, Tabs, Timeline, Tooltip } from "./widgets/index.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";
|
|
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, 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, 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, Dialog, Drawer, Dropdown, Empty, Field, Frame, InputGroup, Kbd, Popover, Progress, Radio, Select, Table, Tabs, Timeline, Tooltip } from "./widgets/index.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";
|
|
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, 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, 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
|
@@ -32,6 +32,7 @@ shadcn 组件使用 `components.json` 中的 `base-vega` 风格和 Lucide 图标
|
|
|
32
32
|
| `carousel` | [shadcn/carousel.tsx](shadcn/carousel.tsx) | [Carousel](https://ui.shadcn.com/docs/components/base/carousel) | — |
|
|
33
33
|
| `checkbox` | [shadcn/checkbox.tsx](shadcn/checkbox.tsx) | [Checkbox](https://ui.shadcn.com/docs/components/base/checkbox) | — |
|
|
34
34
|
| `combobox` | [shadcn/combobox.tsx](shadcn/combobox.tsx) | [Combobox](https://ui.shadcn.com/docs/components/base/combobox) | 将选中标记移至左侧 |
|
|
35
|
+
| `context-menu` | [shadcn/context-menu.tsx](shadcn/context-menu.tsx) | [Context Menu](https://ui.shadcn.com/docs/components/base/context-menu) | — |
|
|
35
36
|
| `direction` | [shadcn/direction.tsx](shadcn/direction.tsx) | [Direction](https://ui.shadcn.com/docs/components/base/direction) | — |
|
|
36
37
|
| `dropdown-menu` | [shadcn/dropdown-menu.tsx](shadcn/dropdown-menu.tsx) | [Dropdown Menu](https://ui.shadcn.com/docs/components/base/dropdown-menu) | — |
|
|
37
38
|
| `field` | [shadcn/field.tsx](shadcn/field.tsx) | [Field](https://ui.shadcn.com/docs/components/base/field) | — |
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import * as React$1 from "react";
|
|
2
|
+
import { ContextMenu } from "@base-ui/react/context-menu";
|
|
3
|
+
declare function ContextMenu$1({ ...props }: ContextMenu.Root.Props): React$1.JSX.Element;
|
|
4
|
+
declare function ContextMenuTrigger({ className, ...props }: ContextMenu.Trigger.Props): React$1.JSX.Element;
|
|
5
|
+
declare function ContextMenuContent({ className, align, alignOffset, side, sideOffset, ...props }: ContextMenu.Popup.Props & Pick<ContextMenu.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): React$1.JSX.Element;
|
|
6
|
+
declare function ContextMenuGroup({ ...props }: ContextMenu.Group.Props): React$1.JSX.Element;
|
|
7
|
+
declare function ContextMenuLabel({ className, inset, ...props }: ContextMenu.GroupLabel.Props & {
|
|
8
|
+
inset?: boolean;
|
|
9
|
+
}): React$1.JSX.Element;
|
|
10
|
+
declare function ContextMenuItem({ className, inset, variant, ...props }: ContextMenu.Item.Props & {
|
|
11
|
+
inset?: boolean;
|
|
12
|
+
variant?: "default" | "destructive";
|
|
13
|
+
}): React$1.JSX.Element;
|
|
14
|
+
declare function ContextMenuSub({ ...props }: ContextMenu.SubmenuRoot.Props): React$1.JSX.Element;
|
|
15
|
+
declare function ContextMenuSubTrigger({ className, inset, children, ...props }: ContextMenu.SubmenuTrigger.Props & {
|
|
16
|
+
inset?: boolean;
|
|
17
|
+
}): React$1.JSX.Element;
|
|
18
|
+
declare function ContextMenuSubContent({ ...props }: React$1.ComponentProps<typeof ContextMenuContent>): React$1.JSX.Element;
|
|
19
|
+
declare function ContextMenuCheckboxItem({ className, children, checked, inset, ...props }: ContextMenu.CheckboxItem.Props & {
|
|
20
|
+
inset?: boolean;
|
|
21
|
+
}): React$1.JSX.Element;
|
|
22
|
+
declare function ContextMenuRadioGroup({ ...props }: ContextMenu.RadioGroup.Props): React$1.JSX.Element;
|
|
23
|
+
declare function ContextMenuRadioItem({ className, children, inset, ...props }: ContextMenu.RadioItem.Props & {
|
|
24
|
+
inset?: boolean;
|
|
25
|
+
}): React$1.JSX.Element;
|
|
26
|
+
declare function ContextMenuSeparator({ className, ...props }: ContextMenu.Separator.Props): React$1.JSX.Element;
|
|
27
|
+
declare function ContextMenuShortcut({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
|
|
28
|
+
export { ContextMenu$1 as ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn } from "cn";
|
|
3
|
+
import "react";
|
|
4
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
+
import { CheckIcon, ChevronRightIcon } from "lucide-react";
|
|
6
|
+
import { ContextMenu } from "@base-ui/react/context-menu";
|
|
7
|
+
// src/vendor/shadcn/context-menu.tsx
|
|
8
|
+
function ContextMenu$1({ ...props }) {
|
|
9
|
+
return /* @__PURE__ */ jsx(ContextMenu.Root, {
|
|
10
|
+
"data-slot": "context-menu",
|
|
11
|
+
...props
|
|
12
|
+
});
|
|
13
|
+
}
|
|
14
|
+
function ContextMenuTrigger({ className, ...props }) {
|
|
15
|
+
return /* @__PURE__ */ jsx(ContextMenu.Trigger, {
|
|
16
|
+
"data-slot": "context-menu-trigger",
|
|
17
|
+
className: cn("select-none", className),
|
|
18
|
+
...props
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
function ContextMenuContent({ className, align = "start", alignOffset = 4, side = "right", sideOffset = 0, ...props }) {
|
|
22
|
+
return /* @__PURE__ */ jsx(ContextMenu.Portal, { children: /* @__PURE__ */ jsx(ContextMenu.Positioner, {
|
|
23
|
+
className: "isolate z-50 outline-none",
|
|
24
|
+
align,
|
|
25
|
+
alignOffset,
|
|
26
|
+
side,
|
|
27
|
+
sideOffset,
|
|
28
|
+
children: /* @__PURE__ */ jsx(ContextMenu.Popup, {
|
|
29
|
+
"data-slot": "context-menu-content",
|
|
30
|
+
className: cn("z-50 max-h-(--available-height) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
|
|
31
|
+
...props
|
|
32
|
+
})
|
|
33
|
+
}) });
|
|
34
|
+
}
|
|
35
|
+
function ContextMenuGroup({ ...props }) {
|
|
36
|
+
return /* @__PURE__ */ jsx(ContextMenu.Group, {
|
|
37
|
+
"data-slot": "context-menu-group",
|
|
38
|
+
...props
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
function ContextMenuLabel({ className, inset, ...props }) {
|
|
42
|
+
return /* @__PURE__ */ jsx(ContextMenu.GroupLabel, {
|
|
43
|
+
"data-slot": "context-menu-label",
|
|
44
|
+
"data-inset": inset,
|
|
45
|
+
className: cn("px-2 py-1.5 text-xs font-medium text-muted-foreground data-inset:pl-8", className),
|
|
46
|
+
...props
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
function ContextMenuItem({ className, inset, variant = "default", ...props }) {
|
|
50
|
+
return /* @__PURE__ */ jsx(ContextMenu.Item, {
|
|
51
|
+
"data-slot": "context-menu-item",
|
|
52
|
+
"data-inset": inset,
|
|
53
|
+
"data-variant": variant,
|
|
54
|
+
className: cn("group/context-menu-item relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 focus:*:[svg]:text-accent-foreground data-[variant=destructive]:*:[svg]:text-destructive", className),
|
|
55
|
+
...props
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
function ContextMenuSub({ ...props }) {
|
|
59
|
+
return /* @__PURE__ */ jsx(ContextMenu.SubmenuRoot, {
|
|
60
|
+
"data-slot": "context-menu-sub",
|
|
61
|
+
...props
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
function ContextMenuSubTrigger({ className, inset, children, ...props }) {
|
|
65
|
+
return /* @__PURE__ */ jsxs(ContextMenu.SubmenuTrigger, {
|
|
66
|
+
"data-slot": "context-menu-sub-trigger",
|
|
67
|
+
"data-inset": inset,
|
|
68
|
+
className: cn("flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-8 data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
69
|
+
...props,
|
|
70
|
+
children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto" })]
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
function ContextMenuSubContent({ ...props }) {
|
|
74
|
+
return /* @__PURE__ */ jsx(ContextMenuContent, {
|
|
75
|
+
"data-slot": "context-menu-sub-content",
|
|
76
|
+
className: "shadow-lg",
|
|
77
|
+
side: "right",
|
|
78
|
+
...props
|
|
79
|
+
});
|
|
80
|
+
}
|
|
81
|
+
function ContextMenuCheckboxItem({ className, children, checked, inset, ...props }) {
|
|
82
|
+
return /* @__PURE__ */ jsxs(ContextMenu.CheckboxItem, {
|
|
83
|
+
"data-slot": "context-menu-checkbox-item",
|
|
84
|
+
"data-inset": inset,
|
|
85
|
+
className: cn("relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
86
|
+
checked,
|
|
87
|
+
...props,
|
|
88
|
+
children: [/* @__PURE__ */ jsx("span", {
|
|
89
|
+
className: "pointer-events-none absolute right-2",
|
|
90
|
+
children: /* @__PURE__ */ jsx(ContextMenu.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
|
|
91
|
+
}), children]
|
|
92
|
+
});
|
|
93
|
+
}
|
|
94
|
+
function ContextMenuRadioGroup({ ...props }) {
|
|
95
|
+
return /* @__PURE__ */ jsx(ContextMenu.RadioGroup, {
|
|
96
|
+
"data-slot": "context-menu-radio-group",
|
|
97
|
+
...props
|
|
98
|
+
});
|
|
99
|
+
}
|
|
100
|
+
function ContextMenuRadioItem({ className, children, inset, ...props }) {
|
|
101
|
+
return /* @__PURE__ */ jsxs(ContextMenu.RadioItem, {
|
|
102
|
+
"data-slot": "context-menu-radio-item",
|
|
103
|
+
"data-inset": inset,
|
|
104
|
+
className: cn("relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
105
|
+
...props,
|
|
106
|
+
children: [/* @__PURE__ */ jsx("span", {
|
|
107
|
+
className: "pointer-events-none absolute right-2",
|
|
108
|
+
children: /* @__PURE__ */ jsx(ContextMenu.RadioItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
|
|
109
|
+
}), children]
|
|
110
|
+
});
|
|
111
|
+
}
|
|
112
|
+
function ContextMenuSeparator({ className, ...props }) {
|
|
113
|
+
return /* @__PURE__ */ jsx(ContextMenu.Separator, {
|
|
114
|
+
"data-slot": "context-menu-separator",
|
|
115
|
+
className: cn("-mx-1 my-1 h-px bg-border", className),
|
|
116
|
+
...props
|
|
117
|
+
});
|
|
118
|
+
}
|
|
119
|
+
function ContextMenuShortcut({ className, ...props }) {
|
|
120
|
+
return /* @__PURE__ */ jsx("span", {
|
|
121
|
+
"data-slot": "context-menu-shortcut",
|
|
122
|
+
className: cn("ml-auto text-xs tracking-widest text-muted-foreground group-focus/context-menu-item:text-accent-foreground", className),
|
|
123
|
+
...props
|
|
124
|
+
});
|
|
125
|
+
}
|
|
126
|
+
export { ContextMenu$1 as ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };
|
package/dist/widgets/index.d.mts
CHANGED
|
@@ -16,6 +16,7 @@ import { Breadcrumb as Breadcrumb$1, BreadcrumbEllipsis, BreadcrumbItem, Breadcr
|
|
|
16
16
|
import { Separator } from "../vendor/shadcn/separator.mjs";
|
|
17
17
|
import { ButtonGroup as ButtonGroup$1, ButtonGroupSeparator, ButtonGroupText } from "../vendor/shadcn/button-group.mjs";
|
|
18
18
|
import { ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxValue } from "../vendor/shadcn/combobox.mjs";
|
|
19
|
+
import { ContextMenu as ContextMenu$1, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from "../vendor/shadcn/context-menu.mjs";
|
|
19
20
|
import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "../vendor/shadcn/dropdown-menu.mjs";
|
|
20
21
|
import { Label } from "../vendor/shadcn/label.mjs";
|
|
21
22
|
import { Field as Field$1, FieldDescription, FieldError, FieldLabel } from "../vendor/shadcn/field.mjs";
|
|
@@ -236,6 +237,22 @@ export declare const Breadcrumb: typeof Breadcrumb$1 & {
|
|
|
236
237
|
Ellipsis: typeof BreadcrumbEllipsis;
|
|
237
238
|
Page: typeof BreadcrumbPage;
|
|
238
239
|
};
|
|
240
|
+
/** https://ui.shadcn.com/docs/components/base/context-menu */
|
|
241
|
+
export declare const ContextMenu: typeof ContextMenu$1 & {
|
|
242
|
+
Trigger: typeof ContextMenuTrigger;
|
|
243
|
+
Content: typeof ContextMenuContent;
|
|
244
|
+
Sub: typeof ContextMenuSub;
|
|
245
|
+
SubTrigger: typeof ContextMenuSubTrigger;
|
|
246
|
+
SubContent: typeof ContextMenuSubContent;
|
|
247
|
+
Group: typeof ContextMenuGroup;
|
|
248
|
+
GroupLabel: typeof ContextMenuLabel;
|
|
249
|
+
Separator: typeof ContextMenuSeparator;
|
|
250
|
+
Item: typeof ContextMenuItem;
|
|
251
|
+
Shortcut: typeof ContextMenuShortcut;
|
|
252
|
+
RadioItem: typeof ContextMenuRadioItem;
|
|
253
|
+
RadioGroup: typeof ContextMenuRadioGroup;
|
|
254
|
+
CheckboxItem: typeof ContextMenuCheckboxItem;
|
|
255
|
+
};
|
|
239
256
|
/** https://coss.com/ui/docs/components/alert-dialog */
|
|
240
257
|
export declare const AlertDialog: typeof AlertDialogPrimitive.Root & {
|
|
241
258
|
Trigger: typeof AlertDialogTrigger;
|
package/dist/widgets/index.mjs
CHANGED
|
@@ -20,6 +20,7 @@ import { ButtonGroup as ButtonGroup$1, ButtonGroupSeparator, ButtonGroupText } f
|
|
|
20
20
|
import { Input } from "../vendor/shadcn/input.mjs";
|
|
21
21
|
import { Textarea } from "../vendor/shadcn/textarea.mjs";
|
|
22
22
|
import { Combobox as Combobox$1, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxValue } from "../vendor/shadcn/combobox.mjs";
|
|
23
|
+
import { ContextMenu as ContextMenu$1, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from "../vendor/shadcn/context-menu.mjs";
|
|
23
24
|
import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "../vendor/shadcn/dropdown-menu.mjs";
|
|
24
25
|
import { Field as Field$1, FieldDescription, FieldError, FieldLabel } from "../vendor/shadcn/field.mjs";
|
|
25
26
|
import { Label } from "../vendor/shadcn/label.mjs";
|
|
@@ -229,6 +230,22 @@ const Breadcrumb = /* @__PURE__ */ Object.assign(Breadcrumb$1, {
|
|
|
229
230
|
Ellipsis: BreadcrumbEllipsis,
|
|
230
231
|
Page: BreadcrumbPage
|
|
231
232
|
});
|
|
233
|
+
/** https://ui.shadcn.com/docs/components/base/context-menu */
|
|
234
|
+
const ContextMenu = /* @__PURE__ */ Object.assign(ContextMenu$1, {
|
|
235
|
+
Trigger: ContextMenuTrigger,
|
|
236
|
+
Content: ContextMenuContent,
|
|
237
|
+
Sub: ContextMenuSub,
|
|
238
|
+
SubTrigger: ContextMenuSubTrigger,
|
|
239
|
+
SubContent: ContextMenuSubContent,
|
|
240
|
+
Group: ContextMenuGroup,
|
|
241
|
+
GroupLabel: ContextMenuLabel,
|
|
242
|
+
Separator: ContextMenuSeparator,
|
|
243
|
+
Item: ContextMenuItem,
|
|
244
|
+
Shortcut: ContextMenuShortcut,
|
|
245
|
+
RadioItem: ContextMenuRadioItem,
|
|
246
|
+
RadioGroup: ContextMenuRadioGroup,
|
|
247
|
+
CheckboxItem: ContextMenuCheckboxItem
|
|
248
|
+
});
|
|
232
249
|
/** https://coss.com/ui/docs/components/alert-dialog */
|
|
233
250
|
const AlertDialog = /* @__PURE__ */ Object.assign(AlertDialog$1, {
|
|
234
251
|
Trigger: AlertDialogTrigger,
|
|
@@ -252,4 +269,4 @@ const InputGroup = /* @__PURE__ */ Object.assign(InputGroup$1, {
|
|
|
252
269
|
Textarea: InputGroupTextarea,
|
|
253
270
|
Button: InputGroupButton
|
|
254
271
|
});
|
|
255
|
-
export { AlertDialog, Badge, Breadcrumb, Button, ButtonGroup, Calendar, Card, Carousel, Cascader, Checkbox, Combobox, 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 };
|
|
272
|
+
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, formatBytes, toast, useDropzone, useSidebar };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@deftui/react",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.3",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "git+https://github.com/KiriRainCat/deftui.git",
|
|
@@ -38,10 +38,10 @@
|
|
|
38
38
|
"cn": "^0.5.2",
|
|
39
39
|
"date-fns": "^4.4.0",
|
|
40
40
|
"embla-carousel-react": "^8.6.0",
|
|
41
|
-
"lucide-react": "^1.
|
|
42
|
-
"motion": "^14.
|
|
43
|
-
"radashi": "^13.0.
|
|
44
|
-
"react-dropzone": "^20.
|
|
41
|
+
"lucide-react": "^1.72.0",
|
|
42
|
+
"motion": "^14.13.0",
|
|
43
|
+
"radashi": "^13.0.4",
|
|
44
|
+
"react-dropzone": "^20.2.0",
|
|
45
45
|
"tw-animate-css": "^1.4.0"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|