@deftui/react 0.2.5 → 0.3.1

package/README.md

@@ -32,9 +32,9 @@ export function Example() {
         <Card.Description>Compose your UI using Compound Component API</Card.Description>
       </Card.Header>
 
-      <Card.Content>
+      <Card.Panel>
         <Button>Get started</Button>
-      </Card.Content>
+      </Card.Panel>
     </Card>
   );
 }

package/dist/index.d.mts

@@ -1,31 +1,33 @@
 import { useCopyToClipboard } from "./vendor/coss/hooks/use-copy-to-clipboard.mjs";
 import { useIsMobile, useMediaQuery } from "./vendor/coss/hooks/use-media-query.mjs";
+import { CascaderChangeDetails, CascaderLabels, CascaderMode, CascaderNode } from "./vendor/reui.io/cascader/cascader-types.mjs";
+import { CascaderProps, CascaderSingleProps } from "./vendor/reui.io/cascader/cascader.mjs";
 import { Separator } from "./vendor/shadcn/separator.mjs";
-import { Button } from "./vendor/shadcn/button.mjs";
 import { Label } from "./vendor/shadcn/label.mjs";
+import { Button } from "./vendor/shadcn/button.mjs";
 import { Toaster, toast } from "./vendor/shadcn/toast.mjs";
 import { Input } from "./vendor/shadcn/input.mjs";
 import { useSidebar } from "./vendor/shadcn/sidebar.mjs";
 import { Sidebar } from "./widgets/sidebar.mjs";
+import { Calendar } from "./vendor/coss/calendar.mjs";
 import { DatePicker, DateRange, DateRangePicker, TimePicker } from "./widgets/datetime.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";
-import { Form } from "./vendor/coss/form.mjs";
 import { Badge } from "./vendor/shadcn/badge.mjs";
 import { Switch } from "./vendor/shadcn/switch.mjs";
 import { Spinner } from "./vendor/shadcn/spinner.mjs";
 import { Skeleton } from "./vendor/shadcn/skeleton.mjs";
 import { Checkbox } from "./vendor/shadcn/checkbox.mjs";
 import { Textarea } from "./vendor/shadcn/textarea.mjs";
+import { Form } from "./vendor/coss/form.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";
-import { AlertDialog, Breadcrumb, ButtonGroup, Calendar, Card, Combobox, Dialog, Drawer, Dropdown, Empty, Field, InputGroup, Kbd, Popover, Progress, Radio, Select, Table, Tabs, Tooltip } from "./widgets/index.mjs";
+import { AlertDialog, Breadcrumb, ButtonGroup, Card, Cascader, Combobox, Dialog, Drawer, Dropdown, Empty, Field, Frame, InputGroup, Kbd, Popover, Progress, Radio, Select, Table, Tabs, Timeline, Tooltip } from "./widgets/index.mjs";
 import { cn } from "cn";
 import { cva } from "class-variance-authority";
 import { mergeProps } from "@base-ui/react/merge-props";
 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 };
+export { AlertDialog, Badge, Breadcrumb, Button, ButtonGroup, Calendar, Card, Carousel, Cascader, type CascaderChangeDetails, type CascaderLabels, type CascaderMode, type CascaderNode, type CascaderProps, type CascaderSingleProps, Checkbox, Combobox, DatePicker, type DateRange, DateRangePicker, Dialog, Drawer, Dropdown, Dropzone, Empty, Field, Form, Frame, 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, Timeline, Toaster as ToastProvider, Tooltip, cn, cva, formatBytes, mergeProps, toast, useCopyToClipboard, useDropzone, useIsMobile, type useLightbox, useMediaQuery, useSidebar };

package/dist/index.mjs

@@ -11,19 +11,19 @@ import { Toaster, toast } from "./vendor/shadcn/toast.mjs";
 import { Skeleton } from "./vendor/shadcn/skeleton.mjs";
 import { useSidebar } from "./vendor/shadcn/sidebar.mjs";
 import { Sidebar } from "./widgets/sidebar.mjs";
