@deftui/react 0.1.0 → 0.1.2

package/dist/index.d.mts

@@ -11,20 +11,24 @@ import { Toaster, toast } from "./vendor/shadcn/toast.mjs";
 import { Input } from "./vendor/shadcn/input.mjs";
 import { useSidebar } from "./vendor/shadcn/sidebar.mjs";
 import { Sidebar } from "./widgets/sidebar.mjs";
-import { Breadcrumb } from "./widgets/breadcrumb.mjs";
-import { Pagination } from "./widgets/pagination.mjs";
+import { DatePicker, DateRange, DateRangePicker, TimePicker } from "./widgets/datetime.mjs";
+import { Dropzone, formatSize } from "./widgets/dropzone.mjs";
 import { LightboxActions, LightboxBackdrop, LightboxCaptions, LightboxChangeReason, LightboxClose, LightboxContent, LightboxControl, LightboxControlContext, LightboxCounter, LightboxDownload, LightboxImageChangeEventDetails, LightboxImageItem, LightboxItem, LightboxMore, LightboxNext, LightboxOpenEventDetails, LightboxPrevious, LightboxProps, LightboxSlide, LightboxSlides, LightboxThumbnail, LightboxThumbnails, LightboxToolbar, LightboxTrigger, LightboxTriggerProps, LightboxVideoItem, LightboxViewport, LightboxZoom, LightboxZoomButton, useLightbox } from "./vendor/tailored/lightbox.mjs";
 import { Carousel, Image, ImageProps, Lightbox } from "./widgets/multimedia.mjs";
-import { DatePicker, DateRange, DateRangePicker, TimePicker } from "./widgets/datetime-picker.mjs";
+import { Pagination } from "./widgets/pagination.mjs";
 import { Badge } from "./vendor/shadcn/badge.mjs";
 import { Switch } from "./vendor/shadcn/switch.mjs";
 import { Spinner } from "./vendor/shadcn/spinner.mjs";
+import { Skeleton } from "./vendor/shadcn/skeleton.mjs";
+import { Checkbox } from "./vendor/shadcn/checkbox.mjs";
 import { Textarea } from "./vendor/shadcn/textarea.mjs";
 import { ScrollArea } from "./vendor/coss/scroll-area.mjs";
 import { Form } from "./vendor/coss/form.mjs";
 import { IconSwap } from "./vendor/tailored/icon-swap.mjs";
-import { AlertDialog, ButtonGroup, Card, Combobox, Dialog, Drawer, Dropdown, Empty, Field, InputGroup, Kbd, Popover, Progress, Radio, Select, Table, Tabs, Tooltip } from "./widgets/index.mjs";
+import { AlertDialog, Breadcrumb, ButtonGroup, Calendar, Card, Combobox, Dialog, Drawer, Dropdown, Empty, Field, InputGroup, Kbd, Popover, Progress, Radio, Select, Table, Tabs, 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, type AlertDialogHandle, Badge, Breadcrumb, Button, ButtonGroup, Card, Carousel, Combobox, type ComboboxItemCollection, type ComboboxPrimitiveValue, type CreateComboboxItemsOptions, DatePicker, type DateRange, DateRangePicker, Dialog, type DialogHandle, Drawer, type DrawerHandle, Dropdown, Empty, Field, Form, IconSwap, Image, ImageProps, Input, InputGroup, 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, Spinner, Switch, Table, Tabs, Textarea, TimePicker, Toaster as ToastProvider, Tooltip, cn, createAlertDialogHandle, createComboboxItems, createDialogHandle, createDrawerHandle, cva, mergeProps, toast, useCopyToClipboard, useIsMobile, type useLightbox, useMediaQuery, useSidebar };
+import { useDropzone } from "react-dropzone";
+export type * from "react-dropzone";
+export { AlertDialog, type AlertDialogHandle, Badge, Breadcrumb, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, Combobox, type ComboboxItemCollection, type ComboboxPrimitiveValue, type CreateComboboxItemsOptions, DatePicker, type DateRange, DateRangePicker, Dialog, type DialogHandle, Drawer, type DrawerHandle, Dropdown, Dropzone, Empty, Field, Form, IconSwap, Image, ImageProps, Input, InputGroup, 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, Toaster as ToastProvider, Tooltip, cn, createAlertDialogHandle, createComboboxItems, createDialogHandle, createDrawerHandle, cva, formatSize, mergeProps, toast, useCopyToClipboard, useDropzone, useIsMobile, type useLightbox, useMediaQuery, useSidebar };

package/dist/index.mjs

@@ -11,19 +11,22 @@ import { createDialogHandle } from "./vendor/shadcn/dialog.mjs";
 import { createDrawerHandle } from "./vendor/shadcn/drawer.mjs";
 import { Label } from "./vendor/shadcn/label.mjs";
 import { Toaster, toast } from "./vendor/shadcn/toast.mjs";
+import { Skeleton } from "./vendor/shadcn/skeleton.mjs";
 import { useSidebar } from "./vendor/shadcn/sidebar.mjs";
 import { Sidebar } from "./widgets/sidebar.mjs";
-import { Breadcrumb } from "./widgets/breadcrumb.mjs";
-import { Pagination } from "./widgets/pagination.mjs";
+import { DatePicker, DateRangePicker, TimePicker } from "./widgets/datetime.mjs";
+import { Dropzone, formatSize } from "./widgets/dropzone.mjs";
 import { Carousel, Image, Lightbox } from "./widgets/multimedia.mjs";
-import { DatePicker, DateRangePicker, TimePicker } from "./widgets/datetime-picker.mjs";
+import { Pagination } from "./widgets/pagination.mjs";
 import { Badge } from "./vendor/shadcn/badge.mjs";
 import { Switch } from "./vendor/shadcn/switch.mjs";
+import { Checkbox } from "./vendor/shadcn/checkbox.mjs";
 import { ScrollArea } from "./vendor/coss/scroll-area.mjs";
 import { Form } from "./vendor/coss/form.mjs";
 import { IconSwap } from "./vendor/tailored/icon-swap.mjs";
-import { AlertDialog, ButtonGroup, Card, Combobox, Dialog, Drawer, Dropdown, Empty, Field, InputGroup, Kbd, Popover, Progress, Radio, Select, Table, Tabs, Tooltip } from "./widgets/index.mjs";
+import { AlertDialog, Breadcrumb, ButtonGroup, Calendar, Card, Combobox, Dialog, Drawer, Dropdown, Empty, Field, InputGroup, Kbd, Popover, Progress, Radio, Select, Table, Tabs, 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, Card, Carousel, Combobox, DatePicker, DateRangePicker, Dialog, Drawer, Dropdown, Empty, Field, Form, IconSwap, Image, Input, InputGroup, Kbd, Label, Lightbox, Pagination, Popover, Progress, Radio, ScrollArea, Select, Separator, Sidebar, Spinner, Switch, Table, Tabs, Textarea, TimePicker, Toaster as ToastProvider, Tooltip, cn, createAlertDialogHandle, createComboboxItems, createDialogHandle, createDrawerHandle, cva, mergeProps, toast, useCopyToClipboard, useIsMobile, useMediaQuery, useSidebar };
+import { useDropzone } from "react-dropzone";
+export { AlertDialog, Badge, Breadcrumb, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, Combobox, DatePicker, DateRangePicker, Dialog, Drawer, Dropdown, Dropzone, Empty, Field, Form, IconSwap, Image, Input, InputGroup, Kbd, Label, Lightbox, Pagination, Popover, Progress, Radio, ScrollArea, Select, Separator, Sidebar, Skeleton, Spinner, Switch, Table, Tabs, Textarea, TimePicker, Toaster as ToastProvider, Tooltip, cn, createAlertDialogHandle, createComboboxItems, createDialogHandle, createDrawerHandle, cva, formatSize, mergeProps, toast, useCopyToClipboard, useDropzone, useIsMobile, useMediaQuery, useSidebar };

package/dist/vendor/README.md

