@deftui/react 0.0.6 → 0.1.0

package/dist/vendor/README.md

@@ -11,6 +11,7 @@ shadcn 组件使用 `components.json` 中的 `base-vega` 风格和 Lucide 图标
 
 | ID | File | Docs | Modifications |
 | --- | --- | --- | --- |
+| `@coss/empty` | [coss/empty.tsx](coss/empty.tsx) | [Empty](https://coss.com/ui/docs/components/empty) | — |
 | `@coss/form` | [coss/form.tsx](coss/form.tsx) | [Form](https://coss.com/ui/docs/components/form) | — |
 | `@coss/scroll-area` | [coss/scroll-area.tsx](coss/scroll-area.tsx) | [Scroll Area](https://coss.com/ui/docs/components/scroll-area) | — |
 | `@coss/use-copy-to-clipboard` | [coss/hooks/use-copy-to-clipboard.ts](coss/hooks/use-copy-to-clipboard.ts) | [useCopyToClipboard](https://coss.com/ui/docs/hooks/use-copy-to-clipboard) | — |
@@ -28,7 +29,6 @@ shadcn 组件使用 `components.json` 中的 `base-vega` 风格和 Lucide 图标
 | `direction` | [shadcn/direction.tsx](shadcn/direction.tsx) | [Direction](https://ui.shadcn.com/docs/components/base/direction) | — |
 | `drawer` | [shadcn/drawer.tsx](shadcn/drawer.tsx) | [Drawer](https://ui.shadcn.com/docs/components/base/drawer) | 额外导出 `createDrawerHandle` 及其类型 |
 | `dropdown-menu` | [shadcn/dropdown-menu.tsx](shadcn/dropdown-menu.tsx) | [Dropdown Menu](https://ui.shadcn.com/docs/components/base/dropdown-menu) | — |
-| `empty` | [shadcn/empty.tsx](shadcn/empty.tsx) | [Empty](https://ui.shadcn.com/docs/components/base/empty) | — |
 | `field` | [shadcn/field.tsx](shadcn/field.tsx) | [Field](https://ui.shadcn.com/docs/components/base/field) | — |
 | `input` | [shadcn/input.tsx](shadcn/input.tsx) | [Input](https://ui.shadcn.com/docs/components/base/input) | 参考 coss ui 处理自动填充的文字颜色，用背景色过渡抑制浏览器底色、内阴影绘制填充色 |
 | `input-group` | [shadcn/input-group.tsx](shadcn/input-group.tsx) | [Input Group](https://ui.shadcn.com/docs/components/base/input-group) | — |

package/dist/vendor/coss/empty.d.mts

@@ -0,0 +1,12 @@
+import { VariantProps } from "class-variance-authority";
+import React from "react";
+declare const emptyMediaVariants: (props?: ({
+  variant?: "default" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare function Empty({ className, ...props }: React.ComponentProps<"div">): React.ReactElement;
+export declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): React.ReactElement;
+export declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): React.ReactElement;
+export declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): React.ReactElement;
+export declare function EmptyDescription({ className, ...props }: React.ComponentProps<"p">): React.ReactElement;
+export declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): React.ReactElement;
+export {};

package/dist/vendor/coss/empty.mjs

@@ -0,0 +1,74 @@
+import { cn } from "../shadcn/lib/utils.mjs";
+import { cva } from "class-variance-authority";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/vendor/coss/empty.tsx
+const emptyMediaVariants = cva("flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+	defaultVariants: { variant: "default" },
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: "relative flex size-9 shrink-0 items-center justify-center rounded-md border bg-card not-dark:bg-clip-padding text-foreground shadow-sm/5 before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-md)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)] [&_svg:not([class*='size-'])]:size-4.5"
+	} }
+});
+function Empty({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex min-w-0 flex-1 flex-col items-center justify-center gap-6 text-balance px-6 py-12 text-center md:py-20", className),
+		"data-slot": "empty",
+		...props
+	});
+}
+function EmptyHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex max-w-sm flex-col items-center text-center", className),
+		"data-slot": "empty-header",
+		...props
+	});
+}
+function EmptyMedia({ className, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("relative mb-6", className),
+		"data-slot": "empty-media",
+		"data-variant": variant,
+		...props,
+		children: [variant === "icon" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+			"aria-hidden": "true",
+			className: cn(emptyMediaVariants({
+				className,
+				variant
+			}), "pointer-events-none absolute bottom-px origin-bottom-left -translate-x-0.5 -rotate-10 scale-84 shadow-none")
+		}), /* @__PURE__ */ jsx("div", {
+			"aria-hidden": "true",
+			className: cn(emptyMediaVariants({
+				className,
+				variant
+			}), "pointer-events-none absolute bottom-px origin-bottom-right translate-x-0.5 rotate-10 scale-84 shadow-none")
+		})] }), /* @__PURE__ */ jsx("div", {
+			className: cn(emptyMediaVariants({
+				className,
+				variant
+			})),
+			...props
+		})]
+	});
+}
+function EmptyTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("font-bold font-heading text-xl", className),
+		"data-slot": "empty-title",
+		...props
+	});
+}
+function EmptyDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("text-muted-foreground text-sm [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4 [[data-slot=empty-title]+&]:mt-1", className),
+		"data-slot": "empty-description",
+		...props
+	});
+}
+function EmptyContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex w-full min-w-0 max-w-sm flex-col items-center gap-4 text-balance text-sm", className),
+		"data-slot": "empty-content",
+		...props
+	});
+}
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };

package/dist/vendor/shadcn/alert-dialog.mjs

@@ -2,8 +2,8 @@
 import { Button } from "./button.mjs";
 import { cn } from "cn";
 import "react";
-import { AlertDialog } from "@base-ui/react/alert-dialog";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertDialog } from "@base-ui/react/alert-dialog";
 // src/vendor/shadcn/alert-dialog.tsx
 function AlertDialog$1({ ...props }) {
 	return /* @__PURE__ */ jsx(AlertDialog.Root, {

package/dist/vendor/shadcn/breadcrumb.mjs

@@ -1,8 +1,8 @@
 import { cn } from "cn";
 import { mergeProps } from "@base-ui/react/merge-props";
 import "react";
-import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
 import { useRender } from "@base-ui/react/use-render";
 // src/vendor/shadcn/breadcrumb.tsx
 function Breadcrumb({ className, ...props }) {

package/dist/vendor/shadcn/button.mjs

@@ -1,8 +1,8 @@
 import { Spinner } from "./spinner.mjs";
 import { cn } from "cn";
 import { cva } from "class-variance-authority";
-import { Button } from "@base-ui/react/button";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@base-ui/react/button";
 // src/vendor/shadcn/button.tsx
 const buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
 	variants: {

package/dist/vendor/shadcn/calendar.mjs

@@ -2,8 +2,8 @@
 import { Button, buttonVariants } from "./button.mjs";
 import { cn } from "cn";
 import * as React$1 from "react";
-import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import { jsx } from "react/jsx-runtime";
+import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import { DayPicker, getDefaultClassNames } from "@daypicker/react";
 // src/vendor/shadcn/calendar.tsx
 function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", locale, formatters, components, ...props }) {

package/dist/vendor/shadcn/carousel.mjs

@@ -2,8 +2,8 @@
 import { Button } from "./button.mjs";
 import { cn } from "cn";
 import * as React$1 from "react";
-import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import useEmblaCarousel from "embla-carousel-react";
 // src/vendor/shadcn/carousel.tsx
 const CarouselContext = React$1.createContext(null);

package/dist/vendor/shadcn/combobox.mjs

@@ -3,8 +3,8 @@ import { Button } from "./button.mjs";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "./input-group.mjs";
 import { cn } from "cn";
 import "react";
-import { CheckIcon, ChevronDownIcon, XIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, ChevronDownIcon, XIcon } from "lucide-react";
 import { Combobox } from "@base-ui/react";
 // src/vendor/shadcn/combobox.tsx
 const Combobox$1 = Combobox.Root;

package/dist/vendor/shadcn/dialog.mjs

@@ -2,8 +2,8 @@
 import { Button } from "./button.mjs";
 import { cn } from "cn";
 import "react";
-import { XIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { XIcon } from "lucide-react";
 import { Dialog } from "@base-ui/react/dialog";
 // src/vendor/shadcn/dialog.tsx
 function Dialog$1({ ...props }) {

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

@@ -1,8 +1,8 @@
 "use client";
 import { cn } from "cn";
 import "react";
-import { CheckIcon, ChevronRightIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, ChevronRightIcon } from "lucide-react";
 import { Menu } from "@base-ui/react/menu";
 // src/vendor/shadcn/dropdown-menu.tsx
 function DropdownMenu({ ...props }) {

package/dist/vendor/shadcn/pagination.mjs

@@ -1,8 +1,8 @@
 import { Button } from "./button.mjs";
 import { cn } from "cn";
 import "react";
-import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
 // src/vendor/shadcn/pagination.tsx
 function Pagination({ className, ...props }) {
 	return /* @__PURE__ */ jsx("nav", {

package/dist/vendor/shadcn/select.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { cn } from "cn";
 import "react";
-import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 import { Select } from "@base-ui/react/select";
 // src/vendor/shadcn/select.tsx
 const Select$1 = Select.Root;

package/dist/vendor/shadcn/sheet.mjs

@@ -2,8 +2,8 @@
 import { Button } from "./button.mjs";
 import { cn } from "cn";
 import "react";
-import { XIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { XIcon } from "lucide-react";
 import { Dialog } from "@base-ui/react/dialog";
 // src/vendor/shadcn/sheet.tsx
 function Sheet({ ...props }) {

package/dist/vendor/shadcn/sidebar.mjs

@@ -9,8 +9,8 @@ import { cn } from "cn";
 import { cva } from "class-variance-authority";
 import { mergeProps } from "@base-ui/react/merge-props";
 import * as React$1 from "react";
-import { PanelLeftIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { PanelLeftIcon } from "lucide-react";
 import { useRender } from "@base-ui/react/use-render";
 // src/vendor/shadcn/sidebar.tsx
 const SIDEBAR_COOKIE_NAME = "sidebar_state";

package/dist/vendor/shadcn/spinner.mjs

@@ -1,6 +1,6 @@
 import { cn } from "cn";
-import { Loader2Icon } from "lucide-react";
 import { jsx } from "react/jsx-runtime";
+import { Loader2Icon } from "lucide-react";
 // src/vendor/shadcn/spinner.tsx
 function Spinner({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Loader2Icon, {

package/dist/vendor/shadcn/toast.mjs

@@ -2,8 +2,8 @@
 import { Button } from "./button.mjs";
 import { cn } from "cn";
 import "react";
-import { CircleCheckIcon, InfoIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon, XIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { CircleCheckIcon, InfoIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon, XIcon } from "lucide-react";
 import { Toast } from "@base-ui/react/toast";
 // src/vendor/shadcn/toast.tsx
 const toast = Toast.createToastManager();

package/dist/vendor/tailored/lightbox.mjs

@@ -6,8 +6,8 @@ import { Skeleton } from "../shadcn/skeleton.mjs";
 import { cn } from "cn";
 import { mergeProps } from "@base-ui/react/merge-props";
 import * as React$1 from "react";
-import { ChevronLeftIcon, ChevronRightIcon, DownloadIcon, EllipsisIcon, ImageOffIcon, XIcon, ZoomInIcon, ZoomOutIcon } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeftIcon, ChevronRightIcon, DownloadIcon, EllipsisIcon, ImageOffIcon, XIcon, ZoomInIcon, ZoomOutIcon } from "lucide-react";
 import { useRender } from "@base-ui/react/use-render";
 import { Dialog } from "@base-ui/react/dialog";
 import { Menu } from "@base-ui/react/menu";

package/dist/widgets/breadcrumb.d.mts

@@ -6,7 +6,6 @@ type ASTProps = Omit<React.ComponentProps<typeof Breadcrumb$1>, "children"> & {
 declare function BreadcrumbAST({ children, ...props }: ASTProps): React.JSX.Element;
 export declare const Breadcrumb: typeof Breadcrumb$1 & {
   AST: typeof BreadcrumbAST;
-  Root: typeof Breadcrumb$1;
   List: typeof BreadcrumbList;
   Item: typeof BreadcrumbItem;
   Separator: typeof BreadcrumbSeparator;

package/dist/widgets/breadcrumb.mjs

@@ -11,7 +11,6 @@ function BreadcrumbAST({ children, ...props }) {
 }
 const Breadcrumb = /* @__PURE__ */ Object.assign(Breadcrumb$1, {
 	AST: BreadcrumbAST,
-	Root: Breadcrumb$1,
 	List: BreadcrumbList,
 	Item: BreadcrumbItem,
 	Separator: BreadcrumbSeparator,

package/dist/widgets/datetime-picker.mjs

@@ -4,8 +4,8 @@ import { Popover, PopoverContent, PopoverTrigger } from "../vendor/shadcn/popove
 import { Calendar } from "../vendor/shadcn/calendar.mjs";
 import { cn } from "cn";
 import { useState } from "react";
-import { CalendarIcon } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { CalendarIcon } from "lucide-react";
 import { format } from "date-fns";
 // src/widgets/datetime-picker.tsx
 function TimePicker({ className, step = "1", ...props }) {

package/dist/widgets/index.d.mts

@@ -1,3 +1,4 @@
+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 { Separator } from "../vendor/shadcn/separator.mjs";
@@ -7,7 +8,6 @@ import { ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, Co
 import { Dialog as Dialog$1, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHandle, DialogHeader, DialogTitle, DialogTrigger, createDialogHandle } from "../vendor/shadcn/dialog.mjs";
 import { Drawer as Drawer$1, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHandle, DrawerHeader, DrawerTitle, DrawerTrigger, createDrawerHandle } from "../vendor/shadcn/drawer.mjs";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "../vendor/shadcn/dropdown-menu.mjs";
-import { Empty as Empty$1, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "../vendor/shadcn/empty.mjs";
 import { Label } from "../vendor/shadcn/label.mjs";
 import { Field as Field$1, FieldDescription, FieldError, FieldLabel } from "../vendor/shadcn/field.mjs";
 import { InputGroup as InputGroup$1, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "../vendor/shadcn/input-group.mjs";
@@ -38,17 +38,14 @@ import { ScrollArea } from "../vendor/coss/scroll-area.mjs";
 import { Form } from "../vendor/coss/form.mjs";
 import { IconSwap } from "../vendor/tailored/icon-swap.mjs";
 export declare const Kbd: typeof Kbd$1 & {
-  Root: typeof Kbd$1;
   Group: typeof KbdGroup;
 };
 export declare const Tabs: typeof Tabs$1 & {
-  Root: typeof Tabs$1;
   List: typeof TabsList;
   Trigger: typeof TabsTrigger;
   Content: typeof TabsContent;
 };
 export declare const Card: typeof Card$1 & {
-  Root: typeof Card$1;
   Header: typeof CardHeader;
   Content: typeof CardContent;
   Footer: typeof CardFooter;
@@ -57,13 +54,11 @@ export declare const Card: typeof Card$1 & {
   Description: typeof CardDescription;
 };
 export declare const Field: typeof Field$1 & {
-  Root: typeof Field$1;
   Label: typeof FieldLabel;
   Description: typeof FieldDescription;
   Error: typeof FieldError;
 };
 export declare const Empty: typeof Empty$1 & {
-  Root: typeof Empty$1;
   Header: typeof EmptyHeader;
   Content: typeof EmptyContent;
   Media: typeof EmptyMedia;
@@ -71,7 +66,6 @@ export declare const Empty: typeof Empty$1 & {
   Description: typeof EmptyDescription;
 };
 export declare const Table: typeof Table$1 & {
-  Root: typeof Table$1;
   Header: typeof TableHeader;
   Body: typeof TableBody;
   Footer: typeof TableFooter;
@@ -80,11 +74,9 @@ export declare const Table: typeof Table$1 & {
   Cell: typeof TableCell;
 };
 export declare const Radio: typeof RadioGroupItem & {
-  Root: typeof RadioGroupItem;
   Group: typeof RadioGroup;
 };
 export declare const Select: typeof import("@base-ui/react").SelectRoot & {
-  Root: typeof import("@base-ui/react").SelectRoot;
   Trigger: typeof SelectTrigger;
   Value: typeof SelectValue;
   Content: typeof SelectContent;
@@ -94,7 +86,6 @@ export declare const Select: typeof import("@base-ui/react").SelectRoot & {
   Item: typeof SelectItem;
 };
 export declare const Drawer: typeof Drawer$1 & {
-  Root: typeof Drawer$1;
   Trigger: typeof DrawerTrigger;
   Close: typeof DrawerClose;
   Content: typeof DrawerContent;
@@ -104,7 +95,6 @@ export declare const Drawer: typeof Drawer$1 & {
   Description: typeof DrawerDescription;
 };
 export declare const Dialog: typeof Dialog$1 & {
-  Root: typeof Dialog$1;
   Trigger: typeof DialogTrigger;
   Close: typeof DialogClose;
   Content: typeof DialogContent;
@@ -115,19 +105,16 @@ export declare const Dialog: typeof Dialog$1 & {
 };
 export declare const Tooltip: typeof Tooltip$1 & {
   Provider: typeof TooltipProvider;
-  Root: typeof Tooltip$1;
   Trigger: typeof TooltipTrigger;
   Content: typeof TooltipContent;
 };
 export declare const Popover: typeof Popover$1 & {
-  Root: typeof Popover$1;
   Trigger: typeof PopoverTrigger;
   Content: typeof PopoverContent;
   Title: typeof PopoverTitle;
   Description: typeof PopoverDescription;
 };
 export declare const Dropdown: typeof DropdownMenu & {
-  Root: typeof DropdownMenu;
   Trigger: typeof DropdownMenuTrigger;
   Content: typeof DropdownMenuContent;
   Sub: typeof DropdownMenuSub;
@@ -143,14 +130,12 @@ export declare const Dropdown: typeof DropdownMenu & {
   CheckboxItem: typeof DropdownMenuCheckboxItem;
 };
 export declare const Progress: typeof Progress$1 & {
-  Root: typeof Progress$1;
   Label: typeof ProgressLabel;
   Value: typeof ProgressValue;
   Track: typeof ProgressTrack;
   Indicator: typeof ProgressIndicator;
 };
 export declare const AlertDialog: typeof AlertDialog$1 & {
-  Root: typeof AlertDialog$1;
   Trigger: typeof AlertDialogTrigger;
   Close: typeof AlertDialogCancel;
   Action: typeof AlertDialogAction;
@@ -161,12 +146,10 @@ export declare const AlertDialog: typeof AlertDialog$1 & {
   Description: typeof AlertDialogDescription;
 };
 export declare const ButtonGroup: typeof ButtonGroup$1 & {
-  Root: typeof ButtonGroup$1;
   Text: typeof ButtonGroupText;
   Separator: typeof ButtonGroupSeparator;
 };
 export declare const InputGroup: typeof InputGroup$1 & {
-  Root: typeof InputGroup$1;
   Addon: typeof InputGroupAddon;
   AddonText: typeof InputGroupText;
   Input: typeof InputGroupInput;
@@ -174,7 +157,6 @@ export declare const InputGroup: typeof InputGroup$1 & {
   Button: typeof InputGroupButton;
 };
 export declare const Combobox: typeof import("@base-ui/react").ComboboxRoot & {
-  Root: typeof import("@base-ui/react").ComboboxRoot;
   Content: typeof ComboboxContent;
   Empty: typeof ComboboxEmpty;
   List: typeof ComboboxList;

package/dist/widgets/index.mjs

@@ -1,3 +1,4 @@
+import { Empty as Empty$1, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "../vendor/coss/empty.mjs";
 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";
@@ -11,7 +12,6 @@ import { Combobox as Combobox$1, ComboboxChip, ComboboxChips, ComboboxChipsInput
 import { Dialog as Dialog$1, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, createDialogHandle } from "../vendor/shadcn/dialog.mjs";
 import { Drawer as Drawer$1, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, createDrawerHandle } from "../vendor/shadcn/drawer.mjs";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "../vendor/shadcn/dropdown-menu.mjs";
-import { Empty as Empty$1, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "../vendor/shadcn/empty.mjs";
 import { Label } from "../vendor/shadcn/label.mjs";
 import { Field as Field$1, FieldDescription, FieldError, FieldLabel } from "../vendor/shadcn/field.mjs";
 import { Kbd as Kbd$1, KbdGroup } from "../vendor/shadcn/kbd.mjs";
@@ -35,18 +35,13 @@ import { ScrollArea } from "../vendor/coss/scroll-area.mjs";
 import { Form } from "../vendor/coss/form.mjs";
 import { IconSwap } from "../vendor/tailored/icon-swap.mjs";
 // src/widgets/index.ts
-const Kbd = /* @__PURE__ */ Object.assign(Kbd$1, {
-	Root: Kbd$1,
-	Group: KbdGroup
-});
+const Kbd = /* @__PURE__ */ Object.assign(Kbd$1, { Group: KbdGroup });
 const Tabs = /* @__PURE__ */ Object.assign(Tabs$1, {
-	Root: Tabs$1,
 	List: TabsList,
 	Trigger: TabsTrigger,
 	Content: TabsContent
 });
 const Card = /* @__PURE__ */ Object.assign(Card$1, {
-	Root: Card$1,
 	Header: CardHeader,
 	Content: CardContent,
 	Footer: CardFooter,
@@ -55,13 +50,11 @@ const Card = /* @__PURE__ */ Object.assign(Card$1, {
 	Description: CardDescription
 });
 const Field = /* @__PURE__ */ Object.assign(Field$1, {
-	Root: Field$1,
 	Label: FieldLabel,
 	Description: FieldDescription,
 	Error: FieldError
 });
 const Empty = /* @__PURE__ */ Object.assign(Empty$1, {
-	Root: Empty$1,
 	Header: EmptyHeader,
 	Content: EmptyContent,
 	Media: EmptyMedia,
@@ -69,7 +62,6 @@ const Empty = /* @__PURE__ */ Object.assign(Empty$1, {
 	Description: EmptyDescription
 });
 const Table = /* @__PURE__ */ Object.assign(Table$1, {
-	Root: Table$1,
 	Header: TableHeader,
 	Body: TableBody,
 	Footer: TableFooter,
@@ -77,12 +69,8 @@ const Table = /* @__PURE__ */ Object.assign(Table$1, {
 	Head: TableHead,
 	Cell: TableCell
 });
-const Radio = /* @__PURE__ */ Object.assign(RadioGroupItem, {
-	Root: RadioGroupItem,
-	Group: RadioGroup
-});
+const Radio = /* @__PURE__ */ Object.assign(RadioGroupItem, { Group: RadioGroup });
 const Select = /* @__PURE__ */ Object.assign(Select$1, {
-	Root: Select$1,
 	Trigger: SelectTrigger,
 	Value: SelectValue,
 	Content: SelectContent,
@@ -92,7 +80,6 @@ const Select = /* @__PURE__ */ Object.assign(Select$1, {
 	Item: SelectItem
 });
 const Drawer = /* @__PURE__ */ Object.assign(Drawer$1, {
-	Root: Drawer$1,
 	Trigger: DrawerTrigger,
 	Close: DrawerClose,
 	Content: DrawerContent,
@@ -102,7 +89,6 @@ const Drawer = /* @__PURE__ */ Object.assign(Drawer$1, {
 	Description: DrawerDescription
 });
 const Dialog = /* @__PURE__ */ Object.assign(Dialog$1, {
-	Root: Dialog$1,
 	Trigger: DialogTrigger,
 	Close: DialogClose,
 	Content: DialogContent,
@@ -113,19 +99,16 @@ const Dialog = /* @__PURE__ */ Object.assign(Dialog$1, {
 });
 const Tooltip = /* @__PURE__ */ Object.assign(Tooltip$1, {
 	Provider: TooltipProvider,
-	Root: Tooltip$1,
 	Trigger: TooltipTrigger,
 	Content: TooltipContent
 });
 const Popover = /* @__PURE__ */ Object.assign(Popover$1, {
-	Root: Popover$1,
 	Trigger: PopoverTrigger,
 	Content: PopoverContent,
 	Title: PopoverTitle,
 	Description: PopoverDescription
 });
 const Dropdown = /* @__PURE__ */ Object.assign(DropdownMenu, {
-	Root: DropdownMenu,
 	Trigger: DropdownMenuTrigger,
 	Content: DropdownMenuContent,
 	Sub: DropdownMenuSub,
@@ -141,14 +124,12 @@ const Dropdown = /* @__PURE__ */ Object.assign(DropdownMenu, {
 	CheckboxItem: DropdownMenuCheckboxItem
 });
 const Progress = /* @__PURE__ */ Object.assign(Progress$1, {
-	Root: Progress$1,
 	Label: ProgressLabel,
 	Value: ProgressValue,
 	Track: ProgressTrack,
 	Indicator: ProgressIndicator
 });
 const AlertDialog = /* @__PURE__ */ Object.assign(AlertDialog$1, {
-	Root: AlertDialog$1,
 	Trigger: AlertDialogTrigger,
 	Close: AlertDialogCancel,
 	Action: AlertDialogAction,
@@ -159,12 +140,10 @@ const AlertDialog = /* @__PURE__ */ Object.assign(AlertDialog$1, {
 	Description: AlertDialogDescription
 });
 const ButtonGroup = /* @__PURE__ */ Object.assign(ButtonGroup$1, {
-	Root: ButtonGroup$1,
 	Text: ButtonGroupText,
 	Separator: ButtonGroupSeparator
 });
 const InputGroup = /* @__PURE__ */ Object.assign(InputGroup$1, {
-	Root: InputGroup$1,
 	Addon: InputGroupAddon,
 	AddonText: InputGroupText,
 	Input: InputGroupInput,
@@ -172,7 +151,6 @@ const InputGroup = /* @__PURE__ */ Object.assign(InputGroup$1, {
 	Button: InputGroupButton
 });
 const Combobox = /* @__PURE__ */ Object.assign(Combobox$1, {
-	Root: Combobox$1,
 	Content: ComboboxContent,
 	Empty: ComboboxEmpty,
 	List: ComboboxList,

package/dist/widgets/multimedia.d.mts

@@ -2,12 +2,10 @@ import { Carousel as Carousel$1, CarouselContent, CarouselItem, CarouselNext, Ca
 import { Lightbox as Lightbox$1, 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 { ComponentProps, ReactNode } from "react";
 export declare const Lightbox: typeof Lightbox$1 & {
-  Root: typeof Lightbox$1;
   Trigger: typeof LightboxTrigger;
   Content: typeof LightboxContent;
 };
 export declare const Carousel: typeof Carousel$1 & {
-  Root: typeof Carousel$1;
   Content: typeof CarouselContent;
   Previous: typeof CarouselPrevious;
   Next: typeof CarouselNext;

package/dist/widgets/multimedia.mjs

@@ -5,12 +5,10 @@ import { useEffect, useImperativeHandle, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/widgets/multimedia.tsx
 const Lightbox = /* @__PURE__ */ Object.assign(Lightbox$1, {
-	Root: Lightbox$1,
 	Trigger: LightboxTrigger,
 	Content: LightboxContent
 });
 const Carousel = /* @__PURE__ */ Object.assign(Carousel$1, {
-	Root: Carousel$1,
 	Content: CarouselContent,
 	Previous: CarouselPrevious,
 	Next: CarouselNext,

package/dist/widgets/pagination.d.mts

@@ -1,6 +1,5 @@
 import { Pagination as Pagination$1, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "../vendor/shadcn/pagination.mjs";
 export declare const Pagination: typeof Pagination$1 & {
-  Root: typeof Pagination$1;
   Content: typeof PaginationContent;
   Item: typeof PaginationItem;
   Link: typeof PaginationLink;

package/dist/widgets/pagination.mjs

@@ -1,7 +1,6 @@
 import { Pagination as Pagination$1, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "../vendor/shadcn/pagination.mjs";
 // src/widgets/pagination.tsx
 const Pagination = /* @__PURE__ */ Object.assign(Pagination$1, {
-	Root: Pagination$1,
 	Content: PaginationContent,
 	Item: PaginationItem,
 	Link: PaginationLink,

package/dist/widgets/sidebar.d.mts

@@ -1,7 +1,6 @@
 import { Sidebar as Sidebar$1, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from "../vendor/shadcn/sidebar.mjs";
 export declare const Sidebar: typeof Sidebar$1 & {
   Provider: typeof SidebarProvider;
-  Root: typeof Sidebar$1;
   Inset: typeof SidebarInset;
   Trigger: typeof SidebarTrigger;
   Header: typeof SidebarHeader;

package/dist/widgets/sidebar.mjs

@@ -2,7 +2,6 @@ import { Sidebar as Sidebar$1, SidebarContent, SidebarFooter, SidebarGroup, Side
 // src/widgets/sidebar.tsx
 const Sidebar = /* @__PURE__ */ Object.assign(Sidebar$1, {
 	Provider: SidebarProvider,
-	Root: Sidebar$1,
 	Inset: SidebarInset,
 	Trigger: SidebarTrigger,
 	Header: SidebarHeader,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deftui/react",
-  "version": "0.0.6",
+  "version": "0.1.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/KiriRainCat/deftui.git",

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

@@ -1,11 +0,0 @@
-import { VariantProps } from "class-variance-authority";
-declare function Empty({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
-declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
-declare const emptyMediaVariants: (props?: ({
-  variant?: "default" | "icon" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): import("react").JSX.Element;
-declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
-declare function EmptyDescription({ className, ...props }: React.ComponentProps<"p">): import("react").JSX.Element;
-declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
-export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };

package/dist/vendor/shadcn/empty.mjs

@@ -1,58 +0,0 @@
-import { cn } from "cn";
-import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-// src/vendor/shadcn/empty.tsx
-function Empty({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "empty",
-		className: cn("flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-lg border-dashed p-12 text-center text-balance", className),
-		...props
-	});
-}
-function EmptyHeader({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "empty-header",
-		className: cn("flex max-w-sm flex-col items-center gap-2", className),
-		...props
-	});
-}
-const emptyMediaVariants = cva("mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
-	variants: { variant: {
-		default: "bg-transparent",
-		icon: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6"
-	} },
-	defaultVariants: { variant: "default" }
-});
-function EmptyMedia({ className, variant = "default", ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "empty-icon",
-		"data-variant": variant,
-		className: cn(emptyMediaVariants({
-			variant,
-			className
-		})),
-		...props
-	});
-}
-function EmptyTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "empty-title",
-		className: cn("text-lg font-medium tracking-tight", className),
-		...props
-	});
-}
-function EmptyDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "empty-description",
-		className: cn("text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
-		...props
-	});
-}
-function EmptyContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "empty-content",
-		className: cn("flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance", className),
-		...props
-	});
-}
-export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };