@deftui/react 0.2.2 → 0.2.4

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

@@ -1,6 +1,5 @@
 import * as React$1 from "react";
 import { Combobox } from "@base-ui/react";
-import { ComboboxItemCollection, ComboboxPrimitiveValue, ComboboxPrimitiveValue as ComboboxPrimitiveValue$1, CreateComboboxItemsOptions } from "@base-ui/react/combobox";
 declare function ComboboxValue({ ...props }: Combobox.Value.Props): React$1.JSX.Element;
 declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, ...props }: Combobox.Input.Props & {
   showTrigger?: boolean;
@@ -19,5 +18,4 @@ declare function ComboboxChip({ className, children, showRemove, ...props }: Com
   showRemove?: boolean;
 }): React$1.JSX.Element;
 declare function ComboboxChipsInput({ className, ...props }: Combobox.Input.Props): React$1.JSX.Element;
-export declare function createComboboxItems<Item, Value extends ComboboxPrimitiveValue>(...args: Parameters<typeof Combobox.createItems<Item, Value>>): ReturnType<typeof Combobox.createItems<Item, Value>>;
-export { ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, type ComboboxItemCollection, ComboboxLabel, ComboboxList, type ComboboxPrimitiveValue$1 as ComboboxPrimitiveValue, ComboboxSeparator, ComboboxValue, type CreateComboboxItemsOptions };
+export { ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxValue };

package/dist/vendor/shadcn/combobox.mjs

@@ -155,7 +155,4 @@ function ComboboxChipsInput({ className, ...props }) {
 		...props
 	});
 }
-function createComboboxItems(...args) {
-	return Combobox.createItems(...args);
-}
-export { Combobox$1 as Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, createComboboxItems };
+export { Combobox$1 as Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue };

package/dist/vendor/shadcn/sheet.mjs

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

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

@@ -1,7 +1,7 @@
 import { Button } from "./button.mjs";
+import { Input } from "./input.mjs";
 import { Separator } from "./separator.mjs";
 import { TooltipContent } from "./tooltip.mjs";
-import { Input } from "./input.mjs";
 import { VariantProps } from "class-variance-authority";
 import * as React$1 from "react";
 import { useRender } from "@base-ui/react/use-render";

package/dist/vendor/shadcn/sidebar.mjs

@@ -1,17 +1,17 @@
 "use client";
 import { useIsMobile } from "../coss/hooks/use-media-query.mjs";
 import { Button } from "./button.mjs";
-import { Separator } from "./separator.mjs";
 import { Input } from "./input.mjs";
-import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.mjs";
+import { Separator } from "./separator.mjs";
 import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "./sheet.mjs";
+import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.mjs";
 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 { jsx, jsxs } from "react/jsx-runtime";
-import { PanelLeftIcon } from "lucide-react";
 import { useRender } from "@base-ui/react/use-render";
+import { PanelLeftIcon } from "lucide-react";
 // src/vendor/shadcn/sidebar.tsx
 const SIDEBAR_COOKIE_NAME = "sidebar_state";
 const SIDEBAR_COOKIE_MAX_AGE = 604800;

package/dist/vendor/tailored/lightbox.d.mts

@@ -1,7 +1,7 @@
 import { Button } from "../shadcn/button.mjs";
 import * as React$1 from "react";
-import { useRender } from "@base-ui/react/use-render";
 import { Dialog } from "@base-ui/react/dialog";
+import { useRender } from "@base-ui/react/use-render";
 type LightboxOverlay = "blur" | "brightness";
 type LightboxDirection = "ltr" | "rtl";
 type LightboxChangeReason = "trigger-press" | "previous-press" | "next-press" | "thumbnail-press" | "swipe" | "keyboard" | "programmatic" | "items-change";

package/dist/vendor/tailored/lightbox.mjs

@@ -1,19 +1,19 @@
 "use client";
