@deftui/react 0.2.1 → 0.2.3

package/dist/index.d.mts

@@ -1,11 +1,7 @@
 import { useCopyToClipboard } from "./vendor/coss/hooks/use-copy-to-clipboard.mjs";
 import { useIsMobile, useMediaQuery } from "./vendor/coss/hooks/use-media-query.mjs";
-import { Button } from "./vendor/shadcn/button.mjs";
-import { AlertDialogHandle, createAlertDialogHandle } from "./vendor/shadcn/alert-dialog.mjs";
 import { Separator } from "./vendor/shadcn/separator.mjs";
-import { ComboboxItemCollection, ComboboxPrimitiveValue, CreateComboboxItemsOptions, createComboboxItems } from "./vendor/shadcn/combobox.mjs";
-import { DialogHandle, createDialogHandle } from "./vendor/shadcn/dialog.mjs";
-import { DrawerHandle, createDrawerHandle } from "./vendor/shadcn/drawer.mjs";
+import { Button } from "./vendor/shadcn/button.mjs";
 import { Label } from "./vendor/shadcn/label.mjs";
 import { Toaster, toast } from "./vendor/shadcn/toast.mjs";
 import { Input } from "./vendor/shadcn/input.mjs";
@@ -33,4 +29,4 @@ 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, type AlertDialogHandle, Badge, Breadcrumb, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, Combobox, type ComboboxItemCollection, type ComboboxPrimitiveValue, type CreateComboboxItemsOptions, DatePicker, type DateRange, DateRangePicker, Dialog, type DialogHandle, Drawer, type DrawerHandle, Dropdown, Dropzone, Empty, Field, 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, createAlertDialogHandle, createComboboxItems, createDialogHandle, createDrawerHandle, cva, formatSize, mergeProps, toast, useCopyToClipboard, useDropzone, useIsMobile, type useLightbox, useMediaQuery, useSidebar };
+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 };

package/dist/index.mjs

@@ -2,13 +2,10 @@ import { useCopyToClipboard } from "./vendor/coss/hooks/use-copy-to-clipboard.mj
 import { useIsMobile, useMediaQuery } from "./vendor/coss/hooks/use-media-query.mjs";
 import { Spinner } from "./vendor/shadcn/spinner.mjs";
 import { Button } from "./vendor/shadcn/button.mjs";
-import { createAlertDialogHandle } from "./vendor/shadcn/alert-dialog.mjs";
+import { ScrollArea } from "./vendor/coss/scroll-area.mjs";
 import { Separator } from "./vendor/shadcn/separator.mjs";
 import { Input } from "./vendor/shadcn/input.mjs";
 import { Textarea } from "./vendor/shadcn/textarea.mjs";
-import { createComboboxItems } from "./vendor/shadcn/combobox.mjs";
-import { createDialogHandle } from "./vendor/shadcn/dialog.mjs";
-import { createDrawerHandle } from "./vendor/shadcn/drawer.mjs";
 import { Label } from "./vendor/shadcn/label.mjs";
 import { Toaster, toast } from "./vendor/shadcn/toast.mjs";
 import { Skeleton } from "./vendor/shadcn/skeleton.mjs";
@@ -22,7 +19,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";
@@ -31,4 +27,4 @@ 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, createAlertDialogHandle, createComboboxItems, createDialogHandle, createDrawerHandle, 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, formatSize, mergeProps, toast, useCopyToClipboard, useDropzone, useIsMobile, useMediaQuery, useSidebar };

package/dist/styles.tokens.css

@@ -20,10 +20,15 @@
   --primary-foreground: oklch(0.985 0 0);
   --secondary-foreground: oklch(0.205 0 0);
 