+import { Calendar } from "./vendor/coss/calendar.mjs";
 import { DatePicker, DateRangePicker, TimePicker } from "./widgets/datetime.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";
 import { Badge } from "./vendor/shadcn/badge.mjs";
 import { Switch } from "./vendor/shadcn/switch.mjs";
 import { Checkbox } from "./vendor/shadcn/checkbox.mjs";
+import { Form } from "./vendor/coss/form.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";
-import { AlertDialog, Breadcrumb, ButtonGroup, Calendar, Card, Combobox, Dialog, Drawer, Dropdown, Empty, Field, InputGroup, Kbd, Popover, Progress, Radio, Select, Table, Tabs, Tooltip } from "./widgets/index.mjs";
+import { AlertDialog, Breadcrumb, ButtonGroup, Card, Cascader, Combobox, Dialog, Drawer, Dropdown, Empty, Field, Frame, InputGroup, Kbd, Popover, Progress, Radio, Select, Table, Tabs, Timeline, Tooltip } from "./widgets/index.mjs";
 import { cn } from "cn";
 import { cva } from "class-variance-authority";
 import { mergeProps } from "@base-ui/react/merge-props";
-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 };
+export { AlertDialog, Badge, Breadcrumb, Button, ButtonGroup, Calendar, Card, Carousel, Cascader, Checkbox, Combobox, DatePicker, DateRangePicker, Dialog, Drawer, Dropdown, Dropzone, Empty, Field, Form, Frame, IconSwap, Image, Input, InputGroup, JsonViewer, Kbd, Label, Lightbox, Pagination, Popover, Progress, Radio, ScrollArea, Select, Separator, Sidebar, Skeleton, Spinner, Switch, Table, Tabs, Textarea, TimePicker, Timeline, Toaster as ToastProvider, Tooltip, cn, cva, formatBytes, mergeProps, toast, useCopyToClipboard, useDropzone, useIsMobile, useMediaQuery, useSidebar };

package/dist/styles.css

@@ -65,6 +65,9 @@
   --radius-2xl: calc(var(--radius) * 1.8);
   --radius-3xl: calc(var(--radius) * 2.2);
   --radius-4xl: calc(var(--radius) * 2.6);
