@deftui/react 0.2.5 → 0.3.1

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 };

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

@@ -1,21 +0,0 @@
-import * as React$1 from "react";
-export type FileTreeNode = {
-  id: string;
-  name: string;
-  kind?: "file" | "folder";
-  children?: FileTreeNode[];
-  meta?: React$1.ReactNode;
-  icon?: React$1.ReactNode;
-};
-export type FileTreeProps = Omit<React$1.HTMLAttributes<HTMLDivElement>, "children" | "onSelect"> & {
-  nodes: FileTreeNode[];
-  expandedIds?: string[];
-  defaultExpandedIds?: string[];
-  onExpandedChange?: (ids: string[]) => void;
-  selectedId?: string | null;
-  defaultSelectedId?: string | null;
-  onSelect?: (node: FileTreeNode) => void;
-  label?: string;
-};
-/** https://ui.tinkererslabs.com/docs/components/file-tree/ */
-export declare function FileTree({ nodes, expandedIds, defaultExpandedIds, onExpandedChange, selectedId, defaultSelectedId, onSelect, label, className, ...rootProps }: FileTreeProps): React$1.JSX.Element;

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

@@ -1,146 +0,0 @@
-"use client";
-import { cn } from "../shadcn/lib/utils.mjs";
-import * as React$1 from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { ChevronRight, File, Folder, FolderOpen } from "lucide-react";
-// src/vendor/tailored/file-tree.tsx
-function isFolder(node) {
-	return node.kind === "folder" || Array.isArray(node.children);
-}
-function flatten(nodes, expanded, level = 1) {
-	return nodes.flatMap((node) => {
-		const folder = isFolder(node);
-		const open = folder && expanded.has(node.id);
-		const self = {
-			node,
-			level,
-			isFolder: folder,
-			isExpanded: open
-		};
-		if (!open || !node.children) return [self];
-		return [self, ...flatten(node.children, expanded, level + 1)];
-	});
-}
-/** https://ui.tinkererslabs.com/docs/components/file-tree/ */
-function FileTree({ nodes, expandedIds, defaultExpandedIds = [], onExpandedChange, selectedId, defaultSelectedId = null, onSelect, label = "Files", className, ...rootProps }) {
-	const [uncontrolledExpanded, setUncontrolledExpanded] = React$1.useState(defaultExpandedIds);
-	const [uncontrolledSelected, setUncontrolledSelected] = React$1.useState(defaultSelectedId);
-	const expandedList = expandedIds ?? uncontrolledExpanded;
-	const expanded = React$1.useMemo(() => new Set(expandedList), [expandedList]);
-	const selected = selectedId === void 0 ? uncontrolledSelected : selectedId;
-	const rows = React$1.useMemo(() => flatten(nodes, expanded), [nodes, expanded]);
-	const containerRef = React$1.useRef(null);
-	const setExpanded = (ids) => {
-		if (expandedIds === void 0) setUncontrolledExpanded(ids);
-		onExpandedChange?.(ids);
-	};
-	const toggle = (id, open) => {
-		const shouldOpen = open ?? !expanded.has(id);
-		if (shouldOpen === expanded.has(id)) return;
-		setExpanded(shouldOpen ? [...expandedList, id] : expandedList.filter((entry) => entry !== id));
-	};
-	const select = (node) => {
-		if (selectedId === void 0) setUncontrolledSelected(node.id);
-		onSelect?.(node);
-	};
-	const focusRow = (index) => {
-		const target = rows[index];
-		if (!target) return;
-		containerRef.current?.querySelector(`[data-node="${CSS.escape(target.node.id)}"]`)?.focus();
-	};
-	const onKeyDown = (event, row, index) => {
-		switch (event.key) {
-			case "ArrowDown":
-				event.preventDefault();
-				focusRow(Math.min(index + 1, rows.length - 1));
-				break;
-			case "ArrowUp":
-				event.preventDefault();
-				focusRow(Math.max(index - 1, 0));
-				break;
-			case "ArrowRight":
-				event.preventDefault();
-				if (row.isFolder && !row.isExpanded) toggle(row.node.id, true);
-				else if (row.isFolder) focusRow(index + 1);
-				break;
-			case "ArrowLeft": {
-				event.preventDefault();
-				if (row.isFolder && row.isExpanded) {
-					toggle(row.node.id, false);
-					break;
-				}
-				const parent = rows.slice(0, index).reverse().findIndex((entry) => entry.level < row.level);
-				if (parent >= 0) focusRow(index - 1 - parent);
-				break;
-			}
-			case "Home":
-				event.preventDefault();
-				focusRow(0);
-				break;
-			case "End":
-				event.preventDefault();
-				focusRow(rows.length - 1);
-				break;
-			case "Enter":
-			case " ":
-				event.preventDefault();
-				if (row.isFolder) toggle(row.node.id);
-				select(row.node);
-		}
-	};
-	const activeIndex = Math.max(rows.findIndex((row) => row.node.id === selected), 0);
-	return /* @__PURE__ */ jsx("div", {
-		ref: containerRef,
-		"data-slot": "file-tree",
-		className: cn("border-border bg-card text-card-foreground rounded-[var(--radius)] border p-1.5", className),
-		...rootProps,
-		children: /* @__PURE__ */ jsx("div", {
-			role: "tree",
-			"aria-label": label,
-			children: rows.map((row, index) => {
-				const isSelected = row.node.id === selected;
-				const Icon = row.isFolder ? row.isExpanded ? FolderOpen : Folder : File;
-				return /* @__PURE__ */ jsxs("div", {
-					role: "treeitem",
-					"data-node": row.node.id,
-					"data-slot": "file-tree-item",
-					"aria-level": row.level,
-					"aria-selected": isSelected,
-					"aria-expanded": row.isFolder ? row.isExpanded : void 0,
-					tabIndex: index === activeIndex ? 0 : -1,
-					className: cn("focus-visible:ring-ring flex min-h-9 cursor-default items-center gap-1.5 rounded-[calc(var(--radius)-0.35rem)] pr-2 text-sm focus-visible:ring-2 focus-visible:outline-none", isSelected ? "bg-muted font-semibold" : "hover:bg-muted/60 transition-colors duration-150 motion-reduce:transition-none"),
-					style: { paddingLeft: `${(row.level - 1) * .85 + .35}rem` },
-					onClick: () => {
-						if (row.isFolder) toggle(row.node.id);
-						select(row.node);
-					},
-					onKeyDown: (event) => onKeyDown(event, row, index),
-					children: [
-						/* @__PURE__ */ jsx("span", {
-							className: "flex size-4 shrink-0 items-center justify-center",
-							children: row.isFolder ? /* @__PURE__ */ jsx(ChevronRight, {
-								"aria-hidden": "true",
-								size: 13,
-								className: cn("text-muted-foreground transition-transform duration-150 motion-reduce:transition-none", row.isExpanded && "rotate-90")
-							}) : null
-						}),
-						/* @__PURE__ */ jsx("span", {
-							"aria-hidden": "true",
-							className: "text-muted-foreground shrink-0",
-							children: row.node.icon ?? /* @__PURE__ */ jsx(Icon, { size: 15 })
-						}),
-						/* @__PURE__ */ jsx("span", {
-							className: "min-w-0 flex-1 truncate",
-							children: row.node.name
-						}),
-						row.node.meta ? /* @__PURE__ */ jsx("span", {
-							className: "text-muted-foreground shrink-0 text-xs",
-							children: row.node.meta
-						}) : null
-					]
-				}, row.node.id);
-			})
-		})
-	});
-}
-export { FileTree };