-  --info: oklch(0.488 0.243 264.376);
-  --warning: oklch(0.555 0.163 48.998);
-  --success: oklch(0.527 0.154 150.069);
-  --destructive: oklch(0.577 0.245 27.325);
+  --info: var(--color-blue-500);
+  --warning: var(--color-amber-500);
+  --success: var(--color-emerald-500);
+  --destructive: var(--color-red-500);
+
+  --info-foreground: var(--color-blue-700);
+  --warning-foreground: var(--color-amber-700);
+  --success-foreground: var(--color-emerald-700);
+  --destructive-foreground: var(--color-red-700);
 
   --chart-1: oklch(0.87 0 0);
   --chart-2: oklch(0.556 0 0);
@@ -65,10 +70,20 @@
   --primary-foreground: oklch(0.205 0 0);
   --secondary-foreground: oklch(0.985 0 0);
 
+  --info: var(--color-blue-500);
+  --warning: var(--color-amber-500);
+  --success: var(--color-emerald-500);
+  --destructive: oklch(65.51% 0.2212 23.35);
+
+  --info-foreground: var(--color-blue-400);
+  --warning-foreground: var(--color-amber-400);
+  --success-foreground: var(--color-emerald-400);
+  --destructive-foreground: var(--color-red-400);
+
   --info: oklch(0.707 0.165 254.624);
   --warning: oklch(0.828 0.189 84.429);
   --success: oklch(0.792 0.209 151.711);
-  --destructive: oklch(0.704 0.191 22.216);
+  --destructive: oklch(0.655 0.221 23.4);
 
   --chart-1: oklch(0.87 0 0);
   --chart-2: oklch(0.556 0 0);

package/dist/vendor/README.md

@@ -11,24 +11,24 @@ shadcn 组件使用 `components.json` 中的 `base-vega` 风格和 Lucide 图标
 
 | ID | File | Docs | Modifications |
 | --- | --- | --- | --- |
-| `@coss/empty` | [coss/empty.tsx](coss/empty.tsx) | [Empty](https://coss.com/ui/docs/components/empty) | — |
+| `@coss/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/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) | — |
 | `@coss/use-media-query` | [coss/hooks/use-media-query.ts](coss/hooks/use-media-query.ts) | [useMediaQuery](https://coss.com/ui/docs/hooks/use-media-query) | 断点：`md` 设为 768px，与 Tailwind 默认值一致 |
-| `alert-dialog` | [shadcn/alert-dialog.tsx](shadcn/alert-dialog.tsx) | [Alert Dialog](https://ui.shadcn.com/docs/components/base/alert-dialog) | 额外导出 `createAlertDialogHandle` 及其类型 |
 | `badge` | [shadcn/badge.tsx](shadcn/badge.tsx) | [Badge](https://ui.shadcn.com/docs/components/base/badge) | 提供 `info`、`success`、`warning` 语义变体 |
 | `breadcrumb` | [shadcn/breadcrumb.tsx](shadcn/breadcrumb.tsx) | [Breadcrumb](https://ui.shadcn.com/docs/components/base/breadcrumb) | 未显式指定 `BreadcrumbList` 则自动包裹 |
-| `button` | [shadcn/button.tsx](shadcn/button.tsx) | [Button](https://ui.shadcn.com/docs/components/base/button) | `pill` 提供全圆角；`isPending` 提供居中 Spinner 加载态 |
+| `button` | [shadcn/button.tsx](shadcn/button.tsx) | [Button](https://ui.shadcn.com/docs/components/base/button) | `pill` 提供全圆角；`isPending` 提供加载态；提供额外 `destructive` 系列样式变体，`destructive-soft` 保留 shadcn 的浅色危险样式 |
 | `button-group` | [shadcn/button-group.tsx](shadcn/button-group.tsx) | [Button Group](https://ui.shadcn.com/docs/components/base/button-group) | — |
 | `calendar` | [shadcn/calendar.tsx](shadcn/calendar.tsx) | [Calendar](https://ui.shadcn.com/docs/components/base/calendar) | 将 `react-day-picker` 导入改为 `@daypicker/react` |
 | `card` | [shadcn/card.tsx](shadcn/card.tsx) | [Card](https://ui.shadcn.com/docs/components/base/card) | — |
 | `carousel` | [shadcn/carousel.tsx](shadcn/carousel.tsx) | [Carousel](https://ui.shadcn.com/docs/components/base/carousel) | — |
 | `checkbox` | [shadcn/checkbox.tsx](shadcn/checkbox.tsx) | [Checkbox](https://ui.shadcn.com/docs/components/base/checkbox) | — |
-| `combobox` | [shadcn/combobox.tsx](shadcn/combobox.tsx) | [Combobox](https://ui.shadcn.com/docs/components/base/combobox) | 额外导出 `createComboboxItems` 及其类型；将选中标记移至左侧 |
-| `dialog` | [shadcn/dialog.tsx](shadcn/dialog.tsx) | [Dialog](https://ui.shadcn.com/docs/components/base/dialog) | 额外导出 `createDialogHandle` 及其类型 |
+| `combobox` | [shadcn/combobox.tsx](shadcn/combobox.tsx) | [Combobox](https://ui.shadcn.com/docs/components/base/combobox) | 将选中标记移至左侧 |
 | `direction` | [shadcn/direction.tsx](shadcn/direction.tsx) | [Direction](https://ui.shadcn.com/docs/components/base/direction) | — |
-| `drawer` | [shadcn/drawer.tsx](shadcn/drawer.tsx) | [Drawer](https://ui.shadcn.com/docs/components/base/drawer) | 额外导出 `createDrawerHandle` 及其类型 |
 | `dropdown-menu` | [shadcn/dropdown-menu.tsx](shadcn/dropdown-menu.tsx) | [Dropdown Menu](https://ui.shadcn.com/docs/components/base/dropdown-menu) | — |
 | `field` | [shadcn/field.tsx](shadcn/field.tsx) | [Field](https://ui.shadcn.com/docs/components/base/field) | — |
 | `input` | [shadcn/input.tsx](shadcn/input.tsx) | [Input](https://ui.shadcn.com/docs/components/base/input) | 参考 coss ui 处理自动填充的文字颜色，用背景色过渡抑制浏览器底色、内阴影绘制填充色 |

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

@@ -0,0 +1,15 @@
+import React from "react";
+import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
+export declare function AlertDialogTrigger(props: AlertDialogPrimitive.Trigger.Props): React.ReactElement;
+export declare function AlertDialogPopup({ className, bottomStickOnMobile, portalProps, ...props }: AlertDialogPrimitive.Popup.Props & {
+  bottomStickOnMobile?: boolean;
+  portalProps?: AlertDialogPrimitive.Portal.Props;
+}): React.ReactElement;
+export declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): React.ReactElement;
+export declare function AlertDialogFooter({ className, variant, ...props }: React.ComponentProps<"div"> & {
+  variant?: "default" | "bare";
+}): React.ReactElement;
+export declare function AlertDialogTitle({ className, ...props }: AlertDialogPrimitive.Title.Props): React.ReactElement;
+export declare function AlertDialogDescription({ className, ...props }: AlertDialogPrimitive.Description.Props): React.ReactElement;
+export declare function AlertDialogClose(props: AlertDialogPrimitive.Close.Props): React.ReactElement;
+export { AlertDialogPopup as AlertDialogContent, AlertDialogPrimitive };

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

@@ -0,0 +1,75 @@
+"use client";
+import { cn } from "../shadcn/lib/utils.mjs";
+import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
+import { jsx, jsxs } from "react/jsx-runtime";
+AlertDialogPrimitive.createHandle;
+const AlertDialog = AlertDialogPrimitive.Root;
+const AlertDialogPortal = AlertDialogPrimitive.Portal;
+function AlertDialogTrigger(props) {
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Trigger, {
+		"data-slot": "alert-dialog-trigger",
+		...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),
+		"data-slot": "alert-dialog-backdrop",
+		...props
+	});
+}
+function AlertDialogViewport({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Viewport, {
+		className: cn("fixed inset-0 z-50 grid grid-rows-[1fr_auto_3fr] justify-items-center p-4", className),
+		"data-slot": "alert-dialog-viewport",
+		...props
+	});
+}
+function AlertDialogPopup({ className, bottomStickOnMobile = true, portalProps, ...props }) {
+	return /* @__PURE__ */ jsxs(AlertDialogPortal, {
+		...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),
+				"data-slot": "alert-dialog-popup",
+				...props
+			})
+		})]
+	});
+}
+function AlertDialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-col gap-2 p-6 text-center max-sm:pb-4 sm:text-left", className),
+		"data-slot": "alert-dialog-header",
+		...props
+	});
+}
+function AlertDialogFooter({ className, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-col-reverse gap-2 px-6 sm:flex-row sm:justify-end sm:rounded-b-[calc(var(--radius-2xl)-1px)]", variant === "default" && "border-t bg-muted/72 py-4", variant === "bare" && "pb-6", className),
+		"data-slot": "alert-dialog-footer",
+		...props
+	});
+}
+function AlertDialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Title, {
+		className: cn("font-semibold font-heading text-lg leading-none", className),
+		"data-slot": "alert-dialog-title",
+		...props
+	});
+}
+function AlertDialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Description, {
+		className: cn("text-muted-foreground text-sm", className),
+		"data-slot": "alert-dialog-description",
+		...props
+	});
+}
+function AlertDialogClose(props) {
+	return /* @__PURE__ */ jsx(AlertDialogPrimitive.Close, {
+		"data-slot": "alert-dialog-close",
+		...props
+	});
+}
+export { AlertDialog, AlertDialogBackdrop, AlertDialogBackdrop as AlertDialogOverlay, AlertDialogClose, AlertDialogPopup as AlertDialogContent, AlertDialogPopup, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPortal, AlertDialogPrimitive, AlertDialogTitle, AlertDialogTrigger, AlertDialogViewport };

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

@@ -0,0 +1,21 @@
+import React from "react";
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+import { useRender } from "@base-ui/react/use-render";
+export declare function DialogTrigger(props: DialogPrimitive.Trigger.Props): React.ReactElement;
+export declare function DialogClose(props: DialogPrimitive.Close.Props): React.ReactElement;
+export declare function DialogPopup({ className, children, showCloseButton, bottomStickOnMobile, closeProps, portalProps, ...props }: DialogPrimitive.Popup.Props & {
+  showCloseButton?: boolean;
+  bottomStickOnMobile?: boolean;
+  closeProps?: DialogPrimitive.Close.Props;
+  portalProps?: DialogPrimitive.Portal.Props;
+}): React.ReactElement;
+export declare function DialogHeader({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement;
+export declare function DialogFooter({ className, variant, render, ...props }: useRender.ComponentProps<"div"> & {
+  variant?: "default" | "bare";
+}): React.ReactElement;
+export declare function DialogTitle({ className, ...props }: DialogPrimitive.Title.Props): React.ReactElement;
+export declare function DialogDescription({ className, ...props }: DialogPrimitive.Description.Props): React.ReactElement;
+export declare function DialogPanel({ className, scrollFade, render, ...props }: useRender.ComponentProps<"div"> & {
+  scrollFade?: boolean;
+}): React.ReactElement;
+export { DialogPopup as DialogContent, DialogPrimitive };

package/dist/vendor/coss/dialog.mjs

@@ -0,0 +1,113 @@
+"use client";
+import { cn } from "../shadcn/lib/utils.mjs";
+import { Button } from "../shadcn/button.mjs";
+import { ScrollArea } from "./scroll-area.mjs";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+import { useRender } from "@base-ui/react/use-render";
+import { XIcon } from "lucide-react";
+DialogPrimitive.createHandle;
+const Dialog$1 = DialogPrimitive.Root;
+const DialogPortal = DialogPrimitive.Portal;
+function DialogTrigger(props) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, {
+		"data-slot": "dialog-trigger",
+		...props
+	});
+}
+function DialogClose(props) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Close, {
+		"data-slot": "dialog-close",
+		...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),
+		"data-slot": "dialog-backdrop",
+		...props
+	});
+}
+function DialogViewport({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Viewport, {
+		className: cn("fixed inset-0 z-50 grid grid-rows-[1fr_auto_3fr] justify-items-center p-4", className),
+		"data-slot": "dialog-viewport",
+		...props
+	});
+}
+function DialogPopup({ className, children, showCloseButton = true, bottomStickOnMobile = true, closeProps, portalProps, ...props }) {
+	return /* @__PURE__ */ jsxs(DialogPortal, {
+		...portalProps,
+		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),
+				"data-slot": "dialog-popup",
+				...props,
+				children: [children, showCloseButton && /* @__PURE__ */ jsx(DialogPrimitive.Close, {
+					"aria-label": "Close",
+					className: "absolute end-2 top-2",
+					render: /* @__PURE__ */ jsx(Button, {
+						size: "icon",
+						variant: "ghost"
+					}),
+					...closeProps,
+					children: /* @__PURE__ */ jsx(XIcon, {})
+				})]
+			})
+		})]
+	});
+}
+function DialogHeader({ className, render, ...props }) {
+	const defaultProps = {
+		className: cn("flex flex-col gap-2 p-6 in-[[data-slot=dialog-popup]:has([data-slot=dialog-panel])]:pb-3 max-sm:pb-4", className),
+		"data-slot": "dialog-header"
+	};
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps(defaultProps, props),
+		render
+	});
+}
+function DialogFooter({ className, variant = "default", render, ...props }) {
+	const defaultProps = {
+		className: cn("flex flex-col-reverse gap-2 px-6 sm:flex-row sm:justify-end sm:rounded-b-[calc(var(--radius-2xl)-1px)]", variant === "default" && "border-t bg-muted/72 py-4", variant === "bare" && "in-[[data-slot=dialog-popup]:has([data-slot=dialog-panel])]:pt-3 pt-4 pb-6", className),
+		"data-slot": "dialog-footer"
+	};
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps(defaultProps, props),
+		render
+	});
+}
+function DialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Title, {
+		className: cn("font-semibold font-heading text-lg leading-none", className),
+		"data-slot": "dialog-title",
+		...props
+	});
+}
+function DialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Description, {
+		className: cn("text-muted-foreground text-sm", className),
+		"data-slot": "dialog-description",
+		...props
+	});
+}
+function DialogPanel({ className, scrollFade = true, render, ...props }) {
+	const defaultProps = {
+		className: cn("p-6 in-[[data-slot=dialog-popup]:has([data-slot=dialog-header])]:pt-1 in-[[data-slot=dialog-popup]:has([data-slot=dialog-footer]:not(.border-t))]:pb-1", className),
+		"data-slot": "dialog-panel"
+	};
+	return /* @__PURE__ */ jsx(ScrollArea, {
+		overscrollContain: true,
+		scrollFade,
+		children: useRender({
+			defaultTagName: "div",
+			props: mergeProps(defaultProps, props),
+			render
+		})
+	});
+}
+export { Dialog$1 as Dialog, DialogBackdrop, DialogBackdrop as DialogOverlay, DialogClose, DialogPopup as DialogContent, DialogPopup, DialogDescription, DialogFooter, DialogHeader, DialogPanel, DialogPortal, DialogPrimitive, DialogTitle, DialogTrigger, DialogViewport };

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

@@ -0,0 +1,34 @@
+import React from "react";
+import { useRender } from "@base-ui/react/use-render";
+import { Checkbox } from "@base-ui/react/checkbox";
+import { Drawer as DrawerPrimitive } from "@base-ui/react/drawer";
+import { Radio } from "@base-ui/react/radio";
+import { RadioGroup } from "@base-ui/react/radio-group";
+type DrawerPosition = "right" | "left" | "top" | "bottom";
+export declare function Drawer({ swipeDirection, position, ...props }: DrawerPrimitive.Root.Props & {
+  position?: DrawerPosition;
+}): React.ReactElement;
+export declare function DrawerTrigger(props: DrawerPrimitive.Trigger.Props): React.ReactElement;
+export declare function DrawerClose(props: DrawerPrimitive.Close.Props): React.ReactElement;
+export declare function DrawerPopup({ className, children, showCloseButton, position: positionProp, variant, showBar, portalProps, ...props }: DrawerPrimitive.Popup.Props & {
+  showCloseButton?: boolean;
+  position?: DrawerPosition;
+  variant?: "default" | "straight" | "inset";
+  showBar?: boolean;
+  portalProps?: DrawerPrimitive.Portal.Props;
+}): React.ReactElement;
+export declare function DrawerHeader({ className, allowSelection, render, ...props }: useRender.ComponentProps<"div"> & {
+  allowSelection?: boolean;
+}): React.ReactElement;
+export declare function DrawerFooter({ className, variant, allowSelection, render, ...props }: useRender.ComponentProps<"div"> & {
+  variant?: "default" | "bare";
+  allowSelection?: boolean;
+}): React.ReactElement;
+export declare function DrawerTitle({ className, ...props }: DrawerPrimitive.Title.Props): React.ReactElement;
+export declare function DrawerDescription({ className, ...props }: DrawerPrimitive.Description.Props): React.ReactElement;
+export declare function DrawerPanel({ className, scrollFade, scrollable, allowSelection, render, ...props }: useRender.ComponentProps<"div"> & {
+  scrollFade?: boolean;
+  scrollable?: boolean;
+  allowSelection?: boolean;
+}): React.ReactElement;
+export { DrawerPrimitive };

package/dist/vendor/coss/drawer.mjs

@@ -0,0 +1,158 @@
+"use client";
+import { cn } from "../shadcn/lib/utils.mjs";
+import { Button } from "../shadcn/button.mjs";
+import { ScrollArea } from "./scroll-area.mjs";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { createContext, useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRender } from "@base-ui/react/use-render";
+import { XIcon } from "lucide-react";
+import "@base-ui/react/checkbox";
+import { Drawer as DrawerPrimitive } from "@base-ui/react/drawer";
+import "@base-ui/react/radio";
+import "@base-ui/react/radio-group";
+// src/vendor/coss/drawer.tsx
+const DrawerContext = createContext({ position: "bottom" });
+const directionMap = {
+	bottom: "down",
+	left: "left",
+	right: "right",
+	top: "up"
+};
+DrawerPrimitive.createHandle;
+function Drawer({ swipeDirection, position = "bottom", ...props }) {
+	return /* @__PURE__ */ jsx(DrawerContext.Provider, {
+		value: { position },
+		children: /* @__PURE__ */ jsx(DrawerPrimitive.Root, {
+			swipeDirection: swipeDirection ?? directionMap[position],
+			...props
+		})
+	});
+}
+const DrawerPortal = DrawerPrimitive.Portal;
+function DrawerTrigger(props) {
+	return /* @__PURE__ */ jsx(DrawerPrimitive.Trigger, {
+		"data-slot": "drawer-trigger",
+		...props
+	});
+}
+function DrawerClose(props) {
+	return /* @__PURE__ */ jsx(DrawerPrimitive.Close, {
+		"data-slot": "drawer-close",
+		...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),
+		"data-slot": "drawer-backdrop",
+		...props
+	});
+}
+function DrawerViewport({ className, position, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx(DrawerPrimitive.Viewport, {
+		className: cn("fixed inset-0 z-50 [--bleed:--spacing(12)] [--inset:0px]", "touch-none", position === "bottom" && "grid grid-rows-[1fr_auto] pt-[max(--spacing(2),env(safe-area-inset-top,0px))]", position === "top" && "grid grid-rows-[auto_1fr] pb-12", position === "left" && "flex justify-start", position === "right" && "flex justify-end", variant === "inset" && "px-(--inset) sm:[--inset:--spacing(4)]", variant === "inset" && position !== "bottom" && "pt-(--inset)", variant === "inset" && position !== "top" && "pb-(--inset)", className),
+		"data-slot": "drawer-viewport",
+		...props
+	});
+}
+function DrawerPopup({ className, children, showCloseButton = false, position: positionProp, variant = "default", showBar = false, portalProps, ...props }) {
+	const { position: contextPosition } = useContext(DrawerContext);
+	const position = positionProp ?? contextPosition;
+	const popup = /* @__PURE__ */ jsxs(DrawerPortal, {
+		...portalProps,
+		children: [/* @__PURE__ */ jsx(DrawerBackdrop, {}), /* @__PURE__ */ jsx(DrawerViewport, {
+			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),
+				"data-slot": "drawer-popup",
+				...props,
+				children: [
+					children,
+					showCloseButton && /* @__PURE__ */ jsx(DrawerPrimitive.Close, {
+						"aria-label": "Close",
+						className: "absolute end-2 top-2 z-1",
+						render: /* @__PURE__ */ jsx(Button, {
+							size: "icon",
+							variant: "ghost"
+						}),
+						children: /* @__PURE__ */ jsx(XIcon, {})
+					}),
+					showBar && /* @__PURE__ */ jsx(DrawerBar, {})
+				]
+			})
+		})]
+	});
+	return position === "bottom" ? /* @__PURE__ */ jsx(DrawerPrimitive.VirtualKeyboardProvider, { children: popup }) : popup;
+}
+function DrawerHeader({ className, allowSelection = false, render, ...props }) {
+	const defaultProps = {
+		className: cn("flex flex-col gap-2 p-6 in-[[data-slot=drawer-popup]:has([data-slot=drawer-panel])]:pb-3 max-sm:pb-4", !allowSelection && "cursor-default", className),
+		"data-slot": "drawer-header"
+	};
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps(defaultProps, props),
+		render: allowSelection ? /* @__PURE__ */ jsx(DrawerContent, { render }) : render
+	});
+}
+function DrawerFooter({ className, variant = "default", allowSelection = true, render, ...props }) {
+	const defaultProps = {
+		className: cn("flex flex-col-reverse gap-2 px-6 pb-(--safe-area-inset-bottom,0px) sm:flex-row sm:justify-end", !allowSelection && "cursor-default", variant === "default" && "border-t bg-muted/72 pt-4 pb-[calc(env(safe-area-inset-bottom,0px)+--spacing(4))]", variant === "bare" && "in-[[data-slot=drawer-popup]:has([data-slot=drawer-panel])]:pt-3 pt-4 pb-[calc(env(safe-area-inset-bottom,0px)+--spacing(6))]", className),
+		"data-slot": "drawer-footer"
+	};
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps(defaultProps, props),
+		render: allowSelection ? /* @__PURE__ */ jsx(DrawerContent, { render }) : render
+	});
+}
+function DrawerTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DrawerPrimitive.Title, {
+		className: cn("font-semibold font-heading text-lg leading-none", className),
+		"data-slot": "drawer-title",
+		...props
+	});
+}
+function DrawerDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DrawerPrimitive.Description, {
+		className: cn("text-muted-foreground text-sm", className),
+		"data-slot": "drawer-description",
+		...props
+	});
+}
+function DrawerPanel({ className, scrollFade = true, scrollable = true, allowSelection = true, render, ...props }) {
+	const defaultProps = {
+		className: cn("p-6 in-[[data-slot=drawer-popup]:has([data-slot=drawer-header])]:pt-1 in-[[data-slot=drawer-popup]:has([data-slot=drawer-footer]:not(.border-t))]:pb-1", !allowSelection && "cursor-default", className),
+		"data-slot": "drawer-panel"
+	};
+	const content = useRender({
+		defaultTagName: "div",
+		props: mergeProps(defaultProps, props),
+		render: allowSelection ? /* @__PURE__ */ jsx(DrawerContent, { render }) : render
+	});
+	if (scrollable) return /* @__PURE__ */ jsx(ScrollArea, {
+		className: "touch-auto *:data-[slot=scroll-area-viewport]:pb-0!",
+		overscrollContain: true,
+		scrollFade,
+		children: content
+	});
+	return content;
+}
+function DrawerBar({ className, position: positionProp, render, ...props }) {
+	const { position: contextPosition } = useContext(DrawerContext);
+	const position = positionProp ?? contextPosition;
+	const defaultProps = {
+		"aria-hidden": true,
+		className: cn("absolute flex touch-none items-center justify-center p-3 before:rounded-full before:bg-input", position === "left" || position === "right" ? "inset-y-0 before:h-12 before:w-1" : "inset-x-0 before:h-1 before:w-12", position === "top" && "bottom-0", position === "bottom" && "top-0", position === "left" && "right-0", position === "right" && "left-0", className),
+		"data-slot": "drawer-bar"
+	};
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps(defaultProps, props),
+		render
+	});
+}
+const DrawerContent = DrawerPrimitive.Content;
+export { Drawer, DrawerBackdrop, DrawerBar, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerPanel, DrawerPopup, DrawerPortal, DrawerPrimitive, DrawerTitle, DrawerTrigger, DrawerViewport };

package/dist/vendor/coss/empty.mjs

@@ -52,7 +52,7 @@ function EmptyMedia({ className, variant = "default", ...props }) {
 }
 function EmptyTitle({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("font-bold font-heading text-xl", className),
+		className: cn("font-semibold font-heading text-lg", className),
 		"data-slot": "empty-title",
 		...props
 	});

package/dist/vendor/shadcn/breadcrumb.mjs

@@ -2,8 +2,8 @@ import { cn } from "cn";
 import { mergeProps } from "@base-ui/react/merge-props";
 import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
 import { useRender } from "@base-ui/react/use-render";
+import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
 // src/vendor/shadcn/breadcrumb.tsx
 function containsBreadcrumbList(children) {
 	return React$1.Children.toArray(children).some((child) => {

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

@@ -1,7 +1,7 @@
 import { VariantProps } from "class-variance-authority";
 import { Button } from "@base-ui/react/button";
 declare const buttonVariants: (props?: ({
-  variant?: "default" | "destructive" | "ghost" | "link" | "outline" | "secondary" | null | undefined;
+  variant?: "default" | "destructive" | "destructive-ghost" | "destructive-outline" | "destructive-soft" | "ghost" | "link" | "outline" | "secondary" | null | undefined;
   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;

package/dist/vendor/shadcn/button.mjs

@@ -8,11 +8,14 @@ const buttonVariants = cva("group/button inline-flex shrink-0 items-center justi
 	variants: {
 		variant: {
 			default: "bg-primary text-primary-foreground hover:bg-primary/80",
+			link: "text-primary underline-offset-4 hover:underline",
+			ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
 			outline: "border-border bg-background shadow-xs hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
 			secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
-			ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
-			destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
-			link: "text-primary underline-offset-4 hover:underline"
+			destructive: "bg-destructive text-white hover:bg-[color-mix(in_oklch,var(--destructive),var(--foreground)_5%)] focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40",
+			"destructive-soft": "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+			"destructive-ghost": "text-destructive hover:bg-destructive/10 aria-expanded:bg-destructive/10 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:hover:bg-destructive/20 dark:aria-expanded:bg-destructive/20 dark:focus-visible:ring-destructive/40",
+			"destructive-outline": "border-border bg-background text-destructive shadow-xs hover:border-destructive/32 hover:bg-destructive/10 aria-expanded:border-destructive/32 aria-expanded:bg-destructive/10 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:border-input dark:bg-input/30 dark:hover:border-destructive/32 dark:aria-expanded:border-destructive/32 dark:aria-expanded:bg-destructive/20 dark:focus-visible:ring-destructive/40"
 		},
 		size: {
 			default: "h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",