@@ -24,6 +24,7 @@ shadcn 组件使用 `components.json` 中的 `base-vega` 风格和 Lucide 图标
 | `calendar` | [shadcn/calendar.tsx](shadcn/calendar.tsx) | [Calendar](https://ui.shadcn.com/docs/components/base/calendar) | 将 `react-day-picker` 导入改为 `@daypicker/react` |
 | `card` | [shadcn/card.tsx](shadcn/card.tsx) | [Card](https://ui.shadcn.com/docs/components/base/card) | — |
 | `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) | 额外导出 `createComboboxItems` 及其类型 |
 | `dialog` | [shadcn/dialog.tsx](shadcn/dialog.tsx) | [Dialog](https://ui.shadcn.com/docs/components/base/dialog) | 额外导出 `createDialogHandle` 及其类型 |
 | `direction` | [shadcn/direction.tsx](shadcn/direction.tsx) | [Direction](https://ui.shadcn.com/docs/components/base/direction) | — |

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

@@ -1,7 +1,10 @@
 import { Button } from "./button.mjs";
 import * as React$1 from "react";
-import { DayPicker } from "@daypicker/react";
+import { DayButton, DayPicker, Locale } from "@daypicker/react";
 declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, locale, formatters, components, ...props }: React$1.ComponentProps<typeof DayPicker> & {
   buttonVariant?: React$1.ComponentProps<typeof Button>["variant"];
 }): React$1.JSX.Element;
-export { Calendar };
+declare function CalendarDayButton({ className, day, modifiers, locale, ...props }: React$1.ComponentProps<typeof DayButton> & {
+  locale?: Partial<Locale>;
+}): React$1.JSX.Element;
+export { Calendar, CalendarDayButton };

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

@@ -0,0 +1,3 @@
+import { Checkbox } from "@base-ui/react/checkbox";
+declare function Checkbox$1({ className, ...props }: Checkbox.Root.Props): import("react").JSX.Element;
+export { Checkbox$1 as Checkbox };

package/dist/vendor/shadcn/checkbox.mjs

@@ -0,0 +1,19 @@
+"use client";
+import { cn } from "cn";
+import { jsx } from "react/jsx-runtime";
+import { CheckIcon } from "lucide-react";
+import { Checkbox } from "@base-ui/react/checkbox";
+// src/vendor/shadcn/checkbox.tsx
+function Checkbox$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Checkbox.Root, {
+		"data-slot": "checkbox",
+		className: cn("peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input shadow-xs transition-shadow outline-none group-has-disabled/field:opacity-50 group-has-[:focus-visible]/field-label:ring-0 group-has-[:focus-visible]/field-label:not-data-checked:border-input after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground group-has-[:focus-visible]/field-label:data-checked:border-primary dark:data-checked:bg-primary", className),
+		...props,
+		children: /* @__PURE__ */ jsx(Checkbox.Indicator, {
+			"data-slot": "checkbox-indicator",
+			className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
+			children: /* @__PURE__ */ jsx(CheckIcon, {})
+		})
+	});
+}
+export { Checkbox$1 as Checkbox };

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

@@ -0,0 +1,2 @@
+declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+export { Skeleton };

package/dist/widgets/{datetime-picker.d.mts → datetime.d.mts}

@@ -1,6 +1,6 @@
 import { Button } from "../vendor/shadcn/button.mjs";
-import { Input } from "../vendor/shadcn/input.mjs";
 import { Calendar } from "../vendor/shadcn/calendar.mjs";
+import { Input } from "../vendor/shadcn/input.mjs";
 import { ComponentProps } from "react";
 import { DateRange } from "@daypicker/react";
 type PickerProps<T> = Omit<ComponentProps<typeof Button>, "children" | "render" | "value" | "defaultValue" | "onChange"> & {

package/dist/widgets/{datetime-picker.mjs → datetime.mjs}

@@ -1,13 +1,13 @@
 import { Button } from "../vendor/shadcn/button.mjs";
+import { Calendar } from "../vendor/shadcn/calendar.mjs";
 import { Input } from "../vendor/shadcn/input.mjs";
 import { Popover, PopoverContent, PopoverTrigger } from "../vendor/shadcn/popover.mjs";
-import { Calendar } from "../vendor/shadcn/calendar.mjs";
 import { cn } from "cn";
 import { useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { CalendarIcon } from "lucide-react";
 import { format } from "date-fns";
-// src/widgets/datetime-picker.tsx
+// src/widgets/datetime.tsx
 function TimePicker({ className, step = "1", ...props }) {
 	return /* @__PURE__ */ jsx(Input, {
 		...props,

package/dist/widgets/dropzone.d.mts

@@ -0,0 +1,6 @@
+import { DropzoneOptions } from "react-dropzone";
+import { ComponentProps } from "react";
+type DropzoneProps = DropzoneOptions & Omit<ComponentProps<"div">, keyof DropzoneOptions>;
+export declare function formatSize(bytes: number): string;
+export declare function Dropzone({ accept, minSize, maxSize, maxFiles, multiple, disabled, preventDropOnDocument, noClick, noKeyboard, noDrag, noDragEventsBubbling, noPaste, onDrop, onDropAccepted, onDropRejected, onDragEnter, onDragOver, onDragLeave, getFilesFromEvent, onFileDialogCancel, onFileDialogOpen, onError, validator, getErrorMessage, useFsAccessApi, autoFocus, children, className, ref, ...props }: DropzoneProps): import("react").JSX.Element;
+export {};

package/dist/widgets/dropzone.mjs

@@ -0,0 +1,98 @@
+"use client";
+import { buttonVariants } from "../vendor/shadcn/button.mjs";
+import { cn } from "cn";
+import { useDropzone } from "react-dropzone";
+import { useId, useImperativeHandle } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { UploadIcon } from "lucide-react";
+// src/widgets/dropzone.tsx
+function formatSize(bytes) {
+	const units = [
+		"B",
+		"KB",
+		"MB",
+		"GB",
+		"TB"
+	];
+	const index = bytes > 0 ? Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), units.length - 1) : 0;
+	return `${Number((bytes / 1024 ** index).toFixed(1))} ${units[index]}`;
+}
+function Dropzone({ accept, minSize, maxSize, maxFiles, multiple, disabled, preventDropOnDocument, noClick, noKeyboard, noDrag, noDragEventsBubbling, noPaste, onDrop, onDropAccepted, onDropRejected, onDragEnter, onDragOver, onDragLeave, getFilesFromEvent, onFileDialogCancel, onFileDialogOpen, onError, validator, getErrorMessage, useFsAccessApi, autoFocus, children, className, ref, ...props }) {
+	const { getRootProps, getInputProps, rootRef, isDragActive, isDragReject, isProcessing } = useDropzone({
+		accept,
+		minSize,
+		maxSize,
+		maxFiles,
+		multiple,
+		disabled,
+		preventDropOnDocument,
+		noClick,
+		noKeyboard,
+		noDrag,
+		noDragEventsBubbling,
+		noPaste,
+		onDrop,
+		onDropAccepted,
+		onDropRejected,
+		onDragEnter,
+		onDragOver,
+		onDragLeave,
+		getFilesFromEvent,
+		onFileDialogCancel,
+		onFileDialogOpen,
+		onError,
+		validator,
+		getErrorMessage,
+		useFsAccessApi,
+		autoFocus
+	});
+	useImperativeHandle(ref, () => rootRef.current);
+	const descriptionId = useId();
+	const limits = [multiple === false ? "单个文件" : maxFiles && maxFiles > 0 ? `最多 ${maxFiles} 个文件` : void 0, maxSize !== void 0 && Number.isFinite(maxSize) ? `每个不超过 ${formatSize(maxSize)}` : void 0].filter(Boolean);
+	return /* @__PURE__ */ jsxs("div", {
+		...getRootProps({
+			"role": "button",
+			"aria-label": children == null ? "选择文件" : void 0,
+			"data-slot": "dropzone",
+			"data-state": isDragReject ? "reject" : isDragActive ? "active" : "idle",
+			"data-disabled": disabled || void 0,
+			...props,
+			"aria-describedby": children == null ? [props["aria-describedby"], descriptionId].filter(Boolean).join(" ") : props["aria-describedby"],
+			"aria-busy": isProcessing || props["aria-busy"],
+			"className": cn("bg-background hover:bg-muted/30 focus-visible:border-ring focus-visible:ring-ring/50 data-[state=active]:border-ring data-[state=active]:bg-muted/50 data-[state=reject]:border-destructive data-[state=reject]:bg-destructive/5 data-[disabled]:hover:bg-background flex min-h-48 cursor-pointer flex-col items-center justify-center rounded-lg border-2 border-dashed px-6 py-6 text-center text-sm transition-colors outline-none focus-visible:ring-3 data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50", className)
+		}),
+		children: [/* @__PURE__ */ jsx("input", { ...getInputProps({
+			disabled,
+			"aria-hidden": true
+		}) }), children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx("span", {
+				"data-slot": "dropzone-icon",
+				className: "text-muted-foreground mb-2 grid size-11 place-items-center rounded-full border",
+				children: /* @__PURE__ */ jsx(UploadIcon, {
+					"aria-hidden": "true",
+					className: "size-5"
+				})
+			}),
+			/* @__PURE__ */ jsx("p", {
+				"data-slot": "dropzone-title",
+				className: "font-medium",
+				children: isDragReject ? "暂不支持这些文件" : isDragActive ? "松开以添加文件" : "将文件拖到此处"
+			}),
+			/* @__PURE__ */ jsxs("p", {
+				id: descriptionId,
+				"data-slot": "dropzone-description",
+				className: "text-muted-foreground mt-1 text-xs",
+				children: ["或点击选择", limits.length > 0 && `（${limits.join("，")}）`]
+			}),
+			/* @__PURE__ */ jsx("span", {
+				"data-slot": "dropzone-action",
+				className: cn(buttonVariants({
+					variant: "outline",
+					size: "sm"
+				}), "mt-4"),
+				children: "选择文件"
+			})
+		] })]
+	});
+}
+export { Dropzone, formatSize };

package/dist/widgets/index.d.mts

@@ -1,8 +1,10 @@
 import { Empty as Empty$1, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "../vendor/coss/empty.mjs";
 import { Button } from "../vendor/shadcn/button.mjs";
 import { AlertDialog as AlertDialog$1, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHandle, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, createAlertDialogHandle } from "../vendor/shadcn/alert-dialog.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 { Calendar as Calendar$1, CalendarDayButton } from "../vendor/shadcn/calendar.mjs";
 import { Card as Card$1, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "../vendor/shadcn/card.mjs";
 import { ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxItemCollection, ComboboxLabel, ComboboxList, ComboboxPrimitiveValue, ComboboxValue, CreateComboboxItemsOptions, createComboboxItems } from "../vendor/shadcn/combobox.mjs";
 import { Dialog as Dialog$1, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHandle, DialogHeader, DialogTitle, DialogTrigger, createDialogHandle } from "../vendor/shadcn/dialog.mjs";
@@ -25,14 +27,16 @@ import "./toast.mjs";
 import { Input } from "../vendor/shadcn/input.mjs";
 import { useSidebar } from "../vendor/shadcn/sidebar.mjs";
 import { Sidebar } from "./sidebar.mjs";
-import { Breadcrumb } from "./breadcrumb.mjs";
-import { Pagination } from "./pagination.mjs";
+import { DatePicker, DateRange, DateRangePicker, TimePicker } from "./datetime.mjs";
+import { Dropzone, formatSize } from "./dropzone.mjs";
 import { LightboxActions, LightboxBackdrop, LightboxCaptions, LightboxChangeReason, LightboxClose, LightboxContent, LightboxControl, LightboxControlContext, LightboxCounter, LightboxDownload, LightboxImageChangeEventDetails, LightboxImageItem, LightboxItem, LightboxMore, LightboxNext, LightboxOpenEventDetails, LightboxPrevious, LightboxProps, LightboxSlide, LightboxSlides, LightboxThumbnail, LightboxThumbnails, LightboxToolbar, LightboxTrigger, LightboxTriggerProps, LightboxVideoItem, LightboxViewport, LightboxZoom, LightboxZoomButton, useLightbox } from "../vendor/tailored/lightbox.mjs";
 import { Carousel, Image, ImageProps, Lightbox } from "./multimedia.mjs";
-import { DatePicker, DateRange, DateRangePicker, TimePicker } from "./datetime-picker.mjs";
+import { Pagination } from "./pagination.mjs";
 import { Badge } from "../vendor/shadcn/badge.mjs";
 import { Switch } from "../vendor/shadcn/switch.mjs";
 import { Spinner } from "../vendor/shadcn/spinner.mjs";
+import { Skeleton } from "../vendor/shadcn/skeleton.mjs";
+import { Checkbox } from "../vendor/shadcn/checkbox.mjs";
 import { Textarea } from "../vendor/shadcn/textarea.mjs";
 import { ScrollArea } from "../vendor/coss/scroll-area.mjs";
 import { Form } from "../vendor/coss/form.mjs";
@@ -129,12 +133,37 @@ export declare const Dropdown: typeof DropdownMenu & {
   RadioGroup: typeof DropdownMenuRadioGroup;
   CheckboxItem: typeof DropdownMenuCheckboxItem;
 };
+export declare const Combobox: typeof import("@base-ui/react").ComboboxRoot & {
+  Content: typeof ComboboxContent;
+  Empty: typeof ComboboxEmpty;
+  List: typeof ComboboxList;
+  Input: typeof ComboboxInput;
+  ChipsInput: typeof ComboboxChipsInput;
+  Chips: typeof ComboboxChips;
+  Value: typeof ComboboxValue;
+  Chip: typeof ComboboxChip;
+  Group: typeof ComboboxGroup;
+  GroupLabel: typeof ComboboxLabel;
+  GroupCollection: typeof ComboboxCollection;
+  Item: typeof ComboboxItem;
+};
 export declare const Progress: typeof Progress$1 & {
   Label: typeof ProgressLabel;
   Value: typeof ProgressValue;
   Track: typeof ProgressTrack;
   Indicator: typeof ProgressIndicator;
 };
+export declare const Calendar: typeof Calendar$1 & {
+  DayButton: typeof CalendarDayButton;
+};
+export declare const Breadcrumb: typeof Breadcrumb$1 & {
+  List: typeof BreadcrumbList;
+  Item: typeof BreadcrumbItem;
+  Separator: typeof BreadcrumbSeparator;
+  Link: typeof BreadcrumbLink;
+  Ellipsis: typeof BreadcrumbEllipsis;
+  Page: typeof BreadcrumbPage;
+};
 export declare const AlertDialog: typeof AlertDialog$1 & {
   Trigger: typeof AlertDialogTrigger;
   Close: typeof AlertDialogCancel;
@@ -156,18 +185,4 @@ export declare const InputGroup: typeof InputGroup$1 & {
   Textarea: typeof InputGroupTextarea;
   Button: typeof InputGroupButton;
 };
-export declare const Combobox: typeof import("@base-ui/react").ComboboxRoot & {
-  Content: typeof ComboboxContent;
-  Empty: typeof ComboboxEmpty;
-  List: typeof ComboboxList;
-  Input: typeof ComboboxInput;
-  ChipsInput: typeof ComboboxChipsInput;
-  Chips: typeof ComboboxChips;
-  Value: typeof ComboboxValue;
-  Chip: typeof ComboboxChip;
-  Group: typeof ComboboxGroup;
-  GroupLabel: typeof ComboboxLabel;
-  GroupCollection: typeof ComboboxCollection;
-  Item: typeof ComboboxItem;
-};
-export { type AlertDialogHandle, Badge, Breadcrumb, Button, Carousel, type ComboboxItemCollection, type ComboboxPrimitiveValue, type CreateComboboxItemsOptions, DatePicker, type DateRange, DateRangePicker, type DialogHandle, type DrawerHandle, Form, IconSwap, Image, ImageProps, Input, 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, Spinner, Switch, Textarea, TimePicker, Toaster as ToastProvider, createAlertDialogHandle, createComboboxItems, createDialogHandle, createDrawerHandle, toast, type useLightbox, useSidebar };
+export { type AlertDialogHandle, Badge, Button, Carousel, Checkbox, type ComboboxItemCollection, type ComboboxPrimitiveValue, type CreateComboboxItemsOptions, DatePicker, type DateRange, DateRangePicker, type DialogHandle, type DrawerHandle, Dropzone, Form, IconSwap, Image, ImageProps, Input, 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, createAlertDialogHandle, createComboboxItems, createDialogHandle, createDrawerHandle, formatSize, toast, type useLightbox, useSidebar };

package/dist/widgets/index.mjs

@@ -2,8 +2,10 @@ import { Empty as Empty$1, EmptyContent, EmptyDescription, EmptyHeader, EmptyMed
 import { Spinner } from "../vendor/shadcn/spinner.mjs";
 import { Button } from "../vendor/shadcn/button.mjs";
 import { AlertDialog as AlertDialog$1, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, createAlertDialogHandle } from "../vendor/shadcn/alert-dialog.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 { Calendar as Calendar$1, CalendarDayButton } from "../vendor/shadcn/calendar.mjs";
 import { Card as Card$1, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "../vendor/shadcn/card.mjs";
 import { Input } from "../vendor/shadcn/input.mjs";
 import { Textarea } from "../vendor/shadcn/textarea.mjs";
@@ -23,14 +25,16 @@ import { Table as Table$1, TableBody, TableCell, TableFooter, TableHead, TableHe
 import { Tabs as Tabs$1, TabsContent, TabsList, TabsTrigger } from "../vendor/shadcn/tabs.mjs";
 import { Tooltip as Tooltip$1, TooltipContent, TooltipProvider, TooltipTrigger } from "../vendor/shadcn/tooltip.mjs";
 import { Toaster, toast } from "../vendor/shadcn/toast.mjs";
+import { Skeleton } from "../vendor/shadcn/skeleton.mjs";
 import { useSidebar } from "../vendor/shadcn/sidebar.mjs";
 import { Sidebar } from "./sidebar.mjs";
-import { Breadcrumb } from "./breadcrumb.mjs";
-import { Pagination } from "./pagination.mjs";
+import { DatePicker, DateRangePicker, TimePicker } from "./datetime.mjs";
+import { Dropzone, formatSize } from "./dropzone.mjs";
 import { Carousel, Image, Lightbox } from "./multimedia.mjs";
-import { DatePicker, DateRangePicker, TimePicker } from "./datetime-picker.mjs";
+import { Pagination } from "./pagination.mjs";
 import { Badge } from "../vendor/shadcn/badge.mjs";
 import { Switch } from "../vendor/shadcn/switch.mjs";
+import { Checkbox } from "../vendor/shadcn/checkbox.mjs";
 import { ScrollArea } from "../vendor/coss/scroll-area.mjs";
 import { Form } from "../vendor/coss/form.mjs";
 import { IconSwap } from "../vendor/tailored/icon-swap.mjs";
@@ -123,12 +127,35 @@ const Dropdown = /* @__PURE__ */ Object.assign(DropdownMenu, {
 	RadioGroup: DropdownMenuRadioGroup,
 	CheckboxItem: DropdownMenuCheckboxItem
 });
+const Combobox = /* @__PURE__ */ Object.assign(Combobox$1, {
+	Content: ComboboxContent,
+	Empty: ComboboxEmpty,
+	List: ComboboxList,
+	Input: ComboboxInput,
+	ChipsInput: ComboboxChipsInput,
+	Chips: ComboboxChips,
+	Value: ComboboxValue,
+	Chip: ComboboxChip,
+	Group: ComboboxGroup,
+	GroupLabel: ComboboxLabel,
+	GroupCollection: ComboboxCollection,
+	Item: ComboboxItem
+});
 const Progress = /* @__PURE__ */ Object.assign(Progress$1, {
 	Label: ProgressLabel,
 	Value: ProgressValue,
 	Track: ProgressTrack,
 	Indicator: ProgressIndicator
 });
+const Calendar = /* @__PURE__ */ Object.assign(Calendar$1, { DayButton: CalendarDayButton });
+const Breadcrumb = /* @__PURE__ */ Object.assign(Breadcrumb$1, {
+	List: BreadcrumbList,
+	Item: BreadcrumbItem,
+	Separator: BreadcrumbSeparator,
+	Link: BreadcrumbLink,
+	Ellipsis: BreadcrumbEllipsis,
+	Page: BreadcrumbPage
+});
 const AlertDialog = /* @__PURE__ */ Object.assign(AlertDialog$1, {
 	Trigger: AlertDialogTrigger,
 	Close: AlertDialogCancel,
@@ -150,18 +177,4 @@ const InputGroup = /* @__PURE__ */ Object.assign(InputGroup$1, {
 	Textarea: InputGroupTextarea,
 	Button: InputGroupButton
 });
-const Combobox = /* @__PURE__ */ Object.assign(Combobox$1, {
-	Content: ComboboxContent,
-	Empty: ComboboxEmpty,
-	List: ComboboxList,
-	Input: ComboboxInput,
-	ChipsInput: ComboboxChipsInput,
-	Chips: ComboboxChips,
-	Value: ComboboxValue,
-	Chip: ComboboxChip,
-	Group: ComboboxGroup,
-	GroupLabel: ComboboxLabel,
-	GroupCollection: ComboboxCollection,
-	Item: ComboboxItem
-});
-export { AlertDialog, Badge, Breadcrumb, Button, ButtonGroup, Card, Carousel, Combobox, DatePicker, DateRangePicker, Dialog, Drawer, Dropdown, Empty, Field, Form, IconSwap, Image, Input, InputGroup, Kbd, Label, Lightbox, Pagination, Popover, Progress, Radio, ScrollArea, Select, Separator, Sidebar, Spinner, Switch, Table, Tabs, Textarea, TimePicker, Toaster as ToastProvider, Tooltip, createAlertDialogHandle, createComboboxItems, createDialogHandle, createDrawerHandle, toast, useSidebar };
+export { AlertDialog, Badge, Breadcrumb, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, Combobox, DatePicker, DateRangePicker, Dialog, Drawer, Dropdown, Dropzone, Empty, Field, Form, IconSwap, Image, Input, InputGroup, Kbd, Label, Lightbox, Pagination, Popover, Progress, Radio, ScrollArea, Select, Separator, Sidebar, Skeleton, Spinner, Switch, Table, Tabs, Textarea, TimePicker, Toaster as ToastProvider, Tooltip, createAlertDialogHandle, createComboboxItems, createDialogHandle, createDrawerHandle, formatSize, toast, useSidebar };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deftui/react",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/KiriRainCat/deftui.git",
@@ -43,6 +43,7 @@
     "lucide-react": "^1.62.0",
     "motion": "^14.7.1",
     "radashi": "^12.9.7",
+    "react-dropzone": "^20.1.4",
     "tw-animate-css": "^1.4.0"
   },
   "devDependencies": {

package/dist/widgets/breadcrumb.d.mts

@@ -1,16 +0,0 @@
-import { Breadcrumb as Breadcrumb$1, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "../vendor/shadcn/breadcrumb.mjs";
-import React from "react";
-type ASTProps = Omit<React.ComponentProps<typeof Breadcrumb$1>, "children"> & {
-  children: React.ReactElement | React.ReactElement[];
-};
-declare function BreadcrumbAST({ children, ...props }: ASTProps): React.JSX.Element;
-export declare const Breadcrumb: typeof Breadcrumb$1 & {
-  AST: typeof BreadcrumbAST;
-  List: typeof BreadcrumbList;
-  Item: typeof BreadcrumbItem;
-  Separator: typeof BreadcrumbSeparator;
-  Link: typeof BreadcrumbLink;
-  Ellipsis: typeof BreadcrumbEllipsis;
-  Page: typeof BreadcrumbPage;
-};
-export {};

package/dist/widgets/breadcrumb.mjs

@@ -1,21 +0,0 @@
-import { Breadcrumb as Breadcrumb$1, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "../vendor/shadcn/breadcrumb.mjs";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { castArray } from "radashi";
-// src/widgets/breadcrumb.tsx
-function BreadcrumbAST({ children, ...props }) {
-	return /* @__PURE__ */ jsx(Breadcrumb, {
-		...props,
-		children: /* @__PURE__ */ jsx(Breadcrumb.List, { children: castArray(children).map((item, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [index > 0 && /* @__PURE__ */ jsx(Breadcrumb.Separator, {}), /* @__PURE__ */ jsx(Breadcrumb.Item, { children: item })] }, item.key ?? index)) })
-	});
-}
-const Breadcrumb = /* @__PURE__ */ Object.assign(Breadcrumb$1, {
-	AST: BreadcrumbAST,
-	List: BreadcrumbList,
-	Item: BreadcrumbItem,
-	Separator: BreadcrumbSeparator,
-	Link: BreadcrumbLink,
-	Ellipsis: BreadcrumbEllipsis,
-	Page: BreadcrumbPage
-});
-export { Breadcrumb };