-import { Spinner } from "../shadcn/spinner.mjs";
 import { Button } from "../shadcn/button.mjs";
 import { DropdownMenu, DropdownMenuItem, DropdownMenuTrigger } from "../shadcn/dropdown-menu.mjs";
 import { Skeleton } from "../shadcn/skeleton.mjs";
+import { Spinner } from "../shadcn/spinner.mjs";
 import { cn } from "cn";
 import { mergeProps } from "@base-ui/react/merge-props";
 import * as React$1 from "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 { useRender } from "@base-ui/react/use-render";
+import { ChevronLeftIcon, ChevronRightIcon, DownloadIcon, EllipsisIcon, ImageOffIcon, XIcon, ZoomInIcon, ZoomOutIcon } from "lucide-react";
+import { ScrollArea } from "@base-ui/react/scroll-area";
 import { Menu } from "@base-ui/react/menu";
 import { animate, useReducedMotion } from "motion/react";
 import { flushSync } from "react-dom";
-import { ScrollArea } from "@base-ui/react/scroll-area";
 // src/vendor/tailored/lightbox.tsx
 const LIGHTBOX_STYLES = String.raw`
   /* Keep child modals' transparent input blockers above the viewer. */

package/dist/widgets/index.d.mts

@@ -1,16 +1,13 @@
+import { AlertDialogClose, AlertDialogContent as AlertDialogPopup, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPrimitive, AlertDialogTitle, AlertDialogTrigger } from "../vendor/coss/alert-dialog.mjs";
+import { DialogClose, DialogContent as DialogPopup, DialogDescription, DialogFooter, DialogHeader, DialogPanel, DialogPrimitive, DialogTitle, DialogTrigger } from "../vendor/coss/dialog.mjs";
+import { Drawer as Drawer$1, DrawerClose, DrawerDescription, DrawerFooter, DrawerHeader, DrawerPanel, DrawerPopup, DrawerTitle, DrawerTrigger } from "../vendor/coss/drawer.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 { 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, ComboboxSeparator, 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 { ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxValue } from "../vendor/shadcn/combobox.mjs";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "../vendor/shadcn/dropdown-menu.mjs";
-import { Label } from "../vendor/shadcn/label.mjs";
 import { Field as Field$1, FieldDescription, FieldError, FieldLabel } from "../vendor/shadcn/field.mjs";
 import { InputGroup as InputGroup$1, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "../vendor/shadcn/input-group.mjs";
 import { Kbd as Kbd$1, KbdGroup } from "../vendor/shadcn/kbd.mjs";
@@ -21,24 +18,26 @@ import { SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, S
 import { Table as Table$1, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "../vendor/shadcn/table.mjs";
 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 "./utils.mjs";
-import { Toaster, toast } from "../vendor/shadcn/toast.mjs";
 import "./toast.mjs";
-import { Input } from "../vendor/shadcn/input.mjs";
-import { useSidebar } from "../vendor/shadcn/sidebar.mjs";
 import { Sidebar } from "./sidebar.mjs";
 import { DatePicker, DateRange, DateRangePicker, TimePicker } from "./datetime.mjs";
+import { Toaster, toast } from "../vendor/shadcn/toast.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 { useSidebar } from "../vendor/shadcn/sidebar.mjs";
 import { Pagination } from "./pagination.mjs";
 import { Form } from "../vendor/coss/form.mjs";
+import { Label } from "../vendor/shadcn/label.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 { Input } from "../vendor/shadcn/input.mjs";
 import { Badge } from "../vendor/shadcn/badge.mjs";
+import { Button } from "../vendor/shadcn/button.mjs";
 import { Switch } from "../vendor/shadcn/switch.mjs";
+import { Checkbox } from "../vendor/shadcn/checkbox.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 { Separator } from "../vendor/shadcn/separator.mjs";
 import { ScrollArea } from "../vendor/coss/scroll-area.mjs";
 import { IconSwap } from "../vendor/tailored/icon-swap.mjs";
 import { JsonViewer } from "../vendor/tailored/json-viewer.mjs";
@@ -94,17 +93,19 @@ export declare const Select: typeof import("@base-ui/react").SelectRoot & {
 export declare const Drawer: typeof Drawer$1 & {
   Trigger: typeof DrawerTrigger;
   Close: typeof DrawerClose;
-  Content: typeof DrawerContent;
+  Popup: typeof DrawerPopup;
   Header: typeof DrawerHeader;
+  Panel: typeof DrawerPanel;
   Footer: typeof DrawerFooter;
   Title: typeof DrawerTitle;
   Description: typeof DrawerDescription;
 };
-export declare const Dialog: typeof Dialog$1 & {
+export declare const Dialog: (<Payload>(props: DialogPrimitive.Root.Props<Payload>) => React.JSX.Element) & {
   Trigger: typeof DialogTrigger;
   Close: typeof DialogClose;
-  Content: typeof DialogContent;
+  Popup: typeof DialogPopup;
   Header: typeof DialogHeader;
+  Panel: typeof DialogPanel;
   Footer: typeof DialogFooter;
   Title: typeof DialogTitle;
   Description: typeof DialogDescription;
@@ -167,11 +168,10 @@ export declare const Breadcrumb: typeof Breadcrumb$1 & {
   Ellipsis: typeof BreadcrumbEllipsis;
   Page: typeof BreadcrumbPage;
 };
-export declare const AlertDialog: typeof AlertDialog$1 & {
+export declare const AlertDialog: typeof AlertDialogPrimitive.Root & {
   Trigger: typeof AlertDialogTrigger;
-  Close: typeof AlertDialogCancel;
-  Action: typeof AlertDialogAction;
-  Content: typeof AlertDialogContent;
+  Close: typeof AlertDialogClose;
+  Popup: typeof AlertDialogPopup;
   Header: typeof AlertDialogHeader;
   Footer: typeof AlertDialogFooter;
   Title: typeof AlertDialogTitle;
@@ -188,4 +188,4 @@ export declare const InputGroup: typeof InputGroup$1 & {
   Textarea: typeof InputGroupTextarea;
   Button: typeof InputGroupButton;
 };
-export { type AlertDialogHandle, Badge, Button, Carousel, Checkbox, type ComboboxItemCollection, type ComboboxPrimitiveValue, type CreateComboboxItemsOptions, DatePicker, type DateRange, DateRangePicker, type DialogHandle, type DrawerHandle, Dropzone, FileTree, type FileTreeNode, Form, IconSwap, Image, ImageProps, Input, JsonViewer, Label, Lightbox, type LightboxActions, type LightboxBackdrop, type LightboxCaptions, type LightboxChangeReason, type LightboxClose, type LightboxContent, type LightboxControl, type LightboxControlContext, type LightboxCounter, type LightboxDownload, type LightboxImageChangeEventDetails, type LightboxImageItem, type LightboxItem, type LightboxMore, type LightboxNext, type LightboxOpenEventDetails, type LightboxPrevious, type LightboxProps, type LightboxSlide, type LightboxSlides, type LightboxThumbnail, type LightboxThumbnails, type LightboxToolbar, type LightboxTrigger, type LightboxTriggerProps, type LightboxVideoItem, type LightboxViewport, type LightboxZoom, type LightboxZoomButton, Pagination, ScrollArea, Separator, Sidebar, Skeleton, Spinner, Switch, Textarea, TimePicker, Toaster as ToastProvider, createAlertDialogHandle, createComboboxItems, createDialogHandle, createDrawerHandle, formatSize, toast, type useLightbox, useSidebar };
+export { Badge, Button, Carousel, Checkbox, DatePicker, type DateRange, DateRangePicker, Dropzone, FileTree, type FileTreeNode, Form, IconSwap, Image, ImageProps, Input, JsonViewer, Label, Lightbox, type LightboxActions, type LightboxBackdrop, type LightboxCaptions, type LightboxChangeReason, type LightboxClose, type LightboxContent, type LightboxControl, type LightboxControlContext, type LightboxCounter, type LightboxDownload, type LightboxImageChangeEventDetails, type LightboxImageItem, type LightboxItem, type LightboxMore, type LightboxNext, type LightboxOpenEventDetails, type LightboxPrevious, type LightboxProps, type LightboxSlide, type LightboxSlides, type LightboxThumbnail, type LightboxThumbnails, type LightboxToolbar, type LightboxTrigger, type LightboxTriggerProps, type LightboxVideoItem, type LightboxViewport, type LightboxZoom, type LightboxZoomButton, Pagination, ScrollArea, Separator, Sidebar, Skeleton, Spinner, Switch, Textarea, TimePicker, Toaster as ToastProvider, formatSize, toast, type useLightbox, useSidebar };

package/dist/widgets/index.mjs

@@ -1,7 +1,10 @@
-import { Empty as Empty$1, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "../vendor/coss/empty.mjs";
+import { AlertDialog as AlertDialog$1, AlertDialogClose, AlertDialogContent as AlertDialogPopup, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from "../vendor/coss/alert-dialog.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 { ScrollArea } from "../vendor/coss/scroll-area.mjs";
+import { Dialog as Dialog$1, DialogClose, DialogContent as DialogPopup, DialogDescription, DialogFooter, DialogHeader, DialogPanel, DialogTitle, DialogTrigger } from "../vendor/coss/dialog.mjs";
+import { Drawer as Drawer$1, DrawerClose, DrawerDescription, DrawerFooter, DrawerHeader, DrawerPanel, DrawerPopup, DrawerTitle, DrawerTrigger } from "../vendor/coss/drawer.mjs";
+import { Empty as Empty$1, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "../vendor/coss/empty.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";
@@ -9,13 +12,11 @@ import { Calendar as Calendar$1, CalendarDayButton } from "../vendor/shadcn/cale
 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";
-import { InputGroup as InputGroup$1, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "../vendor/shadcn/input-group.mjs";
-import { Combobox as Combobox$1, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxValue, createComboboxItems } from "../vendor/shadcn/combobox.mjs";
-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 { Combobox as Combobox$1, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxValue } from "../vendor/shadcn/combobox.mjs";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "../vendor/shadcn/dropdown-menu.mjs";
-import { Label } from "../vendor/shadcn/label.mjs";
 import { Field as Field$1, FieldDescription, FieldError, FieldLabel } from "../vendor/shadcn/field.mjs";
+import { Label } from "../vendor/shadcn/label.mjs";
+import { InputGroup as InputGroup$1, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "../vendor/shadcn/input-group.mjs";
 import { Kbd as Kbd$1, KbdGroup } from "../vendor/shadcn/kbd.mjs";
 import { Popover as Popover$1, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger } from "../vendor/shadcn/popover.mjs";
 import { Progress as Progress$1, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue } from "../vendor/shadcn/progress.mjs";
@@ -36,7 +37,6 @@ import { Form } from "../vendor/coss/form.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 { IconSwap } from "../vendor/tailored/icon-swap.mjs";
 import { JsonViewer } from "../vendor/tailored/json-viewer.mjs";
 import { FileTree } from "../vendor/tailored/file-tree.mjs";
@@ -88,8 +88,9 @@ const Select = /* @__PURE__ */ Object.assign(Select$1, {
 const Drawer = /* @__PURE__ */ Object.assign(Drawer$1, {
 	Trigger: DrawerTrigger,
 	Close: DrawerClose,
-	Content: DrawerContent,
+	Popup: DrawerPopup,
 	Header: DrawerHeader,
+	Panel: DrawerPanel,
 	Footer: DrawerFooter,
 	Title: DrawerTitle,
 	Description: DrawerDescription
@@ -97,8 +98,9 @@ const Drawer = /* @__PURE__ */ Object.assign(Drawer$1, {
 const Dialog = /* @__PURE__ */ Object.assign(Dialog$1, {
 	Trigger: DialogTrigger,
 	Close: DialogClose,
-	Content: DialogContent,
+	Popup: DialogPopup,
 	Header: DialogHeader,
+	Panel: DialogPanel,
 	Footer: DialogFooter,
 	Title: DialogTitle,
 	Description: DialogDescription
@@ -161,9 +163,8 @@ const Breadcrumb = /* @__PURE__ */ Object.assign(Breadcrumb$1, {
 });
 const AlertDialog = /* @__PURE__ */ Object.assign(AlertDialog$1, {
 	Trigger: AlertDialogTrigger,
-	Close: AlertDialogCancel,
-	Action: AlertDialogAction,
-	Content: AlertDialogContent,
+	Close: AlertDialogClose,
+	Popup: AlertDialogPopup,
 	Header: AlertDialogHeader,
 	Footer: AlertDialogFooter,
 	Title: AlertDialogTitle,
@@ -180,4 +181,4 @@ const InputGroup = /* @__PURE__ */ Object.assign(InputGroup$1, {
 	Textarea: InputGroupTextarea,
 	Button: InputGroupButton
 });
-export { AlertDialog, Badge, Breadcrumb, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, Combobox, DatePicker, DateRangePicker, Dialog, Drawer, Dropdown, Dropzone, Empty, Field, FileTree, Form, IconSwap, Image, Input, InputGroup, JsonViewer, 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 };
+export { AlertDialog, Badge, Breadcrumb, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, Combobox, DatePicker, DateRangePicker, Dialog, Drawer, Dropdown, Dropzone, Empty, Field, FileTree, Form, IconSwap, Image, Input, InputGroup, JsonViewer, Kbd, Label, Lightbox, Pagination, Popover, Progress, Radio, ScrollArea, Select, Separator, Sidebar, Skeleton, Spinner, Switch, Table, Tabs, Textarea, TimePicker, Toaster as ToastProvider, Tooltip, formatSize, toast, useSidebar };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deftui/react",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/KiriRainCat/deftui.git",
@@ -34,14 +34,13 @@
   },
   "dependencies": {
     "@daypicker/react": "^10.0.2",
-    "@fontsource-variable/inter": "^5.3.0",
     "class-variance-authority": "^0.7.1",
-    "cn": "^0.5.1",
+    "cn": "^0.5.2",
     "date-fns": "^4.4.0",
     "embla-carousel-react": "^8.6.0",
-    "lucide-react": "^1.66.0",
-    "motion": "^14.9.0",
-    "radashi": "^13.0.1",
+    "lucide-react": "^1.70.0",
+    "motion": "^14.10.1",
+    "radashi": "^13.0.2",
     "react-dropzone": "^20.1.4",
     "tw-animate-css": "^1.4.0"
   },

package/dist/vendor/shadcn/alert-dialog.d.mts

@@ -1,17 +0,0 @@
-import { Button } from "./button.mjs";
-import * as React$1 from "react";
-import { AlertDialog } from "@base-ui/react/alert-dialog";
-declare function AlertDialog$1({ ...props }: AlertDialog.Root.Props): React$1.JSX.Element;
-declare function AlertDialogTrigger({ ...props }: AlertDialog.Trigger.Props): React$1.JSX.Element;
-declare function AlertDialogContent({ className, size, ...props }: AlertDialog.Popup.Props & {
-  size?: "default" | "sm";
-}): React$1.JSX.Element;
-declare function AlertDialogHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
-declare function AlertDialogFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
-declare function AlertDialogTitle({ className, ...props }: React$1.ComponentProps<typeof AlertDialog.Title>): React$1.JSX.Element;
-declare function AlertDialogDescription({ className, ...props }: React$1.ComponentProps<typeof AlertDialog.Description>): React$1.JSX.Element;
-declare function AlertDialogAction({ className, ...props }: React$1.ComponentProps<typeof Button>): React$1.JSX.Element;
-declare function AlertDialogCancel({ className, variant, size, ...props }: AlertDialog.Close.Props & Pick<React$1.ComponentProps<typeof Button>, "variant" | "size">): React$1.JSX.Element;
-export type AlertDialogHandle<Payload> = ReturnType<typeof AlertDialog.createHandle<Payload>>;
-export declare function createAlertDialogHandle<Payload>(): AlertDialogHandle<Payload>;
-export { AlertDialog$1 as AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger };

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

@@ -1,90 +0,0 @@
-"use client";
-import { Button } from "./button.mjs";
-import { cn } from "cn";
-import "react";
-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, {
-		"data-slot": "alert-dialog",
-		...props
-	});
-}
-function AlertDialogTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(AlertDialog.Trigger, {
-		"data-slot": "alert-dialog-trigger",
-		...props
-	});
-}
-function AlertDialogPortal({ ...props }) {
-	return /* @__PURE__ */ jsx(AlertDialog.Portal, {
-		"data-slot": "alert-dialog-portal",
-		...props
-	});
-}
-function AlertDialogOverlay({ className, ...props }) {
-	return /* @__PURE__ */ jsx(AlertDialog.Backdrop, {
-		"data-slot": "alert-dialog-overlay",
-		className: cn("fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", className),
-		...props
-	});
-}
-function AlertDialogContent({ className, size = "default", ...props }) {
-	return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [/* @__PURE__ */ jsx(AlertDialogOverlay, {}), /* @__PURE__ */ jsx(AlertDialog.Popup, {
-		"data-slot": "alert-dialog-content",
-		"data-size": size,
-		className: cn("group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-6 rounded-xl bg-popover p-6 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-lg data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
-		...props
-	})] });
-}
-function AlertDialogHeader({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "alert-dialog-header",
-		className: cn("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", className),
-		...props
-	});
-}
-function AlertDialogFooter({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "alert-dialog-footer",
-		className: cn("flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end", className),
-		...props
-	});
-}
-function AlertDialogTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx(AlertDialog.Title, {
-		"data-slot": "alert-dialog-title",
-		className: cn("text-lg font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", className),
-		...props
-	});
-}
-function AlertDialogDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx(AlertDialog.Description, {
-		"data-slot": "alert-dialog-description",
-		className: cn("text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
-		...props
-	});
-}
-function AlertDialogAction({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Button, {
-		"data-slot": "alert-dialog-action",
-		className: cn(className),
-		...props
-	});
-}
-function AlertDialogCancel({ className, variant = "outline", size = "default", ...props }) {
-	return /* @__PURE__ */ jsx(AlertDialog.Close, {
-		"data-slot": "alert-dialog-cancel",
-		className: cn(className),
-		render: /* @__PURE__ */ jsx(Button, {
-			variant,
-			size
-		}),
-		...props
-	});
-}
-function createAlertDialogHandle() {
-	return AlertDialog.createHandle();
-}
-export { AlertDialog$1 as AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, createAlertDialogHandle };

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

@@ -1,17 +0,0 @@
-import * as React$1 from "react";
-import { Dialog } from "@base-ui/react/dialog";
-declare function Dialog$1({ ...props }: Dialog.Root.Props): React$1.JSX.Element;
-declare function DialogTrigger({ ...props }: Dialog.Trigger.Props): React$1.JSX.Element;
-declare function DialogClose({ ...props }: Dialog.Close.Props): React$1.JSX.Element;
-declare function DialogContent({ className, children, showCloseButton, ...props }: Dialog.Popup.Props & {
-  showCloseButton?: boolean;
-}): React$1.JSX.Element;
-declare function DialogHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
-declare function DialogFooter({ className, showCloseButton, children, ...props }: React$1.ComponentProps<"div"> & {
-  showCloseButton?: boolean;
-}): React$1.JSX.Element;
-declare function DialogTitle({ className, ...props }: Dialog.Title.Props): React$1.JSX.Element;
-declare function DialogDescription({ className, ...props }: Dialog.Description.Props): React$1.JSX.Element;
-export type DialogHandle<Payload> = ReturnType<typeof Dialog.createHandle<Payload>>;
-export declare function createDialogHandle<Payload>(): DialogHandle<Payload>;
-export { Dialog$1 as Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger };

package/dist/vendor/shadcn/dialog.mjs

@@ -1,94 +0,0 @@
-"use client";
-import { Button } from "./button.mjs";
-import { cn } from "cn";
-import "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 }) {
-	return /* @__PURE__ */ jsx(Dialog.Root, {
-		"data-slot": "dialog",
-		...props
-	});
-}
-function DialogTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(Dialog.Trigger, {
-		"data-slot": "dialog-trigger",
-		...props
-	});
-}
-function DialogPortal({ ...props }) {
-	return /* @__PURE__ */ jsx(Dialog.Portal, {
-		"data-slot": "dialog-portal",
-		...props
-	});
-}
-function DialogClose({ ...props }) {
-	return /* @__PURE__ */ jsx(Dialog.Close, {
-		"data-slot": "dialog-close",
-		...props
-	});
-}
-function DialogOverlay({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Dialog.Backdrop, {
-		"data-slot": "dialog-overlay",
-		className: cn("fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", className),
-		...props
-	});
-}
-function DialogContent({ className, children, showCloseButton = true, ...props }) {
-	return /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(Dialog.Popup, {
-		"data-slot": "dialog-content",
-		className: cn("fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-6 rounded-xl bg-popover p-6 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-md data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
-		...props,
-		children: [children, showCloseButton && /* @__PURE__ */ jsxs(Dialog.Close, {
-			"data-slot": "dialog-close",
-			render: /* @__PURE__ */ jsx(Button, {
-				variant: "ghost",
-				className: "absolute top-4 right-4",
-				size: "icon-sm"
-			}),
-			children: [/* @__PURE__ */ jsx(XIcon, {}), /* @__PURE__ */ jsx("span", {
-				className: "sr-only",
-				children: "Close"
-			})]
-		})]
-	})] });
-}
-function DialogHeader({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "dialog-header",
-		className: cn("flex flex-col gap-2", className),
-		...props
-	});
-}
-function DialogFooter({ className, showCloseButton = false, children, ...props }) {
-	return /* @__PURE__ */ jsxs("div", {
-		"data-slot": "dialog-footer",
-		className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
-		...props,
-		children: [children, showCloseButton && /* @__PURE__ */ jsx(Dialog.Close, {
-			render: /* @__PURE__ */ jsx(Button, { variant: "outline" }),
-			children: "Close"
-		})]
-	});
-}
-function DialogTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Dialog.Title, {
-		"data-slot": "dialog-title",
-		className: cn("leading-none font-medium", className),
-		...props
-	});
-}
-function DialogDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Dialog.Description, {
-		"data-slot": "dialog-description",
-		className: cn("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
-		...props
-	});
-}
-function createDialogHandle() {
-	return Dialog.createHandle();
-}
-export { Dialog$1 as Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, createDialogHandle };

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

@@ -1,15 +0,0 @@
-import * as React$1 from "react";
-import { Drawer } from "@base-ui/react/drawer";
-declare function Drawer$1({ modal, showSwipeHandle, snapPoints, swipeDirection, ...props }: Drawer.Root.Props & {
-  showSwipeHandle?: boolean;
-}): React$1.JSX.Element;
-declare function DrawerTrigger({ ...props }: Drawer.Trigger.Props): React$1.JSX.Element;
-declare function DrawerClose({ ...props }: Drawer.Close.Props): React$1.JSX.Element;
-declare function DrawerContent({ className, children, ...props }: Drawer.Popup.Props): React$1.JSX.Element;
-declare function DrawerHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
-declare function DrawerFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
-declare function DrawerTitle({ className, ...props }: Drawer.Title.Props): React$1.JSX.Element;
-declare function DrawerDescription({ className, ...props }: Drawer.Description.Props): React$1.JSX.Element;
-export type DrawerHandle<Payload> = ReturnType<typeof Drawer.createHandle<Payload>>;
-export declare function createDrawerHandle<Payload>(): DrawerHandle<Payload>;
-export { Drawer$1 as Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger };