@deftui/react 0.2.5 → 0.3.0

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,32 @@
 import { useCopyToClipboard } from "./vendor/coss/hooks/use-copy-to-clipboard.mjs";
 import { useIsMobile, useMediaQuery } from "./vendor/coss/hooks/use-media-query.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, Combobox, Dialog, Drawer, Dropdown, Empty, Field, Frame, InputGroup, Kbd, Popover, Progress, Radio, Select, Table, Tabs, 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, Checkbox, Combobox, DatePicker, type DateRange, DateRangePicker, Dialog, Drawer, Dropdown, Dropzone, Empty, Field, FileTree, type FileTreeNode, 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, Toaster as ToastProvider, Tooltip, cn, cva, formatBytes, mergeProps, toast, useCopyToClipboard, useDropzone, useIsMobile, type useLightbox, useMediaQuery, useSidebar };

package/dist/index.mjs

@@ -11,19 +11,20 @@ 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, Combobox, Dialog, Drawer, Dropdown, Empty, Field, Frame, InputGroup, Kbd, Popover, Progress, Radio, Select, Table, Tabs, 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, Checkbox, Combobox, DatePicker, DateRangePicker, Dialog, Drawer, Dropdown, Dropzone, Empty, Field, FileTree, 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, 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,21 @@ 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 默认值一致 |
 | `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 +47,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) | — |

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/tailored/lightbox.d.mts

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

package/dist/vendor/tailored/lightbox.mjs

@@ -7,8 +7,8 @@ import { cn } from "cn";
 import { mergeProps } from "@base-ui/react/merge-props";
 import * as React$1 from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Dialog } from "@base-ui/react/dialog";
 import { useRender } from "@base-ui/react/use-render";
+import { Dialog } from "@base-ui/react/dialog";
 import { ChevronLeftIcon, ChevronRightIcon, DownloadIcon, EllipsisIcon, ImageOffIcon, XIcon, ZoomInIcon, ZoomOutIcon } from "lucide-react";
 import { ScrollArea } from "@base-ui/react/scroll-area";
 import { Menu } from "@base-ui/react/menu";

package/dist/widgets/datetime.d.mts

@@ -1,5 +1,5 @@
+import { Calendar } from "../vendor/coss/calendar.mjs";
 import { Button } from "../vendor/shadcn/button.mjs";
-import { Calendar } from "../vendor/shadcn/calendar.mjs";
 import { Input } from "../vendor/shadcn/input.mjs";
 import { ComponentProps } from "react";
 import { DateRange } from "@daypicker/react";

package/dist/widgets/datetime.mjs

@@ -1,11 +1,12 @@
+import { Calendar } from "../vendor/coss/calendar.mjs";
 import { Button } from "../vendor/shadcn/button.mjs";
-import { Calendar } from "../vendor/shadcn/calendar.mjs";
 import { Input } from "../vendor/shadcn/input.mjs";
 import { Popover, PopoverContent, PopoverTrigger } from "../vendor/shadcn/popover.mjs";
 import { cn } from "cn";
 import { useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { CalendarIcon } from "lucide-react";
+import { enUS, zhCN } from "@daypicker/react/locale";
 import { format } from "date-fns";
 // src/widgets/datetime.tsx
 function TimePicker({ className, step = "1", ...props }) {
@@ -18,6 +19,7 @@ function TimePicker({ className, step = "1", ...props }) {
 }
 function DatePicker({ value, defaultValue = null, placeholder = "请选择日期", disabled, onChange, className, calendarProps, ...props }) {
 	const [internalValue, setInternalValue] = useState(defaultValue);
+	const locale = navigator.language.startsWith("zh") ? zhCN : enUS;
 	const date = value === void 0 ? internalValue : value;
 	function handleSelect(selected) {
 		const nextValue = selected ?? null;
@@ -34,6 +36,7 @@ function DatePicker({ value, defaultValue = null, placeholder = "请选择日期
 		}),
 		children: [/* @__PURE__ */ jsx(CalendarIcon, { "aria-hidden": "true" }), date ? format(date, "PPP") : placeholder]
 	}), /* @__PURE__ */ jsx(PopoverContent, { children: /* @__PURE__ */ jsx(Calendar, {
+		locale,
 		defaultMonth: date ?? void 0,
 		...calendarProps,
 		disabled: disabled || calendarProps?.disabled,
@@ -44,6 +47,7 @@ function DatePicker({ value, defaultValue = null, placeholder = "请选择日期
 }
 function DateRangePicker({ value, defaultValue = null, placeholder = "请选择日期范围", disabled, onChange, className, calendarProps, ...props }) {
 	const [internalValue, setInternalValue] = useState(defaultValue);
+	const locale = navigator.language.startsWith("zh") ? zhCN : enUS;
 	const date = value === void 0 ? internalValue : value;
 	function handleSelect(selected) {
 		const nextValue = selected ?? null;
@@ -64,6 +68,7 @@ function DateRangePicker({ value, defaultValue = null, placeholder = "请选择
 			date?.to && /* @__PURE__ */ jsxs(Fragment, { children: [" - ", format(date.to, "LLL dd, y")] })
 		]
 	}), /* @__PURE__ */ jsx(PopoverContent, { children: /* @__PURE__ */ jsx(Calendar, {
+		locale,
 		defaultMonth: date?.from,
 		...calendarProps,
 		disabled: disabled || calendarProps?.disabled,

package/dist/widgets/index.d.mts

@@ -1,11 +1,11 @@
 import { AlertDialogClose, AlertDialogContent as AlertDialogPopup, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPrimitive, AlertDialogTitle, AlertDialogTrigger } from "../vendor/coss/alert-dialog.mjs";
+import { Card as Card$1, CardAction, CardContent as CardPanel, CardDescription, CardFooter, CardFrame, CardFrameAction, CardFrameDescription, CardFrameFooter, CardFrameHeader, CardFrameTitle, CardHeader, CardTitle } from "../vendor/coss/card.mjs";
 import { DialogClose, DialogContent as DialogPopup, DialogDescription, DialogFooter, DialogHeader, DialogPanel, DialogPrimitive, DialogTitle, DialogTrigger } from "../vendor/coss/dialog.mjs";
 import { Drawer as Drawer$1, DrawerClose, DrawerDescription, DrawerFooter, DrawerHeader, DrawerPanel, DrawerPopup, DrawerTitle, DrawerTrigger } from "../vendor/coss/drawer.mjs";
 import { Empty as Empty$1, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "../vendor/coss/empty.mjs";
+import { Table as Table$1, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "../vendor/coss/table.mjs";
 import { Breadcrumb as Breadcrumb$1, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "../vendor/shadcn/breadcrumb.mjs";
 import { ButtonGroup as ButtonGroup$1, ButtonGroupSeparator, ButtonGroupText } from "../vendor/shadcn/button-group.mjs";
-import { Calendar as Calendar$1, CalendarDayButton } from "../vendor/shadcn/calendar.mjs";
-import { Card as Card$1, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "../vendor/shadcn/card.mjs";
 import { ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxValue } from "../vendor/shadcn/combobox.mjs";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "../vendor/shadcn/dropdown-menu.mjs";
 import { Field as Field$1, FieldDescription, FieldError, FieldLabel } from "../vendor/shadcn/field.mjs";
@@ -15,7 +15,6 @@ import { Popover as Popover$1, PopoverContent, PopoverDescription, PopoverTitle,
 import { Progress as Progress$1, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue } from "../vendor/shadcn/progress.mjs";
 import { RadioGroup, RadioGroupItem } from "../vendor/shadcn/radio-group.mjs";
 import { SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from "../vendor/shadcn/select.mjs";
-import { Table as Table$1, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "../vendor/shadcn/table.mjs";
 import { Tabs as Tabs$1, TabsContent, TabsList, TabsTrigger } from "../vendor/shadcn/tabs.mjs";
 import { Tooltip as Tooltip$1, TooltipContent, TooltipProvider, TooltipTrigger } from "../vendor/shadcn/tooltip.mjs";
 import "./toast.mjs";
@@ -26,11 +25,10 @@ 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";
-import { Form } from "../vendor/coss/form.mjs";
 import { Label } from "../vendor/shadcn/label.mjs";
-import { LightboxActions, LightboxBackdrop, LightboxCaptions, LightboxChangeReason, LightboxClose, LightboxContent, LightboxControl, LightboxControlContext, LightboxCounter, LightboxDownload, LightboxImageChangeEventDetails, LightboxImageItem, LightboxItem, LightboxMore, LightboxNext, LightboxOpenEventDetails, LightboxPrevious, LightboxProps, LightboxSlide, LightboxSlides, LightboxThumbnail, LightboxThumbnails, LightboxToolbar, LightboxTrigger, LightboxTriggerProps, LightboxVideoItem, LightboxViewport, LightboxZoom, LightboxZoomButton, useLightbox } from "../vendor/tailored/lightbox.mjs";
 import { Input } from "../vendor/shadcn/input.mjs";
 import { Badge } from "../vendor/shadcn/badge.mjs";
+import { 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 { Button } from "../vendor/shadcn/button.mjs";
 import { Switch } from "../vendor/shadcn/switch.mjs";
 import { Spinner } from "../vendor/shadcn/spinner.mjs";
@@ -38,6 +36,8 @@ 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 { Form } from "../vendor/coss/form.mjs";
+import { Calendar } from "../vendor/coss/calendar.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";
@@ -53,15 +53,23 @@ export declare const Tabs: typeof Tabs$1 & {
   Trigger: typeof TabsTrigger;
   Content: typeof TabsContent;
 };
-/** https://ui.shadcn.com/docs/components/base/card */
+/** https://coss.com/ui/docs/components/card */
 export declare const Card: typeof Card$1 & {
   Header: typeof CardHeader;
-  Content: typeof CardContent;
+  Panel: typeof CardPanel;
   Footer: typeof CardFooter;
   Title: typeof CardTitle;
   Action: typeof CardAction;
   Description: typeof CardDescription;
 };
+/** https://coss.com/ui/docs/components/card#cardframe */
+export declare const Frame: typeof CardFrame & {
+  Header: typeof CardFrameHeader;
+  Footer: typeof CardFrameFooter;
+  Title: typeof CardFrameTitle;
+  Description: typeof CardFrameDescription;
+  Action: typeof CardFrameAction;
+};
 /** https://ui.shadcn.com/docs/components/base/field */
 export declare const Field: typeof Field$1 & {
   Label: typeof FieldLabel;
@@ -76,11 +84,12 @@ export declare const Empty: typeof Empty$1 & {
   Title: typeof EmptyTitle;
   Description: typeof EmptyDescription;
 };
-/** https://ui.shadcn.com/docs/components/base/table */
+/** https://coss.com/ui/docs/components/table */
 export declare const Table: typeof Table$1 & {
   Header: typeof TableHeader;
   Body: typeof TableBody;
   Footer: typeof TableFooter;
+  Caption: typeof TableCaption;
   Row: typeof TableRow;
   Head: typeof TableHead;
   Cell: typeof TableCell;
@@ -173,10 +182,6 @@ export declare const Progress: typeof Progress$1 & {
   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;
@@ -209,4 +214,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, formatBytes, toast, useDropzone, type useLightbox, useSidebar };
+export { Badge, Button, Calendar, 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

@@ -1,15 +1,15 @@
 import { AlertDialog as AlertDialog$1, AlertDialogClose, AlertDialogContent as AlertDialogPopup, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from "../vendor/coss/alert-dialog.mjs";
+import { Card as Card$1, CardAction, CardContent as CardPanel, CardDescription, CardFooter, CardFrame, CardFrameAction, CardFrameDescription, CardFrameFooter, CardFrameHeader, CardFrameTitle, CardHeader, CardTitle } from "../vendor/coss/card.mjs";
 import { Spinner } from "../vendor/shadcn/spinner.mjs";
 import { Button } from "../vendor/shadcn/button.mjs";
 import { ScrollArea } from "../vendor/coss/scroll-area.mjs";
 import { Dialog as Dialog$1, DialogClose, DialogContent as DialogPopup, DialogDescription, DialogFooter, DialogHeader, DialogPanel, DialogTitle, DialogTrigger } from "../vendor/coss/dialog.mjs";
 import { Drawer as Drawer$1, DrawerClose, DrawerDescription, DrawerFooter, DrawerHeader, DrawerPanel, DrawerPopup, DrawerTitle, DrawerTrigger } from "../vendor/coss/drawer.mjs";
 import { Empty as Empty$1, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "../vendor/coss/empty.mjs";
+import { Table as Table$1, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "../vendor/coss/table.mjs";
 import { Breadcrumb as Breadcrumb$1, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "../vendor/shadcn/breadcrumb.mjs";
 import { Separator } from "../vendor/shadcn/separator.mjs";
 import { ButtonGroup as ButtonGroup$1, ButtonGroupSeparator, ButtonGroupText } from "../vendor/shadcn/button-group.mjs";
-import { Calendar as Calendar$1, CalendarDayButton } from "../vendor/shadcn/calendar.mjs";
-import { Card as Card$1, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "../vendor/shadcn/card.mjs";
 import { Input } from "../vendor/shadcn/input.mjs";
 import { Textarea } from "../vendor/shadcn/textarea.mjs";
 import { Combobox as Combobox$1, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxValue } from "../vendor/shadcn/combobox.mjs";
@@ -22,21 +22,21 @@ import { Popover as Popover$1, PopoverContent, PopoverDescription, PopoverTitle,
 import { Progress as Progress$1, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue } from "../vendor/shadcn/progress.mjs";
 import { RadioGroup, RadioGroupItem } from "../vendor/shadcn/radio-group.mjs";
 import { Select as Select$1, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from "../vendor/shadcn/select.mjs";
-import { Table as Table$1, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "../vendor/shadcn/table.mjs";
 import { Tabs as Tabs$1, TabsContent, TabsList, TabsTrigger } from "../vendor/shadcn/tabs.mjs";
 import { Tooltip as Tooltip$1, TooltipContent, TooltipProvider, TooltipTrigger } from "../vendor/shadcn/tooltip.mjs";
 import { Toaster, toast } from "../vendor/shadcn/toast.mjs";
 import { Skeleton } from "../vendor/shadcn/skeleton.mjs";
 import { useSidebar } from "../vendor/shadcn/sidebar.mjs";
 import { Sidebar } from "./sidebar.mjs";
+import { Calendar } from "../vendor/coss/calendar.mjs";
 import { DatePicker, DateRangePicker, TimePicker } from "./datetime.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";
 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";
@@ -49,15 +49,23 @@ const Tabs = /* @__PURE__ */ Object.assign(Tabs$1, {
 	Trigger: TabsTrigger,
 	Content: TabsContent
 });
-/** https://ui.shadcn.com/docs/components/base/card */
+/** https://coss.com/ui/docs/components/card */
 const Card = /* @__PURE__ */ Object.assign(Card$1, {
 	Header: CardHeader,
-	Content: CardContent,
+	Panel: CardPanel,
 	Footer: CardFooter,
 	Title: CardTitle,
 	Action: CardAction,
 	Description: CardDescription
 });
+/** https://coss.com/ui/docs/components/card#cardframe */
+const Frame = /* @__PURE__ */ Object.assign(CardFrame, {
+	Header: CardFrameHeader,
+	Footer: CardFrameFooter,
+	Title: CardFrameTitle,
+	Description: CardFrameDescription,
+	Action: CardFrameAction
+});
 /** https://ui.shadcn.com/docs/components/base/field */
 const Field = /* @__PURE__ */ Object.assign(Field$1, {
 	Label: FieldLabel,
@@ -72,11 +80,12 @@ const Empty = /* @__PURE__ */ Object.assign(Empty$1, {
 	Title: EmptyTitle,
 	Description: EmptyDescription
 });
-/** https://ui.shadcn.com/docs/components/base/table */
+/** https://coss.com/ui/docs/components/table */
 const Table = /* @__PURE__ */ Object.assign(Table$1, {
 	Header: TableHeader,
 	Body: TableBody,
 	Footer: TableFooter,
+	Caption: TableCaption,
 	Row: TableRow,
 	Head: TableHead,
 	Cell: TableCell
@@ -167,8 +176,6 @@ const Progress = /* @__PURE__ */ Object.assign(Progress$1, {
 	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,
@@ -201,4 +208,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, formatBytes, toast, useDropzone, useSidebar };
+export { AlertDialog, Badge, Breadcrumb, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, Combobox, DatePicker, DateRangePicker, Dialog, Drawer, Dropdown, Dropzone, Empty, Field, FileTree, 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, Toaster as ToastProvider, Tooltip, formatBytes, toast, useDropzone, useSidebar };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deftui/react",
-  "version": "0.2.5",
+  "version": "0.3.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/KiriRainCat/deftui.git",

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

@@ -1,10 +0,0 @@
-import { Button } from "./button.mjs";
-import * as React$1 from "react";
-import { DayButton, DayPicker, Locale } from "@daypicker/react";
-declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, locale, formatters, components, ...props }: React$1.ComponentProps<typeof DayPicker> & {
-  buttonVariant?: React$1.ComponentProps<typeof Button>["variant"];
-}): React$1.JSX.Element;
-declare function CalendarDayButton({ className, day, modifiers, locale, ...props }: React$1.ComponentProps<typeof DayButton> & {
-  locale?: Partial<Locale>;
-}): React$1.JSX.Element;
-export { Calendar, CalendarDayButton };

package/dist/vendor/shadcn/calendar.mjs

@@ -1,107 +0,0 @@
-"use client";
-import { Button, buttonVariants } from "./button.mjs";
-import { cn } from "cn";
-import * as React$1 from "react";
-import { jsx } from "react/jsx-runtime";
-import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
-import { DayPicker, getDefaultClassNames } from "@daypicker/react";
-// src/vendor/shadcn/calendar.tsx
-function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", locale, formatters, components, ...props }) {
-	const defaultClassNames = getDefaultClassNames();
-	return /* @__PURE__ */ jsx(DayPicker, {
-		showOutsideDays,
-		className: cn("group/calendar bg-background p-3 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(8)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className),
-		captionLayout,
-		locale,
-		formatters: {
-			formatMonthDropdown: (date) => date.toLocaleString(locale?.code, { month: "short" }),
-			...formatters
-		},
-		classNames: {
-			root: cn("w-fit", defaultClassNames.root),
-			months: cn("relative flex flex-col gap-4 md:flex-row", defaultClassNames.months),
-			month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
-			nav: cn("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", defaultClassNames.nav),
-			button_previous: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) p-0 select-none aria-disabled:opacity-50", defaultClassNames.button_previous),
-			button_next: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) p-0 select-none aria-disabled:opacity-50", defaultClassNames.button_next),
-			month_caption: cn("flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)", defaultClassNames.month_caption),
-			dropdowns: cn("flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium", defaultClassNames.dropdowns),
-			dropdown_root: cn("relative rounded-(--cell-radius)", defaultClassNames.dropdown_root),
-			dropdown: cn("absolute inset-0 bg-popover opacity-0", defaultClassNames.dropdown),
-			caption_label: cn("font-medium select-none", captionLayout === "label" ? "text-sm" : "flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground", defaultClassNames.caption_label),
-			month_grid: cn("w-full border-collapse", defaultClassNames.month_grid),
-			weekdays: cn("flex", defaultClassNames.weekdays),
-			weekday: cn("flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground select-none", defaultClassNames.weekday),
-			week: cn("mt-2 flex w-full", defaultClassNames.week),
-			week_number_header: cn("w-(--cell-size) select-none", defaultClassNames.week_number_header),
-			week_number: cn("text-[0.8rem] text-muted-foreground select-none", defaultClassNames.week_number),
-			day: cn("group/day relative aspect-square h-full w-full rounded-(--cell-radius) p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius)", props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)" : "[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)", defaultClassNames.day),
-			range_start: cn("relative isolate z-0 rounded-l-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:right-0 after:w-4 after:bg-muted", defaultClassNames.range_start),
-			range_middle: cn("rounded-none", defaultClassNames.range_middle),
-			range_end: cn("relative isolate z-0 rounded-r-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:left-0 after:w-4 after:bg-muted", defaultClassNames.range_end),
-			today: cn("rounded-(--cell-radius) bg-muted text-foreground data-[selected=true]:rounded-none", defaultClassNames.today),
-			outside: cn("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside),
-			disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled),
-			hidden: cn("invisible", defaultClassNames.hidden),
-			...classNames
-		},
-		components: {
-			Root: ({ className, rootRef, ...props }) => {
-				return /* @__PURE__ */ jsx("div", {
-					"data-slot": "calendar",
-					ref: rootRef,
-					className: cn(className),
-					...props
-				});
-			},
-			Chevron: ({ className, orientation, ...props }) => {
-				if (orientation === "left") return /* @__PURE__ */ jsx(ChevronLeftIcon, {
-					className: cn("size-4", className),
-					...props
-				});
-				if (orientation === "right") return /* @__PURE__ */ jsx(ChevronRightIcon, {
-					className: cn("size-4", className),
-					...props
-				});
-				return /* @__PURE__ */ jsx(ChevronDownIcon, {
-					className: cn("size-4", className),
-					...props
-				});
-			},
-			DayButton: ({ ...props }) => /* @__PURE__ */ jsx(CalendarDayButton, {
-				locale,
-				...props
-			}),
-			WeekNumber: ({ children, ...props }) => {
-				return /* @__PURE__ */ jsx("td", {
-					...props,
-					children: /* @__PURE__ */ jsx("div", {
-						className: "flex size-(--cell-size) items-center justify-center text-center",
-						children
-					})
-				});
-			},
-			...components
-		},
-		...props
-	});
-}
-function CalendarDayButton({ className, day, modifiers, locale, ...props }) {
-	const defaultClassNames = getDefaultClassNames();
-	const ref = React$1.useRef(null);
-	React$1.useEffect(() => {
-		if (modifiers.focused) ref.current?.focus();
-	}, [modifiers.focused]);
-	return /* @__PURE__ */ jsx(Button, {
-		variant: "ghost",
-		size: "icon",
-		"data-day": day.date.toLocaleDateString(locale?.code),
-		"data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
-		"data-range-start": modifiers.range_start,
-		"data-range-end": modifiers.range_end,
-		"data-range-middle": modifiers.range_middle,
-		className: cn("relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius) data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-foreground [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className),
-		...props
-	});
-}
-export { Calendar, CalendarDayButton };

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

@@ -1,11 +0,0 @@
-import * as React$1 from "react";
-declare function Card({ className, size, ...props }: React$1.ComponentProps<"div"> & {
-  size?: "default" | "sm";
-}): React$1.JSX.Element;
-declare function CardHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
-declare function CardTitle({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
-declare function CardDescription({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
-declare function CardAction({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
-declare function CardContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
-declare function CardFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/vendor/shadcn/card.mjs

@@ -1,55 +0,0 @@
-import { cn } from "cn";
-import "react";
-import { jsx } from "react/jsx-runtime";
-// src/vendor/shadcn/card.tsx
-function Card({ className, size = "default", ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card",
-		"data-size": size,
-		className: cn("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl bg-card py-(--card-spacing) text-sm text-card-foreground shadow-xs ring-1 ring-foreground/10 [--card-spacing:--spacing(6)] has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(4)] *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className),
-		...props
-	});
-}
-function CardHeader({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card-header",
-		className: cn("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)", className),
-		...props
-	});
-}
-function CardTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card-title",
-		className: cn("text-base leading-normal font-medium group-data-[size=sm]/card:text-sm", className),
-		...props
-	});
-}
-function CardDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card-description",
-		className: cn("text-sm text-muted-foreground", className),
-		...props
-	});
-}
-function CardAction({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card-action",
-		className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
-		...props
-	});
-}
-function CardContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card-content",
-		className: cn("flex flex-col gap-3 px-(--card-spacing)", className),
-		...props
-	});
-}
-function CardFooter({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card-footer",
-		className: cn("flex items-center rounded-b-xl px-(--card-spacing) [.border-t]:pt-(--card-spacing)", className),
-		...props
-	});
-}
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

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

@@ -1,9 +0,0 @@
-import * as React$1 from "react";
-declare function Table({ className, ...props }: React$1.ComponentProps<"table">): React$1.JSX.Element;
-declare function TableHeader({ className, ...props }: React$1.ComponentProps<"thead">): React$1.JSX.Element;
-declare function TableBody({ className, ...props }: React$1.ComponentProps<"tbody">): React$1.JSX.Element;
-declare function TableFooter({ className, ...props }: React$1.ComponentProps<"tfoot">): React$1.JSX.Element;
-declare function TableRow({ className, ...props }: React$1.ComponentProps<"tr">): React$1.JSX.Element;
-declare function TableHead({ className, ...props }: React$1.ComponentProps<"th">): React$1.JSX.Element;
-declare function TableCell({ className, ...props }: React$1.ComponentProps<"td">): React$1.JSX.Element;
-export { Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/vendor/shadcn/table.mjs

@@ -1,59 +0,0 @@
-"use client";
-import { cn } from "cn";
-import "react";
-import { jsx } from "react/jsx-runtime";
-// src/vendor/shadcn/table.tsx
-function Table({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "table-container",
-		className: "relative w-full overflow-x-auto",
-		children: /* @__PURE__ */ jsx("table", {
-			"data-slot": "table",
-			className: cn("w-full caption-bottom text-sm", className),
-			...props
-		})
-	});
-}
-function TableHeader({ className, ...props }) {
-	return /* @__PURE__ */ jsx("thead", {
-		"data-slot": "table-header",
-		className: cn("[&_tr]:border-b", className),
-		...props
-	});
-}
-function TableBody({ className, ...props }) {
-	return /* @__PURE__ */ jsx("tbody", {
-		"data-slot": "table-body",
-		className: cn("[&_tr:last-child]:border-0", className),
-		...props
-	});
-}
-function TableFooter({ className, ...props }) {
-	return /* @__PURE__ */ jsx("tfoot", {
-		"data-slot": "table-footer",
-		className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
-		...props
-	});
-}
-function TableRow({ className, ...props }) {
-	return /* @__PURE__ */ jsx("tr", {
-		"data-slot": "table-row",
-		className: cn("border-b transition-colors hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted", className),
-		...props
-	});
-}
-function TableHead({ className, ...props }) {
-	return /* @__PURE__ */ jsx("th", {
-		"data-slot": "table-head",
-		className: cn("h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0", className),
-		...props
-	});
-}
-function TableCell({ className, ...props }) {
-	return /* @__PURE__ */ jsx("td", {
-		"data-slot": "table-cell",
-		className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0", className),
-		...props
-	});
-}
-export { Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow };