@deftui/react 0.0.0-stage → 0.0.2

package/dist/vendor/shadcn/toast.mjs

@@ -0,0 +1,122 @@
+"use client";
+import { Button } from "./button.mjs";
+import { cn } from "cn";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CircleCheckIcon, InfoIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon, XIcon } from "lucide-react";
+import { Toast } from "@base-ui/react/toast";
+// src/vendor/shadcn/toast.tsx
+const toast = Toast.createToastManager();
+function ToastProvider({ ...props }) {
+	return /* @__PURE__ */ jsx(Toast.Provider, { ...props });
+}
+function ToastPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(Toast.Portal, {
+		"data-slot": "toast-portal",
+		...props
+	});
+}
+function ToastViewport({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Toast.Viewport, {
+		"data-slot": "toast-viewport",
+		className: cn("pointer-events-none fixed inset-x-4 bottom-4 z-50 mx-auto w-auto max-w-sm outline-none sm:right-4 sm:left-auto sm:mx-0 sm:w-full", className),
+		...props
+	});
+}
+function Toast$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Toast.Root, {
+		"data-slot": "toast",
+		className: cn("group/toast pointer-events-auto absolute right-0 bottom-0 z-[calc(1000-var(--toast-index))] w-full origin-bottom rounded-2xl border bg-popover text-popover-foreground shadow-lg will-change-transform outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50", "[--gap:0.75rem] [--height:var(--toast-frontmost-height,var(--toast-height))] [--offset-y:calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y))] [--peek:0.75rem] [--scale:calc(max(0,1-(var(--toast-index)*0.1)))] [--shrink:calc(1-var(--scale))]", "h-(--height) [transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--peek))-(var(--shrink)*var(--height))))_scale(var(--scale))] [transition:transform_500ms_cubic-bezier(0.22,1,0.36,1),opacity_500ms,height_150ms]", "after:absolute after:top-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']", "data-expanded:h-(--toast-height) data-expanded:[transform:translateX(var(--toast-swipe-movement-x))_translateY(var(--offset-y))]", "data-limited:opacity-0 data-starting-style:[transform:translateY(150%)]", "[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(150%)]", "data-ending-style:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]", "data-ending-style:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]", "data-ending-style:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]", "data-ending-style:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))]", "data-expanded:data-ending-style:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]", "data-expanded:data-ending-style:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]", "data-expanded:data-ending-style:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]", "data-expanded:data-ending-style:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))]", className),
+		...props
+	});
+}
+function ToastContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Toast.Content, {
+		"data-slot": "toast-content",
+		className: cn("flex h-full items-center gap-3 overflow-hidden p-4 transition-opacity duration-250 ease-[cubic-bezier(0.22,1,0.36,1)] data-behind:opacity-0 data-expanded:opacity-100", className),
+		...props
+	});
+}
+function ToastTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Toast.Title, {
+		"data-slot": "toast-title",
+		className: cn("text-sm font-medium", className),
+		...props
+	});
+}
+function ToastDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Toast.Description, {
+		"data-slot": "toast-description",
+		className: cn("text-sm text-muted-foreground", className),
+		...props
+	});
+}
+function ToastAction({ className, render = /* @__PURE__ */ jsx(Button, {
+	variant: "outline",
+	size: "sm"
+}), ...props }) {
+	return /* @__PURE__ */ jsx(Toast.Action, {
+		"data-slot": "toast-action",
+		render,
+		className: cn("shrink-0", className),
+		...props
+	});
+}
+function ToastClose({ className, children, render = /* @__PURE__ */ jsx(Button, {
+	variant: "ghost",
+	size: "icon-sm"
+}), ...props }) {
+	return /* @__PURE__ */ jsx(Toast.Close, {
+		"data-slot": "toast-close",
+		"aria-label": "Close toast",
+		render,
+		className: cn("relative shrink-0 text-muted-foreground after:absolute after:-inset-2 after:content-[''] hover:text-foreground", className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(XIcon, { "aria-hidden": "true" })
+	});
+}
+function ToastIcon({ type }) {
+	let icon = null;
+	if (type === "success") icon = /* @__PURE__ */ jsx(CircleCheckIcon, { "aria-hidden": "true" });
+	if (type === "info") icon = /* @__PURE__ */ jsx(InfoIcon, { "aria-hidden": "true" });
+	if (type === "warning") icon = /* @__PURE__ */ jsx(TriangleAlertIcon, { "aria-hidden": "true" });
+	if (type === "error") icon = /* @__PURE__ */ jsx(OctagonXIcon, {
+		className: "text-destructive",
+		"aria-hidden": "true"
+	});
+	if (type === "loading") icon = /* @__PURE__ */ jsx(Loader2Icon, {
+		className: "animate-spin",
+		"aria-hidden": "true"
+	});
+	if (!icon) return null;
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "toast-icon",
+		className: "shrink-0 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+		children: icon
+	});
+}
+function ToastList() {
+	const { toasts } = Toast.useToastManager();
+	return toasts.map((toastItem) => /* @__PURE__ */ jsx(Toast$1, {
+		toast: toastItem,
+		children: /* @__PURE__ */ jsxs(ToastContent, { children: [
+			/* @__PURE__ */ jsx(ToastIcon, { type: toastItem.type }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex min-w-0 flex-1 flex-col gap-1",
+				children: [/* @__PURE__ */ jsx(ToastTitle, {}), /* @__PURE__ */ jsx(ToastDescription, {})]
+			}),
+			/* @__PURE__ */ jsx(ToastAction, {}),
+			/* @__PURE__ */ jsx(ToastClose, {})
+		] })
+	}, toastItem.id));
+}
+function Toaster({ children, toastManager = toast, ...props }) {
+	return /* @__PURE__ */ jsxs(ToastProvider, {
+		toastManager,
+		...props,
+		children: [children, /* @__PURE__ */ jsx(ToastPortal, { children: /* @__PURE__ */ jsx(ToastViewport, { children: /* @__PURE__ */ jsx(ToastList, {}) }) })]
+	});
+}
+Toast.createToastManager;
+Toast.useToastManager;
+export { Toast$1 as Toast, ToastAction, ToastClose, ToastContent, ToastDescription, ToastPortal, ToastProvider, ToastTitle, ToastViewport, Toaster, toast };

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

