@deftui/react 0.2.3 → 0.2.5

package/README.md

@@ -2,8 +2,6 @@
 
 A React component library built on Base UI, shadcn/ui, and their open-source registry ecosystem, offering easy-to-use compound component APIs.
 
-[Upstream documentation](./dist/vendor/README.md): To look up component usage, check the local exports first, then consult the upstream.
-
 > Most basic components expose exactly the same APIs as their shadcn/ui counterparts backed by Base UI.
 
 ## Installation

package/dist/index.d.mts

@@ -8,7 +8,7 @@ import { Input } from "./vendor/shadcn/input.mjs";
 import { useSidebar } from "./vendor/shadcn/sidebar.mjs";
 import { Sidebar } from "./widgets/sidebar.mjs";
 import { DatePicker, DateRange, DateRangePicker, TimePicker } from "./widgets/datetime.mjs";
-import { Dropzone, formatSize } from "./widgets/dropzone.mjs";
+import { Dropzone, formatBytes, useDropzone } from "./widgets/dropzone.mjs";
 import { LightboxActions, LightboxBackdrop, LightboxCaptions, LightboxChangeReason, LightboxClose, LightboxContent, LightboxControl, LightboxControlContext, LightboxCounter, LightboxDownload, LightboxImageChangeEventDetails, LightboxImageItem, LightboxItem, LightboxMore, LightboxNext, LightboxOpenEventDetails, LightboxPrevious, LightboxProps, LightboxSlide, LightboxSlides, LightboxThumbnail, LightboxThumbnails, LightboxToolbar, LightboxTrigger, LightboxTriggerProps, LightboxVideoItem, LightboxViewport, LightboxZoom, LightboxZoomButton, useLightbox } from "./vendor/tailored/lightbox.mjs";
 import { Carousel, Image, ImageProps, Lightbox } from "./widgets/multimedia.mjs";
 import { Pagination } from "./widgets/pagination.mjs";
