@deftui/react 0.0.6 → 0.1.1

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,9 +1,9 @@
 import { cn } from "cn";
 import { mergeProps } from "@base-ui/react/merge-props";
 import "react";
+import { useRender } from "@base-ui/react/use-render";
 import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useRender } from "@base-ui/react/use-render";
 // src/vendor/shadcn/breadcrumb.tsx
 function Breadcrumb({ className, ...props }) {
 	return /* @__PURE__ */ jsx("nav", {

package/dist/vendor/shadcn/button-group.mjs

@@ -2,8 +2,8 @@ import { Separator } from "./separator.mjs";
 import { cn } from "cn";
 import { cva } from "class-variance-authority";
 import { mergeProps } from "@base-ui/react/merge-props";
-import { jsx } from "react/jsx-runtime";
 import { useRender } from "@base-ui/react/use-render";
+import { jsx } from "react/jsx-runtime";
 // src/vendor/shadcn/button-group.tsx
 const buttonGroupVariants = cva("flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
 	variants: { orientation: {

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.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 { CheckIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+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/direction.mjs

@@ -0,0 +1,2 @@
+"use client";
+export { useDirection } from "@base-ui/react/direction-provider";

package/dist/vendor/shadcn/sidebar.mjs

@@ -9,9 +9,9 @@ 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 { useRender } from "@base-ui/react/use-render";
 import { PanelLeftIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useRender } from "@base-ui/react/use-render";
 // src/vendor/shadcn/sidebar.tsx
 const SIDEBAR_COOKIE_NAME = "sidebar_state";
 const SIDEBAR_COOKIE_MAX_AGE = 604800;

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/vendor/tailored/lightbox.mjs

@@ -6,9 +6,9 @@ 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 { useRender } from "@base-ui/react/use-render";
 import { ChevronLeftIcon, ChevronRightIcon, DownloadIcon, EllipsisIcon, ImageOffIcon, XIcon, ZoomInIcon, ZoomOutIcon } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useRender } from "@base-ui/react/use-render";
 import { Dialog } from "@base-ui/react/dialog";
 import { Menu } from "@base-ui/react/menu";
 import { animate, useReducedMotion } from "motion/react";

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.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

@@ -1,7 +1,7 @@
 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 { CalendarIcon } from "lucide-react";

package/dist/widgets/index.d.mts

@@ -1,13 +1,15 @@
+import { FileUpload as FileUpload$1, FileUploadClear, FileUploadDropzone, FileUploadItem, FileUploadItemDelete, FileUploadItemMetadata, FileUploadItemPreview, FileUploadItemProgress, FileUploadList, FileUploadTrigger } from "../vendor/diceui/file-upload.mjs";
+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";
 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";
 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";
@@ -33,22 +35,21 @@ import { DatePicker, DateRange, DateRangePicker, TimePicker } from "./datetime-p
 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";
 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 +58,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 +70,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 +78,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 +90,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 +99,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 +109,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;
@@ -142,15 +133,30 @@ 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 & {
-  Root: 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 AlertDialog: typeof AlertDialog$1 & {
-  Root: typeof AlertDialog$1;
   Trigger: typeof AlertDialogTrigger;
   Close: typeof AlertDialogCancel;
   Action: typeof AlertDialogAction;
@@ -161,31 +167,25 @@ 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;
   Textarea: typeof InputGroupTextarea;
   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;
-  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 declare const FileUpload: typeof FileUpload$1 & {
+  Dropzone: typeof FileUploadDropzone;
+  Trigger: typeof FileUploadTrigger;
+  List: typeof FileUploadList;
+  Item: typeof FileUploadItem;
+  ItemPreview: typeof FileUploadItemPreview;
+  ItemMetadata: typeof FileUploadItemMetadata;
+  ItemProgress: typeof FileUploadItemProgress;
+  ItemDelete: typeof FileUploadItemDelete;
+  Clear: typeof FileUploadClear;
+};
+export { type AlertDialogHandle, Badge, Breadcrumb, Button, Carousel, Checkbox, 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, Skeleton, Spinner, Switch, Textarea, TimePicker, Toaster as ToastProvider, createAlertDialogHandle, createComboboxItems, createDialogHandle, createDrawerHandle, toast, type useLightbox, useSidebar };

package/dist/widgets/index.mjs

@@ -1,8 +1,11 @@
+import { FileUpload as FileUpload$1, FileUploadClear, FileUploadDropzone, FileUploadItem, FileUploadItemDelete, FileUploadItemMetadata, FileUploadItemPreview, FileUploadItemProgress, FileUploadList, FileUploadTrigger } from "../vendor/diceui/file-upload.mjs";
+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";
 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";
@@ -11,7 +14,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";
@@ -23,6 +25,7 @@ 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";
@@ -31,22 +34,18 @@ import { Carousel, Image, Lightbox } from "./multimedia.mjs";
 import { DatePicker, DateRangePicker, TimePicker } from "./datetime-picker.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";
 // 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 +54,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 +66,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 +73,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 +84,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 +93,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 +103,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,
@@ -140,15 +127,28 @@ 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, {
-	Root: Progress$1,
 	Label: ProgressLabel,
 	Value: ProgressValue,
 	Track: ProgressTrack,
 	Indicator: ProgressIndicator
 });
+const Calendar = /* @__PURE__ */ Object.assign(Calendar$1, { DayButton: CalendarDayButton });
 const AlertDialog = /* @__PURE__ */ Object.assign(AlertDialog$1, {
-	Root: AlertDialog$1,
 	Trigger: AlertDialogTrigger,
 	Close: AlertDialogCancel,
 	Action: AlertDialogAction,
@@ -159,31 +159,25 @@ 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,
 	Textarea: InputGroupTextarea,
 	Button: InputGroupButton
 });
-const Combobox = /* @__PURE__ */ Object.assign(Combobox$1, {
-	Root: 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 };
+const FileUpload = /* @__PURE__ */ Object.assign(FileUpload$1, {
+	Dropzone: FileUploadDropzone,
+	Trigger: FileUploadTrigger,
+	List: FileUploadList,
+	Item: FileUploadItem,
+	ItemPreview: FileUploadItemPreview,
+	ItemMetadata: FileUploadItemMetadata,
+	ItemProgress: FileUploadItemProgress,
+	ItemDelete: FileUploadItemDelete,
+	Clear: FileUploadClear
+});
+export { AlertDialog, Badge, Breadcrumb, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, Combobox, DatePicker, DateRangePicker, Dialog, Drawer, Dropdown, Empty, Field, FileUpload, 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, toast, useSidebar };

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.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/KiriRainCat/deftui.git",
@@ -34,6 +34,7 @@
   },
   "dependencies": {
     "@base-ui/react": "^1.9.0",
+    "@base-ui/utils": "^0.5.0",
     "@daypicker/react": "^10.0.2",
     "@fontsource-variable/inter": "^5.3.0",
     "class-variance-authority": "^0.7.1",

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 };