@deftui/react 0.3.0 → 0.3.1

package/dist/vendor/reui.io/timeline.d.mts

@@ -0,0 +1,21 @@
+import { useRender } from "@base-ui/react/use-render";
+interface TimelineProps extends useRender.ComponentProps<"div"> {
+  defaultValue?: number;
+  value?: number;
+  onValueChange?: (value: number) => void;
+  orientation?: "horizontal" | "vertical";
+}
+declare function Timeline({ defaultValue, value, onValueChange, orientation, className, render, children, ...props }: TimelineProps): import("react").JSX.Element;
+declare function TimelineContent({ className, render, children, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type TimelineDateProps = useRender.ComponentProps<"time">;
+declare function TimelineDate({ className, render, children, ...props }: TimelineDateProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function TimelineHeader({ className, render, children, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+type TimelineIndicatorProps = useRender.ComponentProps<"div">;
+declare function TimelineIndicator({ className, children, render, ...props }: TimelineIndicatorProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+interface TimelineItemProps extends useRender.ComponentProps<"div"> {
+  step: number;
+}
+declare function TimelineItem({ step, className, render, children, ...props }: TimelineItemProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function TimelineSeparator({ className, render, children, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function TimelineTitle({ className, render, children, ...props }: useRender.ComponentProps<"h3">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export { Timeline, TimelineContent, TimelineDate, TimelineHeader, TimelineIndicator, TimelineItem, TimelineSeparator, TimelineTitle };

package/dist/vendor/reui.io/timeline.mjs

@@ -0,0 +1,127 @@
+"use client";
+import { cn } from "cn";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { createContext, useCallback, useContext, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useRender } from "@base-ui/react/use-render";
+// src/vendor/reui.io/timeline.tsx
+const TimelineContext = createContext(void 0);
+const useTimeline = () => {
+	const context = useContext(TimelineContext);
+	if (!context) throw new Error("useTimeline must be used within a Timeline");
+	return context;
+};
+function Timeline({ defaultValue = 1, value, onValueChange, orientation = "vertical", className, render, children, ...props }) {
+	const [activeStep, setInternalStep] = useState(defaultValue);
+	const setActiveStep = useCallback((step) => {
+		if (value === void 0) setInternalStep(step);
+		onValueChange?.(step);
+	}, [value, onValueChange]);
+	const currentStep = value ?? activeStep;
+	const defaultProps = {
+		className: cn("group/timeline flex data-[orientation=horizontal]:w-full data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col", className),
+		"data-orientation": orientation,
+		"data-slot": "timeline",
+		children
+	};
+	return /* @__PURE__ */ jsx(TimelineContext.Provider, {
+		value: {
+			activeStep: currentStep,
+			setActiveStep
+		},
+		children: useRender({
+			defaultTagName: "div",
+			render,
+			props: mergeProps(defaultProps, props)
+		})
+	});
+}
+function TimelineContent({ className, render, children, ...props }) {
+	const defaultProps = {
+		className: cn("text-muted-foreground text-sm", className),
+		"data-slot": "timeline-content",
+		children
+	};
+	return useRender({
+		defaultTagName: "div",
+		render,
+		props: mergeProps(defaultProps, props)
+	});
+}
+function TimelineDate({ className, render, children, ...props }) {
+	const defaultProps = {
+		className: cn("mb-1 block font-medium text-muted-foreground text-xs group-data-[orientation=vertical]/timeline:max-sm:h-4", className),
+		"data-slot": "timeline-date",
+		children
+	};
+	return useRender({
+		defaultTagName: "time",
+		render,
+		props: mergeProps(defaultProps, props)
+	});
+}
+function TimelineHeader({ className, render, children, ...props }) {
+	const defaultProps = {
+		className: cn(className),
+		"data-slot": "timeline-header",
+		children
+	};
+	return useRender({
+		defaultTagName: "div",
+		render,
+		props: mergeProps(defaultProps, props)
+	});
+}
+function TimelineIndicator({ className, children, render, ...props }) {
+	const defaultProps = {
+		"aria-hidden": true,
+		className: cn("group-data-[orientation=horizontal]/timeline:-top-6 group-data-[orientation=horizontal]/timeline:-translate-y-1/2 group-data-[orientation=vertical]/timeline:-left-6 group-data-[orientation=vertical]/timeline:-translate-x-1/2 absolute size-4 rounded-full border-2 border-primary/20 group-data-[orientation=vertical]/timeline:top-0 group-data-[orientation=horizontal]/timeline:left-0 group-data-completed/timeline-item:border-primary", className),
+		"data-slot": "timeline-indicator",
+		children
+	};
+	return useRender({
+		defaultTagName: "div",
+		render,
+		props: mergeProps(defaultProps, props)
+	});
+}
+function TimelineItem({ step, className, render, children, ...props }) {
+	const { activeStep } = useTimeline();
+	const defaultProps = {
+		className: cn("group/timeline-item relative flex flex-1 flex-col gap-0.5 group-data-[orientation=vertical]/timeline:ms-8 group-data-[orientation=horizontal]/timeline:mt-8 group-data-[orientation=horizontal]/timeline:not-last:pe-8 group-data-[orientation=vertical]/timeline:not-last:pb-6 has-[+[data-completed]]:**:data-[slot=timeline-separator]:bg-primary", className),
+		"data-completed": step <= activeStep || void 0,
+		"data-slot": "timeline-item",
+		children
+	};
+	return useRender({
+		defaultTagName: "div",
+		render,
+		props: mergeProps(defaultProps, props)
+	});
+}
+function TimelineSeparator({ className, render, children, ...props }) {
+	const defaultProps = {
+		"aria-hidden": true,
+		className: cn("group-data-[orientation=horizontal]/timeline:-top-6 group-data-[orientation=horizontal]/timeline:-translate-y-1/2 group-data-[orientation=vertical]/timeline:-left-6 group-data-[orientation=vertical]/timeline:-translate-x-1/2 absolute self-start bg-primary/10 group-last/timeline-item:hidden group-data-[orientation=horizontal]/timeline:h-0.5 group-data-[orientation=vertical]/timeline:h-[calc(100%-1rem-0.25rem)] group-data-[orientation=horizontal]/timeline:w-[calc(100%-1rem-0.25rem)] group-data-[orientation=vertical]/timeline:w-0.5 group-data-[orientation=horizontal]/timeline:translate-x-4.5 group-data-[orientation=vertical]/timeline:translate-y-4.5", className),
+		"data-slot": "timeline-separator",
+		children
+	};
+	return useRender({
+		defaultTagName: "div",
+		render,
+		props: mergeProps(defaultProps, props)
+	});
+}
+function TimelineTitle({ className, render, children, ...props }) {
+	const defaultProps = {
+		className: cn("font-medium text-sm", className),
+		"data-slot": "timeline-title",
+		children
+	};
+	return useRender({
+		defaultTagName: "h3",
+		render,
+		props: mergeProps(defaultProps, props)
+	});
+}
+export { Timeline, TimelineContent, TimelineDate, TimelineHeader, TimelineIndicator, TimelineItem, TimelineSeparator, TimelineTitle };

package/dist/widgets/export.d.mts

@@ -0,0 +1,28 @@
+import "./toast.mjs";
+import { Sidebar } from "./sidebar.mjs";
+import { DatePicker, DateRange, DateRangePicker, TimePicker } from "./datetime.mjs";
+import { Dropzone, formatBytes, useDropzone } from "./dropzone.mjs";
+import { Carousel, Image, ImageProps, Lightbox } from "./multimedia.mjs";
+import { Toaster, toast } from "../vendor/shadcn/toast.mjs";
+import { Pagination } from "./pagination.mjs";
+import { Label } from "../vendor/shadcn/label.mjs";
+import { useSidebar } from "../vendor/shadcn/sidebar.mjs";
+import { Input } from "../vendor/shadcn/input.mjs";
+import { Badge } from "../vendor/shadcn/badge.mjs";
+import { Button } from "../vendor/shadcn/button.mjs";
+import { Switch } from "../vendor/shadcn/switch.mjs";
+import { 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 { Spinner } from "../vendor/shadcn/spinner.mjs";
+import { Skeleton } from "../vendor/shadcn/skeleton.mjs";
+import { Checkbox } from "../vendor/shadcn/checkbox.mjs";
+import { Textarea } from "../vendor/shadcn/textarea.mjs";
+import { Separator } from "../vendor/shadcn/separator.mjs";
+import { 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";
+import { CascaderProps, CascaderSingleProps } from "../vendor/reui.io/cascader/cascader.mjs";
+import { CascaderChangeDetails, CascaderLabels, CascaderMode, CascaderNode } from "../vendor/reui.io/cascader/cascader-types.mjs";
+export * from "react-dropzone";
+export { Badge, Button, Calendar, Carousel, type CascaderChangeDetails, type CascaderLabels, type CascaderMode, type CascaderNode, type CascaderProps, type CascaderSingleProps, Checkbox, DatePicker, type DateRange, DateRangePicker, Dropzone, 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.d.mts

@@ -4,11 +4,21 @@ import { DialogClose, DialogContent as DialogPopup, DialogDescription, DialogFoo
 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 { CascaderChangeDetails, CascaderLabels, CascaderMode, CascaderNode } from "../vendor/reui.io/cascader/cascader-types.mjs";
+import { Cascader as Cascader$1, CascaderChip, CascaderChips, CascaderContent, CascaderEmpty, CascaderList, CascaderPanel, CascaderProps, CascaderSingleProps, CascaderStatus, CascaderTrigger } from "../vendor/reui.io/cascader/cascader.mjs";
+import { CascaderAction, CascaderFooter, CascaderSubmenu, CascaderSubmenuContent, CascaderSubmenuTrigger } from "../vendor/reui.io/cascader/cascader-footer.mjs";
+import { CascaderGroup, CascaderItemProps, CascaderItems, CascaderLabel, CascaderSeparator } from "../vendor/reui.io/cascader/cascader-item.mjs";
+import { CascaderBack, CascaderBreadcrumb, CascaderInput, CascaderNav, CascaderValue } from "../vendor/reui.io/cascader/cascader-nav.mjs";
+import { CascaderVirtualItems } from "../vendor/reui.io/cascader/cascader-virtual.mjs";
+import { Timeline as Timeline$1, TimelineContent, TimelineDate, TimelineHeader, TimelineIndicator, TimelineItem, TimelineSeparator, TimelineTitle } from "../vendor/reui.io/timeline.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 { 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 { Label } from "../vendor/shadcn/label.mjs";
 import { Field as Field$1, FieldDescription, FieldError, FieldLabel } from "../vendor/shadcn/field.mjs";
+import { Button } from "../vendor/shadcn/button.mjs";
 import { InputGroup as InputGroup$1, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "../vendor/shadcn/input-group.mjs";
 import { Kbd as Kbd$1, KbdGroup } from "../vendor/shadcn/kbd.mjs";
 import { Popover as Popover$1, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger } from "../vendor/shadcn/popover.mjs";
@@ -17,31 +27,27 @@ import { RadioGroup, RadioGroupItem } from "../vendor/shadcn/radio-group.mjs";
 import { SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from "../vendor/shadcn/select.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";
+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 "./sidebar.mjs";
+import { Calendar } from "../vendor/coss/calendar.mjs";
 import { DatePicker, DateRange, DateRangePicker, TimePicker } from "./datetime.mjs";
-import { Toaster, toast } from "../vendor/shadcn/toast.mjs";
 import { Dropzone, formatBytes, useDropzone } from "./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 "./multimedia.mjs";
-import { useSidebar } from "../vendor/shadcn/sidebar.mjs";
 import { Pagination } from "./pagination.mjs";
-import { Label } from "../vendor/shadcn/label.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";
 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";
-import { FileTree, FileTreeNode } from "../vendor/tailored/file-tree.mjs";
+import "./export.mjs";
 export * from "react-dropzone";
 /** https://ui.shadcn.com/docs/components/base/kbd */
 export declare const Kbd: typeof Kbd$1 & {
@@ -143,6 +149,34 @@ export declare const Popover: typeof Popover$1 & {
   Title: typeof PopoverTitle;
   Description: typeof PopoverDescription;
 };
+/** https://reui.io/docs/components/cascader */
+export declare const Cascader: typeof Cascader$1 & {
+  Trigger: typeof CascaderTrigger;
+  Popup: typeof CascaderContent;
+  Panel: typeof CascaderPanel;
+  List: typeof CascaderList;
+  Empty: typeof CascaderEmpty;
+  Status: typeof CascaderStatus;
+  Chips: typeof CascaderChips;
+  Chip: typeof CascaderChip;
+  Nav: typeof CascaderNav;
+  Back: typeof CascaderBack;
+  Breadcrumb: typeof CascaderBreadcrumb;
+  Input: typeof CascaderInput;
+  Value: typeof CascaderValue;
+  Item: import("react").MemoExoticComponent<({ node, index, depth, showPath, as, expanded, indent, branch: branchProp, selectable: selectableProp, selected: selectedProp, indeterminate: indeterminateProp, selectedCount: selectedCountProp, loading, error, childrenLoading, childrenError, className, children, onClick, onMouseUp, style, ...props }: CascaderItemProps) => import("react").JSX.Element>;
+  Items: typeof CascaderItems;
+  Group: typeof CascaderGroup;
+  Label: typeof CascaderLabel;
+  Separator: typeof CascaderSeparator;
+  Footer: typeof CascaderFooter;
+  Action: typeof CascaderAction;
+  Submenu: typeof CascaderSubmenu;
+  SubmenuTrigger: typeof CascaderSubmenuTrigger;
+  SubmenuContent: typeof CascaderSubmenuContent;
+  /** Windowed replacement for `Items` inside `List`. */
+  VirtualItems: typeof CascaderVirtualItems;
+};
 /** https://ui.shadcn.com/docs/components/base/dropdown-menu */
 export declare const Dropdown: typeof DropdownMenu & {
   Trigger: typeof DropdownMenuTrigger;
@@ -182,6 +216,16 @@ export declare const Progress: typeof Progress$1 & {
   Track: typeof ProgressTrack;
   Indicator: typeof ProgressIndicator;
 };
+/** https://reui.io/docs/components/timeline */
+export declare const Timeline: typeof Timeline$1 & {
+  Item: typeof TimelineItem;
+  Header: typeof TimelineHeader;
+  Content: typeof TimelineContent;
+  Indicator: typeof TimelineIndicator;
+  Separator: typeof TimelineSeparator;
+  Date: typeof TimelineDate;
+  Title: typeof TimelineTitle;
+};
 /** https://ui.shadcn.com/docs/components/base/breadcrumb */
 export declare const Breadcrumb: typeof Breadcrumb$1 & {
   List: typeof BreadcrumbList;
@@ -214,4 +258,4 @@ export declare const InputGroup: typeof InputGroup$1 & {
   Textarea: typeof InputGroupTextarea;
   Button: typeof InputGroupButton;
 };
-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 };
+export { Badge, Button, Calendar, Carousel, type CascaderChangeDetails, type CascaderLabels, type CascaderMode, type CascaderNode, type CascaderProps, type CascaderSingleProps, Checkbox, DatePicker, type DateRange, DateRangePicker, Dropzone, 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

@@ -7,6 +7,12 @@ import { Dialog as Dialog$1, DialogClose, DialogContent as DialogPopup, DialogDe
 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 { Cascader as Cascader$1, CascaderChip, CascaderChips, CascaderContent, CascaderEmpty, CascaderList, CascaderPanel, CascaderStatus, CascaderTrigger } from "../vendor/reui.io/cascader/cascader.mjs";
+import { CascaderAction, CascaderFooter, CascaderSubmenu, CascaderSubmenuContent, CascaderSubmenuTrigger } from "../vendor/reui.io/cascader/cascader-footer.mjs";
+import { CascaderGroup, CascaderItem, CascaderItems, CascaderLabel, CascaderSeparator } from "../vendor/reui.io/cascader/cascader-item.mjs";
+import { CascaderBack, CascaderBreadcrumb, CascaderInput, CascaderNav, CascaderValue } from "../vendor/reui.io/cascader/cascader-nav.mjs";
+import { CascaderVirtualItems } from "../vendor/reui.io/cascader/cascader-virtual.mjs";
+import { Timeline as Timeline$1, TimelineContent, TimelineDate, TimelineHeader, TimelineIndicator, TimelineItem, TimelineSeparator, TimelineTitle } from "../vendor/reui.io/timeline.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";
@@ -39,7 +45,6 @@ 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";
 // src/widgets/index.ts
 /** https://ui.shadcn.com/docs/components/base/kbd */
 const Kbd = /* @__PURE__ */ Object.assign(Kbd$1, { Group: KbdGroup });
@@ -137,6 +142,34 @@ const Popover = /* @__PURE__ */ Object.assign(Popover$1, {
 	Title: PopoverTitle,
 	Description: PopoverDescription
 });
+/** https://reui.io/docs/components/cascader */
+const Cascader = /* @__PURE__ */ Object.assign(Cascader$1, {
+	Trigger: CascaderTrigger,
+	Popup: CascaderContent,
+	Panel: CascaderPanel,
+	List: CascaderList,
+	Empty: CascaderEmpty,
+	Status: CascaderStatus,
+	Chips: CascaderChips,
+	Chip: CascaderChip,
+	Nav: CascaderNav,
+	Back: CascaderBack,
+	Breadcrumb: CascaderBreadcrumb,
+	Input: CascaderInput,
+	Value: CascaderValue,
+	Item: CascaderItem,
+	Items: CascaderItems,
+	Group: CascaderGroup,
+	Label: CascaderLabel,
+	Separator: CascaderSeparator,
+	Footer: CascaderFooter,
+	Action: CascaderAction,
+	Submenu: CascaderSubmenu,
+	SubmenuTrigger: CascaderSubmenuTrigger,
+	SubmenuContent: CascaderSubmenuContent,
+	/** Windowed replacement for `Items` inside `List`. */
+	VirtualItems: CascaderVirtualItems
+});
 /** https://ui.shadcn.com/docs/components/base/dropdown-menu */
 const Dropdown = /* @__PURE__ */ Object.assign(DropdownMenu, {
 	Trigger: DropdownMenuTrigger,
@@ -176,6 +209,16 @@ const Progress = /* @__PURE__ */ Object.assign(Progress$1, {
 	Track: ProgressTrack,
 	Indicator: ProgressIndicator
 });
+/** https://reui.io/docs/components/timeline */
+const Timeline = /* @__PURE__ */ Object.assign(Timeline$1, {
+	Item: TimelineItem,
+	Header: TimelineHeader,
+	Content: TimelineContent,
+	Indicator: TimelineIndicator,
+	Separator: TimelineSeparator,
+	Date: TimelineDate,
+	Title: TimelineTitle
+});
 /** https://ui.shadcn.com/docs/components/base/breadcrumb */
 const Breadcrumb = /* @__PURE__ */ Object.assign(Breadcrumb$1, {
 	List: BreadcrumbList,
@@ -208,4 +251,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, 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 };
+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, formatBytes, toast, useDropzone, useSidebar };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deftui/react",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/KiriRainCat/deftui.git",
@@ -45,7 +45,6 @@
     "tw-animate-css": "^1.4.0"
   },
   "devDependencies": {
-    "@base-ui/react": "^1.9.0",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
     "shadcn": "^4.23.0",
@@ -53,6 +52,7 @@
   },
   "peerDependencies": {
     "@base-ui/react": "^1.9.0",
+    "@tanstack/react-virtual": "^3.14.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "tailwindcss": "^4.3.0"

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