@@ -27,6 +27,5 @@ import { AlertDialog, Breadcrumb, ButtonGroup, Calendar, Card, Combobox, Dialog,
 import { cn } from "cn";
 import { cva } from "class-variance-authority";
 import { mergeProps } from "@base-ui/react/merge-props";
-import { useDropzone } from "react-dropzone";
-export type * from "react-dropzone";
-export { AlertDialog, Badge, Breadcrumb, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, Combobox, DatePicker, type DateRange, DateRangePicker, Dialog, Drawer, Dropdown, Dropzone, Empty, Field, FileTree, type FileTreeNode, Form, IconSwap, Image, ImageProps, Input, InputGroup, JsonViewer, Kbd, Label, Lightbox, type LightboxActions, type LightboxBackdrop, type LightboxCaptions, type LightboxChangeReason, type LightboxClose, type LightboxContent, type LightboxControl, type LightboxControlContext, type LightboxCounter, type LightboxDownload, type LightboxImageChangeEventDetails, type LightboxImageItem, type LightboxItem, type LightboxMore, type LightboxNext, type LightboxOpenEventDetails, type LightboxPrevious, type LightboxProps, type LightboxSlide, type LightboxSlides, type LightboxThumbnail, type LightboxThumbnails, type LightboxToolbar, type LightboxTrigger, type LightboxTriggerProps, type LightboxVideoItem, type LightboxViewport, type LightboxZoom, type LightboxZoomButton, Pagination, Popover, Progress, Radio, ScrollArea, Select, Separator, Sidebar, Skeleton, Spinner, Switch, Table, Tabs, Textarea, TimePicker, Toaster as ToastProvider, Tooltip, cn, cva, formatSize, mergeProps, toast, useCopyToClipboard, useDropzone, useIsMobile, type useLightbox, useMediaQuery, useSidebar };
+export * from "react-dropzone";
+export { AlertDialog, Badge, Breadcrumb, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, Combobox, DatePicker, type DateRange, DateRangePicker, Dialog, Drawer, Dropdown, Dropzone, Empty, Field, FileTree, type FileTreeNode, Form, IconSwap, Image, ImageProps, Input, InputGroup, JsonViewer, Kbd, Label, Lightbox, type LightboxActions, type LightboxBackdrop, type LightboxCaptions, type LightboxChangeReason, type LightboxClose, type LightboxContent, type LightboxControl, type LightboxControlContext, type LightboxCounter, type LightboxDownload, type LightboxImageChangeEventDetails, type LightboxImageItem, type LightboxItem, type LightboxMore, type LightboxNext, type LightboxOpenEventDetails, type LightboxPrevious, type LightboxProps, type LightboxSlide, type LightboxSlides, type LightboxThumbnail, type LightboxThumbnails, type LightboxToolbar, type LightboxTrigger, type LightboxTriggerProps, type LightboxVideoItem, type LightboxViewport, type LightboxZoom, type LightboxZoomButton, Pagination, Popover, Progress, Radio, ScrollArea, Select, Separator, Sidebar, Skeleton, Spinner, Switch, Table, Tabs, Textarea, TimePicker, Toaster as ToastProvider, Tooltip, cn, cva, formatBytes, mergeProps, toast, useCopyToClipboard, useDropzone, useIsMobile, type useLightbox, useMediaQuery, useSidebar };

package/dist/index.mjs

@@ -12,7 +12,7 @@ import { Skeleton } from "./vendor/shadcn/skeleton.mjs";
 import { useSidebar } from "./vendor/shadcn/sidebar.mjs";
 import { Sidebar } from "./widgets/sidebar.mjs";
 import { DatePicker, DateRangePicker, TimePicker } from "./widgets/datetime.mjs";
-import { Dropzone, formatSize } from "./widgets/dropzone.mjs";
+import { Dropzone, formatBytes, useDropzone } from "./widgets/dropzone.mjs";
 import { Carousel, Image, Lightbox } from "./widgets/multimedia.mjs";
 import { Pagination } from "./widgets/pagination.mjs";
 import { Form } from "./vendor/coss/form.mjs";
@@ -26,5 +26,4 @@ import { AlertDialog, Breadcrumb, ButtonGroup, Calendar, Card, Combobox, Dialog,
 import { cn } from "cn";
 import { cva } from "class-variance-authority";
 import { mergeProps } from "@base-ui/react/merge-props";
-import { useDropzone } from "react-dropzone";
-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, cn, cva, formatSize, mergeProps, toast, useCopyToClipboard, useDropzone, useIsMobile, useMediaQuery, 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, cn, cva, formatBytes, mergeProps, toast, useCopyToClipboard, useDropzone, useIsMobile, useMediaQuery, useSidebar };

package/dist/styles.css

@@ -2,7 +2,6 @@
 
 @import "tailwindcss";
 @import "tw-animate-css";
-@import "@fontsource-variable/inter";
 
 @import "./styles.shadcn.css";
 @import "./styles.tokens.css";

package/dist/vendor/README.md

@@ -11,10 +11,10 @@ shadcn 组件使用 `components.json` 中的 `base-vega` 风格和 Lucide 图标
 
 | ID | File | Docs | Modifications |
 | --- | --- | --- | --- |
-| `@coss/alert-dialog` | [coss/alert-dialog.tsx](coss/alert-dialog.tsx) | [Alert Dialog](https://coss.com/ui/docs/components/alert-dialog) | 替换 `font-bold text-xl` 为 `font-semibold text-lg` |
-| `@coss/dialog` | [coss/dialog.tsx](coss/dialog.tsx) | [Dialog](https://coss.com/ui/docs/components/dialog) | 替换 `font-bold text-xl` 为 `font-semibold text-lg` |
-| `@coss/drawer` | [coss/drawer.tsx](coss/drawer.tsx) | [Drawer](https://coss.com/ui/docs/components/drawer) | 替换 `font-bold text-xl` 为 `font-semibold text-lg` |
-| `@coss/empty` | [coss/empty.tsx](coss/empty.tsx) | [Empty](https://coss.com/ui/docs/components/empty) | 替换 `font-bold text-xl` 为 `font-semibold text-lg` |
+| `@coss/alert-dialog` | [coss/alert-dialog.tsx](coss/alert-dialog.tsx) | [Alert Dialog](https://coss.com/ui/docs/components/alert-dialog) | `font-bold text-xl` 换为 `font-semibold text-lg`；用 `@starting-style` 支持初始打开时的入场动画 |
+| `@coss/dialog` | [coss/dialog.tsx](coss/dialog.tsx) | [Dialog](https://coss.com/ui/docs/components/dialog) | `font-bold text-xl` 换为 `font-semibold text-lg`；用 `@starting-style` 支持初始打开时的入场动画 |
+| `@coss/drawer` | [coss/drawer.tsx](coss/drawer.tsx) | [Drawer](https://coss.com/ui/docs/components/drawer) | `font-bold text-xl` 换为 `font-semibold text-lg`；用 `@starting-style` 支持初始打开时的入场动画 |
+| `@coss/empty` | [coss/empty.tsx](coss/empty.tsx) | [Empty](https://coss.com/ui/docs/components/empty) | `font-bold text-xl` 换为 `font-semibold text-lg` |
 | `@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) | — |

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

@@ -13,7 +13,7 @@ function AlertDialogTrigger(props) {
 }
 function AlertDialogBackdrop({ className, ...props }) {
 	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Backdrop, {
-		className: cn("fixed inset-0 z-50 bg-black/32 backdrop-blur-sm transition-all duration-200 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-[-webkit-touch-callout:none]:absolute", className),
+		className: cn("fixed inset-0 z-50 bg-black/32 backdrop-blur-sm transition-all duration-200 data-ending-style:opacity-0 data-starting-style:opacity-0 starting:opacity-0 supports-[-webkit-touch-callout:none]:absolute", className),
 		"data-slot": "alert-dialog-backdrop",
 		...props
 	});
@@ -31,7 +31,7 @@ function AlertDialogPopup({ className, bottomStickOnMobile = true, portalProps,
 		children: [/* @__PURE__ */ jsx(AlertDialogBackdrop, {}), /* @__PURE__ */ jsx(AlertDialogViewport, {
 			className: cn(bottomStickOnMobile && "max-sm:grid-rows-[1fr_auto] max-sm:p-0 max-sm:pt-12"),
 			children: /* @__PURE__ */ jsx(AlertDialogPrimitive.Popup, {
-				className: cn("relative row-start-2 flex max-h-full min-h-0 w-full min-w-0 max-w-lg origin-center flex-col rounded-2xl border bg-popover not-dark:bg-clip-padding text-popover-foreground opacity-[calc(1-var(--nested-dialogs))] shadow-lg/5 transition-[scale,opacity,translate] duration-200 ease-in-out will-change-transform before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-2xl)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] data-ending-style:opacity-0 data-starting-style:opacity-0 sm:scale-[calc(1-0.1*var(--nested-dialogs))] sm:data-ending-style:scale-98 sm:data-starting-style:scale-98 dark:before:shadow-[0_-1px_--theme(--color-white/6%)]", bottomStickOnMobile && "max-sm:max-w-none max-sm:origin-bottom max-sm:rounded-none max-sm:border-x-0 max-sm:border-t max-sm:border-b-0 max-sm:data-ending-style:translate-y-4 max-sm:data-starting-style:translate-y-4 max-sm:before:hidden max-sm:before:rounded-none", className),
+				className: cn("relative row-start-2 flex max-h-full min-h-0 w-full min-w-0 max-w-lg origin-center flex-col rounded-2xl border bg-popover not-dark:bg-clip-padding text-popover-foreground opacity-[calc(1-var(--nested-dialogs))] shadow-lg/5 transition-[scale,opacity,translate] duration-200 ease-in-out will-change-transform before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-2xl)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] data-ending-style:opacity-0 data-starting-style:opacity-0 starting:opacity-0 sm:scale-[calc(1-0.1*var(--nested-dialogs))] sm:data-ending-style:scale-98 sm:data-starting-style:scale-98 sm:starting:scale-98 dark:before:shadow-[0_-1px_--theme(--color-white/6%)]", bottomStickOnMobile && "max-sm:max-w-none max-sm:origin-bottom max-sm:rounded-none max-sm:border-x-0 max-sm:border-t max-sm:border-b-0 max-sm:data-ending-style:translate-y-4 max-sm:data-starting-style:translate-y-4 max-sm:starting:translate-y-4 max-sm:before:hidden max-sm:before:rounded-none", className),
 				"data-slot": "alert-dialog-popup",
 				...props
 			})

package/dist/vendor/coss/dialog.mjs

@@ -24,7 +24,7 @@ function DialogClose(props) {
 }
 function DialogBackdrop({ className, ...props }) {
 	return /* @__PURE__ */ jsx(DialogPrimitive.Backdrop, {
-		className: cn("fixed inset-0 z-50 bg-black/32 backdrop-blur-sm transition-all duration-200 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-[-webkit-touch-callout:none]:absolute", className),
+		className: cn("fixed inset-0 z-50 bg-black/32 backdrop-blur-sm transition-all duration-200 data-ending-style:opacity-0 data-starting-style:opacity-0 starting:opacity-0 supports-[-webkit-touch-callout:none]:absolute", className),
 		"data-slot": "dialog-backdrop",
 		...props
 	});
@@ -42,7 +42,7 @@ function DialogPopup({ className, children, showCloseButton = true, bottomStickO
 		children: [/* @__PURE__ */ jsx(DialogBackdrop, {}), /* @__PURE__ */ jsx(DialogViewport, {
 			className: cn(bottomStickOnMobile && "max-sm:grid-rows-[1fr_auto] max-sm:p-0 max-sm:pt-12"),
 			children: /* @__PURE__ */ jsxs(DialogPrimitive.Popup, {
-				className: cn("relative row-start-2 flex max-h-full min-h-0 w-full min-w-0 max-w-lg origin-center flex-col rounded-2xl border bg-popover not-dark:bg-clip-padding text-popover-foreground opacity-[calc(1-var(--nested-dialogs))] shadow-lg/5 outline-none transition-[scale,opacity,translate] duration-200 ease-in-out will-change-transform before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-2xl)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] data-ending-style:opacity-0 data-starting-style:opacity-0 motion-reduce:transition-opacity sm:scale-[calc(1-0.1*var(--nested-dialogs))] motion-safe:sm:data-ending-style:scale-98 motion-safe:sm:data-starting-style:scale-98 dark:before:shadow-[0_-1px_--theme(--color-white/6%)]", bottomStickOnMobile && "max-sm:max-w-none max-sm:origin-bottom max-sm:rounded-none max-sm:border-x-0 max-sm:border-t max-sm:border-b-0 motion-safe:max-sm:data-ending-style:translate-y-4 motion-safe:max-sm:data-starting-style:translate-y-4 max-sm:before:hidden max-sm:before:rounded-none", className),
+				className: cn("relative row-start-2 flex max-h-full min-h-0 w-full min-w-0 max-w-lg origin-center flex-col rounded-2xl border bg-popover not-dark:bg-clip-padding text-popover-foreground opacity-[calc(1-var(--nested-dialogs))] shadow-lg/5 outline-none transition-[scale,opacity,translate] duration-200 ease-in-out will-change-transform before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-2xl)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] data-ending-style:opacity-0 data-starting-style:opacity-0 starting:opacity-0 motion-reduce:transition-opacity sm:scale-[calc(1-0.1*var(--nested-dialogs))] motion-safe:sm:data-ending-style:scale-98 motion-safe:sm:data-starting-style:scale-98 motion-safe:sm:starting:scale-98 dark:before:shadow-[0_-1px_--theme(--color-white/6%)]", bottomStickOnMobile && "max-sm:max-w-none max-sm:origin-bottom max-sm:rounded-none max-sm:border-x-0 max-sm:border-t max-sm:border-b-0 motion-safe:max-sm:data-ending-style:translate-y-4 motion-safe:max-sm:data-starting-style:translate-y-4 motion-safe:max-sm:starting:translate-y-4 max-sm:before:hidden max-sm:before:rounded-none", className),
 				"data-slot": "dialog-popup",
 				...props,
 				children: [children, showCloseButton && /* @__PURE__ */ jsx(DialogPrimitive.Close, {

package/dist/vendor/coss/drawer.mjs

@@ -44,7 +44,7 @@ function DrawerClose(props) {
 }
 function DrawerBackdrop({ className, ...props }) {
 	return /* @__PURE__ */ jsx(DrawerPrimitive.Backdrop, {
-		className: cn("fixed inset-0 z-50 bg-black/32 opacity-[calc(1-var(--drawer-swipe-progress))] backdrop-blur-sm transition-opacity duration-450 ease-[cubic-bezier(0.32,0.72,0,1)] data-ending-style:opacity-0 data-starting-style:opacity-0 data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-swiping:duration-0 supports-[-webkit-touch-callout:none]:absolute", className),
+		className: cn("fixed inset-0 z-50 bg-black/32 opacity-[calc(1-var(--drawer-swipe-progress))] backdrop-blur-sm transition-opacity duration-450 ease-[cubic-bezier(0.32,0.72,0,1)] data-ending-style:opacity-0 data-starting-style:opacity-0 starting:opacity-0 data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-swiping:duration-0 supports-[-webkit-touch-callout:none]:absolute", className),
 		"data-slot": "drawer-backdrop",
 		...props
 	});
@@ -65,7 +65,7 @@ function DrawerPopup({ className, children, showCloseButton = false, position: p
 			position,
 			variant,
 			children: /* @__PURE__ */ jsxs(DrawerPrimitive.Popup, {
-				className: cn("relative flex max-h-full min-h-0 w-full min-w-0 flex-col bg-popover not-dark:bg-clip-padding text-popover-foreground shadow-lg/5 outline-none transition-[transform,box-shadow,height,background-color] duration-450 ease-[cubic-bezier(0.32,0.72,0,1)] will-change-transform [--peek:calc(--spacing(6)-1px)] [--scale-base:calc(max(0,1-(var(--nested-drawers)*var(--stack-step))))] [--scale:clamp(0,calc(var(--scale-base)+(var(--stack-step)*var(--stack-progress))),1)] [--shrink:calc(1-var(--scale))] [--stack-peek-offset:max(0px,calc((var(--nested-drawers)-var(--stack-progress))*var(--peek)))] [--stack-progress:clamp(0,var(--drawer-swipe-progress),1)] [--stack-step:0.05] before:pointer-events-none before:absolute before:inset-0 before:shadow-[0_1px_--theme(--color-black/4%)] after:pointer-events-none after:absolute after:bg-popover data-swiping:select-none data-nested-drawer-open:overflow-hidden data-nested-drawer-open:bg-[color-mix(in_srgb,var(--popover),var(--color-black)_calc(2%*(var(--nested-drawers)-var(--stack-progress))))] data-ending-style:shadow-transparent data-starting-style:shadow-transparent data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] dark:data-nested-drawer-open:bg-[color-mix(in_srgb,var(--popover),var(--color-black)_calc(6%*(var(--nested-drawers)-var(--stack-progress))))] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]", "touch-none", position === "bottom" && "transform-[translateY(calc(var(--keyboard-snap-offset)+var(--drawer-swipe-movement-y)))] data-ending-style:transform-[translateY(calc(100%+env(safe-area-inset-bottom,0px)+var(--inset)))] data-starting-style:transform-[translateY(calc(100%+env(safe-area-inset-bottom,0px)+var(--inset)))] row-start-2 -mb-[max(0px,calc(var(--keyboard-snap-offset)+clamp(0,1,var(--keyboard-snap-offset)/1px)*var(--drawer-swipe-movement-y,0px)))] border-t pb-[max(0px,calc(max(env(safe-area-inset-bottom,0px),var(--drawer-keyboard-inset,0px))+var(--keyboard-snap-offset)+clamp(0,1,var(--keyboard-snap-offset)/1px)*var(--drawer-swipe-movement-y,0px)))] not-data-starting-style:not-data-ending-style:transition-[transform,box-shadow,height,background-color,margin,padding] [--keyboard-snap-offset:max(0px,calc(var(--drawer-snap-point-offset,0px)-var(--drawer-keyboard-inset,0px)))] after:inset-x-0 after:top-full after:h-(--bleed) has-data-[slot=drawer-bar]:pt-2 data-ending-style:mb-0 data-starting-style:mb-0 data-ending-style:pb-0 data-starting-style:pb-0", position === "top" && "data-starting-style:transform-[translateY(calc(-100%-var(--inset)))] data-ending-style:transform-[translateY(calc(-100%-var(--inset)))] transform-[translateY(var(--drawer-swipe-movement-y))] border-b after:inset-x-0 after:bottom-full after:h-(--bleed) has-data-[slot=drawer-bar]:pb-2", position === "left" && "data-starting-style:transform-[translateX(calc(-100%-var(--inset)))] data-ending-style:transform-[translateX(calc(-100%-var(--inset)))] transform-[translateX(var(--drawer-swipe-movement-x))] w-[calc(100%-(--spacing(12)))] max-w-md border-e after:inset-y-0 after:end-full after:w-(--bleed) has-data-[slot=drawer-bar]:pe-2", position === "right" && "transform-[translateX(var(--drawer-swipe-movement-x))] data-ending-style:transform-[translateX(calc(100%+var(--inset)))] data-starting-style:transform-[translateX(calc(100%+var(--inset)))] col-start-2 w-[calc(100%-(--spacing(12)))] max-w-md border-s after:inset-y-0 after:start-full after:w-(--bleed) has-data-[slot=drawer-bar]:ps-2", variant !== "straight" && cn(position === "bottom" && "rounded-t-2xl", position === "top" && "rounded-b-2xl **:data-[slot=drawer-footer]:rounded-b-[calc(var(--radius-2xl)-1px)]", position === "left" && "rounded-e-2xl **:data-[slot=drawer-footer]:rounded-ee-[calc(var(--radius-2xl)-1px)]", position === "right" && "rounded-s-2xl **:data-[slot=drawer-footer]:rounded-es-[calc(var(--radius-2xl)-1px)]"), variant === "default" && cn(position === "bottom" && "before:rounded-t-[calc(var(--radius-2xl)-1px)]", position === "top" && "before:rounded-b-[calc(var(--radius-2xl)-1px)]", position === "left" && "before:rounded-e-[calc(var(--radius-2xl)-1px)]", position === "right" && "before:rounded-s-[calc(var(--radius-2xl)-1px)]"), variant === "inset" && "before:hidden sm:rounded-2xl sm:border sm:after:bg-transparent sm:before:rounded-[calc(var(--radius-2xl)-1px)] sm:**:data-[slot=drawer-footer]:rounded-b-[calc(var(--radius-2xl)-1px)]", variant === "straight" && "[--stack-step:0]", (position === "bottom" || position === "top") && "h-(--drawer-height,auto) [--height:max(0px,calc(var(--drawer-frontmost-height,var(--drawer-height))))] data-nested-drawer-open:h-(--height)", position === "bottom" && "data-nested-drawer-open:transform-[translateY(calc(var(--drawer-swipe-movement-y)-var(--stack-peek-offset)-(var(--shrink)*var(--height))))_scale(var(--scale))] origin-[50%_calc(100%-var(--inset))]", position === "top" && "data-nested-drawer-open:transform-[translateY(calc(var(--drawer-swipe-movement-y)+var(--stack-peek-offset)+(var(--shrink)*var(--height))))_scale(var(--scale))] origin-[50%_var(--inset)]", position === "left" && "data-nested-drawer-open:transform-[translateX(calc(var(--drawer-swipe-movement-x)+var(--stack-peek-offset)))_scale(var(--scale))] origin-right", position === "right" && "data-nested-drawer-open:transform-[translateX(calc(var(--drawer-swipe-movement-x)-var(--stack-peek-offset)))_scale(var(--scale))] origin-left", className),
+				className: cn("relative flex max-h-full min-h-0 w-full min-w-0 flex-col bg-popover not-dark:bg-clip-padding text-popover-foreground shadow-lg/5 outline-none transition-[transform,box-shadow,height,background-color] duration-450 ease-[cubic-bezier(0.32,0.72,0,1)] will-change-transform [--peek:calc(--spacing(6)-1px)] [--scale-base:calc(max(0,1-(var(--nested-drawers)*var(--stack-step))))] [--scale:clamp(0,calc(var(--scale-base)+(var(--stack-step)*var(--stack-progress))),1)] [--shrink:calc(1-var(--scale))] [--stack-peek-offset:max(0px,calc((var(--nested-drawers)-var(--stack-progress))*var(--peek)))] [--stack-progress:clamp(0,var(--drawer-swipe-progress),1)] [--stack-step:0.05] before:pointer-events-none before:absolute before:inset-0 before:shadow-[0_1px_--theme(--color-black/4%)] after:pointer-events-none after:absolute after:bg-popover data-swiping:select-none data-nested-drawer-open:overflow-hidden data-nested-drawer-open:bg-[color-mix(in_srgb,var(--popover),var(--color-black)_calc(2%*(var(--nested-drawers)-var(--stack-progress))))] data-ending-style:shadow-transparent data-starting-style:shadow-transparent starting:shadow-transparent data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] dark:data-nested-drawer-open:bg-[color-mix(in_srgb,var(--popover),var(--color-black)_calc(6%*(var(--nested-drawers)-var(--stack-progress))))] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]", "touch-none", position === "bottom" && "transform-[translateY(calc(var(--keyboard-snap-offset)+var(--drawer-swipe-movement-y)))] data-ending-style:transform-[translateY(calc(100%+env(safe-area-inset-bottom,0px)+var(--inset)))] data-starting-style:transform-[translateY(calc(100%+env(safe-area-inset-bottom,0px)+var(--inset)))] starting:transform-[translateY(calc(100%+env(safe-area-inset-bottom,0px)+var(--inset)))] row-start-2 -mb-[max(0px,calc(var(--keyboard-snap-offset)+clamp(0,1,var(--keyboard-snap-offset)/1px)*var(--drawer-swipe-movement-y,0px)))] border-t pb-[max(0px,calc(max(env(safe-area-inset-bottom,0px),var(--drawer-keyboard-inset,0px))+var(--keyboard-snap-offset)+clamp(0,1,var(--keyboard-snap-offset)/1px)*var(--drawer-swipe-movement-y,0px)))] not-data-starting-style:not-data-ending-style:transition-[transform,box-shadow,height,background-color,margin,padding] [--keyboard-snap-offset:max(0px,calc(var(--drawer-snap-point-offset,0px)-var(--drawer-keyboard-inset,0px)))] after:inset-x-0 after:top-full after:h-(--bleed) has-data-[slot=drawer-bar]:pt-2 data-ending-style:mb-0 data-starting-style:mb-0 starting:mb-0 data-ending-style:pb-0 data-starting-style:pb-0 starting:pb-0", position === "top" && "data-starting-style:transform-[translateY(calc(-100%-var(--inset)))] starting:transform-[translateY(calc(-100%-var(--inset)))] data-ending-style:transform-[translateY(calc(-100%-var(--inset)))] transform-[translateY(var(--drawer-swipe-movement-y))] border-b after:inset-x-0 after:bottom-full after:h-(--bleed) has-data-[slot=drawer-bar]:pb-2", position === "left" && "data-starting-style:transform-[translateX(calc(-100%-var(--inset)))] starting:transform-[translateX(calc(-100%-var(--inset)))] data-ending-style:transform-[translateX(calc(-100%-var(--inset)))] transform-[translateX(var(--drawer-swipe-movement-x))] w-[calc(100%-(--spacing(12)))] max-w-md border-e after:inset-y-0 after:end-full after:w-(--bleed) has-data-[slot=drawer-bar]:pe-2", position === "right" && "transform-[translateX(var(--drawer-swipe-movement-x))] data-ending-style:transform-[translateX(calc(100%+var(--inset)))] data-starting-style:transform-[translateX(calc(100%+var(--inset)))] starting:transform-[translateX(calc(100%+var(--inset)))] col-start-2 w-[calc(100%-(--spacing(12)))] max-w-md border-s after:inset-y-0 after:start-full after:w-(--bleed) has-data-[slot=drawer-bar]:ps-2", variant !== "straight" && cn(position === "bottom" && "rounded-t-2xl", position === "top" && "rounded-b-2xl **:data-[slot=drawer-footer]:rounded-b-[calc(var(--radius-2xl)-1px)]", position === "left" && "rounded-e-2xl **:data-[slot=drawer-footer]:rounded-ee-[calc(var(--radius-2xl)-1px)]", position === "right" && "rounded-s-2xl **:data-[slot=drawer-footer]:rounded-es-[calc(var(--radius-2xl)-1px)]"), variant === "default" && cn(position === "bottom" && "before:rounded-t-[calc(var(--radius-2xl)-1px)]", position === "top" && "before:rounded-b-[calc(var(--radius-2xl)-1px)]", position === "left" && "before:rounded-e-[calc(var(--radius-2xl)-1px)]", position === "right" && "before:rounded-s-[calc(var(--radius-2xl)-1px)]"), variant === "inset" && "before:hidden sm:rounded-2xl sm:border sm:after:bg-transparent sm:before:rounded-[calc(var(--radius-2xl)-1px)] sm:**:data-[slot=drawer-footer]:rounded-b-[calc(var(--radius-2xl)-1px)]", variant === "straight" && "[--stack-step:0]", (position === "bottom" || position === "top") && "h-(--drawer-height,auto) [--height:max(0px,calc(var(--drawer-frontmost-height,var(--drawer-height))))] data-nested-drawer-open:h-(--height)", position === "bottom" && "data-nested-drawer-open:transform-[translateY(calc(var(--drawer-swipe-movement-y)-var(--stack-peek-offset)-(var(--shrink)*var(--height))))_scale(var(--scale))] origin-[50%_calc(100%-var(--inset))]", position === "top" && "data-nested-drawer-open:transform-[translateY(calc(var(--drawer-swipe-movement-y)+var(--stack-peek-offset)+(var(--shrink)*var(--height))))_scale(var(--scale))] origin-[50%_var(--inset)]", position === "left" && "data-nested-drawer-open:transform-[translateX(calc(var(--drawer-swipe-movement-x)+var(--stack-peek-offset)))_scale(var(--scale))] origin-right", position === "right" && "data-nested-drawer-open:transform-[translateX(calc(var(--drawer-swipe-movement-x)-var(--stack-peek-offset)))_scale(var(--scale))] origin-left", className),
 				"data-slot": "drawer-popup",
 				...props,
 				children: [

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

@@ -1,4 +1,5 @@
 import React from "react";
 import { Form as FormPrimitive } from "@base-ui/react/form";
+/** https://coss.com/ui/docs/components/form */
 export declare function Form({ className, ...props }: FormPrimitive.Props): React.ReactElement;
 export { FormPrimitive };

package/dist/vendor/coss/form.mjs

@@ -2,6 +2,7 @@
 import { jsx } from "react/jsx-runtime";
 import { Form as FormPrimitive } from "@base-ui/react/form";
 // src/vendor/coss/form.tsx
+/** https://coss.com/ui/docs/components/form */
 function Form({ className, ...props }) {
 	return /* @__PURE__ */ jsx(FormPrimitive, {
 		className,

package/dist/vendor/coss/scroll-area.d.mts

@@ -1,5 +1,6 @@
 import React from "react";
 import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
+/** https://coss.com/ui/docs/components/scroll-area */
 declare function ScrollArea$1({ className, children, scrollFade, scrollbarGutter, fill, clampContentMinWidth, overscrollContain, ...props }: ScrollAreaPrimitive.Root.Props & {
   scrollFade?: boolean;
   scrollbarGutter?: boolean;

package/dist/vendor/coss/scroll-area.mjs

@@ -3,6 +3,7 @@ import { cn } from "../shadcn/lib/utils.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
 // src/vendor/coss/scroll-area.tsx
+/** https://coss.com/ui/docs/components/scroll-area */
 function ScrollArea$1({ className, children, scrollFade = false, scrollbarGutter = false, fill = false, clampContentMinWidth = true, overscrollContain = false, ...props }) {
 	return /* @__PURE__ */ jsxs(ScrollAreaPrimitive.Root, {
 		className: cn("size-full min-h-0", className),

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

@@ -3,5 +3,6 @@ import { useRender } from "@base-ui/react/use-render";
 declare const badgeVariants: (props?: ({
   variant?: "default" | "destructive" | "ghost" | "info" | "link" | "outline" | "secondary" | "success" | "warning" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/** https://ui.shadcn.com/docs/components/base/badge */
 declare function Badge({ className, variant, render, ...props }: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export { Badge, badgeVariants };

package/dist/vendor/shadcn/badge.mjs

@@ -17,6 +17,7 @@ const badgeVariants = cva("group/badge inline-flex h-5 w-fit shrink-0 items-cent
 	} },
 	defaultVariants: { variant: "default" }
 });
+/** https://ui.shadcn.com/docs/components/base/badge */
 function Badge({ className, variant = "default", render, ...props }) {
 	return useRender({
 		defaultTagName: "span",

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

@@ -5,6 +5,7 @@ declare const buttonVariants: (props?: ({
   size?: "default" | "icon" | "icon-lg" | "icon-sm" | "icon-xs" | "lg" | "sm" | "xs" | null | undefined;
   pill?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/** https://ui.shadcn.com/docs/components/base/button */
 declare function Button$1({ className, variant, size, pill, isPending, disabled, children, ...props }: Button.Props & VariantProps<typeof buttonVariants> & {
   isPending?: boolean;
 }): import("react").JSX.Element;

package/dist/vendor/shadcn/button.mjs

@@ -34,6 +34,7 @@ const buttonVariants = cva("group/button inline-flex shrink-0 items-center justi
 		size: "default"
 	}
 });
+/** https://ui.shadcn.com/docs/components/base/button */
 function Button$1({ className, variant = "default", size = "default", pill = false, isPending = false, disabled, children, ...props }) {
 	return /* @__PURE__ */ jsx(Button, {
 		"data-slot": "button",

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

@@ -1,3 +1,4 @@
 import { Checkbox } from "@base-ui/react/checkbox";
+/** https://ui.shadcn.com/docs/components/base/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

@@ -4,6 +4,7 @@ import { jsx } from "react/jsx-runtime";
 import { CheckIcon } from "lucide-react";
 import { Checkbox } from "@base-ui/react/checkbox";
 // src/vendor/shadcn/checkbox.tsx
+/** https://ui.shadcn.com/docs/components/base/checkbox */
 function Checkbox$1({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Checkbox.Root, {
 		"data-slot": "checkbox",

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

@@ -1,3 +1,4 @@
 import * as React$1 from "react";
+/** https://ui.shadcn.com/docs/components/base/input */
 declare function Input({ className, type, ...props }: React$1.ComponentProps<"input">): React$1.JSX.Element;
 export { Input };

package/dist/vendor/shadcn/input.mjs

@@ -3,6 +3,7 @@ import "react";
 import { jsx } from "react/jsx-runtime";
 import { Input } from "@base-ui/react/input";
 // src/vendor/shadcn/input.tsx
+/** https://ui.shadcn.com/docs/components/base/input */
 function Input$1({ className, type, ...props }) {
 	return /* @__PURE__ */ jsx(Input, {
 		type,

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

@@ -1,3 +1,4 @@
 import * as React$1 from "react";
+/** https://ui.shadcn.com/docs/components/base/label */
 declare function Label({ className, ...props }: React$1.ComponentProps<"label">): React$1.JSX.Element;
 export { Label };

package/dist/vendor/shadcn/label.mjs

@@ -3,6 +3,7 @@ import { cn } from "cn";
 import "react";
 import { jsx } from "react/jsx-runtime";
 // src/vendor/shadcn/label.tsx
+/** https://ui.shadcn.com/docs/components/base/label */
 function Label({ className, ...props }) {
 	return /* @__PURE__ */ jsx("label", {
 		"data-slot": "label",

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

@@ -1,3 +1,4 @@
 import { Separator } from "@base-ui/react/separator";
+/** https://ui.shadcn.com/docs/components/base/separator */
 declare function Separator$1({ className, orientation, ...props }: Separator.Props): import("react").JSX.Element;
 export { Separator$1 as Separator };

package/dist/vendor/shadcn/separator.mjs

@@ -3,6 +3,7 @@ import { cn } from "cn";
 import { jsx } from "react/jsx-runtime";
 import { Separator } from "@base-ui/react/separator";
 // src/vendor/shadcn/separator.tsx
+/** https://ui.shadcn.com/docs/components/base/separator */
 function Separator$1({ className, orientation = "horizontal", ...props }) {
 	return /* @__PURE__ */ jsx(Separator, {
 		"data-slot": "separator",

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

@@ -1,2 +1,3 @@
+/** https://ui.shadcn.com/docs/components/base/skeleton */
 declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
 export { Skeleton };

package/dist/vendor/shadcn/skeleton.mjs

@@ -1,6 +1,7 @@
 import { cn } from "cn";
 import { jsx } from "react/jsx-runtime";
 // src/vendor/shadcn/skeleton.tsx
+/** https://ui.shadcn.com/docs/components/base/skeleton */
 function Skeleton({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "skeleton",

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

@@ -1,2 +1,3 @@
+/** https://ui.shadcn.com/docs/components/base/spinner */
 declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): import("react").JSX.Element;
 export { Spinner };

package/dist/vendor/shadcn/spinner.mjs

@@ -2,6 +2,7 @@ import { cn } from "cn";
 import { jsx } from "react/jsx-runtime";
 import { Loader2Icon } from "lucide-react";
 // src/vendor/shadcn/spinner.tsx
+/** https://ui.shadcn.com/docs/components/base/spinner */
 function Spinner({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Loader2Icon, {
 		"data-slot": "spinner",

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

@@ -1,4 +1,5 @@
 import { Switch } from "@base-ui/react/switch";
+/** https://ui.shadcn.com/docs/components/base/switch */
 declare function Switch$1({ className, size, ...props }: Switch.Root.Props & {
   size?: "sm" | "default";
 }): import("react").JSX.Element;

package/dist/vendor/shadcn/switch.mjs

@@ -3,6 +3,7 @@ import { cn } from "cn";
 import { jsx } from "react/jsx-runtime";
 import { Switch } from "@base-ui/react/switch";
 // src/vendor/shadcn/switch.tsx
+/** https://ui.shadcn.com/docs/components/base/switch */
 function Switch$1({ className, size = "default", ...props }) {
 	return /* @__PURE__ */ jsx(Switch.Root, {
 		"data-slot": "switch",

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

@@ -1,3 +1,4 @@
 import * as React$1 from "react";
+/** https://ui.shadcn.com/docs/components/base/textarea */
 declare function Textarea({ className, ...props }: React$1.ComponentProps<"textarea">): React$1.JSX.Element;
 export { Textarea };

package/dist/vendor/shadcn/textarea.mjs

@@ -2,6 +2,7 @@ import { cn } from "cn";
 import "react";
 import { jsx } from "react/jsx-runtime";
 // src/vendor/shadcn/textarea.tsx
+/** https://ui.shadcn.com/docs/components/base/textarea */
 function Textarea({ className, ...props }) {
 	return /* @__PURE__ */ jsx("textarea", {
 		"data-slot": "textarea",

package/dist/vendor/tailored/file-tree.d.mts

@@ -17,4 +17,5 @@ export type FileTreeProps = Omit<React$1.HTMLAttributes<HTMLDivElement>, "childr
   onSelect?: (node: FileTreeNode) => void;
   label?: string;
 };
+/** https://ui.tinkererslabs.com/docs/components/file-tree/ */
 export declare function FileTree({ nodes, expandedIds, defaultExpandedIds, onExpandedChange, selectedId, defaultSelectedId, onSelect, label, className, ...rootProps }: FileTreeProps): React$1.JSX.Element;

package/dist/vendor/tailored/file-tree.mjs

@@ -21,6 +21,7 @@ function flatten(nodes, expanded, level = 1) {
 		return [self, ...flatten(node.children, expanded, level + 1)];
 	});
 }
+/** https://ui.tinkererslabs.com/docs/components/file-tree/ */
 function FileTree({ nodes, expandedIds, defaultExpandedIds = [], onExpandedChange, selectedId, defaultSelectedId = null, onSelect, label = "Files", className, ...rootProps }) {
 	const [uncontrolledExpanded, setUncontrolledExpanded] = React$1.useState(defaultExpandedIds);
 	const [uncontrolledSelected, setUncontrolledSelected] = React$1.useState(defaultSelectedId);

package/dist/vendor/tailored/icon-swap.d.mts

@@ -3,5 +3,6 @@ type IconSwapProps = Omit<HTMLMotionProps<"span">, "children"> & {
   children?: React.ReactNode;
   state: React.Key;
 };
+/** https://ui.iandefined.com/docs/utilities/icon-swap/ */
 declare function IconSwap({ children, state, ...props }: IconSwapProps): import("react").JSX.Element;
 export { IconSwap, type IconSwapProps };

package/dist/vendor/tailored/icon-swap.mjs

@@ -22,6 +22,7 @@ const ICON_SWAP_TRANSITION = {
 	duration: .2,
 	type: "spring"
 };
+/** https://ui.iandefined.com/docs/utilities/icon-swap/ */
 function IconSwap({ children, state, ...props }) {
 	return /* @__PURE__ */ jsx(MotionConfig, {
 		reducedMotion: "user",

package/dist/vendor/tailored/json-viewer.d.mts

@@ -7,4 +7,5 @@ export type JsonViewerProps = Omit<React$1.HTMLAttributes<HTMLDivElement>, "chil
   copyable?: boolean;
   label?: string;
 };
+/** https://ui.tinkererslabs.com/docs/components/json-viewer/ */
 export declare function JsonViewer({ value, rootName, defaultExpandedDepth, maxStringLength, copyable, label, className, ...rootProps }: JsonViewerProps): React$1.JSX.Element;

package/dist/vendor/tailored/json-viewer.mjs

@@ -80,6 +80,7 @@ const VALUE_CLASS = {
 	object: "text-muted-foreground",
 	array: "text-muted-foreground"
 };
+/** https://ui.tinkererslabs.com/docs/components/json-viewer/ */
 function JsonViewer({ value, rootName = "root", defaultExpandedDepth = 1, maxStringLength = 120, copyable = true, label = "JSON", className, ...rootProps }) {
 	const [expanded, setExpanded] = React$1.useState(() => pathsToDepth(value, rootName, defaultExpandedDepth));
 	const [copied, setCopied] = React$1.useState(null);

package/dist/widgets/dropzone.d.mts

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

package/dist/widgets/dropzone.mjs

@@ -1,22 +1,26 @@
 "use client";
 import { buttonVariants } from "../vendor/shadcn/button.mjs";
 import { cn } from "cn";
-import { useDropzone } from "react-dropzone";
 import { useId, useImperativeHandle } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { UploadIcon } from "lucide-react";
+import { useDropzone, useDropzone as useDropzone$1 } from "react-dropzone";
 // src/widgets/dropzone.tsx
-function formatSize(bytes) {
+function formatBytes(bytes, nospace = false) {
+	if (!Number.isFinite(bytes) || bytes < 0) return "—";
+	if (bytes === 0) return `0${nospace ? "" : " "}B`;
 	const units = [
 		"B",
 		"KB",
 		"MB",
 		"GB",
-		"TB"
+		"TB",
+		"PB"
 	];
-	const index = bytes > 0 ? Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), units.length - 1) : 0;
-	return `${Number((bytes / 1024 ** index).toFixed(1))} ${units[index]}`;
+	const index = Math.max(0, Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), units.length - 1));
+	return `${Number((bytes / 1024 ** index).toFixed(1))}${nospace ? "" : " "}${units[index]}`;
 }
+/** https://react-dropzone.js.org/ */
 function Dropzone({ accept, minSize, maxSize, maxFiles, multiple, disabled, preventDropOnDocument, noClick, noKeyboard, noDrag, noDragEventsBubbling, noPaste, onDrop, onDropAccepted, onDropRejected, onDragEnter, onDragOver, onDragLeave, getFilesFromEvent, onFileDialogCancel, onFileDialogOpen, onError, validator, getErrorMessage, useFsAccessApi, autoFocus, children, className, ref, ...props }) {
 	const { getRootProps, getInputProps, rootRef, isDragActive, isDragReject, isProcessing } = useDropzone({
 		accept,
@@ -48,7 +52,7 @@ function Dropzone({ accept, minSize, maxSize, maxFiles, multiple, disabled, prev
 	});
 	useImperativeHandle(ref, () => rootRef.current);
 	const descriptionId = useId();
-	const limits = [multiple === false ? "单个文件" : maxFiles && maxFiles > 0 ? `最多 ${maxFiles} 个文件` : void 0, maxSize !== void 0 && Number.isFinite(maxSize) ? `每个不超过 ${formatSize(maxSize)}` : void 0].filter(Boolean);
+	const limits = [multiple === false ? "单个文件" : maxFiles && maxFiles > 0 ? `最多 ${maxFiles} 个文件` : void 0, maxSize !== void 0 && Number.isFinite(maxSize) ? `每个不超过 ${formatBytes(maxSize)}` : void 0].filter(Boolean);
 	return /* @__PURE__ */ jsxs("div", {
 		...getRootProps({
 			"role": "button",
@@ -95,4 +99,4 @@ function Dropzone({ accept, minSize, maxSize, maxFiles, multiple, disabled, prev
 		] })]
 	});
 }
-export { Dropzone, formatSize };
+export { Dropzone, formatBytes, useDropzone$1 as useDropzone };

package/dist/widgets/index.d.mts

@@ -22,7 +22,7 @@ import "./toast.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 { Dropzone, formatBytes, useDropzone } from "./dropzone.mjs";
 import { Carousel, Image, ImageProps, Lightbox } from "./multimedia.mjs";
 import { useSidebar } from "../vendor/shadcn/sidebar.mjs";
 import { Pagination } from "./pagination.mjs";
@@ -33,23 +33,27 @@ 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";
 import { FileTree, FileTreeNode } from "../vendor/tailored/file-tree.mjs";
+export * from "react-dropzone";
+/** https://ui.shadcn.com/docs/components/base/kbd */
 export declare const Kbd: typeof Kbd$1 & {
   Group: typeof KbdGroup;
 };
+/** https://ui.shadcn.com/docs/components/base/tabs */
 export declare const Tabs: typeof Tabs$1 & {
   List: typeof TabsList;
   Trigger: typeof TabsTrigger;
   Content: typeof TabsContent;
 };
+/** https://ui.shadcn.com/docs/components/base/card */
 export declare const Card: typeof Card$1 & {
   Header: typeof CardHeader;
   Content: typeof CardContent;
@@ -58,11 +62,13 @@ export declare const Card: typeof Card$1 & {
   Action: typeof CardAction;
   Description: typeof CardDescription;
 };
+/** https://ui.shadcn.com/docs/components/base/field */
 export declare const Field: typeof Field$1 & {
   Label: typeof FieldLabel;
   Description: typeof FieldDescription;
   Error: typeof FieldError;
 };
+/** https://coss.com/ui/docs/components/empty */
 export declare const Empty: typeof Empty$1 & {
   Header: typeof EmptyHeader;
   Content: typeof EmptyContent;
@@ -70,6 +76,7 @@ export declare const Empty: typeof Empty$1 & {
   Title: typeof EmptyTitle;
   Description: typeof EmptyDescription;
 };
+/** https://ui.shadcn.com/docs/components/base/table */
 export declare const Table: typeof Table$1 & {
   Header: typeof TableHeader;
   Body: typeof TableBody;
@@ -78,9 +85,11 @@ export declare const Table: typeof Table$1 & {
   Head: typeof TableHead;
   Cell: typeof TableCell;
 };
+/** https://ui.shadcn.com/docs/components/base/radio-group */
 export declare const Radio: typeof RadioGroupItem & {
   Group: typeof RadioGroup;
 };
+/** https://ui.shadcn.com/docs/components/base/select */
 export declare const Select: typeof import("@base-ui/react").SelectRoot & {
   Trigger: typeof SelectTrigger;
   Value: typeof SelectValue;
@@ -90,6 +99,7 @@ export declare const Select: typeof import("@base-ui/react").SelectRoot & {
   Label: typeof SelectLabel;
   Item: typeof SelectItem;
 };
+/** https://coss.com/ui/docs/components/drawer */
 export declare const Drawer: typeof Drawer$1 & {
   Trigger: typeof DrawerTrigger;
   Close: typeof DrawerClose;
@@ -100,6 +110,7 @@ export declare const Drawer: typeof Drawer$1 & {
   Title: typeof DrawerTitle;
   Description: typeof DrawerDescription;
 };
+/** https://coss.com/ui/docs/components/dialog */
 export declare const Dialog: (<Payload>(props: DialogPrimitive.Root.Props<Payload>) => React.JSX.Element) & {
   Trigger: typeof DialogTrigger;
   Close: typeof DialogClose;
@@ -110,17 +121,20 @@ export declare const Dialog: (<Payload>(props: DialogPrimitive.Root.Props<Payloa
   Title: typeof DialogTitle;
   Description: typeof DialogDescription;
 };
+/** https://ui.shadcn.com/docs/components/base/tooltip */
 export declare const Tooltip: typeof Tooltip$1 & {
   Provider: typeof TooltipProvider;
   Trigger: typeof TooltipTrigger;
   Content: typeof TooltipContent;
 };
+/** https://ui.shadcn.com/docs/components/base/popover */
 export declare const Popover: typeof Popover$1 & {
   Trigger: typeof PopoverTrigger;
   Content: typeof PopoverContent;
   Title: typeof PopoverTitle;
   Description: typeof PopoverDescription;
 };
+/** https://ui.shadcn.com/docs/components/base/dropdown-menu */
 export declare const Dropdown: typeof DropdownMenu & {
   Trigger: typeof DropdownMenuTrigger;
   Content: typeof DropdownMenuContent;
@@ -136,6 +150,7 @@ export declare const Dropdown: typeof DropdownMenu & {
   RadioGroup: typeof DropdownMenuRadioGroup;
   CheckboxItem: typeof DropdownMenuCheckboxItem;
 };
+/** https://ui.shadcn.com/docs/components/base/combobox */
 export declare const Combobox: typeof import("@base-ui/react").ComboboxRoot & {
   Content: typeof ComboboxContent;
   Empty: typeof ComboboxEmpty;
@@ -151,15 +166,18 @@ export declare const Combobox: typeof import("@base-ui/react").ComboboxRoot & {
   Item: typeof ComboboxItem;
   Separator: typeof ComboboxSeparator;
 };
+/** https://ui.shadcn.com/docs/components/base/progress */
 export declare const Progress: typeof Progress$1 & {
   Label: typeof ProgressLabel;
   Value: typeof ProgressValue;
   Track: typeof ProgressTrack;
   Indicator: typeof ProgressIndicator;
 };
+/** https://ui.shadcn.com/docs/components/base/calendar */
 export declare const Calendar: typeof Calendar$1 & {
   DayButton: typeof CalendarDayButton;
 };
+/** https://ui.shadcn.com/docs/components/base/breadcrumb */
 export declare const Breadcrumb: typeof Breadcrumb$1 & {
   List: typeof BreadcrumbList;
   Item: typeof BreadcrumbItem;
@@ -168,6 +186,7 @@ export declare const Breadcrumb: typeof Breadcrumb$1 & {
   Ellipsis: typeof BreadcrumbEllipsis;
   Page: typeof BreadcrumbPage;
 };
+/** https://coss.com/ui/docs/components/alert-dialog */
 export declare const AlertDialog: typeof AlertDialogPrimitive.Root & {
   Trigger: typeof AlertDialogTrigger;
   Close: typeof AlertDialogClose;
@@ -177,10 +196,12 @@ export declare const AlertDialog: typeof AlertDialogPrimitive.Root & {
   Title: typeof AlertDialogTitle;
   Description: typeof AlertDialogDescription;
 };
+/** https://ui.shadcn.com/docs/components/base/button-group */
 export declare const ButtonGroup: typeof ButtonGroup$1 & {
   Text: typeof ButtonGroupText;
   Separator: typeof ButtonGroupSeparator;
 };
+/** https://ui.shadcn.com/docs/components/base/input-group */
 export declare const InputGroup: typeof InputGroup$1 & {
   Addon: typeof InputGroupAddon;
   AddonText: typeof InputGroupText;
@@ -188,4 +209,4 @@ export declare const InputGroup: typeof InputGroup$1 & {
   Textarea: typeof InputGroupTextarea;
   Button: typeof InputGroupButton;
 };
-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 };
+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, formatBytes, toast, useDropzone, type useLightbox, useSidebar };

package/dist/widgets/index.mjs

@@ -30,7 +30,7 @@ import { Skeleton } from "../vendor/shadcn/skeleton.mjs";
 import { useSidebar } from "../vendor/shadcn/sidebar.mjs";
 import { Sidebar } from "./sidebar.mjs";
 import { DatePicker, DateRangePicker, TimePicker } from "./datetime.mjs";
-import { Dropzone, formatSize } from "./dropzone.mjs";
+import { Dropzone, formatBytes, useDropzone } from "./dropzone.mjs";
 import { Carousel, Image, Lightbox } from "./multimedia.mjs";
 import { Pagination } from "./pagination.mjs";
 import { Form } from "../vendor/coss/form.mjs";
@@ -41,12 +41,15 @@ import { IconSwap } from "../vendor/tailored/icon-swap.mjs";
 import { JsonViewer } from "../vendor/tailored/json-viewer.mjs";
 import { FileTree } from "../vendor/tailored/file-tree.mjs";
 // src/widgets/index.ts
+/** https://ui.shadcn.com/docs/components/base/kbd */
 const Kbd = /* @__PURE__ */ Object.assign(Kbd$1, { Group: KbdGroup });
+/** https://ui.shadcn.com/docs/components/base/tabs */
 const Tabs = /* @__PURE__ */ Object.assign(Tabs$1, {
 	List: TabsList,
 	Trigger: TabsTrigger,
 	Content: TabsContent
 });
+/** https://ui.shadcn.com/docs/components/base/card */
 const Card = /* @__PURE__ */ Object.assign(Card$1, {
 	Header: CardHeader,
 	Content: CardContent,
@@ -55,11 +58,13 @@ const Card = /* @__PURE__ */ Object.assign(Card$1, {
 	Action: CardAction,
 	Description: CardDescription
 });
+/** https://ui.shadcn.com/docs/components/base/field */
 const Field = /* @__PURE__ */ Object.assign(Field$1, {
 	Label: FieldLabel,
 	Description: FieldDescription,
 	Error: FieldError
 });
+/** https://coss.com/ui/docs/components/empty */
 const Empty = /* @__PURE__ */ Object.assign(Empty$1, {
 	Header: EmptyHeader,
 	Content: EmptyContent,
@@ -67,6 +72,7 @@ const Empty = /* @__PURE__ */ Object.assign(Empty$1, {
 	Title: EmptyTitle,
 	Description: EmptyDescription
 });
+/** https://ui.shadcn.com/docs/components/base/table */
 const Table = /* @__PURE__ */ Object.assign(Table$1, {
 	Header: TableHeader,
 	Body: TableBody,
@@ -75,7 +81,9 @@ const Table = /* @__PURE__ */ Object.assign(Table$1, {
 	Head: TableHead,
 	Cell: TableCell
 });
+/** https://ui.shadcn.com/docs/components/base/radio-group */
 const Radio = /* @__PURE__ */ Object.assign(RadioGroupItem, { Group: RadioGroup });
+/** https://ui.shadcn.com/docs/components/base/select */
 const Select = /* @__PURE__ */ Object.assign(Select$1, {
 	Trigger: SelectTrigger,
 	Value: SelectValue,
@@ -85,6 +93,7 @@ const Select = /* @__PURE__ */ Object.assign(Select$1, {
 	Label: SelectLabel,
 	Item: SelectItem
 });
+/** https://coss.com/ui/docs/components/drawer */
 const Drawer = /* @__PURE__ */ Object.assign(Drawer$1, {
 	Trigger: DrawerTrigger,
 	Close: DrawerClose,
@@ -95,6 +104,7 @@ const Drawer = /* @__PURE__ */ Object.assign(Drawer$1, {
 	Title: DrawerTitle,
 	Description: DrawerDescription
 });
+/** https://coss.com/ui/docs/components/dialog */
 const Dialog = /* @__PURE__ */ Object.assign(Dialog$1, {
 	Trigger: DialogTrigger,
 	Close: DialogClose,
@@ -105,17 +115,20 @@ const Dialog = /* @__PURE__ */ Object.assign(Dialog$1, {
 	Title: DialogTitle,
 	Description: DialogDescription
 });
+/** https://ui.shadcn.com/docs/components/base/tooltip */
 const Tooltip = /* @__PURE__ */ Object.assign(Tooltip$1, {
 	Provider: TooltipProvider,
 	Trigger: TooltipTrigger,
 	Content: TooltipContent
 });
+/** https://ui.shadcn.com/docs/components/base/popover */
 const Popover = /* @__PURE__ */ Object.assign(Popover$1, {
 	Trigger: PopoverTrigger,
 	Content: PopoverContent,
 	Title: PopoverTitle,
 	Description: PopoverDescription
 });
+/** https://ui.shadcn.com/docs/components/base/dropdown-menu */
 const Dropdown = /* @__PURE__ */ Object.assign(DropdownMenu, {
 	Trigger: DropdownMenuTrigger,
 	Content: DropdownMenuContent,
@@ -131,6 +144,7 @@ const Dropdown = /* @__PURE__ */ Object.assign(DropdownMenu, {
 	RadioGroup: DropdownMenuRadioGroup,
 	CheckboxItem: DropdownMenuCheckboxItem
 });
+/** https://ui.shadcn.com/docs/components/base/combobox */
 const Combobox = /* @__PURE__ */ Object.assign(Combobox$1, {
 	Content: ComboboxContent,
 	Empty: ComboboxEmpty,
@@ -146,13 +160,16 @@ const Combobox = /* @__PURE__ */ Object.assign(Combobox$1, {
 	Item: ComboboxItem,
 	Separator: ComboboxSeparator
 });
+/** https://ui.shadcn.com/docs/components/base/progress */
 const Progress = /* @__PURE__ */ Object.assign(Progress$1, {
 	Label: ProgressLabel,
 	Value: ProgressValue,
 	Track: ProgressTrack,
 	Indicator: ProgressIndicator
 });
+/** https://ui.shadcn.com/docs/components/base/calendar */
 const Calendar = /* @__PURE__ */ Object.assign(Calendar$1, { DayButton: CalendarDayButton });
+/** https://ui.shadcn.com/docs/components/base/breadcrumb */
 const Breadcrumb = /* @__PURE__ */ Object.assign(Breadcrumb$1, {
 	List: BreadcrumbList,
 	Item: BreadcrumbItem,
@@ -161,6 +178,7 @@ const Breadcrumb = /* @__PURE__ */ Object.assign(Breadcrumb$1, {
 	Ellipsis: BreadcrumbEllipsis,
 	Page: BreadcrumbPage
 });
+/** https://coss.com/ui/docs/components/alert-dialog */
 const AlertDialog = /* @__PURE__ */ Object.assign(AlertDialog$1, {
 	Trigger: AlertDialogTrigger,
 	Close: AlertDialogClose,
@@ -170,10 +188,12 @@ const AlertDialog = /* @__PURE__ */ Object.assign(AlertDialog$1, {
 	Title: AlertDialogTitle,
 	Description: AlertDialogDescription
 });
+/** https://ui.shadcn.com/docs/components/base/button-group */
 const ButtonGroup = /* @__PURE__ */ Object.assign(ButtonGroup$1, {
 	Text: ButtonGroupText,
 	Separator: ButtonGroupSeparator
 });
+/** https://ui.shadcn.com/docs/components/base/input-group */
 const InputGroup = /* @__PURE__ */ Object.assign(InputGroup$1, {
 	Addon: InputGroupAddon,
 	AddonText: InputGroupText,
@@ -181,4 +201,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, 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, formatBytes, toast, useDropzone, useSidebar };

package/dist/widgets/multimedia.d.mts

@@ -1,10 +1,12 @@
 import { Carousel as Carousel$1, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "../vendor/shadcn/carousel.mjs";
 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";
+/** https://ui.iandefined.com/docs/components/lightbox/ */
 export declare const Lightbox: typeof Lightbox$1 & {
   Trigger: typeof LightboxTrigger;
   Content: typeof LightboxContent;
 };
+/** https://ui.shadcn.com/docs/components/base/carousel */
 export declare const Carousel: typeof Carousel$1 & {
   Content: typeof CarouselContent;
   Previous: typeof CarouselPrevious;

package/dist/widgets/multimedia.mjs

@@ -4,10 +4,12 @@ import { cn } from "cn";
 import { useEffect, useImperativeHandle, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/widgets/multimedia.tsx
+/** https://ui.iandefined.com/docs/components/lightbox/ */
 const Lightbox = /* @__PURE__ */ Object.assign(Lightbox$1, {
 	Trigger: LightboxTrigger,
 	Content: LightboxContent
 });
+/** https://ui.shadcn.com/docs/components/base/carousel */
 const Carousel = /* @__PURE__ */ Object.assign(Carousel$1, {
 	Content: CarouselContent,
 	Previous: CarouselPrevious,

package/dist/widgets/pagination.d.mts

@@ -1,4 +1,5 @@
 import { Pagination as Pagination$1, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "../vendor/shadcn/pagination.mjs";
+/** https://ui.shadcn.com/docs/components/base/pagination */
 export declare const Pagination: typeof Pagination$1 & {
   Content: typeof PaginationContent;
   Item: typeof PaginationItem;

package/dist/widgets/pagination.mjs

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

package/dist/widgets/sidebar.d.mts

@@ -1,4 +1,5 @@
 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";
+/** https://ui.shadcn.com/docs/components/base/sidebar */
 export declare const Sidebar: typeof Sidebar$1 & {
   Provider: typeof SidebarProvider;
   Inset: typeof SidebarInset;

package/dist/widgets/sidebar.mjs

@@ -1,5 +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";
 // src/widgets/sidebar.tsx
+/** https://ui.shadcn.com/docs/components/base/sidebar */
 const Sidebar = /* @__PURE__ */ Object.assign(Sidebar$1, {
 	Provider: SidebarProvider,
 	Inset: SidebarInset,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deftui/react",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/KiriRainCat/deftui.git",
@@ -34,7 +34,6 @@
   },
   "dependencies": {
     "@daypicker/react": "^10.0.2",
-    "@fontsource-variable/inter": "^5.3.0",
     "class-variance-authority": "^0.7.1",
     "cn": "^0.5.2",
     "date-fns": "^4.4.0",