@@ -0,0 +1,5 @@
+import { Tooltip } from "@base-ui/react/tooltip";
+declare function Tooltip$1({ ...props }: Tooltip.Root.Props): import("react").JSX.Element;
+declare function TooltipTrigger({ ...props }: Tooltip.Trigger.Props): import("react").JSX.Element;
+declare function TooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: Tooltip.Popup.Props & Pick<Tooltip.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): import("react").JSX.Element;
+export { Tooltip$1 as Tooltip, TooltipContent, TooltipTrigger };

package/dist/vendor/shadcn/tooltip.mjs

@@ -0,0 +1,33 @@
+"use client";
+import { cn } from "cn";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tooltip } from "@base-ui/react/tooltip";
+// src/vendor/shadcn/tooltip.tsx
+function Tooltip$1({ ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Root, {
+		"data-slot": "tooltip",
+		...props
+	});
+}
+function TooltipTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...props
+	});
+}
+function TooltipContent({ className, side = "top", sideOffset = 4, align = "center", alignOffset = 0, children, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
+		align,
+		alignOffset,
+		side,
+		sideOffset,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ jsxs(Tooltip.Popup, {
+			"data-slot": "tooltip-content",
+			className: cn("z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+			...props,
+			children: [children, /* @__PURE__ */ jsx(Tooltip.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })]
+		})
+	}) });
+}
+export { Tooltip$1 as Tooltip, TooltipContent, TooltipTrigger };

package/dist/vendor.css

@@ -0,0 +1 @@
+/* Temporary landing spot for CSS added by the shadcn CLI; move it to the proper location afterward. */

package/dist/widgets/breadcrumb.d.mts

@@ -0,0 +1,17 @@
+import { Breadcrumb as Breadcrumb$1, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "../vendor/shadcn/breadcrumb.mjs";
+import React from "react";
+type ASTProps = Omit<React.ComponentProps<typeof Breadcrumb$1>, "children"> & {
+  children: React.ReactElement | React.ReactElement[];
+};
+declare function BreadcrumbAST({ children, ...props }: ASTProps): React.JSX.Element;
+export declare const Breadcrumb: typeof Breadcrumb$1 & {
+  AST: typeof BreadcrumbAST;
+  Root: typeof Breadcrumb$1;
+  List: typeof BreadcrumbList;
+  Item: typeof BreadcrumbItem;
+  Separator: typeof BreadcrumbSeparator;
+  Link: typeof BreadcrumbLink;
+  Ellipsis: typeof BreadcrumbEllipsis;
+  Page: typeof BreadcrumbPage;
+};
+export {};

package/dist/widgets/breadcrumb.mjs

@@ -0,0 +1,22 @@
+import { Breadcrumb as Breadcrumb$1, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "../vendor/shadcn/breadcrumb.mjs";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { castArray } from "radashi";
+// src/widgets/breadcrumb.tsx
+function BreadcrumbAST({ children, ...props }) {
+	return /* @__PURE__ */ jsx(Breadcrumb, {
+		...props,
+		children: /* @__PURE__ */ jsx(Breadcrumb.List, { children: castArray(children).map((item, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [index > 0 && /* @__PURE__ */ jsx(Breadcrumb.Separator, {}), /* @__PURE__ */ jsx(Breadcrumb.Item, { children: item })] }, item.key ?? index)) })
+	});
+}
+const Breadcrumb = Object.assign(Breadcrumb$1, {
+	AST: BreadcrumbAST,
+	Root: Breadcrumb$1,
+	List: BreadcrumbList,
+	Item: BreadcrumbItem,
+	Separator: BreadcrumbSeparator,
+	Link: BreadcrumbLink,
+	Ellipsis: BreadcrumbEllipsis,
+	Page: BreadcrumbPage
+});
+export { Breadcrumb };

package/dist/widgets/datetime-picker.d.mts

@@ -0,0 +1,25 @@
+import { Button } from "../vendor/shadcn/button.mjs";
+import { Input } from "../vendor/shadcn/input.mjs";
+import { Calendar } from "../vendor/shadcn/calendar.mjs";
+import { ComponentProps } from "react";
+import { DateRange } from "@daypicker/react";
+type PickerProps<T> = Omit<ComponentProps<typeof Button>, "children" | "render" | "value" | "defaultValue" | "onChange"> & {
+  value?: T | null;
+  defaultValue?: T | null;
+  onChange?: (value: T | null) => void;
+  placeholder?: string;
+};
+type DatePickerProps = PickerProps<Date> & {
+  calendarProps?: Omit<Extract<ComponentProps<typeof Calendar>, {
+    mode: "single";
+  }>, "mode" | "required" | "selected" | "onSelect">;
+};
+type DateRangePickerProps = PickerProps<DateRange> & {
+  calendarProps?: Omit<Extract<ComponentProps<typeof Calendar>, {
+    mode: "range";
+  }>, "mode" | "required" | "selected" | "onSelect">;
+};
+export declare function TimePicker({ className, step, ...props }: Omit<ComponentProps<typeof Input>, "type">): import("react").JSX.Element;
+export declare function DatePicker({ value, defaultValue, placeholder, disabled, onChange, className, calendarProps, ...props }: DatePickerProps): import("react").JSX.Element;
+export declare function DateRangePicker({ value, defaultValue, placeholder, disabled, onChange, className, calendarProps, ...props }: DateRangePickerProps): import("react").JSX.Element;
+export type { DateRange };

package/dist/widgets/datetime-picker.mjs

@@ -0,0 +1,75 @@
+import { Button } from "../vendor/shadcn/button.mjs";
+import { Input } from "../vendor/shadcn/input.mjs";
+import { Popover, PopoverContent, PopoverTrigger } from "../vendor/shadcn/popover.mjs";
+import { Calendar } from "../vendor/shadcn/calendar.mjs";
+import { cn } from "cn";
+import { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { CalendarIcon } from "lucide-react";
+import { format } from "date-fns";
+// src/widgets/datetime-picker.tsx
+function TimePicker({ className, step = "1", ...props }) {
+	return /* @__PURE__ */ jsx(Input, {
+		...props,
+		type: "time",
+		step,
+		className: cn("bg-background appearance-none [&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none", className)
+	});
+}
+function DatePicker({ value, defaultValue = null, placeholder = "请选择日期", disabled, onChange, className, calendarProps, ...props }) {
+	const [internalValue, setInternalValue] = useState(defaultValue);
+	const date = value === void 0 ? internalValue : value;
+	function handleSelect(selected) {
+		const nextValue = selected ?? null;
+		if (value === void 0) setInternalValue(nextValue);
+		onChange?.(nextValue);
+	}
+	return /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsxs(PopoverTrigger, {
+		disabled,
+		render: /* @__PURE__ */ jsx(Button, {
+			variant: "outline",
+			...props,
+			disabled,
+			className: cn("w-full justify-start", className)
+		}),
+		children: [/* @__PURE__ */ jsx(CalendarIcon, { "aria-hidden": "true" }), date ? format(date, "PPP") : placeholder]
+	}), /* @__PURE__ */ jsx(PopoverContent, { children: /* @__PURE__ */ jsx(Calendar, {
+		defaultMonth: date ?? void 0,
+		...calendarProps,
+		disabled: disabled || calendarProps?.disabled,
+		onSelect: handleSelect,
+		selected: date ?? void 0,
+		mode: "single"
+	}) })] });
+}
+function DateRangePicker({ value, defaultValue = null, placeholder = "请选择日期范围", disabled, onChange, className, calendarProps, ...props }) {
+	const [internalValue, setInternalValue] = useState(defaultValue);
+	const date = value === void 0 ? internalValue : value;
+	function handleSelect(selected) {
+		const nextValue = selected ?? null;
+		if (value === void 0) setInternalValue(nextValue);
+		onChange?.(nextValue);
+	}
+	return /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsxs(PopoverTrigger, {
+		disabled,
+		render: /* @__PURE__ */ jsx(Button, {
+			variant: "outline",
+			...props,
+			disabled,
+			className: cn("w-full justify-start", className)
+		}),
+		children: [
+			/* @__PURE__ */ jsx(CalendarIcon, { "aria-hidden": "true" }),
+			!date?.from ? /* @__PURE__ */ jsx("span", { children: placeholder }) : /* @__PURE__ */ jsx(Fragment, { children: format(date.from, "LLL dd, y") }),
+			date?.to && /* @__PURE__ */ jsxs(Fragment, { children: [" - ", format(date.to, "LLL dd, y")] })
+		]
+	}), /* @__PURE__ */ jsx(PopoverContent, { children: /* @__PURE__ */ jsx(Calendar, {
+		defaultMonth: date?.from,
+		...calendarProps,
+		disabled: disabled || calendarProps?.disabled,
+		onSelect: handleSelect,
+		selected: date ?? void 0,
+		mode: "range"
+	}) })] });
+}
+export { DatePicker, DateRangePicker, TimePicker };

package/dist/widgets/image-display.d.mts

@@ -0,0 +1,12 @@
+import { Carousel as Carousel$1, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "../vendor/shadcn/carousel.mjs";
+declare function CarouselAST(props: React.ComponentProps<typeof CarouselContent>): import("react").JSX.Element;
+export declare const Carousel: typeof Carousel$1 & {
+  AST: typeof CarouselAST;
+  Root: typeof Carousel$1;
+  Content: typeof CarouselContent;
+  Previous: typeof CarouselPrevious;
+  Next: typeof CarouselNext;
+  Item: typeof CarouselItem;
+};
+export declare function FadeImage(props: React.ImgHTMLAttributes<HTMLImageElement>): import("react").JSX.Element;
+export {};

package/dist/widgets/image-display.mjs

@@ -0,0 +1,29 @@
+import { Carousel as Carousel$1, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "../vendor/shadcn/carousel.mjs";
+import { cn } from "cn";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/widgets/image-display.tsx
+function CarouselAST(props) {
+	return /* @__PURE__ */ jsxs(Carousel, { children: [
+		/* @__PURE__ */ jsx(Carousel.Content, { ...props }),
+		/* @__PURE__ */ jsx(Carousel.Previous, {}),
+		/* @__PURE__ */ jsx(Carousel.Next, {})
+	] });
+}
+const Carousel = Object.assign(Carousel$1, {
+	AST: CarouselAST,
+	Root: Carousel$1,
+	Content: CarouselContent,
+	Previous: CarouselPrevious,
+	Next: CarouselNext,
+	Item: CarouselItem
+});
+function FadeImage(props) {
+	const [loaded, setLoaded] = useState(false);
+	return /* @__PURE__ */ jsx("img", {
+		...props,
+		onLoad: (event) => (setLoaded(true), props.onLoad?.(event)),
+		className: cn("object-cover transition-opacity duration-300", loaded ? "opacity-100" : "opacity-0", props.className)
+	});
+}
+export { Carousel, FadeImage };

package/dist/widgets/index.d.mts

@@ -0,0 +1,186 @@
+import { Button } from "../vendor/shadcn/button.mjs";
+import { AlertDialog as AlertDialog$1, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPrimitive, AlertDialogTitle, AlertDialogTrigger } from "../vendor/shadcn/alert-dialog.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, ComboboxPrimitive, ComboboxValue } from "../vendor/shadcn/combobox.mjs";
+import { Dialog as Dialog$1, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPrimitive, DialogTitle, DialogTrigger } from "../vendor/shadcn/dialog.mjs";
+import { Drawer as Drawer$1, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerPrimitive, DrawerTitle, DrawerTrigger } from "../vendor/shadcn/drawer.mjs";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "../vendor/shadcn/dropdown-menu.mjs";
+import { Empty as Empty$1, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "../vendor/shadcn/empty.mjs";
+import { Label } from "../vendor/shadcn/label.mjs";
+import { Field as Field$1, FieldDescription, FieldError, FieldLabel } from "../vendor/shadcn/field.mjs";
+import { InputGroup as InputGroup$1, InputGroupAddon, 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";
+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, TooltipTrigger } from "../vendor/shadcn/tooltip.mjs";
+import { Toaster, toast } from "../vendor/shadcn/toast.mjs";
+import "./toast.mjs";
+import { Input } from "../vendor/shadcn/input.mjs";
+import { Separator } from "../vendor/shadcn/separator.mjs";
+import { useSidebar } from "../vendor/shadcn/sidebar.mjs";
+import { Sidebar } from "./sidebar.mjs";
+import { Breadcrumb } from "./breadcrumb.mjs";
+import { Pagination } from "./pagination.mjs";
+import { Carousel, FadeImage } from "./image-display.mjs";
+import { DatePicker, DateRange, DateRangePicker, TimePicker } from "./datetime-picker.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 { Textarea } from "../vendor/shadcn/textarea.mjs";
+import { ScrollArea } from "../vendor/coss/scroll-area.mjs";
+export declare const Kbd: typeof Kbd$1 & {
+  Root: typeof Kbd$1;
+  Group: typeof KbdGroup;
+};
+export declare const Tabs: typeof Tabs$1 & {
+  Root: typeof Tabs$1;
+  List: typeof TabsList;
+  Trigger: typeof TabsTrigger;
+  Content: typeof TabsContent;
+};
+export declare const Card: typeof Card$1 & {
+  Root: typeof Card$1;
+  Header: typeof CardHeader;
+  Content: typeof CardContent;
+  Footer: typeof CardFooter;
+  Title: typeof CardTitle;
+  Action: typeof CardAction;
+  Description: typeof CardDescription;
+};
+export declare const Field: typeof Field$1 & {
+  Root: typeof Field$1;
+  Label: typeof FieldLabel;
+  Description: typeof FieldDescription;
+  Error: typeof FieldError;
+};
+export declare const Empty: typeof Empty$1 & {
+  Root: typeof Empty$1;
+  Header: typeof EmptyHeader;
+  Content: typeof EmptyContent;
+  Media: typeof EmptyMedia;
+  Title: typeof EmptyTitle;
+  Description: typeof EmptyDescription;
+};
+export declare const Table: typeof Table$1 & {
+  Root: typeof Table$1;
+  Header: typeof TableHeader;
+  Body: typeof TableBody;
+  Footer: typeof TableFooter;
+  Row: typeof TableRow;
+  Head: typeof TableHead;
+  Cell: typeof TableCell;
+};
+export declare const Radio: typeof RadioGroupItem & {
+  Root: typeof RadioGroupItem;
+  Group: typeof RadioGroup;
+};
+export declare const Select: typeof import("@base-ui/react").SelectRoot & {
+  Root: typeof import("@base-ui/react").SelectRoot;
+  Trigger: typeof SelectTrigger;
+  Value: typeof SelectValue;
+  Content: typeof SelectContent;
+  Separator: typeof SelectSeparator;
+  Group: typeof SelectGroup;
+  Label: typeof SelectLabel;
+  Item: typeof SelectItem;
+};
+export declare const Drawer: typeof Drawer$1 & {
+  Root: typeof Drawer$1;
+  Trigger: typeof DrawerTrigger;
+  Close: typeof DrawerClose;
+  Content: typeof DrawerContent;
+  Header: typeof DrawerHeader;
+  Footer: typeof DrawerFooter;
+  Title: typeof DrawerTitle;
+  Description: typeof DrawerDescription;
+  Handle: typeof DrawerPrimitive.Handle;
+  createHandle: typeof DrawerPrimitive.createHandle;
+};
+export declare const Dialog: typeof Dialog$1 & {
+  Root: typeof Dialog$1;
+  Trigger: typeof DialogTrigger;
+  Close: typeof DialogClose;
+  Content: typeof DialogContent;
+  Header: typeof DialogHeader;
+  Footer: typeof DialogFooter;
+  Title: typeof DialogTitle;
+  Description: typeof DialogDescription;
+  Handle: typeof DialogPrimitive.Handle;
+  createHandle: typeof DialogPrimitive.createHandle;
+};
+export declare const Tooltip: typeof Tooltip$1 & {
+  Root: typeof Tooltip$1;
+  Trigger: typeof TooltipTrigger;
+  Content: typeof TooltipContent;
+};
+export declare const Popover: typeof Popover$1 & {
+  Root: typeof Popover$1;
+  Trigger: typeof PopoverTrigger;
+  Content: typeof PopoverContent;
+  Title: typeof PopoverTitle;
+  Description: typeof PopoverDescription;
+};
+export declare const Dropdown: typeof DropdownMenu & {
+  Root: typeof DropdownMenu;
+  Trigger: typeof DropdownMenuTrigger;
+  Content: typeof DropdownMenuContent;
+  Sub: typeof DropdownMenuSub;
+  SubTrigger: typeof DropdownMenuSubTrigger;
+  SubContent: typeof DropdownMenuSubContent;
+  Group: typeof DropdownMenuGroup;
+  GroupLabel: typeof DropdownMenuLabel;
+  Separator: typeof DropdownMenuSeparator;
+  Item: typeof DropdownMenuItem;
+  Shortcut: typeof DropdownMenuShortcut;
+  RadioItem: typeof DropdownMenuRadioItem;
+  RadioGroup: typeof DropdownMenuRadioGroup;
+  CheckboxItem: typeof DropdownMenuCheckboxItem;
+};
+export declare const Progress: typeof Progress$1 & {
+  Root: typeof Progress$1;
+  Label: typeof ProgressLabel;
+  Value: typeof ProgressValue;
+  Track: typeof ProgressTrack;
+  Indicator: typeof ProgressIndicator;
+};
+export declare const AlertDialog: typeof AlertDialog$1 & {
+  Root: typeof AlertDialog$1;
+  Trigger: typeof AlertDialogTrigger;
+  Close: typeof AlertDialogCancel;
+  Content: typeof AlertDialogContent;
+  Header: typeof AlertDialogHeader;
+  Footer: typeof AlertDialogFooter;
+  Title: typeof AlertDialogTitle;
+  Description: typeof AlertDialogDescription;
+  Handle: typeof AlertDialogPrimitive.Handle;
+  createHandle: typeof AlertDialogPrimitive.createHandle;
+};
+export declare const InputGroup: typeof InputGroup$1 & {
+  Root: typeof InputGroup$1;
+  Addon: typeof InputGroupAddon;
+  AddonText: typeof InputGroupText;
+  Input: typeof InputGroupInput;
+  Textarea: typeof InputGroupTextarea;
+};
+export declare const Combobox: typeof ComboboxPrimitive.Root & {
+  Root: typeof ComboboxPrimitive.Root;
+  Content: typeof ComboboxContent;
+  Empty: typeof ComboboxEmpty;
+  List: typeof ComboboxList;
+  Input: typeof ComboboxInput;
+  ChipsInput: typeof ComboboxChipsInput;
+  Chips: typeof ComboboxChips;
+  Value: typeof ComboboxValue;
+  Chip: typeof ComboboxChip;
+  Group: typeof ComboboxGroup;
+  GroupLabel: typeof ComboboxLabel;
+  GroupCollection: typeof ComboboxCollection;
+  Item: typeof ComboboxItem;
+  createItems: typeof ComboboxPrimitive.createItems;
+};
+export { Badge, Breadcrumb, Button, Carousel, DatePicker, type DateRange, DateRangePicker, FadeImage, Form, Input, Label, Pagination, ScrollArea, Separator, Sidebar, Spinner, Switch, Textarea, TimePicker, Toaster as ToastProvider, toast, useSidebar };