+
+  --card-gap: calc(var(--spacing) * 4);
+  --card-spacing: calc(var(--spacing) * 6);
 }
 
 @layer base {

package/dist/vendor/README.md

@@ -11,20 +11,23 @@ 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`；用 `@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/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/calendar` | [coss/calendar.tsx](coss/calendar.tsx) | [Calendar](https://coss.com/ui/docs/components/calendar) | — |
+| `@coss/card` | [coss/card.tsx](coss/card.tsx) | [Card](https://coss.com/ui/docs/components/card) | 用 `--card-spacing` 与 `--card-gap` 替代分段 padding；新增 `spacing`、`gap` 属性写入对应变量；标题改为 `text-base font-semibold leading-normal`；首尾图片贴边并补圆角 |
+| `@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/table` | [coss/table.tsx](coss/table.tsx) | [Table](https://coss.com/ui/docs/components/table) | 默认变体的 `TableFooter` 移除底色，与 `card` 变体一样保持透明 |
 | `@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 默认值一致 |
+| `@reui/cascader` | [reui.io/cascader/cascader.tsx](reui.io/cascader/cascader.tsx) | [Cascader](https://reui.io/docs/components/cascader) | 重映射 `scroll-area` 与 `spinner` 的导入 |
+| `@reui/timeline` | [reui.io/timeline.tsx](reui.io/timeline.tsx) | [Timeline](https://reui.io/docs/components/timeline) | — |
 | `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` 提供加载态；提供额外 `destructive` 系列样式变体，`destructive-soft` 保留 shadcn 的浅色危险样式 |
+| `button` | [shadcn/button.tsx](shadcn/button.tsx) | [Button](https://ui.shadcn.com/docs/components/base/button) | `pill` 提供全圆角；`isPending` 提供加载态；提供额外 `destructive` 系列样式变体 |
 | `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) | 将选中标记移至左侧 |
@@ -46,7 +49,6 @@ shadcn 组件使用 `components.json` 中的 `base-vega` 风格和 Lucide 图标
 | `skeleton` | [shadcn/skeleton.tsx](shadcn/skeleton.tsx) | [Skeleton](https://ui.shadcn.com/docs/components/base/skeleton) | — |
 | `spinner` | [shadcn/spinner.tsx](shadcn/spinner.tsx) | [Spinner](https://ui.shadcn.com/docs/components/base/spinner) | — |
 | `switch` | [shadcn/switch.tsx](shadcn/switch.tsx) | [Switch](https://ui.shadcn.com/docs/components/base/switch) | — |
-| `table` | [shadcn/table.tsx](shadcn/table.tsx) | [Table](https://ui.shadcn.com/docs/components/base/table) | — |
 | `tabs` | [shadcn/tabs.tsx](shadcn/tabs.tsx) | [Tabs](https://ui.shadcn.com/docs/components/base/tabs) | — |
 | `textarea` | [shadcn/textarea.tsx](shadcn/textarea.tsx) | [Textarea](https://ui.shadcn.com/docs/components/base/textarea) | — |
 | `toast` | [shadcn/toast.tsx](shadcn/toast.tsx) | [Toast](https://ui.shadcn.com/docs/components/base/toast) | — |
@@ -64,5 +66,4 @@ shadcn 组件使用 `components.json` 中的 `base-vega` 风格和 Lucide 图标
 | `https://ui.iandefined.com/r/icon-swap.json` | [tailored/icon-swap.tsx](tailored/icon-swap.tsx) | [Icon Swap](https://ui.iandefined.com/docs/utilities/icon-swap/) | 进出场动画减弱模糊为 2px，缩短为 0.2s 时长 |
 | `https://ui.iandefined.com/r/lightbox.json` | [tailored/lightbox.tsx](tailored/lightbox.tsx) | [Lightbox](https://ui.iandefined.com/docs/components/lightbox/) | 适配本地组件和尺寸；修正嵌套弹层层级与点击隔离；补充加载失败反馈 |
 | `https://ui.iandefined.com/r/scroll-area.json` | [tailored/lightbox.tsx](tailored/lightbox.tsx) | [Scroll Area](https://ui.iandefined.com/docs/components/scroll-area/) | 作为 Lightbox 的私有依赖内联 |
-| `Tinkerers-Labs/mischief-ui/file-tree` | [tailored/file-tree.tsx](tailored/file-tree.tsx) | [File Tree](https://ui.tinkererslabs.com/docs/components/file-tree/) | — |
 | `Tinkerers-Labs/mischief-ui/json-viewer` | [tailored/json-viewer.tsx](tailored/json-viewer.tsx) | [JSON Viewer](https://ui.tinkererslabs.com/docs/components/json-viewer/) | — |

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

@@ -0,0 +1,4 @@
+import * as React$1 from "react";
+import { DayPicker } from "@daypicker/react";
+/** https://coss.com/ui/docs/components/calendar */
+export declare function Calendar({ className, classNames, showOutsideDays, components: userComponents, mode, ...props }: React$1.ComponentProps<typeof DayPicker>): React$1.ReactElement;

package/dist/vendor/coss/calendar.mjs

@@ -0,0 +1,70 @@
+"use client";
+import { cn } from "../shadcn/lib/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+import { ChevronLeftIcon, ChevronRightIcon, ChevronsUpDownIcon } from "lucide-react";
+import { DayPicker } from "@daypicker/react";
+// src/vendor/coss/calendar.tsx
+const buttonClassNames = "relative flex size-(--cell-size) text-base sm:text-sm items-center justify-center rounded-lg text-foreground not-in-data-selected:hover:bg-accent disabled:pointer-events-none disabled:opacity-64 [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0";
+/** https://coss.com/ui/docs/components/calendar */
+function Calendar({ className, classNames, showOutsideDays = true, components: userComponents, mode = "single", ...props }) {
+	const defaultClassNames = {
+		button_next: buttonClassNames,
+		button_previous: buttonClassNames,
+		caption_label: "text-base sm:text-sm font-medium flex items-center gap-2 h-full",
+		day: "size-(--cell-size) text-sm py-px",
+		day_button: cn(buttonClassNames, "in-data-disabled:pointer-events-none in-[.range-middle]:rounded-none in-[.range-end:not(.range-start)]:rounded-s-none in-[.range-start:not(.range-end)]:rounded-e-none in-[.range-middle]:in-data-selected:bg-accent in-data-selected:bg-primary in-[.range-middle]:in-data-selected:text-foreground in-data-disabled:text-muted-foreground/72 in-data-outside:text-muted-foreground/72 in-data-selected:in-data-outside:text-primary-foreground in-data-selected:text-primary-foreground in-data-disabled:line-through outline-none in-[[data-selected]:not(.range-middle)]:transition-[border-radius,box-shadow] focus-visible:z-1 focus-visible:ring-[3px] focus-visible:ring-ring/50"),
+		dropdown: "absolute bg-popover inset-0 opacity-0",
+		dropdown_root: "relative has-focus:border-ring has-focus:ring-ring/50 has-focus:ring-[3px] border border-input shadow-xs/5 rounded-lg px-[calc(--spacing(3)-1px)] h-9 sm:h-8 [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:-me-1",
+		dropdowns: "w-full flex items-center text-base sm:text-sm justify-center h-(--cell-size) gap-1.5 *:[span]:font-medium",
+		hidden: "invisible",
+		month: "w-full",
+		month_caption: "relative mx-(--cell-size) px-1 mb-1 flex h-(--cell-size) items-center justify-center z-2",
+		months: "relative flex flex-col sm:flex-row gap-2",
+		nav: "absolute top-0 flex w-full justify-between z-1",
+		outside: "text-muted-foreground data-selected:bg-accent/50 data-selected:text-muted-foreground",
+		range_end: "range-end",
+		range_middle: "range-middle",
+		range_start: "range-start",
+		today: "*:after:pointer-events-none *:after:absolute *:after:bottom-1 *:after:start-1/2 *:after:z-1 *:after:size-[3px] *:after:-translate-x-1/2 *:after:rounded-full *:after:bg-primary [&[data-selected]:not(.range-middle)>*]:after:bg-background [&[data-disabled]>*]:after:bg-foreground/30",
+		week_number: "size-(--cell-size) p-0 text-xs font-medium text-muted-foreground/72",
+		weekday: "size-(--cell-size) p-0 text-xs font-medium text-muted-foreground/72"
+	};
+	const mergedClassNames = Object.keys(defaultClassNames).reduce((acc, key) => {
+		const userClass = classNames?.[key];
+		const baseClass = defaultClassNames[key];
+		acc[key] = userClass ? cn(baseClass, userClass) : baseClass;
+		return acc;
+	}, { ...defaultClassNames });
+	const mergedComponents = {
+		Chevron: ({ className, orientation, ...props }) => {
+			if (orientation === "left") return /* @__PURE__ */ jsx(ChevronLeftIcon, {
+				className: cn(className, "rtl:rotate-180"),
+				...props,
+				"aria-hidden": "true"
+			});
+			if (orientation === "right") return /* @__PURE__ */ jsx(ChevronRightIcon, {
+				className: cn(className, "rtl:rotate-180"),
+				...props,
+				"aria-hidden": "true"
+			});
+			return /* @__PURE__ */ jsx(ChevronsUpDownIcon, {
+				className,
+				...props,
+				"aria-hidden": "true"
+			});
+		},
+		...userComponents
+	};
+	const dayPickerProps = {
+		className: cn("w-fit [--cell-size:--spacing(10)] sm:[--cell-size:--spacing(9)]", className),
+		classNames: mergedClassNames,
+		components: mergedComponents,
+		"data-slot": "calendar",
+		formatters: { formatMonthDropdown: (month, dateLib) => dateLib.format(month, "LLL") },
+		mode,
+		showOutsideDays,
+		...props
+	};
+	return /* @__PURE__ */ jsx(DayPicker, { ...dayPickerProps });
+}
+export { Calendar };

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

@@ -0,0 +1,23 @@
+import React from "react";
+import { useRender } from "@base-ui/react/use-render";
+type SpacingProps = {
+  /** Gap between card sections. Numbers use the spacing scale. */
+  gap?: CardSpacing;
+  /** Outer inset and horizontal section padding. Numbers use the spacing scale. */
+  spacing?: CardSpacing;
+};
+type CardSpacing = number | (string & {});
+export declare function Card({ className, render, gap, spacing, ...props }: useRender.ComponentProps<"div"> & SpacingProps): React.ReactElement;
+export declare function CardFrame({ className, render, gap, spacing, ...props }: useRender.ComponentProps<"div"> & SpacingProps): React.ReactElement;
+export declare function CardFrameHeader({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement;
+export declare function CardFrameTitle({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement;
+export declare function CardFrameDescription({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement;
+export declare function CardFrameAction({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement;
+export declare function CardFrameFooter({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement;
+export declare function CardHeader({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement;
+export declare function CardTitle({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement;
+export declare function CardDescription({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement;
+export declare function CardAction({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement;
+export declare function CardPanel({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement;
+export declare function CardFooter({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement;
+export { CardPanel as CardContent };

package/dist/vendor/coss/card.mjs

@@ -0,0 +1,160 @@
+"use client";
+import { cn } from "../shadcn/lib/utils.mjs";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+// src/vendor/coss/card.tsx
+function resolveSpacing(value) {
+	return typeof value === "number" ? `calc(var(--spacing) * ${value})` : value;
+}
+function getCardStyle(spacing, gap) {
+	return {
+		...spacing !== void 0 && { "--card-spacing": resolveSpacing(spacing) },
+		...gap !== void 0 && { "--card-gap": resolveSpacing(gap) }
+	};
+}
+function Card({ className, render, gap, spacing, ...props }) {
+	const defaultProps = {
+		className: cn("relative flex flex-col gap-(--card-gap) rounded-2xl border bg-card not-dark:bg-clip-padding py-(--card-spacing) text-card-foreground text-sm shadow-xs/5 before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-2xl)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] has-[>img:first-child]:pt-0 has-[>img:last-child]:pb-0 *:[img:first-child]:rounded-t-2xl *:[img:last-child]:rounded-b-2xl dark:before:shadow-[0_-1px_--theme(--color-white/6%)]", className),
+		"data-slot": "card",
+		style: getCardStyle(spacing, gap)
+	};
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps(defaultProps, props),
+		render
+	});
+}
+function CardFrame({ className, render, gap, spacing, ...props }) {
+	const defaultProps = {
+		className: cn("relative flex flex-col rounded-2xl border bg-card not-dark:bg-clip-padding text-card-foreground shadow-xs/5 [--clip-bottom:-1rem] [--clip-top:-1rem] before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-2xl)-1px)] before:bg-muted/72 before:shadow-[0_1px_--theme(--color-black/4%)] has-data-[slot=table-container]:overflow-hidden *:data-[slot=card]:-m-px *:data-[slot=table-container]:-m-px *:data-[slot=table-container]:w-[calc(100%+2px)] *:not-first:data-[slot=card]:rounded-t-xl *:not-last:data-[slot=card]:rounded-b-xl *:data-[slot=card]:bg-clip-padding *:data-[slot=card]:shadow-none *:data-[slot=card]:before:hidden *:not-first:data-[slot=card]:before:rounded-t-[calc(var(--radius-xl)-1px)] *:not-last:data-[slot=card]:before:rounded-b-[calc(var(--radius-xl)-1px)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)] *:data-[slot=card]:[clip-path:inset(var(--clip-top)_1px_var(--clip-bottom)_1px_round_calc(var(--radius-2xl)-1px))] *:data-[slot=card]:last:[--clip-bottom:1px] *:data-[slot=card]:first:[--clip-top:1px]", className),
+		"data-slot": "card-frame",
+		style: getCardStyle(spacing, gap)
+	};
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps(defaultProps, props),
+		render
+	});
+}
+function CardFrameHeader({ className, render, ...props }) {
+	const defaultProps = {
+		className: cn("relative flex grid auto-rows-min grid-rows-[auto_auto] flex-col items-start gap-x-4 px-(--card-spacing) py-(--card-gap) has-data-[slot=card-frame-action]:grid-cols-[1fr_auto]", className),
+		"data-slot": "card-frame-header"
+	};
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps(defaultProps, props),
+		render
+	});
+}
+function CardFrameTitle({ className, render, ...props }) {
+	const defaultProps = {
+		className: cn("self-center font-semibold text-sm", className),
+		"data-slot": "card-frame-title"
+	};
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps(defaultProps, props),
+		render
+	});
+}
+function CardFrameDescription({ className, render, ...props }) {
+	const defaultProps = {
+		className: cn("self-center text-muted-foreground text-sm", className),
+		"data-slot": "card-frame-description"
+	};
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps(defaultProps, props),
+		render
+	});
+}
+function CardFrameAction({ className, render, ...props }) {
+	const defaultProps = {
+		className: cn("col-start-2 nth-3:row-span-2 nth-3:row-start-1 inline-flex self-center justify-self-end", className),
+		"data-slot": "card-frame-action"
+	};
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps(defaultProps, props),
+		render
+	});
+}
+function CardFrameFooter({ className, render, ...props }) {
+	const defaultProps = {
+		className: cn("px-(--card-spacing) py-(--card-gap)", className),
+		"data-slot": "card-frame-footer"
+	};
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps(defaultProps, props),
+		render
+	});
+}
+function CardHeader({ className, render, ...props }) {
+	const defaultProps = {
+		className: cn("grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-(--card-spacing) [.border-b]:pb-(--card-gap) has-data-[slot=card-action]:grid-cols-[1fr_auto]", className),
+		"data-slot": "card-header"
+	};
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps(defaultProps, props),
+		render
+	});
+}
+function CardTitle({ className, render, ...props }) {
+	const defaultProps = {
+		className: cn("font-heading font-semibold text-base leading-normal", className),
+		"data-slot": "card-title"
+	};
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps(defaultProps, props),
+		render
+	});
+}
+function CardDescription({ className, render, ...props }) {
+	const defaultProps = {
+		className: cn("text-muted-foreground text-sm", className),
+		"data-slot": "card-description"
+	};
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps(defaultProps, props),
+		render
+	});
+}
+function CardAction({ className, render, ...props }) {
+	const defaultProps = {
+		className: cn("col-start-2 row-span-2 row-start-1 inline-flex self-start justify-self-end", className),
+		"data-slot": "card-action"
+	};
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps(defaultProps, props),
+		render
+	});
+}
+function CardPanel({ className, render, ...props }) {
+	const defaultProps = {
+		className: cn("flex-1 px-(--card-spacing)", className),
+		"data-slot": "card-panel"
+	};
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps(defaultProps, props),
+		render
+	});
+}
+function CardFooter({ className, render, ...props }) {
+	const defaultProps = {
+		className: cn("flex items-center px-(--card-spacing) [.border-t]:pt-(--card-gap)", className),
+		"data-slot": "card-footer"
+	};
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps(defaultProps, props),
+		render
+	});
+}
+export { Card, CardAction, CardPanel as CardContent, CardPanel, CardDescription, CardFooter, CardFrame, CardFrameAction, CardFrameDescription, CardFrameFooter, CardFrameHeader, CardFrameTitle, CardHeader, CardTitle };

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

@@ -1,6 +1,6 @@
 import React from "react";
-import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
 import { useRender } from "@base-ui/react/use-render";
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
 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 & {

package/dist/vendor/coss/dialog.mjs

@@ -4,8 +4,8 @@ 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 { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
 import { XIcon } from "lucide-react";
 DialogPrimitive.createHandle;
 const Dialog$1 = DialogPrimitive.Root;

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

@@ -0,0 +1,15 @@
+import React from "react";
+import { useRender } from "@base-ui/react/use-render";
+export type TableVariant = "default" | "card";
+export type TableProps = React.ComponentProps<"table"> & {
+  variant?: TableVariant;
+  render?: useRender.ComponentProps<"div">["render"];
+};
+export declare function Table({ className, variant, render, ...props }: TableProps): React.ReactElement;
+export declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): React.ReactElement;
+export declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): React.ReactElement;
+export declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): React.ReactElement;
+export declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): React.ReactElement;
+export declare function TableHead({ className, ...props }: React.ComponentProps<"th">): React.ReactElement;
+export declare function TableCell({ className, ...props }: React.ComponentProps<"td">): React.ReactElement;
+export declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): React.ReactElement;

package/dist/vendor/coss/table.mjs

@@ -0,0 +1,73 @@
+"use client";
+import { cn } from "../shadcn/lib/utils.mjs";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { jsx } from "react/jsx-runtime";
+import { useRender } from "@base-ui/react/use-render";
+// src/vendor/coss/table.tsx
+function Table({ className, variant = "default", render, ...props }) {
+	const defaultProps = {
+		children: /* @__PURE__ */ jsx("table", {
+			className: cn("w-full caption-bottom in-data-[variant=card]:border-separate in-data-[variant=card]:border-spacing-0 text-sm", className),
+			"data-slot": "table",
+			...props
+		}),
+		className: "relative w-full overflow-x-auto",
+		"data-slot": "table-container",
+		"data-variant": variant
+	};
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps(defaultProps, {}),
+		render
+	});
+}
+function TableHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("thead", {
+		className: cn("[&_tr]:border-b", className),
+		"data-slot": "table-header",
+		...props
+	});
+}
+function TableBody({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tbody", {
+		className: cn("relative in-data-[variant=card]:rounded-xl in-data-[variant=card]:shadow-xs/5 before:pointer-events-none before:absolute before:inset-px not-in-data-[variant=card]:before:hidden before:rounded-[calc(var(--radius-xl)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:before:shadow-[0_-1px_--theme(--color-white/8%)] [&_tr:last-child]:border-0 in-data-[variant=card]:*:[tr]:border-0 in-data-[variant=card]:*:[tr]:*:[td]:border-b in-data-[variant=card]:*:[tr]:*:[td]:bg-card in-data-[variant=card]:*:[tr]:first:*:[td]:first:rounded-ss-xl in-data-[variant=card]:*:[tr]:*:[td]:first:border-s in-data-[variant=card]:*:[tr]:first:*:[td]:border-t in-data-[variant=card]:*:[tr]:last:*:[td]:last:rounded-ee-xl in-data-[variant=card]:*:[tr]:*:[td]:last:border-e in-data-[variant=card]:*:[tr]:first:*:[td]:last:rounded-se-xl in-data-[variant=card]:*:[tr]:last:*:[td]:first:rounded-es-xl in-data-[variant=card]:*:[tr]:hover:*:[td]:bg-[color-mix(in_srgb,var(--card),var(--color-black)_2%)] in-data-[variant=card]:*:[tr]:data-[state=selected]:*:[td]:bg-[color-mix(in_srgb,var(--card),var(--color-black)_4%)] dark:in-data-[variant=card]:*:[tr]:data-[state=selected]:*:[td]:bg-[color-mix(in_srgb,var(--card),var(--color-white)_4%)] dark:in-data-[variant=card]:*:[tr]:hover:*:[td]:bg-[color-mix(in_srgb,var(--card),var(--color-white)_2%)]", className),
+		"data-slot": "table-body",
+		...props
+	});
+}
+function TableFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tfoot", {
+		className: cn("border-t in-data-[variant=card]:border-none bg-transparent font-medium [&>tr]:last:border-b-0", className),
+		"data-slot": "table-footer",
+		...props
+	});
+}
+function TableRow({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tr", {
+		className: cn("relative border-b not-in-data-[variant=card]:hover:bg-[color-mix(in_srgb,var(--background),var(--color-black)_2%)] not-in-data-[variant=card]:data-[state=selected]:bg-[color-mix(in_srgb,var(--background),var(--color-black)_4%)] dark:not-in-data-[variant=card]:data-[state=selected]:bg-[color-mix(in_srgb,var(--background),var(--color-white)_4%)] dark:not-in-data-[variant=card]:hover:bg-[color-mix(in_srgb,var(--background),var(--color-white)_2%)]", className),
+		"data-slot": "table-row",
+		...props
+	});
+}
+function TableHead({ className, ...props }) {
+	return /* @__PURE__ */ jsx("th", {
+		className: cn("h-10 whitespace-nowrap px-2.5 text-left align-middle font-medium text-muted-foreground leading-none has-[[role=checkbox]]:w-px last:has-[[role=checkbox]]:ps-0 first:has-[[role=checkbox]]:pe-0", className),
+		"data-slot": "table-head",
+		...props
+	});
+}
+function TableCell({ className, ...props }) {
+	return /* @__PURE__ */ jsx("td", {
+		className: cn("whitespace-nowrap bg-clip-padding p-2.5 in-data-[slot=table-footer]:py-3.5 align-middle leading-none in-data-[variant=card]:first:ps-[calc(--spacing(2.5)-1px)] in-data-[variant=card]:last:pe-[calc(--spacing(2.5)-1px)] has-[[role=checkbox]]:w-px last:has-[[role=checkbox]]:ps-0 first:has-[[role=checkbox]]:pe-0", className),
+		"data-slot": "table-cell",
+		...props
+	});
+}
+function TableCaption({ className, ...props }) {
+	return /* @__PURE__ */ jsx("caption", {
+		className: cn("in-data-[variant=card]:my-4 mt-4 text-muted-foreground text-sm", className),
+		"data-slot": "table-caption",
+		...props
+	});
+}
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/vendor/reui.io/cascader/cascader-async.d.mts

@@ -0,0 +1,20 @@
+import { CascaderLoadContext, CascaderLoadResult, CascaderNode, CascaderSearchContext } from "./cascader-types.mjs";
+/**
+ * Async data for the cascader. Loaded pages live in their own store and are
+ * MERGED onto the index built from `items`, never folded into that build:
+ * `items` changes identity on any parent re-render, and folding would discard
+ * every level the user drilled into. Map membership is the load discriminator:
+ * no `states` entry means never fetched, while an entry with no `loading`, no
+ * `error` and no children means empty for real.
+ */
+/**
+ * Fetches one level. `node` is `null` for the root level, and only
+ * `{ value, label: value }`, no `data`, for a level on screen whose node has
+ * not loaded: a deep link before the level above loads, or a page-loaded
+ * level after a `loadKey` change.
+ */
+export type CascaderGetChildren<T = unknown> = (node: CascaderNode<T> | null, context: CascaderLoadContext) => CascaderNode<T>[] | CascaderLoadResult<T> | Promise<CascaderNode<T>[] | CascaderLoadResult<T>>;
+/** Server-side search, replacing the local index scan while the query is set. */
+export type CascaderOnSearch<T = unknown> = (query: string, context: CascaderSearchContext) => CascaderNode<T>[] | CascaderLoadResult<T> | Promise<CascaderNode<T>[] | CascaderLoadResult<T>>;
+/** Resolves a selected value to its ancestor chain, root first, node last. */
+export type CascaderResolveValue<T = unknown> = (value: string, context: CascaderLoadContext) => CascaderNode<T>[] | Promise<CascaderNode<T>[]>;