@deftui/react 0.3.2 → 0.3.4

package/dist/index.d.mts

@@ -25,9 +25,9 @@ import { Form } from "./vendor/coss/form.mjs";
 import { ScrollArea } from "./vendor/coss/scroll-area.mjs";
 import { IconSwap } from "./vendor/tailored/icon-swap.mjs";
 import { JsonViewer } from "./vendor/tailored/json-viewer.mjs";
-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";
+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";
 import { cn } from "cn";
 import { cva } from "class-variance-authority";
 import { mergeProps } from "@base-ui/react/merge-props";
 export * from "react-dropzone";
-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 };
+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

@@ -22,8 +22,8 @@ import { Checkbox } from "./vendor/shadcn/checkbox.mjs";
 import { Form } from "./vendor/coss/form.mjs";
 import { IconSwap } from "./vendor/tailored/icon-swap.mjs";
 import { JsonViewer } from "./vendor/tailored/json-viewer.mjs";
-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";
+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";
 import { cn } from "cn";
 import { cva } from "class-variance-authority";
 import { mergeProps } from "@base-ui/react/merge-props";
-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 };
+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

@@ -25,6 +25,7 @@ shadcn 组件使用 `components.json` 中的 `base-vega` 风格和 Lucide 图标
 | `@reui/cascader` | [reui.io/cascader/cascader.tsx](reui.io/cascader/cascader.tsx) | [Cascader](https://reui.io/docs/components/cascader) | 重映射 `scroll-area` 与 `spinner` 的导入 |
 | `@reui/frame` | [reui.io/frame.tsx](reui.io/frame.tsx) | [Frame](https://reui.io/docs/components/base/frame) | — |
 | `@reui/timeline` | [reui.io/timeline.tsx](reui.io/timeline.tsx) | [Timeline](https://reui.io/docs/components/timeline) | — |
+| `avatar` | [shadcn/avatar.tsx](shadcn/avatar.tsx) | [Avatar](https://ui.shadcn.com/docs/components/base/avatar) | — |
 | `badge` | [shadcn/badge.tsx](shadcn/badge.tsx) | [Badge](https://ui.shadcn.com/docs/components/base/badge) | 提供 `info`、`success`、`warning` 语义变体 |
 | `breadcrumb` | [shadcn/breadcrumb.tsx](shadcn/breadcrumb.tsx) | [Breadcrumb](https://ui.shadcn.com/docs/components/base/breadcrumb) | 未显式指定 `BreadcrumbList` 则自动包裹 |
 | `button` | [shadcn/button.tsx](shadcn/button.tsx) | [Button](https://ui.shadcn.com/docs/components/base/button) | `pill` 提供全圆角；`isPending` 提供加载态；提供额外 `destructive` 系列样式变体 |
@@ -32,6 +33,7 @@ shadcn 组件使用 `components.json` 中的 `base-vega` 风格和 Lucide 图标
 | `carousel` | [shadcn/carousel.tsx](shadcn/carousel.tsx) | [Carousel](https://ui.shadcn.com/docs/components/base/carousel) | — |
 | `checkbox` | [shadcn/checkbox.tsx](shadcn/checkbox.tsx) | [Checkbox](https://ui.shadcn.com/docs/components/base/checkbox) | — |
 | `combobox` | [shadcn/combobox.tsx](shadcn/combobox.tsx) | [Combobox](https://ui.shadcn.com/docs/components/base/combobox) | 将选中标记移至左侧 |
+| `context-menu` | [shadcn/context-menu.tsx](shadcn/context-menu.tsx) | [Context Menu](https://ui.shadcn.com/docs/components/base/context-menu) | — |
 | `direction` | [shadcn/direction.tsx](shadcn/direction.tsx) | [Direction](https://ui.shadcn.com/docs/components/base/direction) | — |
 | `dropdown-menu` | [shadcn/dropdown-menu.tsx](shadcn/dropdown-menu.tsx) | [Dropdown Menu](https://ui.shadcn.com/docs/components/base/dropdown-menu) | — |
 | `field` | [shadcn/field.tsx](shadcn/field.tsx) | [Field](https://ui.shadcn.com/docs/components/base/field) | — |

package/dist/vendor/shadcn/avatar.d.mts

@@ -0,0 +1,11 @@
+import * as React$1 from "react";
+import { Avatar } from "@base-ui/react/avatar";
+declare function Avatar$1({ className, size, ...props }: Avatar.Root.Props & {
+  size?: "default" | "sm" | "lg";
+}): React$1.JSX.Element;
+declare function AvatarImage({ className, ...props }: Avatar.Image.Props): React$1.JSX.Element;
+declare function AvatarFallback({ className, ...props }: Avatar.Fallback.Props): React$1.JSX.Element;
+declare function AvatarBadge({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
+declare function AvatarGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function AvatarGroupCount({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+export { Avatar$1 as Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage };

package/dist/vendor/shadcn/avatar.mjs

@@ -0,0 +1,50 @@
+"use client";
+import { cn } from "cn";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Avatar } from "@base-ui/react/avatar";
+// src/vendor/shadcn/avatar.tsx
+function Avatar$1({ className, size = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Avatar.Root, {
+		"data-slot": "avatar",
+		"data-size": size,
+		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),
+		...props
+	});
+}
+function AvatarImage({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Avatar.Image, {
+		"data-slot": "avatar-image",
+		className: cn("aspect-square size-full rounded-full object-cover", className),
+		...props
+	});
+}
+function AvatarFallback({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Avatar.Fallback, {
+		"data-slot": "avatar-fallback",
+		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),
+		...props
+	});
+}
+function AvatarBadge({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "avatar-badge",
+		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),
+		...props
+	});
+}
+function AvatarGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "avatar-group",
+		className: cn("group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background", className),
+		...props
+	});
+}
+function AvatarGroupCount({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "avatar-group-count",
+		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),
+		...props
+	});
+}
+export { Avatar$1 as Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage };

package/dist/vendor/shadcn/context-menu.d.mts

@@ -0,0 +1,28 @@
+import * as React$1 from "react";
+import { ContextMenu } from "@base-ui/react/context-menu";
+declare function ContextMenu$1({ ...props }: ContextMenu.Root.Props): React$1.JSX.Element;
+declare function ContextMenuTrigger({ className, ...props }: ContextMenu.Trigger.Props): React$1.JSX.Element;
+declare function ContextMenuContent({ className, align, alignOffset, side, sideOffset, ...props }: ContextMenu.Popup.Props & Pick<ContextMenu.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): React$1.JSX.Element;
+declare function ContextMenuGroup({ ...props }: ContextMenu.Group.Props): React$1.JSX.Element;
+declare function ContextMenuLabel({ className, inset, ...props }: ContextMenu.GroupLabel.Props & {
+  inset?: boolean;
+}): React$1.JSX.Element;
+declare function ContextMenuItem({ className, inset, variant, ...props }: ContextMenu.Item.Props & {
+  inset?: boolean;
+  variant?: "default" | "destructive";
+}): React$1.JSX.Element;
+declare function ContextMenuSub({ ...props }: ContextMenu.SubmenuRoot.Props): React$1.JSX.Element;
+declare function ContextMenuSubTrigger({ className, inset, children, ...props }: ContextMenu.SubmenuTrigger.Props & {
+  inset?: boolean;
+}): React$1.JSX.Element;
+declare function ContextMenuSubContent({ ...props }: React$1.ComponentProps<typeof ContextMenuContent>): React$1.JSX.Element;
+declare function ContextMenuCheckboxItem({ className, children, checked, inset, ...props }: ContextMenu.CheckboxItem.Props & {
+  inset?: boolean;
+}): React$1.JSX.Element;
+declare function ContextMenuRadioGroup({ ...props }: ContextMenu.RadioGroup.Props): React$1.JSX.Element;
+declare function ContextMenuRadioItem({ className, children, inset, ...props }: ContextMenu.RadioItem.Props & {
+  inset?: boolean;
+}): React$1.JSX.Element;
+declare function ContextMenuSeparator({ className, ...props }: ContextMenu.Separator.Props): React$1.JSX.Element;
+declare function ContextMenuShortcut({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
+export { ContextMenu$1 as ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };

package/dist/vendor/shadcn/context-menu.mjs

@@ -0,0 +1,126 @@
+"use client";
+import { cn } from "cn";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, ChevronRightIcon } from "lucide-react";
+import { ContextMenu } from "@base-ui/react/context-menu";
+// src/vendor/shadcn/context-menu.tsx
+function ContextMenu$1({ ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.Root, {
+		"data-slot": "context-menu",
+		...props
+	});
+}
+function ContextMenuTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.Trigger, {
+		"data-slot": "context-menu-trigger",
+		className: cn("select-none", className),
+		...props
+	});
+}
+function ContextMenuContent({ className, align = "start", alignOffset = 4, side = "right", sideOffset = 0, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.Portal, { children: /* @__PURE__ */ jsx(ContextMenu.Positioner, {
+		className: "isolate z-50 outline-none",
+		align,
+		alignOffset,
+		side,
+		sideOffset,
+		children: /* @__PURE__ */ jsx(ContextMenu.Popup, {
+			"data-slot": "context-menu-content",
+			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),
+			...props
+		})
+	}) });
+}
+function ContextMenuGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.Group, {
+		"data-slot": "context-menu-group",
+		...props
+	});
+}
+function ContextMenuLabel({ className, inset, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.GroupLabel, {
+		"data-slot": "context-menu-label",
+		"data-inset": inset,
+		className: cn("px-2 py-1.5 text-xs font-medium text-muted-foreground data-inset:pl-8", className),
+		...props
+	});
+}
+function ContextMenuItem({ className, inset, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.Item, {
+		"data-slot": "context-menu-item",
+		"data-inset": inset,
+		"data-variant": variant,
+		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),
+		...props
+	});
+}
+function ContextMenuSub({ ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.SubmenuRoot, {
+		"data-slot": "context-menu-sub",
+		...props
+	});
+}
+function ContextMenuSubTrigger({ className, inset, children, ...props }) {
+	return /* @__PURE__ */ jsxs(ContextMenu.SubmenuTrigger, {
+		"data-slot": "context-menu-sub-trigger",
+		"data-inset": inset,
+		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),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto" })]
+	});
+}
+function ContextMenuSubContent({ ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenuContent, {
+		"data-slot": "context-menu-sub-content",
+		className: "shadow-lg",
+		side: "right",
+		...props
+	});
+}
+function ContextMenuCheckboxItem({ className, children, checked, inset, ...props }) {
+	return /* @__PURE__ */ jsxs(ContextMenu.CheckboxItem, {
+		"data-slot": "context-menu-checkbox-item",
+		"data-inset": inset,
+		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),
+		checked,
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "pointer-events-none absolute right-2",
+			children: /* @__PURE__ */ jsx(ContextMenu.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+		}), children]
+	});
+}
+function ContextMenuRadioGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.RadioGroup, {
+		"data-slot": "context-menu-radio-group",
+		...props
+	});
+}
+function ContextMenuRadioItem({ className, children, inset, ...props }) {
+	return /* @__PURE__ */ jsxs(ContextMenu.RadioItem, {
+		"data-slot": "context-menu-radio-item",
+		"data-inset": inset,
+		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),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "pointer-events-none absolute right-2",
+			children: /* @__PURE__ */ jsx(ContextMenu.RadioItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+		}), children]
+	});
+}
+function ContextMenuSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.Separator, {
+		"data-slot": "context-menu-separator",
+		className: cn("-mx-1 my-1 h-px bg-border", className),
+		...props
+	});
+}
+function ContextMenuShortcut({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "context-menu-shortcut",
+		className: cn("ml-auto text-xs tracking-widest text-muted-foreground group-focus/context-menu-item:text-accent-foreground", className),
+		...props
+	});
+}
+export { ContextMenu$1 as ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };

package/dist/widgets/index.d.mts

@@ -12,10 +12,12 @@ import { CascaderBack, CascaderBreadcrumb, CascaderInput, CascaderNav, CascaderV
 import { CascaderVirtualItems } from "../vendor/reui.io/cascader/cascader-virtual.mjs";
 import { Frame as Frame$1, FrameDescription, FrameFooter, FrameHeader, FramePanel, FrameTitle } from "../vendor/reui.io/frame.mjs";
 import { Timeline as Timeline$1, TimelineContent, TimelineDate, TimelineHeader, TimelineIndicator, TimelineItem, TimelineSeparator, TimelineTitle } from "../vendor/reui.io/timeline.mjs";
+import { Avatar as Avatar$1, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage } from "../vendor/shadcn/avatar.mjs";
 import { Breadcrumb as Breadcrumb$1, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "../vendor/shadcn/breadcrumb.mjs";
 import { Separator } from "../vendor/shadcn/separator.mjs";
 import { ButtonGroup as ButtonGroup$1, ButtonGroupSeparator, ButtonGroupText } from "../vendor/shadcn/button-group.mjs";
 import { ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxValue } from "../vendor/shadcn/combobox.mjs";
+import { ContextMenu as ContextMenu$1, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from "../vendor/shadcn/context-menu.mjs";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "../vendor/shadcn/dropdown-menu.mjs";
 import { Label } from "../vendor/shadcn/label.mjs";
 import { Field as Field$1, FieldDescription, FieldError, FieldLabel } from "../vendor/shadcn/field.mjs";
@@ -58,7 +60,7 @@ export declare const Kbd: typeof Kbd$1 & {
 export declare const Tabs: typeof Tabs$1 & {
   List: typeof TabsList;
   Trigger: typeof TabsTrigger;
-  Content: typeof TabsContent;
+  Panel: typeof TabsContent;
 };
 /** https://coss.com/ui/docs/components/card */
 export declare const Card: typeof Card$1 & {
@@ -109,17 +111,17 @@ export declare const Radio: typeof RadioGroupItem & {
 export declare const Select: typeof import("@base-ui/react").SelectRoot & {
   Trigger: typeof SelectTrigger;
   Value: typeof SelectValue;
-  Content: typeof SelectContent;
-  Separator: typeof SelectSeparator;
+  Popup: typeof SelectContent;
   Group: typeof SelectGroup;
+  Separator: typeof SelectSeparator;
   Label: typeof SelectLabel;
   Item: typeof SelectItem;
 };
 /** https://coss.com/ui/docs/components/drawer */
 export declare const Drawer: typeof Drawer$1 & {
   Trigger: typeof DrawerTrigger;
-  Close: typeof DrawerClose;
   Popup: typeof DrawerPopup;
+  Close: typeof DrawerClose;
   Header: typeof DrawerHeader;
   Panel: typeof DrawerPanel;
   Footer: typeof DrawerFooter;
@@ -129,8 +131,8 @@ export declare const Drawer: typeof Drawer$1 & {
 /** https://coss.com/ui/docs/components/dialog */
 export declare const Dialog: (<Payload>(props: DialogPrimitive.Root.Props<Payload>) => React.JSX.Element) & {
   Trigger: typeof DialogTrigger;
-  Close: typeof DialogClose;
   Popup: typeof DialogPopup;
+  Close: typeof DialogClose;
   Header: typeof DialogHeader;
   Panel: typeof DialogPanel;
   Footer: typeof DialogFooter;
@@ -141,12 +143,12 @@ export declare const Dialog: (<Payload>(props: DialogPrimitive.Root.Props<Payloa
 export declare const Tooltip: typeof Tooltip$1 & {
   Provider: typeof TooltipProvider;
   Trigger: typeof TooltipTrigger;
-  Content: typeof TooltipContent;
+  Popup: typeof TooltipContent;
 };
 /** https://ui.shadcn.com/docs/components/base/popover */
 export declare const Popover: typeof Popover$1 & {
   Trigger: typeof PopoverTrigger;
-  Content: typeof PopoverContent;
+  Popup: typeof PopoverContent;
   Title: typeof PopoverTitle;
   Description: typeof PopoverDescription;
 };
@@ -181,7 +183,7 @@ export declare const Cascader: typeof Cascader$1 & {
 /** https://ui.shadcn.com/docs/components/base/dropdown-menu */
 export declare const Dropdown: typeof DropdownMenu & {
   Trigger: typeof DropdownMenuTrigger;
-  Content: typeof DropdownMenuContent;
+  Popup: typeof DropdownMenuContent;
   Sub: typeof DropdownMenuSub;
   SubTrigger: typeof DropdownMenuSubTrigger;
   SubContent: typeof DropdownMenuSubContent;
@@ -196,13 +198,13 @@ export declare const Dropdown: typeof DropdownMenu & {
 };
 /** https://ui.shadcn.com/docs/components/base/combobox */
 export declare const Combobox: typeof import("@base-ui/react").ComboboxRoot & {
-  Content: typeof ComboboxContent;
+  Popup: typeof ComboboxContent;
   Empty: typeof ComboboxEmpty;
   List: typeof ComboboxList;
   Input: typeof ComboboxInput;
+  Value: typeof ComboboxValue;
   ChipsInput: typeof ComboboxChipsInput;
   Chips: typeof ComboboxChips;
-  Value: typeof ComboboxValue;
   Chip: typeof ComboboxChip;
   Group: typeof ComboboxGroup;
   GroupLabel: typeof ComboboxLabel;
@@ -236,11 +238,27 @@ export declare const Breadcrumb: typeof Breadcrumb$1 & {
   Ellipsis: typeof BreadcrumbEllipsis;
   Page: typeof BreadcrumbPage;
 };
+/** https://ui.shadcn.com/docs/components/base/context-menu */
+export declare const ContextMenu: typeof ContextMenu$1 & {
+  Trigger: typeof ContextMenuTrigger;
+  Popup: typeof ContextMenuContent;
+  Sub: typeof ContextMenuSub;
+  SubTrigger: typeof ContextMenuSubTrigger;
+  SubContent: typeof ContextMenuSubContent;
+  Group: typeof ContextMenuGroup;
+  GroupLabel: typeof ContextMenuLabel;
+  Separator: typeof ContextMenuSeparator;
+  Item: typeof ContextMenuItem;
+  Shortcut: typeof ContextMenuShortcut;
+  RadioItem: typeof ContextMenuRadioItem;
+  RadioGroup: typeof ContextMenuRadioGroup;
+  CheckboxItem: typeof ContextMenuCheckboxItem;
+};
 /** https://coss.com/ui/docs/components/alert-dialog */
 export declare const AlertDialog: typeof AlertDialogPrimitive.Root & {
   Trigger: typeof AlertDialogTrigger;
-  Close: typeof AlertDialogClose;
   Popup: typeof AlertDialogPopup;
+  Close: typeof AlertDialogClose;
   Header: typeof AlertDialogHeader;
   Footer: typeof AlertDialogFooter;
   Title: typeof AlertDialogTitle;
@@ -259,4 +277,12 @@ export declare const InputGroup: typeof InputGroup$1 & {
   Textarea: typeof InputGroupTextarea;
   Button: typeof InputGroupButton;
 };
+/** https://ui.shadcn.com/docs/components/base/avatar */
+export declare const Avatar: typeof Avatar$1 & {
+  Image: typeof AvatarImage;
+  Badge: typeof AvatarBadge;
+  Fallback: typeof AvatarFallback;
+  Group: typeof AvatarGroup;
+  GroupCount: typeof AvatarGroupCount;
+};
 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

@@ -14,12 +14,14 @@ import { CascaderBack, CascaderBreadcrumb, CascaderInput, CascaderNav, CascaderV
 import { CascaderVirtualItems } from "../vendor/reui.io/cascader/cascader-virtual.mjs";
 import { Frame as Frame$1, FrameDescription, FrameFooter, FrameHeader, FramePanel, FrameTitle } from "../vendor/reui.io/frame.mjs";
 import { Timeline as Timeline$1, TimelineContent, TimelineDate, TimelineHeader, TimelineIndicator, TimelineItem, TimelineSeparator, TimelineTitle } from "../vendor/reui.io/timeline.mjs";
+import { Avatar as Avatar$1, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage } from "../vendor/shadcn/avatar.mjs";
 import { Breadcrumb as Breadcrumb$1, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "../vendor/shadcn/breadcrumb.mjs";
 import { Separator } from "../vendor/shadcn/separator.mjs";
 import { ButtonGroup as ButtonGroup$1, ButtonGroupSeparator, ButtonGroupText } from "../vendor/shadcn/button-group.mjs";
 import { Input } from "../vendor/shadcn/input.mjs";
 import { Textarea } from "../vendor/shadcn/textarea.mjs";
 import { Combobox as Combobox$1, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxValue } from "../vendor/shadcn/combobox.mjs";
+import { ContextMenu as ContextMenu$1, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from "../vendor/shadcn/context-menu.mjs";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "../vendor/shadcn/dropdown-menu.mjs";
 import { Field as Field$1, FieldDescription, FieldError, FieldLabel } from "../vendor/shadcn/field.mjs";
 import { Label } from "../vendor/shadcn/label.mjs";
@@ -53,7 +55,7 @@ const Kbd = /* @__PURE__ */ Object.assign(Kbd$1, { Group: KbdGroup });
 const Tabs = /* @__PURE__ */ Object.assign(Tabs$1, {
 	List: TabsList,
 	Trigger: TabsTrigger,
-	Content: TabsContent
+	Panel: TabsContent
 });
 /** https://coss.com/ui/docs/components/card */
 const Card = /* @__PURE__ */ Object.assign(Card$1, {
@@ -102,17 +104,17 @@ const Radio = /* @__PURE__ */ Object.assign(RadioGroupItem, { Group: RadioGroup
 const Select = /* @__PURE__ */ Object.assign(Select$1, {
 	Trigger: SelectTrigger,
 	Value: SelectValue,
-	Content: SelectContent,
-	Separator: SelectSeparator,
+	Popup: SelectContent,
 	Group: SelectGroup,
+	Separator: SelectSeparator,
 	Label: SelectLabel,
 	Item: SelectItem
 });
 /** https://coss.com/ui/docs/components/drawer */
 const Drawer = /* @__PURE__ */ Object.assign(Drawer$1, {
 	Trigger: DrawerTrigger,
-	Close: DrawerClose,
 	Popup: DrawerPopup,
+	Close: DrawerClose,
 	Header: DrawerHeader,
 	Panel: DrawerPanel,
 	Footer: DrawerFooter,
@@ -122,8 +124,8 @@ const Drawer = /* @__PURE__ */ Object.assign(Drawer$1, {
 /** https://coss.com/ui/docs/components/dialog */
 const Dialog = /* @__PURE__ */ Object.assign(Dialog$1, {
 	Trigger: DialogTrigger,
-	Close: DialogClose,
 	Popup: DialogPopup,
+	Close: DialogClose,
 	Header: DialogHeader,
 	Panel: DialogPanel,
 	Footer: DialogFooter,
@@ -134,12 +136,12 @@ const Dialog = /* @__PURE__ */ Object.assign(Dialog$1, {
 const Tooltip = /* @__PURE__ */ Object.assign(Tooltip$1, {
 	Provider: TooltipProvider,
 	Trigger: TooltipTrigger,
-	Content: TooltipContent
+	Popup: TooltipContent
 });
 /** https://ui.shadcn.com/docs/components/base/popover */
 const Popover = /* @__PURE__ */ Object.assign(Popover$1, {
 	Trigger: PopoverTrigger,
-	Content: PopoverContent,
+	Popup: PopoverContent,
 	Title: PopoverTitle,
 	Description: PopoverDescription
 });
@@ -174,7 +176,7 @@ const Cascader = /* @__PURE__ */ Object.assign(Cascader$1, {
 /** https://ui.shadcn.com/docs/components/base/dropdown-menu */
 const Dropdown = /* @__PURE__ */ Object.assign(DropdownMenu, {
 	Trigger: DropdownMenuTrigger,
-	Content: DropdownMenuContent,
+	Popup: DropdownMenuContent,
 	Sub: DropdownMenuSub,
 	SubTrigger: DropdownMenuSubTrigger,
 	SubContent: DropdownMenuSubContent,
@@ -189,13 +191,13 @@ const Dropdown = /* @__PURE__ */ Object.assign(DropdownMenu, {
 });
 /** https://ui.shadcn.com/docs/components/base/combobox */
 const Combobox = /* @__PURE__ */ Object.assign(Combobox$1, {
-	Content: ComboboxContent,
+	Popup: ComboboxContent,
 	Empty: ComboboxEmpty,
 	List: ComboboxList,
 	Input: ComboboxInput,
+	Value: ComboboxValue,
 	ChipsInput: ComboboxChipsInput,
 	Chips: ComboboxChips,
-	Value: ComboboxValue,
 	Chip: ComboboxChip,
 	Group: ComboboxGroup,
 	GroupLabel: ComboboxLabel,
@@ -229,11 +231,27 @@ const Breadcrumb = /* @__PURE__ */ Object.assign(Breadcrumb$1, {
 	Ellipsis: BreadcrumbEllipsis,
 	Page: BreadcrumbPage
 });
+/** https://ui.shadcn.com/docs/components/base/context-menu */
+const ContextMenu = /* @__PURE__ */ Object.assign(ContextMenu$1, {
+	Trigger: ContextMenuTrigger,
+	Popup: ContextMenuContent,
+	Sub: ContextMenuSub,
+	SubTrigger: ContextMenuSubTrigger,
+	SubContent: ContextMenuSubContent,
+	Group: ContextMenuGroup,
+	GroupLabel: ContextMenuLabel,
+	Separator: ContextMenuSeparator,
+	Item: ContextMenuItem,
+	Shortcut: ContextMenuShortcut,
+	RadioItem: ContextMenuRadioItem,
+	RadioGroup: ContextMenuRadioGroup,
+	CheckboxItem: ContextMenuCheckboxItem
+});
 /** https://coss.com/ui/docs/components/alert-dialog */
 const AlertDialog = /* @__PURE__ */ Object.assign(AlertDialog$1, {
 	Trigger: AlertDialogTrigger,
-	Close: AlertDialogClose,
 	Popup: AlertDialogPopup,
+	Close: AlertDialogClose,
 	Header: AlertDialogHeader,
 	Footer: AlertDialogFooter,
 	Title: AlertDialogTitle,
@@ -252,4 +270,12 @@ const InputGroup = /* @__PURE__ */ Object.assign(InputGroup$1, {
 	Textarea: InputGroupTextarea,
 	Button: InputGroupButton
 });
-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 };
+/** https://ui.shadcn.com/docs/components/base/avatar */
+const Avatar = /* @__PURE__ */ Object.assign(Avatar$1, {
+	Image: AvatarImage,
+	Badge: AvatarBadge,
+	Fallback: AvatarFallback,
+	Group: AvatarGroup,
+	GroupCount: AvatarGroupCount
+});
+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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deftui/react",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/KiriRainCat/deftui.git",
@@ -38,10 +38,10 @@
     "cn": "^0.5.2",
     "date-fns": "^4.4.0",
     "embla-carousel-react": "^8.6.0",
-    "lucide-react": "^1.70.0",
-    "motion": "^14.10.1",
-    "radashi": "^13.0.2",
-    "react-dropzone": "^20.1.4",
+    "lucide-react": "^1.72.0",
+    "motion": "^14.13.0",
+    "radashi": "^13.0.4",
+    "react-dropzone": "^20.2.0",
     "tw-animate-css": "^1.4.0"
   },
   "devDependencies": {