@bison-lab/ui 0.1.0

package/dist/index.mjs

@@ -0,0 +1,2401 @@
+"use client";
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+import * as React from "react";
+import { defaultFontWeights, densityPresets, deriveDarkPalette, deriveLightPalette, motionPresets, radiusPresets, shadowPresets } from "@bison-lab/tokens";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Accordion as Accordion$1, AlertDialog as AlertDialog$1, AspectRatio as AspectRatio$1, Avatar as Avatar$1, Checkbox as Checkbox$1, ContextMenu as ContextMenu$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, Label as Label$1, NavigationMenu as NavigationMenu$1, Popover as Popover$1, Progress as Progress$1, RadioGroup as RadioGroup$1, ScrollArea as ScrollArea$1, Select as Select$1, Separator as Separator$1, Slider as Slider$1, Slot, Switch as Switch$1, Tabs as Tabs$1, Tooltip as Tooltip$1 } from "radix-ui";
+import { cva } from "class-variance-authority";
+import { ArrowLeft, Camera, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle, FileQuestion, Inbox, Loader2, Mail, Menu, MoreHorizontal, Search, ServerCrash, Wrench, X } from "lucide-react";
+import { Toaster as Toaster$1, toast } from "sonner";
+import { Command as Command$1 } from "cmdk";
+//#region src/lib/utils.ts
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+//#endregion
+//#region src/providers/theme-provider.tsx
+const ThemeProviderContext = React.createContext(void 0);
+function ThemeProvider({ children, defaultTheme = "system", storageKey = "bison-theme", attribute = "class", ...props }) {
+	const [theme, setTheme] = React.useState(defaultTheme);
+	React.useEffect(() => {
+		const stored = localStorage.getItem(storageKey);
+		if (stored) setTheme(stored);
+	}, [storageKey]);
+	React.useEffect(() => {
+		const root = window.document.documentElement;
+		root.classList.remove("light", "dark");
+		if (theme === "system") {
+			const systemTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+			root.classList.add(systemTheme);
+		} else root.classList.add(theme);
+	}, [theme, attribute]);
+	const value = React.useMemo(() => ({
+		theme,
+		setTheme: (newTheme) => {
+			localStorage.setItem(storageKey, newTheme);
+			setTheme(newTheme);
+		}
+	}), [theme, storageKey]);
+	return /* @__PURE__ */ jsx(ThemeProviderContext.Provider, {
+		...props,
+		value,
+		children
+	});
+}
+function useTheme() {
+	const context = React.useContext(ThemeProviderContext);
+	if (!context) throw new Error("useTheme must be used within a ThemeProvider");
+	return context;
+}
+//#endregion
+//#region src/providers/density-provider.tsx
+const DensityContext = React.createContext("default");
+const densityClasses = {
+	compact: "bison-density-compact",
+	default: "bison-density-default",
+	spacious: "bison-density-spacious"
+};
+function DensityProvider({ children, density = "default" }) {
+	return /* @__PURE__ */ jsx(DensityContext.Provider, {
+		value: density,
+		children: /* @__PURE__ */ jsx("div", {
+			className: densityClasses[density],
+			children
+		})
+	});
+}
+function useDensity() {
+	return React.useContext(DensityContext);
+}
+//#endregion
+//#region src/providers/bison-provider.tsx
+function buildGoogleFontsUrl(fonts) {
+	return `https://fonts.googleapis.com/css2?${fonts.map((font) => {
+		const sortedWeights = [...font.weights ?? [
+			400,
+			500,
+			600,
+			700
+		]].sort((a, b) => a - b);
+		if (font.italic) {
+			const ital = sortedWeights.flatMap((w) => [`0,${w}`, `1,${w}`]).join(";");
+			return `family=${font.family.replace(/ /g, "+")}:ital,wght@${ital}`;
+		}
+		return `family=${font.family.replace(/ /g, "+")}:wght@${sortedWeights.join(";")}`;
+	}).join("&")}&display=swap`;
+}
+function fontFamilyValue(font, fallback) {
+	return `"${font.family}", ${fallback}`;
+}
+function BisonProvider({ children, brandColors, radius = "rounded", shadow = "subtle", motion = "smooth", density = "default", defaultTheme = "system", storageKey = "bison-theme", bodyFont = {
+	family: "Inter",
+	weights: [
+		400,
+		500,
+		600,
+		700
+	]
+}, headingFont, monoFont = {
+	family: "JetBrains Mono",
+	weights: [
+		400,
+		500,
+		600,
+		700
+	]
+}, fontWeights = defaultFontWeights }) {
+	const resolvedHeadingFont = headingFont ?? bodyFont;
+	const lightPalette = React.useMemo(() => deriveLightPalette(brandColors), [brandColors]);
+	const darkPalette = React.useMemo(() => deriveDarkPalette(brandColors), [brandColors]);
+	const fontsUrl = React.useMemo(() => {
+		const fonts = [bodyFont];
+		if (headingFont && headingFont.family !== bodyFont.family) fonts.push(headingFont);
+		if (monoFont.family !== bodyFont.family) fonts.push(monoFont);
+		return buildGoogleFontsUrl(fonts);
+	}, [
+		bodyFont,
+		headingFont,
+		monoFont
+	]);
+	const styleContent = React.useMemo(() => {
+		const radiusVars = radiusPresets[radius];
+		const shadowVars = shadowPresets[shadow];
+		const motionVars = motionPresets[motion];
+		const densityVars = densityPresets[density];
+		const fontVars = {
+			"--font-body": fontFamilyValue(bodyFont, "ui-sans-serif, system-ui, sans-serif"),
+			"--font-heading": fontFamilyValue(resolvedHeadingFont, "ui-sans-serif, system-ui, sans-serif"),
+			"--font-mono": fontFamilyValue(monoFont, "ui-monospace, monospace"),
+			"--font-weight-normal": String(fontWeights.normal),
+			"--font-weight-medium": String(fontWeights.medium),
+			"--font-weight-semibold": String(fontWeights.semibold),
+			"--font-weight-bold": String(fontWeights.bold)
+		};
+		const lightColorVars = Object.entries(lightPalette).map(([key, value]) => `  --${key}: ${value};`).join("\n");
+		const darkColorVars = Object.entries(darkPalette).map(([key, value]) => `  --${key}: ${value};`).join("\n");
+		return `:root {\n${lightColorVars}\n${[
+			...Object.entries(radiusVars),
+			...Object.entries(shadowVars),
+			...Object.entries(motionVars),
+			...Object.entries(densityVars),
+			...Object.entries(fontVars)
+		].map(([key, value]) => `  ${key}: ${value};`).join("\n")}\n  font-family: var(--font-body);\n}\n\n.dark {\n${darkColorVars}\n}`;
+	}, [
+		radius,
+		shadow,
+		motion,
+		density,
+		bodyFont,
+		resolvedHeadingFont,
+		monoFont,
+		fontWeights,
+		lightPalette,
+		darkPalette
+	]);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("link", {
+			rel: "preconnect",
+			href: "https://fonts.googleapis.com"
+		}),
+		/* @__PURE__ */ jsx("link", {
+			rel: "preconnect",
+			href: "https://fonts.gstatic.com",
+			crossOrigin: "anonymous"
+		}),
+		/* @__PURE__ */ jsx("link", {
+			rel: "stylesheet",
+			href: fontsUrl
+		}),
+		/* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: styleContent } }),
+		/* @__PURE__ */ jsx(ThemeProvider, {
+			defaultTheme,
+			storageKey,
+			children: /* @__PURE__ */ jsx(DensityProvider, {
+				density,
+				children
+			})
+		})
+	] });
+}
+//#endregion
+//#region src/form/form.tsx
+const FormContext = React.createContext(void 0);
+function useFormContext() {
+	return React.useContext(FormContext);
+}
+const Form = React.forwardRef(({ onSubmit, schema, formMode = "native", children, className, ...props }, ref) => {
+	const [errors, setErrors] = React.useState({});
+	const [touched, setTouched] = React.useState({});
+	const [isSubmitting, setIsSubmitting] = React.useState(false);
+	const setFieldError = React.useCallback((name, error) => {
+		setErrors((prev) => ({
+			...prev,
+			[name]: error
+		}));
+	}, []);
+	const clearFieldError = React.useCallback((name) => {
+		setErrors((prev) => {
+			const next = { ...prev };
+			delete next[name];
+			return next;
+		});
+	}, []);
+	const setFieldTouched = React.useCallback((name) => {
+		setTouched((prev) => ({
+			...prev,
+			[name]: true
+		}));
+	}, []);
+	const handleSubmit = React.useCallback(async (e) => {
+		e.preventDefault();
+		setIsSubmitting(true);
+		setErrors({});
+		const formData = new FormData(e.currentTarget);
+		const data = Object.fromEntries(formData.entries());
+		if (schema) try {
+			schema.parse(data);
+		} catch (err) {
+			const zodError = err;
+			const fieldErrors = {};
+			for (const issue of zodError.issues) {
+				const path = issue.path.join(".");
+				if (!fieldErrors[path]) fieldErrors[path] = issue.message;
+			}
+			setErrors(fieldErrors);
+			setIsSubmitting(false);
+			return;
+		}
+		try {
+			await onSubmit?.(data);
+		} finally {
+			setIsSubmitting(false);
+		}
+	}, [onSubmit, schema]);
+	const contextValue = React.useMemo(() => ({
+		errors,
+		touched,
+		setFieldError,
+		clearFieldError,
+		setFieldTouched,
+		isSubmitting,
+		formMode
+	}), [
+		errors,
+		touched,
+		setFieldError,
+		clearFieldError,
+		setFieldTouched,
+		isSubmitting,
+		formMode
+	]);
+	return /* @__PURE__ */ jsx(FormContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx("form", {
+			ref,
+			onSubmit: handleSubmit,
+			className,
+			...props,
+			children
+		})
+	});
+});
+Form.displayName = "Form";
+//#endregion
+//#region src/form/form-field.tsx
+function FormField({ name, label, description, required, className, children }) {
+	const error = useFormContext()?.errors[name];
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("space-y-2", className),
+		children: [
+			label && /* @__PURE__ */ jsxs("label", {
+				htmlFor: name,
+				className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+				children: [label, required && /* @__PURE__ */ jsx("span", {
+					className: "text-destructive ml-1",
+					children: "*"
+				})]
+			}),
+			children,
+			description && !error && /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-muted-foreground",
+				children: description
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-destructive",
+				children: error
+			})
+		]
+	});
+}
+//#endregion
+//#region src/form/form-error.tsx
+function FormError({ message, className }) {
+	if (!message) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("rounded-md border border-destructive/50 bg-destructive/10 px-4 py-3 text-sm text-destructive", className),
+		role: "alert",
+		children: message
+	});
+}
+//#endregion
+//#region src/components/button.tsx
+const buttonVariants = cva("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors duration-fast ease-default focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/90",
+			destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+			outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+			ghost: "hover:bg-accent hover:text-accent-foreground",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			sm: "h-[var(--density-height-sm)] px-3 text-xs rounded-sm",
+			md: "h-[var(--density-height-md)] px-4 py-2",
+			lg: "h-[var(--density-height-lg)] px-8 text-base rounded-lg",
+			icon: "h-[var(--density-height-md)] w-[var(--density-height-md)]"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "md"
+	}
+});
+const Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(asChild ? Slot.Slot : "button", {
+		className: cn(buttonVariants({
+			variant,
+			size,
+			className
+		})),
+		ref,
+		...props
+	});
+});
+Button.displayName = "Button";
+//#endregion
+//#region src/components/input.tsx
+const Input = React.forwardRef(({ className, type, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("input", {
+		type,
+		className: cn("flex h-[var(--density-height-md)] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className),
+		ref,
+		...props
+	});
+});
+Input.displayName = "Input";
+//#endregion
+//#region src/components/textarea.tsx
+const Textarea = React.forwardRef(({ className, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("textarea", {
+		className: cn("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className),
+		ref,
+		...props
+	});
+});
+Textarea.displayName = "Textarea";
+//#endregion
+//#region src/components/label.tsx
+const labelVariants = cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
+const Label = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Label$1.Root, {
+	ref,
+	className: cn(labelVariants(), className),
+	...props
+}));
+Label.displayName = Label$1.Root.displayName;
+//#endregion
+//#region src/components/select.tsx
+const Select = Select$1.Root;
+const SelectGroup = Select$1.Group;
+const SelectValue = Select$1.Value;
+const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(Select$1.Trigger, {
+	ref,
+	className: cn("flex h-[var(--density-height-md)] w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", className),
+	...props,
+	children: [children, /* @__PURE__ */ jsx(Select$1.Icon, {
+		asChild: true,
+		children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 opacity-50" })
+	})]
+}));
+SelectTrigger.displayName = Select$1.Trigger.displayName;
+const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Select$1.ScrollUpButton, {
+	ref,
+	className: cn("flex cursor-default items-center justify-center py-1", className),
+	...props,
+	children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" })
+}));
+SelectScrollUpButton.displayName = Select$1.ScrollUpButton.displayName;
+const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Select$1.ScrollDownButton, {
+	ref,
+	className: cn("flex cursor-default items-center justify-center py-1", className),
+	...props,
+	children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
+}));
+SelectScrollDownButton.displayName = Select$1.ScrollDownButton.displayName;
+const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(Select$1.Portal, { children: /* @__PURE__ */ jsxs(Select$1.Content, {
+	ref,
+	className: cn("relative z-[var(--z-popover)] max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+	position,
+	...props,
+	children: [
+		/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+		/* @__PURE__ */ jsx(Select$1.Viewport, {
+			className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
+			children
+		}),
+		/* @__PURE__ */ jsx(SelectScrollDownButton, {})
+	]
+}) }));
+SelectContent.displayName = Select$1.Content.displayName;
+const SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Select$1.Label, {
+	ref,
+	className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
+	...props
+}));
+SelectLabel.displayName = Select$1.Label.displayName;
+const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(Select$1.Item, {
+	ref,
+	className: cn("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
+	...props,
+	children: [/* @__PURE__ */ jsx("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ jsx(Select$1.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) })
+	}), /* @__PURE__ */ jsx(Select$1.ItemText, { children })]
+}));
+SelectItem.displayName = Select$1.Item.displayName;
+const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Select$1.Separator, {
+	ref,
+	className: cn("-mx-1 my-1 h-px bg-muted", className),
+	...props
+}));
+SelectSeparator.displayName = Select$1.Separator.displayName;
+//#endregion
+//#region src/components/checkbox.tsx
+const Checkbox = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Checkbox$1.Root, {
+	ref,
+	className: cn("peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground", className),
+	...props,
+	children: /* @__PURE__ */ jsx(Checkbox$1.Indicator, {
+		className: cn("flex items-center justify-center text-current"),
+		children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" })
+	})
+}));
+Checkbox.displayName = Checkbox$1.Root.displayName;
+//#endregion
+//#region src/components/radio-group.tsx
+const RadioGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadioGroup$1.Root, {
+	className: cn("grid gap-2", className),
+	...props,
+	ref
+}));
+RadioGroup.displayName = RadioGroup$1.Root.displayName;
+const RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadioGroup$1.Item, {
+	ref,
+	className: cn("aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className),
+	...props,
+	children: /* @__PURE__ */ jsx(RadioGroup$1.Indicator, {
+		className: "flex items-center justify-center",
+		children: /* @__PURE__ */ jsx(Circle, { className: "h-2.5 w-2.5 fill-current text-current" })
+	})
+}));
+RadioGroupItem.displayName = RadioGroup$1.Item.displayName;
+//#endregion
+//#region src/components/switch.tsx
+const Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Switch$1.Root, {
+	className: cn("peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors duration-fast ease-default focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", className),
+	...props,
+	ref,
+	children: /* @__PURE__ */ jsx(Switch$1.Thumb, { className: cn("pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform duration-fast ease-default data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0") })
+}));
+Switch.displayName = Switch$1.Root.displayName;
+//#endregion
+//#region src/components/slider.tsx
+const Slider = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(Slider$1.Root, {
+	ref,
+	className: cn("relative flex w-full touch-none select-none items-center", className),
+	...props,
+	children: [/* @__PURE__ */ jsx(Slider$1.Track, {
+		className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary",
+		children: /* @__PURE__ */ jsx(Slider$1.Range, { className: "absolute h-full bg-primary" })
+	}), /* @__PURE__ */ jsx(Slider$1.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })]
+}));
+Slider.displayName = Slider$1.Root.displayName;
+//#endregion
+//#region src/components/card.tsx
+const Card = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className),
+	...props
+}));
+Card.displayName = "Card";
+const CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex flex-col space-y-1.5 p-[var(--density-padding-xl)]", className),
+	...props
+}));
+CardHeader.displayName = "CardHeader";
+const CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("h3", {
+	ref,
+	className: cn("text-2xl font-semibold leading-none tracking-tight", className),
+	...props
+}));
+CardTitle.displayName = "CardTitle";
+const CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", {
+	ref,
+	className: cn("text-sm text-muted-foreground", className),
+	...props
+}));
+CardDescription.displayName = "CardDescription";
+const CardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("p-[var(--density-padding-xl)] pt-0", className),
+	...props
+}));
+CardContent.displayName = "CardContent";
+const CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex items-center p-[var(--density-padding-xl)] pt-0", className),
+	...props
+}));
+CardFooter.displayName = "CardFooter";
+//#endregion
+//#region src/components/badge.tsx
+const badgeVariants = cva("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
+	variants: { variant: {
+		default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+		secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+		destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+		outline: "text-foreground"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Badge({ className, variant, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(badgeVariants({ variant }), className),
+		...props
+	});
+}
+//#endregion
+//#region src/components/avatar.tsx
+const Avatar = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Avatar$1.Root, {
+	ref,
+	className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className),
+	...props
+}));
+Avatar.displayName = Avatar$1.Root.displayName;
+const AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Avatar$1.Image, {
+	ref,
+	className: cn("aspect-square h-full w-full", className),
+	...props
+}));
+AvatarImage.displayName = Avatar$1.Image.displayName;
+const AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Avatar$1.Fallback, {
+	ref,
+	className: cn("flex h-full w-full items-center justify-center rounded-full bg-muted", className),
+	...props
+}));
+AvatarFallback.displayName = Avatar$1.Fallback.displayName;
+//#endregion
+//#region src/components/separator.tsx
+const Separator = React.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(Separator$1.Root, {
+	ref,
+	decorative,
+	orientation,
+	className: cn("shrink-0 bg-border", orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", className),
+	...props
+}));
+Separator.displayName = Separator$1.Root.displayName;
+//#endregion
+//#region src/components/dialog.tsx
+const Dialog = Dialog$1.Root;
+const DialogTrigger = Dialog$1.Trigger;
+const DialogPortal = Dialog$1.Portal;
+const DialogClose = Dialog$1.Close;
+const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Dialog$1.Overlay, {
+	ref,
+	className: cn("fixed inset-0 z-[var(--z-modal-backdrop)] bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className),
+	...props
+}));
+DialogOverlay.displayName = Dialog$1.Overlay.displayName;
+const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(Dialog$1.Content, {
+	ref,
+	className: cn("fixed left-[50%] top-[50%] z-[var(--z-modal)] grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-normal data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-lg", className),
+	...props,
+	children: [children, /* @__PURE__ */ jsxs(Dialog$1.Close, {
+		className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
+		children: [/* @__PURE__ */ jsx(X, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "Close"
+		})]
+	})]
+})] }));
+DialogContent.displayName = Dialog$1.Content.displayName;
+const DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className),
+	...props
+});
+DialogHeader.displayName = "DialogHeader";
+const DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
+	...props
+});
+DialogFooter.displayName = "DialogFooter";
+const DialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Dialog$1.Title, {
+	ref,
+	className: cn("text-lg font-semibold leading-none tracking-tight", className),
+	...props
+}));
+DialogTitle.displayName = Dialog$1.Title.displayName;
+const DialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Dialog$1.Description, {
+	ref,
+	className: cn("text-sm text-muted-foreground", className),
+	...props
+}));
+DialogDescription.displayName = Dialog$1.Description.displayName;
+//#endregion
+//#region src/components/alert-dialog.tsx
+const AlertDialog = AlertDialog$1.Root;
+const AlertDialogTrigger = AlertDialog$1.Trigger;
+const AlertDialogPortal = AlertDialog$1.Portal;
+const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialog$1.Overlay, {
+	className: cn("fixed inset-0 z-[var(--z-modal-backdrop)] bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className),
+	...props,
+	ref
+}));
+AlertDialogOverlay.displayName = AlertDialog$1.Overlay.displayName;
+const AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [/* @__PURE__ */ jsx(AlertDialogOverlay, {}), /* @__PURE__ */ jsx(AlertDialog$1.Content, {
+	ref,
+	className: cn("fixed left-[50%] top-[50%] z-[var(--z-modal)] grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-normal data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-lg", className),
+	...props
+})] }));
+AlertDialogContent.displayName = AlertDialog$1.Content.displayName;
+const AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex flex-col space-y-2 text-center sm:text-left", className),
+	...props
+});
+const AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
+	...props
+});
+const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialog$1.Title, {
+	ref,
+	className: cn("text-lg font-semibold", className),
+	...props
+}));
+AlertDialogTitle.displayName = AlertDialog$1.Title.displayName;
+const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialog$1.Description, {
+	ref,
+	className: cn("text-sm text-muted-foreground", className),
+	...props
+}));
+AlertDialogDescription.displayName = AlertDialog$1.Description.displayName;
+const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialog$1.Action, {
+	ref,
+	className: cn(buttonVariants(), className),
+	...props
+}));
+AlertDialogAction.displayName = AlertDialog$1.Action.displayName;
+const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialog$1.Cancel, {
+	ref,
+	className: cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className),
+	...props
+}));
+AlertDialogCancel.displayName = AlertDialog$1.Cancel.displayName;
+//#endregion
+//#region src/components/sheet.tsx
+const Sheet = Dialog$1.Root;
+const SheetTrigger = Dialog$1.Trigger;
+const SheetClose = Dialog$1.Close;
+const SheetPortal = Dialog$1.Portal;
+const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Dialog$1.Overlay, {
+	className: cn("fixed inset-0 z-[var(--z-modal-backdrop)] bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className),
+	...props,
+	ref
+}));
+SheetOverlay.displayName = Dialog$1.Overlay.displayName;
+const sheetVariants = cva("fixed z-[var(--z-modal)] gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-slow data-[state=open]:duration-normal", {
+	variants: { side: {
+		top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+		bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+		left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+		right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+	} },
+	defaultVariants: { side: "right" }
+});
+const SheetContent = React.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [/* @__PURE__ */ jsx(SheetOverlay, {}), /* @__PURE__ */ jsxs(Dialog$1.Content, {
+	ref,
+	className: cn(sheetVariants({ side }), className),
+	...props,
+	children: [children, /* @__PURE__ */ jsxs(Dialog$1.Close, {
+		className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary",
+		children: [/* @__PURE__ */ jsx(X, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "Close"
+		})]
+	})]
+})] }));
+SheetContent.displayName = Dialog$1.Content.displayName;
+const SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex flex-col space-y-2 text-center sm:text-left", className),
+	...props
+});
+const SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
+	...props
+});
+const SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Dialog$1.Title, {
+	ref,
+	className: cn("text-lg font-semibold text-foreground", className),
+	...props
+}));
+SheetTitle.displayName = Dialog$1.Title.displayName;
+const SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Dialog$1.Description, {
+	ref,
+	className: cn("text-sm text-muted-foreground", className),
+	...props
+}));
+SheetDescription.displayName = Dialog$1.Description.displayName;
+//#endregion
+//#region src/components/popover.tsx
+const Popover = Popover$1.Root;
+const PopoverTrigger = Popover$1.Trigger;
+const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(Popover$1.Portal, { children: /* @__PURE__ */ jsx(Popover$1.Content, {
+	ref,
+	align,
+	sideOffset,
+	className: cn("z-[var(--z-popover)] w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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", className),
+	...props
+}) }));
+PopoverContent.displayName = Popover$1.Content.displayName;
+//#endregion
+//#region src/components/dropdown-menu.tsx
+const DropdownMenu = DropdownMenu$1.Root;
+const DropdownMenuTrigger = DropdownMenu$1.Trigger;
+const DropdownMenuGroup = DropdownMenu$1.Group;
+const DropdownMenuPortal = DropdownMenu$1.Portal;
+const DropdownMenuSub = DropdownMenu$1.Sub;
+const DropdownMenuRadioGroup = DropdownMenu$1.RadioGroup;
+const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenu$1.SubTrigger, {
+	ref,
+	className: cn("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent", inset && "pl-8", className),
+	...props,
+	children: [children, /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-4 w-4" })]
+}));
+DropdownMenuSubTrigger.displayName = DropdownMenu$1.SubTrigger.displayName;
+const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenu$1.SubContent, {
+	ref,
+	className: cn("z-[var(--z-dropdown)] min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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", className),
+	...props
+}));
+DropdownMenuSubContent.displayName = DropdownMenu$1.SubContent.displayName;
+const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenu$1.Portal, { children: /* @__PURE__ */ jsx(DropdownMenu$1.Content, {
+	ref,
+	sideOffset,
+	className: cn("z-[var(--z-dropdown)] min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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", className),
+	...props
+}) }));
+DropdownMenuContent.displayName = DropdownMenu$1.Content.displayName;
+const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenu$1.Item, {
+	ref,
+	className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className),
+	...props
+}));
+DropdownMenuItem.displayName = DropdownMenu$1.Item.displayName;
+const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenu$1.CheckboxItem, {
+	ref,
+	className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
+	checked,
+	...props,
+	children: [/* @__PURE__ */ jsx("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ jsx(DropdownMenu$1.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) })
+	}), children]
+}));
+DropdownMenuCheckboxItem.displayName = DropdownMenu$1.CheckboxItem.displayName;
+const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenu$1.RadioItem, {
+	ref,
+	className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
+	...props,
+	children: [/* @__PURE__ */ jsx("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ jsx(DropdownMenu$1.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) })
+	}), children]
+}));
+DropdownMenuRadioItem.displayName = DropdownMenu$1.RadioItem.displayName;
+const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenu$1.Label, {
+	ref,
+	className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
+	...props
+}));
+DropdownMenuLabel.displayName = DropdownMenu$1.Label.displayName;
+const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenu$1.Separator, {
+	ref,
+	className: cn("-mx-1 my-1 h-px bg-muted", className),
+	...props
+}));
+DropdownMenuSeparator.displayName = DropdownMenu$1.Separator.displayName;
+const DropdownMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx("span", {
+	className: cn("ml-auto text-xs tracking-widest opacity-60", className),
+	...props
+});
+//#endregion
+//#region src/components/tooltip.tsx
+const TooltipProvider = Tooltip$1.Provider;
+const Tooltip = Tooltip$1.Root;
+const TooltipTrigger = Tooltip$1.Trigger;
+const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(Tooltip$1.Content, {
+	ref,
+	sideOffset,
+	className: cn("z-[var(--z-tooltip)] overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-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", className),
+	...props
+}));
+TooltipContent.displayName = Tooltip$1.Content.displayName;
+//#endregion
+//#region src/components/toast.tsx
+function Toaster({ position = "bottom-right", richColors = true, closeButton = true, ...props }) {
+	return /* @__PURE__ */ jsx(Toaster$1, {
+		position,
+		richColors,
+		closeButton,
+		toastOptions: { classNames: {
+			toast: "group border-border bg-background text-foreground shadow-lg",
+			description: "text-muted-foreground",
+			actionButton: "bg-primary text-primary-foreground",
+			cancelButton: "bg-muted text-muted-foreground"
+		} },
+		...props
+	});
+}
+//#endregion
+//#region src/components/tabs.tsx
+const Tabs = Tabs$1.Root;
+const TabsList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Tabs$1.List, {
+	ref,
+	className: cn("inline-flex h-[var(--density-height-md)] items-center justify-center rounded-md bg-muted p-1 text-muted-foreground", className),
+	...props
+}));
+TabsList.displayName = Tabs$1.List.displayName;
+const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Tabs$1.Trigger, {
+	ref,
+	className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm", className),
+	...props
+}));
+TabsTrigger.displayName = Tabs$1.Trigger.displayName;
+const TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Tabs$1.Content, {
+	ref,
+	className: cn("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", className),
+	...props
+}));
+TabsContent.displayName = Tabs$1.Content.displayName;
+//#endregion
+//#region src/components/accordion.tsx
+const Accordion = Accordion$1.Root;
+const AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Accordion$1.Item, {
+	ref,
+	className: cn("border-b", className),
+	...props
+}));
+AccordionItem.displayName = "AccordionItem";
+const AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(Accordion$1.Header, {
+	className: "flex",
+	children: /* @__PURE__ */ jsxs(Accordion$1.Trigger, {
+		ref,
+		className: cn("flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-normal" })]
+	})
+}));
+AccordionTrigger.displayName = Accordion$1.Trigger.displayName;
+const AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(Accordion$1.Content, {
+	ref,
+	className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+	...props,
+	children: /* @__PURE__ */ jsx("div", {
+		className: cn("pb-4 pt-0", className),
+		children
+	})
+}));
+AccordionContent.displayName = Accordion$1.Content.displayName;
+//#endregion
+//#region src/components/table.tsx
+const Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	className: "relative w-full overflow-auto",
+	children: /* @__PURE__ */ jsx("table", {
+		ref,
+		className: cn("w-full caption-bottom text-sm", className),
+		...props
+	})
+}));
+Table.displayName = "Table";
+const TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", {
+	ref,
+	className: cn("[&_tr]:border-b", className),
+	...props
+}));
+TableHeader.displayName = "TableHeader";
+const TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tbody", {
+	ref,
+	className: cn("[&_tr:last-child]:border-0", className),
+	...props
+}));
+TableBody.displayName = "TableBody";
+const TableFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tfoot", {
+	ref,
+	className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
+	...props
+}));
+TableFooter.displayName = "TableFooter";
+const TableRow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tr", {
+	ref,
+	className: cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className),
+	...props
+}));
+TableRow.displayName = "TableRow";
+const TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("th", {
+	ref,
+	className: cn("h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0", className),
+	...props
+}));
+TableHead.displayName = "TableHead";
+const TableCell = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("td", {
+	ref,
+	className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
+	...props
+}));
+TableCell.displayName = "TableCell";
+const TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("caption", {
+	ref,
+	className: cn("mt-4 text-sm text-muted-foreground", className),
+	...props
+}));
+TableCaption.displayName = "TableCaption";
+//#endregion
+//#region src/components/progress.tsx
+const Progress = React.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(Progress$1.Root, {
+	ref,
+	className: cn("relative h-4 w-full overflow-hidden rounded-full bg-secondary", className),
+	...props,
+	children: /* @__PURE__ */ jsx(Progress$1.Indicator, {
+		className: "h-full w-full flex-1 bg-primary transition-all duration-normal ease-default",
+		style: { transform: `translateX(-${100 - (value || 0)}%)` }
+	})
+}));
+Progress.displayName = Progress$1.Root.displayName;
+//#endregion
+//#region src/components/scroll-area.tsx
+const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(ScrollArea$1.Root, {
+	ref,
+	className: cn("relative overflow-hidden", className),
+	...props,
+	children: [
+		/* @__PURE__ */ jsx(ScrollArea$1.Viewport, {
+			className: "h-full w-full rounded-[inherit]",
+			children
+		}),
+		/* @__PURE__ */ jsx(ScrollBar, {}),
+		/* @__PURE__ */ jsx(ScrollArea$1.Corner, {})
+	]
+}));
+ScrollArea.displayName = ScrollArea$1.Root.displayName;
+const ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(ScrollArea$1.ScrollAreaScrollbar, {
+	ref,
+	orientation,
+	className: cn("flex touch-none select-none transition-colors", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]", className),
+	...props,
+	children: /* @__PURE__ */ jsx(ScrollArea$1.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+}));
+ScrollBar.displayName = ScrollArea$1.ScrollAreaScrollbar.displayName;
+//#endregion
+//#region src/components/skeleton.tsx
+function Skeleton({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("animate-pulse rounded-md bg-muted", className),
+		...props
+	});
+}
+//#endregion
+//#region src/components/spinner.tsx
+const spinnerVariants = cva("animate-spin text-muted-foreground", {
+	variants: { size: {
+		sm: "h-4 w-4",
+		md: "h-6 w-6",
+		lg: "h-8 w-8"
+	} },
+	defaultVariants: { size: "md" }
+});
+function Spinner({ className, size, ...props }) {
+	return /* @__PURE__ */ jsx(Loader2, {
+		className: cn(spinnerVariants({ size }), className),
+		...props
+	});
+}
+//#endregion
+//#region src/components/context-menu.tsx
+const ContextMenu = ContextMenu$1.Root;
+const ContextMenuTrigger = ContextMenu$1.Trigger;
+const ContextMenuGroup = ContextMenu$1.Group;
+const ContextMenuPortal = ContextMenu$1.Portal;
+const ContextMenuSub = ContextMenu$1.Sub;
+const ContextMenuRadioGroup = ContextMenu$1.RadioGroup;
+const ContextMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(ContextMenu$1.SubTrigger, {
+	ref,
+	className: cn("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", inset && "pl-8", className),
+	...props,
+	children: [children, /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-4 w-4" })]
+}));
+ContextMenuSubTrigger.displayName = ContextMenu$1.SubTrigger.displayName;
+const ContextMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenu$1.SubContent, {
+	ref,
+	className: cn("z-[var(--z-dropdown)] min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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", className),
+	...props
+}));
+ContextMenuSubContent.displayName = ContextMenu$1.SubContent.displayName;
+const ContextMenuContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenu$1.Portal, { children: /* @__PURE__ */ jsx(ContextMenu$1.Content, {
+	ref,
+	className: cn("z-[var(--z-dropdown)] min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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", className),
+	...props
+}) }));
+ContextMenuContent.displayName = ContextMenu$1.Content.displayName;
+const ContextMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenu$1.Item, {
+	ref,
+	className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className),
+	...props
+}));
+ContextMenuItem.displayName = ContextMenu$1.Item.displayName;
+const ContextMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(ContextMenu$1.CheckboxItem, {
+	ref,
+	className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
+	checked,
+	...props,
+	children: [/* @__PURE__ */ jsx("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ jsx(ContextMenu$1.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) })
+	}), children]
+}));
+ContextMenuCheckboxItem.displayName = ContextMenu$1.CheckboxItem.displayName;
+const ContextMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(ContextMenu$1.RadioItem, {
+	ref,
+	className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
+	...props,
+	children: [/* @__PURE__ */ jsx("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ jsx(ContextMenu$1.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) })
+	}), children]
+}));
+ContextMenuRadioItem.displayName = ContextMenu$1.RadioItem.displayName;
+const ContextMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenu$1.Label, {
+	ref,
+	className: cn("px-2 py-1.5 text-sm font-semibold text-foreground", inset && "pl-8", className),
+	...props
+}));
+ContextMenuLabel.displayName = ContextMenu$1.Label.displayName;
+const ContextMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenu$1.Separator, {
+	ref,
+	className: cn("-mx-1 my-1 h-px bg-border", className),
+	...props
+}));
+ContextMenuSeparator.displayName = ContextMenu$1.Separator.displayName;
+const ContextMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx("span", {
+	className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className),
+	...props
+});
+//#endregion
+//#region src/components/navigation-menu.tsx
+const NavigationMenu = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(NavigationMenu$1.Root, {
+	ref,
+	className: cn("relative z-10 flex max-w-max flex-1 items-center justify-center", className),
+	...props,
+	children: [children, /* @__PURE__ */ jsx(NavigationMenuViewport, {})]
+}));
+NavigationMenu.displayName = NavigationMenu$1.Root.displayName;
+const NavigationMenuList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(NavigationMenu$1.List, {
+	ref,
+	className: cn("group flex flex-1 list-none items-center justify-center space-x-1", className),
+	...props
+}));
+NavigationMenuList.displayName = NavigationMenu$1.List.displayName;
+const NavigationMenuItem = NavigationMenu$1.Item;
+const navigationMenuTriggerStyle = cva("group inline-flex h-[var(--density-height-md)] w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50");
+const NavigationMenuTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(NavigationMenu$1.Trigger, {
+	ref,
+	className: cn(navigationMenuTriggerStyle(), "group", className),
+	...props,
+	children: [
+		children,
+		" ",
+		/* @__PURE__ */ jsx(ChevronDown, {
+			className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
+			"aria-hidden": "true"
+		})
+	]
+}));
+NavigationMenuTrigger.displayName = NavigationMenu$1.Trigger.displayName;
+const NavigationMenuContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(NavigationMenu$1.Content, {
+	ref,
+	className: cn("left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto", className),
+	...props
+}));
+NavigationMenuContent.displayName = NavigationMenu$1.Content.displayName;
+const NavigationMenuLink = NavigationMenu$1.Link;
+const NavigationMenuViewport = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	className: cn("absolute left-0 top-full flex justify-center"),
+	children: /* @__PURE__ */ jsx(NavigationMenu$1.Viewport, {
+		className: cn("origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]", className),
+		ref,
+		...props
+	})
+}));
+NavigationMenuViewport.displayName = NavigationMenu$1.Viewport.displayName;
+const NavigationMenuIndicator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(NavigationMenu$1.Indicator, {
+	ref,
+	className: cn("top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in", className),
+	...props,
+	children: /* @__PURE__ */ jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+}));
+NavigationMenuIndicator.displayName = NavigationMenu$1.Indicator.displayName;
+//#endregion
+//#region src/components/breadcrumb.tsx
+const Breadcrumb = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("nav", {
+	ref,
+	"aria-label": "breadcrumb",
+	...props
+}));
+Breadcrumb.displayName = "Breadcrumb";
+const BreadcrumbList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("ol", {
+	ref,
+	className: cn("flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5", className),
+	...props
+}));
+BreadcrumbList.displayName = "BreadcrumbList";
+const BreadcrumbItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", {
+	ref,
+	className: cn("inline-flex items-center gap-1.5", className),
+	...props
+}));
+BreadcrumbItem.displayName = "BreadcrumbItem";
+const BreadcrumbLink = React.forwardRef(({ asChild, className, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(asChild ? Slot.Slot : "a", {
+		ref,
+		className: cn("transition-colors hover:text-foreground", className),
+		...props
+	});
+});
+BreadcrumbLink.displayName = "BreadcrumbLink";
+const BreadcrumbPage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("span", {
+	ref,
+	role: "link",
+	"aria-disabled": "true",
+	"aria-current": "page",
+	className: cn("font-normal text-foreground", className),
+	...props
+}));
+BreadcrumbPage.displayName = "BreadcrumbPage";
+const BreadcrumbSeparator = ({ children, className, ...props }) => /* @__PURE__ */ jsx("li", {
+	role: "presentation",
+	"aria-hidden": "true",
+	className: cn("[&>svg]:h-3.5 [&>svg]:w-3.5", className),
+	...props,
+	children: children ?? /* @__PURE__ */ jsx(ChevronRight, {})
+});
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+const BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs("span", {
+	role: "presentation",
+	"aria-hidden": "true",
+	className: cn("flex h-9 w-9 items-center justify-center", className),
+	...props,
+	children: [/* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
+		className: "sr-only",
+		children: "More"
+	})]
+});
+BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
+//#endregion
+//#region src/components/pagination.tsx
+const Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx("nav", {
+	role: "navigation",
+	"aria-label": "pagination",
+	className: cn("mx-auto flex w-full justify-center", className),
+	...props
+});
+Pagination.displayName = "Pagination";
+const PaginationContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("ul", {
+	ref,
+	className: cn("flex flex-row items-center gap-1", className),
+	...props
+}));
+PaginationContent.displayName = "PaginationContent";
+const PaginationItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", {
+	ref,
+	className: cn("", className),
+	...props
+}));
+PaginationItem.displayName = "PaginationItem";
+const PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @__PURE__ */ jsx("a", {
+	"aria-current": isActive ? "page" : void 0,
+	className: cn(buttonVariants({
+		variant: isActive ? "outline" : "ghost",
+		size
+	}), className),
+	...props
+});
+PaginationLink.displayName = "PaginationLink";
+const PaginationPrevious = ({ className, ...props }) => /* @__PURE__ */ jsxs(PaginationLink, {
+	"aria-label": "Go to previous page",
+	size: "md",
+	className: cn("gap-1 pl-2.5", className),
+	...props,
+	children: [/* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", { children: "Previous" })]
+});
+PaginationPrevious.displayName = "PaginationPrevious";
+const PaginationNext = ({ className, ...props }) => /* @__PURE__ */ jsxs(PaginationLink, {
+	"aria-label": "Go to next page",
+	size: "md",
+	className: cn("gap-1 pr-2.5", className),
+	...props,
+	children: [/* @__PURE__ */ jsx("span", { children: "Next" }), /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })]
+});
+PaginationNext.displayName = "PaginationNext";
+const PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs("span", {
+	"aria-hidden": true,
+	className: cn("flex h-9 w-9 items-center justify-center", className),
+	...props,
+	children: [/* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
+		className: "sr-only",
+		children: "More pages"
+	})]
+});
+PaginationEllipsis.displayName = "PaginationEllipsis";
+//#endregion
+//#region src/components/command.tsx
+const Command = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Command$1, {
+	ref,
+	className: cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", className),
+	...props
+}));
+Command.displayName = Command$1.displayName;
+const CommandDialog = ({ children, ...props }) => /* @__PURE__ */ jsx(Dialog, {
+	...props,
+	children: /* @__PURE__ */ jsx(DialogContent, {
+		className: "overflow-hidden p-0 shadow-lg",
+		children: /* @__PURE__ */ jsx(Command, {
+			className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",
+			children
+		})
+	})
+});
+const CommandInput = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", {
+	className: "flex items-center border-b px-3",
+	"cmdk-input-wrapper": "",
+	children: [/* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }), /* @__PURE__ */ jsx(Command$1.Input, {
+		ref,
+		className: cn("flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", className),
+		...props
+	})]
+}));
+CommandInput.displayName = Command$1.Input.displayName;
+const CommandList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Command$1.List, {
+	ref,
+	className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
+	...props
+}));
+CommandList.displayName = Command$1.List.displayName;
+const CommandEmpty = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(Command$1.Empty, {
+	ref,
+	className: "py-6 text-center text-sm",
+	...props
+}));
+CommandEmpty.displayName = Command$1.Empty.displayName;
+const CommandGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Command$1.Group, {
+	ref,
+	className: cn("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", className),
+	...props
+}));
+CommandGroup.displayName = Command$1.Group.displayName;
+const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Command$1.Separator, {
+	ref,
+	className: cn("-mx-1 h-px bg-border", className),
+	...props
+}));
+CommandSeparator.displayName = Command$1.Separator.displayName;
+const CommandItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Command$1.Item, {
+	ref,
+	className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50", className),
+	...props
+}));
+CommandItem.displayName = Command$1.Item.displayName;
+const CommandShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx("span", {
+	className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className),
+	...props
+});
+//#endregion
+//#region src/components/aspect-ratio.tsx
+const AspectRatio = AspectRatio$1.Root;
+//#endregion
+//#region src/blocks/auth/social-providers.tsx
+const providerConfig = {
+	google: {
+		label: "Google",
+		icon: /* @__PURE__ */ jsxs("svg", {
+			className: "h-4 w-4",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			children: [
+				/* @__PURE__ */ jsx("path", {
+					d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z",
+					fill: "#4285F4"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z",
+					fill: "#34A853"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z",
+					fill: "#FBBC05"
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z",
+					fill: "#EA4335"
+				})
+			]
+		})
+	},
+	github: {
+		label: "GitHub",
+		icon: /* @__PURE__ */ jsx("svg", {
+			className: "h-4 w-4",
+			viewBox: "0 0 24 24",
+			fill: "currentColor",
+			children: /* @__PURE__ */ jsx("path", { d: "M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" })
+		})
+	},
+	apple: {
+		label: "Apple",
+		icon: /* @__PURE__ */ jsx("svg", {
+			className: "h-4 w-4",
+			viewBox: "0 0 24 24",
+			fill: "currentColor",
+			children: /* @__PURE__ */ jsx("path", { d: "M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z" })
+		})
+	}
+};
+function SocialProviders({ providers, onSocialLogin, loading, disabled, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("grid gap-2", className),
+		children: providers.map((provider) => {
+			const config = providerConfig[provider];
+			return /* @__PURE__ */ jsxs(Button, {
+				variant: "outline",
+				type: "button",
+				disabled: loading || disabled,
+				onClick: () => onSocialLogin(provider),
+				className: "w-full",
+				children: [config.icon, /* @__PURE__ */ jsxs("span", {
+					className: "ml-2",
+					children: ["Continue with ", config.label]
+				})]
+			}, provider);
+		})
+	});
+}
+//#endregion
+//#region src/blocks/auth/sign-in-block.tsx
+function SignInBlock({ onSubmit, onForgotPassword, onSocialLogin, socialProviders = [], loading = false, error, disabled = false, title = "Sign in", description = "Enter your credentials to access your account", signUpHref, onSignUp, className }) {
+	const [rememberMe, setRememberMe] = React.useState(false);
+	const handleSubmit = async (e) => {
+		e.preventDefault();
+		const formData = new FormData(e.currentTarget);
+		await onSubmit({
+			email: formData.get("email"),
+			password: formData.get("password"),
+			rememberMe
+		});
+	};
+	return /* @__PURE__ */ jsxs(Card, {
+		className: cn("w-full max-w-md mx-auto", className),
+		children: [/* @__PURE__ */ jsxs(CardHeader, {
+			className: "text-center",
+			children: [/* @__PURE__ */ jsx(CardTitle, { children: title }), /* @__PURE__ */ jsx(CardDescription, { children: description })]
+		}), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", {
+			className: "space-y-4",
+			children: [
+				socialProviders.length > 0 && onSocialLogin && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SocialProviders, {
+					providers: socialProviders,
+					onSocialLogin,
+					loading,
+					disabled
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "relative",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "absolute inset-0 flex items-center",
+						children: /* @__PURE__ */ jsx(Separator, { className: "w-full" })
+					}), /* @__PURE__ */ jsx("div", {
+						className: "relative flex justify-center text-xs uppercase",
+						children: /* @__PURE__ */ jsx("span", {
+							className: "bg-card px-2 text-muted-foreground",
+							children: "Or continue with"
+						})
+					})]
+				})] }),
+				/* @__PURE__ */ jsx(FormError, { message: error }),
+				/* @__PURE__ */ jsxs("form", {
+					onSubmit: handleSubmit,
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ jsx(Label, {
+								htmlFor: "email",
+								children: "Email"
+							}), /* @__PURE__ */ jsx(Input, {
+								id: "email",
+								name: "email",
+								type: "email",
+								placeholder: "name@example.com",
+								required: true,
+								disabled: loading || disabled,
+								autoComplete: "email"
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ jsx(Label, {
+									htmlFor: "password",
+									children: "Password"
+								}), onForgotPassword && /* @__PURE__ */ jsx("button", {
+									type: "button",
+									onClick: onForgotPassword,
+									className: "text-sm text-primary hover:underline",
+									children: "Forgot password?"
+								})]
+							}), /* @__PURE__ */ jsx(Input, {
+								id: "password",
+								name: "password",
+								type: "password",
+								required: true,
+								disabled: loading || disabled,
+								autoComplete: "current-password"
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center space-x-2",
+							children: [/* @__PURE__ */ jsx(Checkbox, {
+								id: "remember",
+								checked: rememberMe,
+								onCheckedChange: (checked) => setRememberMe(checked === true),
+								disabled: loading || disabled
+							}), /* @__PURE__ */ jsx("label", {
+								htmlFor: "remember",
+								className: "text-sm text-muted-foreground cursor-pointer",
+								children: "Remember me"
+							})]
+						}),
+						/* @__PURE__ */ jsxs(Button, {
+							type: "submit",
+							className: "w-full",
+							disabled: loading || disabled,
+							children: [loading ? /* @__PURE__ */ jsx(Spinner, {
+								size: "sm",
+								className: "mr-2"
+							}) : null, "Sign in"]
+						})
+					]
+				}),
+				(signUpHref || onSignUp) && /* @__PURE__ */ jsxs("p", {
+					className: "text-center text-sm text-muted-foreground",
+					children: [
+						"Don't have an account?",
+						" ",
+						onSignUp ? /* @__PURE__ */ jsx("button", {
+							type: "button",
+							onClick: onSignUp,
+							className: "text-primary hover:underline font-medium",
+							children: "Sign up"
+						}) : /* @__PURE__ */ jsx("a", {
+							href: signUpHref,
+							className: "text-primary hover:underline font-medium",
+							children: "Sign up"
+						})
+					]
+				})
+			]
+		}) })]
+	});
+}
+//#endregion
+//#region src/blocks/auth/sign-up-block.tsx
+function SignUpBlock({ onSubmit, onSocialLogin, socialProviders = [], loading = false, error, disabled = false, title = "Create an account", description = "Enter your details to get started", signInHref, onSignIn, termsHref = "#", privacyHref = "#", className }) {
+	const [termsAccepted, setTermsAccepted] = React.useState(false);
+	const handleSubmit = async (e) => {
+		e.preventDefault();
+		const formData = new FormData(e.currentTarget);
+		await onSubmit({
+			name: formData.get("name"),
+			email: formData.get("email"),
+			password: formData.get("password"),
+			confirmPassword: formData.get("confirmPassword"),
+			termsAccepted
+		});
+	};
+	return /* @__PURE__ */ jsxs(Card, {
+		className: cn("w-full max-w-md mx-auto", className),
+		children: [/* @__PURE__ */ jsxs(CardHeader, {
+			className: "text-center",
+			children: [/* @__PURE__ */ jsx(CardTitle, { children: title }), /* @__PURE__ */ jsx(CardDescription, { children: description })]
+		}), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", {
+			className: "space-y-4",
+			children: [
+				socialProviders.length > 0 && onSocialLogin && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SocialProviders, {
+					providers: socialProviders,
+					onSocialLogin,
+					loading,
+					disabled
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "relative",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "absolute inset-0 flex items-center",
+						children: /* @__PURE__ */ jsx(Separator, { className: "w-full" })
+					}), /* @__PURE__ */ jsx("div", {
+						className: "relative flex justify-center text-xs uppercase",
+						children: /* @__PURE__ */ jsx("span", {
+							className: "bg-card px-2 text-muted-foreground",
+							children: "Or continue with"
+						})
+					})]
+				})] }),
+				/* @__PURE__ */ jsx(FormError, { message: error }),
+				/* @__PURE__ */ jsxs("form", {
+					onSubmit: handleSubmit,
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ jsx(Label, {
+								htmlFor: "name",
+								children: "Full name"
+							}), /* @__PURE__ */ jsx(Input, {
+								id: "name",
+								name: "name",
+								placeholder: "John Doe",
+								required: true,
+								disabled: loading || disabled,
+								autoComplete: "name"
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ jsx(Label, {
+								htmlFor: "email",
+								children: "Email"
+							}), /* @__PURE__ */ jsx(Input, {
+								id: "email",
+								name: "email",
+								type: "email",
+								placeholder: "name@example.com",
+								required: true,
+								disabled: loading || disabled,
+								autoComplete: "email"
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ jsx(Label, {
+								htmlFor: "password",
+								children: "Password"
+							}), /* @__PURE__ */ jsx(Input, {
+								id: "password",
+								name: "password",
+								type: "password",
+								required: true,
+								disabled: loading || disabled,
+								autoComplete: "new-password"
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ jsx(Label, {
+								htmlFor: "confirmPassword",
+								children: "Confirm password"
+							}), /* @__PURE__ */ jsx(Input, {
+								id: "confirmPassword",
+								name: "confirmPassword",
+								type: "password",
+								required: true,
+								disabled: loading || disabled,
+								autoComplete: "new-password"
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex items-start space-x-2",
+							children: [/* @__PURE__ */ jsx(Checkbox, {
+								id: "terms",
+								checked: termsAccepted,
+								onCheckedChange: (checked) => setTermsAccepted(checked === true),
+								disabled: loading || disabled,
+								className: "mt-0.5"
+							}), /* @__PURE__ */ jsxs("label", {
+								htmlFor: "terms",
+								className: "text-sm text-muted-foreground cursor-pointer",
+								children: [
+									"I agree to the",
+									" ",
+									/* @__PURE__ */ jsx("a", {
+										href: termsHref,
+										className: "text-primary hover:underline",
+										children: "terms of service"
+									}),
+									" ",
+									"and",
+									" ",
+									/* @__PURE__ */ jsx("a", {
+										href: privacyHref,
+										className: "text-primary hover:underline",
+										children: "privacy policy"
+									})
+								]
+							})]
+						}),
+						/* @__PURE__ */ jsxs(Button, {
+							type: "submit",
+							className: "w-full",
+							disabled: loading || disabled || !termsAccepted,
+							children: [loading ? /* @__PURE__ */ jsx(Spinner, {
+								size: "sm",
+								className: "mr-2"
+							}) : null, "Create account"]
+						})
+					]
+				}),
+				(signInHref || onSignIn) && /* @__PURE__ */ jsxs("p", {
+					className: "text-center text-sm text-muted-foreground",
+					children: [
+						"Already have an account?",
+						" ",
+						onSignIn ? /* @__PURE__ */ jsx("button", {
+							type: "button",
+							onClick: onSignIn,
+							className: "text-primary hover:underline font-medium",
+							children: "Sign in"
+						}) : /* @__PURE__ */ jsx("a", {
+							href: signInHref,
+							className: "text-primary hover:underline font-medium",
+							children: "Sign in"
+						})
+					]
+				})
+			]
+		}) })]
+	});
+}
+//#endregion
+//#region src/blocks/auth/forgot-password-block.tsx
+function ForgotPasswordBlock({ onSubmit, onBack, loading = false, error, disabled = false, success = false, title = "Forgot password", description = "Enter your email and we'll send you a reset link", className }) {
+	const handleSubmit = async (e) => {
+		e.preventDefault();
+		await onSubmit({ email: new FormData(e.currentTarget).get("email") });
+	};
+	return /* @__PURE__ */ jsxs(Card, {
+		className: cn("w-full max-w-md mx-auto", className),
+		children: [/* @__PURE__ */ jsx(CardHeader, {
+			className: "text-center",
+			children: success ? /* @__PURE__ */ jsxs(Fragment, { children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-primary/10",
+					children: /* @__PURE__ */ jsx(Mail, { className: "h-6 w-6 text-primary" })
+				}),
+				/* @__PURE__ */ jsx(CardTitle, { children: "Check your email" }),
+				/* @__PURE__ */ jsx(CardDescription, { children: "We've sent a password reset link to your email address." })
+			] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CardTitle, { children: title }), /* @__PURE__ */ jsx(CardDescription, { children: description })] })
+		}), !success && /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", {
+			className: "space-y-4",
+			children: [
+				/* @__PURE__ */ jsx(FormError, { message: error }),
+				/* @__PURE__ */ jsxs("form", {
+					onSubmit: handleSubmit,
+					className: "space-y-4",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ jsx(Label, {
+							htmlFor: "email",
+							children: "Email"
+						}), /* @__PURE__ */ jsx(Input, {
+							id: "email",
+							name: "email",
+							type: "email",
+							placeholder: "name@example.com",
+							required: true,
+							disabled: loading || disabled,
+							autoComplete: "email"
+						})]
+					}), /* @__PURE__ */ jsxs(Button, {
+						type: "submit",
+						className: "w-full",
+						disabled: loading || disabled,
+						children: [loading ? /* @__PURE__ */ jsx(Spinner, {
+							size: "sm",
+							className: "mr-2"
+						}) : null, "Send reset link"]
+					})]
+				}),
+				onBack && /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					onClick: onBack,
+					className: "flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground mx-auto",
+					children: [/* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" }), " Back to sign in"]
+				})
+			]
+		}) })]
+	});
+}
+//#endregion
+//#region src/blocks/auth/reset-password-block.tsx
+function ResetPasswordBlock({ onSubmit, loading = false, error, disabled = false, title = "Reset password", description = "Enter your new password below", className }) {
+	const handleSubmit = async (e) => {
+		e.preventDefault();
+		const formData = new FormData(e.currentTarget);
+		await onSubmit({
+			password: formData.get("password"),
+			confirmPassword: formData.get("confirmPassword")
+		});
+	};
+	return /* @__PURE__ */ jsxs(Card, {
+		className: cn("w-full max-w-md mx-auto", className),
+		children: [/* @__PURE__ */ jsxs(CardHeader, {
+			className: "text-center",
+			children: [/* @__PURE__ */ jsx(CardTitle, { children: title }), /* @__PURE__ */ jsx(CardDescription, { children: description })]
+		}), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", {
+			className: "space-y-4",
+			children: [/* @__PURE__ */ jsx(FormError, { message: error }), /* @__PURE__ */ jsxs("form", {
+				onSubmit: handleSubmit,
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ jsx(Label, {
+							htmlFor: "password",
+							children: "New password"
+						}), /* @__PURE__ */ jsx(Input, {
+							id: "password",
+							name: "password",
+							type: "password",
+							required: true,
+							disabled: loading || disabled,
+							autoComplete: "new-password"
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ jsx(Label, {
+							htmlFor: "confirmPassword",
+							children: "Confirm new password"
+						}), /* @__PURE__ */ jsx(Input, {
+							id: "confirmPassword",
+							name: "confirmPassword",
+							type: "password",
+							required: true,
+							disabled: loading || disabled,
+							autoComplete: "new-password"
+						})]
+					}),
+					/* @__PURE__ */ jsxs(Button, {
+						type: "submit",
+						className: "w-full",
+						disabled: loading || disabled,
+						children: [loading ? /* @__PURE__ */ jsx(Spinner, {
+							size: "sm",
+							className: "mr-2"
+						}) : null, "Reset password"]
+					})
+				]
+			})]
+		}) })]
+	});
+}
+//#endregion
+//#region src/blocks/auth/verify-block.tsx
+function VerifyBlock({ onVerify, onResend, codeLength = 6, loading = false, error, disabled = false, title = "Verify your account", description = "Enter the verification code sent to your email", resendCooldown = 60, className }) {
+	const [code, setCode] = React.useState(Array(codeLength).fill(""));
+	const [countdown, setCountdown] = React.useState(0);
+	const inputRefs = React.useRef([]);
+	React.useEffect(() => {
+		if (countdown > 0) {
+			const timer = setTimeout(() => setCountdown(countdown - 1), 1e3);
+			return () => clearTimeout(timer);
+		}
+	}, [countdown]);
+	const handleChange = (index, value) => {
+		if (!/^\d*$/.test(value)) return;
+		const newCode = [...code];
+		newCode[index] = value.slice(-1);
+		setCode(newCode);
+		if (value && index < codeLength - 1) inputRefs.current[index + 1]?.focus();
+		const fullCode = newCode.join("");
+		if (fullCode.length === codeLength && newCode.every(Boolean)) onVerify(fullCode);
+	};
+	const handleKeyDown = (index, e) => {
+		if (e.key === "Backspace" && !code[index] && index > 0) inputRefs.current[index - 1]?.focus();
+	};
+	const handlePaste = (e) => {
+		e.preventDefault();
+		const pasted = e.clipboardData.getData("text").replace(/\D/g, "").slice(0, codeLength);
+		const newCode = [...code];
+		for (let i = 0; i < pasted.length; i++) newCode[i] = pasted[i];
+		setCode(newCode);
+		if (pasted.length === codeLength) onVerify(pasted);
+		else inputRefs.current[pasted.length]?.focus();
+	};
+	const handleResend = async () => {
+		setCountdown(resendCooldown);
+		await onResend?.();
+	};
+	return /* @__PURE__ */ jsxs(Card, {
+		className: cn("w-full max-w-md mx-auto", className),
+		children: [/* @__PURE__ */ jsxs(CardHeader, {
+			className: "text-center",
+			children: [/* @__PURE__ */ jsx(CardTitle, { children: title }), /* @__PURE__ */ jsx(CardDescription, { children: description })]
+		}), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", {
+			className: "space-y-4",
+			children: [
+				/* @__PURE__ */ jsx(FormError, { message: error }),
+				/* @__PURE__ */ jsx("div", {
+					className: "flex justify-center gap-2",
+					onPaste: handlePaste,
+					children: code.map((digit, index) => /* @__PURE__ */ jsx(Input, {
+						ref: (el) => {
+							inputRefs.current[index] = el;
+						},
+						type: "text",
+						inputMode: "numeric",
+						maxLength: 1,
+						value: digit,
+						onChange: (e) => handleChange(index, e.target.value),
+						onKeyDown: (e) => handleKeyDown(index, e),
+						disabled: loading || disabled,
+						className: "h-12 w-12 text-center text-lg font-semibold",
+						autoFocus: index === 0
+					}, index))
+				}),
+				loading && /* @__PURE__ */ jsx("div", {
+					className: "flex justify-center",
+					children: /* @__PURE__ */ jsx(Spinner, { size: "sm" })
+				}),
+				onResend && /* @__PURE__ */ jsx("div", {
+					className: "text-center",
+					children: countdown > 0 ? /* @__PURE__ */ jsxs("p", {
+						className: "text-sm text-muted-foreground",
+						children: [
+							"Resend code in ",
+							countdown,
+							"s"
+						]
+					}) : /* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						size: "sm",
+						onClick: handleResend,
+						disabled: loading || disabled,
+						children: "Resend code"
+					})
+				})
+			]
+		}) })]
+	});
+}
+//#endregion
+//#region src/blocks/error/not-found-block.tsx
+function NotFoundBlock({ title = "Page not found", message = "Sorry, we couldn't find the page you're looking for. It may have been moved or deleted.", homeHref = "/", onGoHome, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex min-h-[60vh] flex-col items-center justify-center text-center px-4", className),
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "mb-8 flex h-24 w-24 items-center justify-center rounded-full bg-muted",
+				children: /* @__PURE__ */ jsx(FileQuestion, { className: "h-12 w-12 text-muted-foreground" })
+			}),
+			/* @__PURE__ */ jsx("h1", {
+				className: "text-4xl font-bold tracking-tight mb-2",
+				children: "404"
+			}),
+			/* @__PURE__ */ jsx("h2", {
+				className: "text-xl font-semibold mb-2",
+				children: title
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground max-w-md mb-8",
+				children: message
+			}),
+			onGoHome ? /* @__PURE__ */ jsx(Button, {
+				onClick: onGoHome,
+				children: "Go back home"
+			}) : /* @__PURE__ */ jsx(Button, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx("a", {
+					href: homeHref,
+					children: "Go back home"
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/blocks/error/server-error-block.tsx
+function ServerErrorBlock({ title = "Something went wrong", message = "An unexpected error occurred. Our team has been notified and is working on a fix.", onRetry, homeHref = "/", onGoHome, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex min-h-[60vh] flex-col items-center justify-center text-center px-4", className),
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "mb-8 flex h-24 w-24 items-center justify-center rounded-full bg-destructive/10",
+				children: /* @__PURE__ */ jsx(ServerCrash, { className: "h-12 w-12 text-destructive" })
+			}),
+			/* @__PURE__ */ jsx("h1", {
+				className: "text-4xl font-bold tracking-tight mb-2",
+				children: "500"
+			}),
+			/* @__PURE__ */ jsx("h2", {
+				className: "text-xl font-semibold mb-2",
+				children: title
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground max-w-md mb-8",
+				children: message
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex gap-3",
+				children: [onRetry && /* @__PURE__ */ jsx(Button, {
+					onClick: onRetry,
+					children: "Try again"
+				}), onGoHome ? /* @__PURE__ */ jsx(Button, {
+					variant: "outline",
+					onClick: onGoHome,
+					children: "Go home"
+				}) : /* @__PURE__ */ jsx(Button, {
+					variant: "outline",
+					asChild: true,
+					children: /* @__PURE__ */ jsx("a", {
+						href: homeHref,
+						children: "Go home"
+					})
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/blocks/error/maintenance-block.tsx
+function MaintenanceBlock({ title = "Under maintenance", message = "We're performing scheduled maintenance to improve your experience. We'll be back shortly.", estimatedReturn, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex min-h-[60vh] flex-col items-center justify-center text-center px-4", className),
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "mb-8 flex h-24 w-24 items-center justify-center rounded-full bg-muted",
+				children: /* @__PURE__ */ jsx(Wrench, { className: "h-12 w-12 text-muted-foreground" })
+			}),
+			/* @__PURE__ */ jsx("h2", {
+				className: "text-xl font-semibold mb-2",
+				children: title
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground max-w-md mb-4",
+				children: message
+			}),
+			estimatedReturn && /* @__PURE__ */ jsxs("p", {
+				className: "text-sm text-muted-foreground",
+				children: ["Estimated return: ", /* @__PURE__ */ jsx("span", {
+					className: "font-medium text-foreground",
+					children: estimatedReturn
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/blocks/error/empty-state-block.tsx
+function EmptyStateBlock({ icon: Icon = Inbox, title = "No results found", description = "There's nothing here yet. Get started by creating your first item.", actionLabel, onAction, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col items-center justify-center text-center py-16 px-4", className),
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "mb-6 flex h-16 w-16 items-center justify-center rounded-full bg-muted",
+				children: /* @__PURE__ */ jsx(Icon, { className: "h-8 w-8 text-muted-foreground" })
+			}),
+			/* @__PURE__ */ jsx("h3", {
+				className: "text-lg font-semibold mb-1",
+				children: title
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-sm text-muted-foreground max-w-sm mb-6",
+				children: description
+			}),
+			actionLabel && onAction && /* @__PURE__ */ jsx(Button, {
+				onClick: onAction,
+				children: actionLabel
+			})
+		]
+	});
+}
+//#endregion
+//#region src/blocks/layout/page-shell.tsx
+function PageShell({ children, sidebar, header, footer, sidebarWidth = "16rem", sidebarCollapsed = false, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex min-h-screen flex-col", className),
+		children: [
+			header,
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-1",
+				children: [sidebar && /* @__PURE__ */ jsx("aside", {
+					className: cn("hidden border-r bg-card transition-all duration-normal ease-default md:block", sidebarCollapsed && "w-16"),
+					style: sidebarCollapsed ? void 0 : { width: sidebarWidth },
+					children: sidebar
+				}), /* @__PURE__ */ jsx("main", {
+					className: "flex-1 overflow-auto",
+					children
+				})]
+			}),
+			footer
+		]
+	});
+}
+//#endregion
+//#region src/blocks/layout/header-block.tsx
+function HeaderBlock({ logo, nav, actions, onMenuToggle, sticky = true, className }) {
+	return /* @__PURE__ */ jsxs("header", {
+		className: cn("flex h-16 items-center gap-4 border-b bg-background px-4 md:px-6", sticky && "sticky top-0 z-[var(--z-sticky)]", className),
+		children: [
+			onMenuToggle && /* @__PURE__ */ jsxs(Button, {
+				variant: "ghost",
+				size: "icon",
+				className: "md:hidden",
+				onClick: onMenuToggle,
+				children: [/* @__PURE__ */ jsx(Menu, { className: "h-5 w-5" }), /* @__PURE__ */ jsx("span", {
+					className: "sr-only",
+					children: "Toggle menu"
+				})]
+			}),
+			logo && /* @__PURE__ */ jsx("div", {
+				className: "flex items-center gap-2 font-semibold",
+				children: logo
+			}),
+			nav && /* @__PURE__ */ jsx("nav", {
+				className: "hidden md:flex items-center gap-6 text-sm font-medium flex-1",
+				children: nav
+			}),
+			actions && /* @__PURE__ */ jsx("div", {
+				className: "ml-auto flex items-center gap-2",
+				children: actions
+			})
+		]
+	});
+}
+//#endregion
+//#region src/blocks/layout/sidebar-block.tsx
+function SidebarItemComponent({ item, collapsed }) {
+	return /* @__PURE__ */ jsxs(item.href ? "a" : "button", {
+		href: item.href,
+		onClick: item.onClick,
+		className: cn("flex items-center gap-3 rounded-md px-3 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground", item.active && "bg-accent text-accent-foreground", collapsed && "justify-center px-2"),
+		children: [item.icon && /* @__PURE__ */ jsx("span", {
+			className: "flex h-5 w-5 shrink-0 items-center justify-center",
+			children: item.icon
+		}), !collapsed && /* @__PURE__ */ jsx("span", { children: item.label })]
+	});
+}
+function SidebarBlock({ sections, header, footer, collapsed = false, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex h-full flex-col", className),
+		children: [
+			header && /* @__PURE__ */ jsx("div", {
+				className: cn("border-b p-4", collapsed && "p-2"),
+				children: header
+			}),
+			/* @__PURE__ */ jsx("nav", {
+				className: "flex-1 space-y-4 overflow-y-auto p-4",
+				children: sections.map((section, sIdx) => /* @__PURE__ */ jsxs("div", {
+					className: "space-y-1",
+					children: [section.title && !collapsed && /* @__PURE__ */ jsx("p", {
+						className: "px-3 text-xs font-semibold uppercase tracking-wider text-muted-foreground",
+						children: section.title
+					}), section.items.map((item, iIdx) => /* @__PURE__ */ jsx(SidebarItemComponent, {
+						item,
+						collapsed
+					}, iIdx))]
+				}, sIdx))
+			}),
+			footer && /* @__PURE__ */ jsx("div", {
+				className: cn("border-t p-4", collapsed && "p-2"),
+				children: footer
+			})
+		]
+	});
+}
+//#endregion
+//#region src/blocks/layout/footer-block.tsx
+function FooterBlock({ copyright, links = [], logo, className }) {
+	return /* @__PURE__ */ jsx("footer", {
+		className: cn("border-t bg-background", className),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col items-center gap-4 px-4 py-6 md:flex-row md:justify-between md:px-6",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [logo, copyright && /* @__PURE__ */ jsx("p", {
+					className: "text-sm text-muted-foreground",
+					children: copyright
+				})]
+			}), links.length > 0 && /* @__PURE__ */ jsx("nav", {
+				className: "flex gap-4",
+				children: links.map((link) => /* @__PURE__ */ jsx("a", {
+					href: link.href,
+					className: "text-sm text-muted-foreground hover:text-foreground transition-colors",
+					children: link.label
+				}, link.href))
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/blocks/settings/profile-settings-block.tsx
+function ProfileSettingsBlock({ initialData, onSave, onAvatarChange, loading = false, error, disabled = false, className }) {
+	const fileInputRef = React.useRef(null);
+	const handleSubmit = async (e) => {
+		e.preventDefault();
+		const formData = new FormData(e.currentTarget);
+		await onSave({
+			name: formData.get("name"),
+			email: formData.get("email"),
+			bio: formData.get("bio"),
+			avatarUrl: initialData.avatarUrl
+		});
+	};
+	const handleAvatarClick = () => {
+		fileInputRef.current?.click();
+	};
+	const handleFileChange = (e) => {
+		const file = e.target.files?.[0];
+		if (file && onAvatarChange) onAvatarChange(file);
+	};
+	const initials = initialData.name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
+	return /* @__PURE__ */ jsxs(Card, {
+		className: cn("w-full max-w-2xl", className),
+		children: [/* @__PURE__ */ jsxs(CardHeader, { children: [/* @__PURE__ */ jsx(CardTitle, { children: "Profile" }), /* @__PURE__ */ jsx(CardDescription, { children: "Manage your personal information" })] }), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", {
+			className: "space-y-6",
+			children: [
+				/* @__PURE__ */ jsx(FormError, { message: error }),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-4",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "relative group",
+						children: [
+							/* @__PURE__ */ jsxs(Avatar, {
+								className: "h-20 w-20",
+								children: [initialData.avatarUrl && /* @__PURE__ */ jsx(AvatarImage, {
+									src: initialData.avatarUrl,
+									alt: initialData.name
+								}), /* @__PURE__ */ jsx(AvatarFallback, {
+									className: "text-lg",
+									children: initials
+								})]
+							}),
+							onAvatarChange && /* @__PURE__ */ jsx("button", {
+								type: "button",
+								onClick: handleAvatarClick,
+								disabled: loading || disabled,
+								className: "absolute inset-0 flex items-center justify-center rounded-full bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity",
+								children: /* @__PURE__ */ jsx(Camera, { className: "h-5 w-5 text-white" })
+							}),
+							/* @__PURE__ */ jsx("input", {
+								ref: fileInputRef,
+								type: "file",
+								accept: "image/*",
+								className: "hidden",
+								onChange: handleFileChange
+							})
+						]
+					}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+						className: "font-medium",
+						children: initialData.name
+					}), /* @__PURE__ */ jsx("p", {
+						className: "text-sm text-muted-foreground",
+						children: initialData.email
+					})] })]
+				}),
+				/* @__PURE__ */ jsxs("form", {
+					onSubmit: handleSubmit,
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "grid gap-4 sm:grid-cols-2",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ jsx(Label, {
+									htmlFor: "name",
+									children: "Name"
+								}), /* @__PURE__ */ jsx(Input, {
+									id: "name",
+									name: "name",
+									defaultValue: initialData.name,
+									required: true,
+									disabled: loading || disabled
+								})]
+							}), /* @__PURE__ */ jsxs("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ jsx(Label, {
+									htmlFor: "email",
+									children: "Email"
+								}), /* @__PURE__ */ jsx(Input, {
+									id: "email",
+									name: "email",
+									type: "email",
+									defaultValue: initialData.email,
+									required: true,
+									disabled: loading || disabled
+								})]
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ jsx(Label, {
+								htmlFor: "bio",
+								children: "Bio"
+							}), /* @__PURE__ */ jsx(Textarea, {
+								id: "bio",
+								name: "bio",
+								defaultValue: initialData.bio,
+								placeholder: "Tell us about yourself...",
+								disabled: loading || disabled,
+								rows: 3
+							})]
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "flex justify-end",
+							children: /* @__PURE__ */ jsxs(Button, {
+								type: "submit",
+								disabled: loading || disabled,
+								children: [loading ? /* @__PURE__ */ jsx(Spinner, {
+									size: "sm",
+									className: "mr-2"
+								}) : null, "Save changes"]
+							})
+						})
+					]
+				})
+			]
+		}) })]
+	});
+}
+//#endregion
+//#region src/blocks/settings/account-settings-block.tsx
+function AccountSettingsBlock({ onChangePassword, onDeleteAccount, loading = false, error, disabled = false, className }) {
+	const handlePasswordSubmit = async (e) => {
+		e.preventDefault();
+		const formData = new FormData(e.currentTarget);
+		await onChangePassword({
+			currentPassword: formData.get("currentPassword"),
+			newPassword: formData.get("newPassword"),
+			confirmPassword: formData.get("confirmPassword")
+		});
+		e.currentTarget.reset();
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("w-full max-w-2xl space-y-6", className),
+		children: [/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsxs(CardHeader, { children: [/* @__PURE__ */ jsx(CardTitle, { children: "Change password" }), /* @__PURE__ */ jsx(CardDescription, { children: "Update your password to keep your account secure" })] }), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", {
+			className: "space-y-4",
+			children: [/* @__PURE__ */ jsx(FormError, { message: error }), /* @__PURE__ */ jsxs("form", {
+				onSubmit: handlePasswordSubmit,
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ jsx(Label, {
+							htmlFor: "currentPassword",
+							children: "Current password"
+						}), /* @__PURE__ */ jsx(Input, {
+							id: "currentPassword",
+							name: "currentPassword",
+							type: "password",
+							required: true,
+							disabled: loading || disabled,
+							autoComplete: "current-password"
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ jsx(Label, {
+							htmlFor: "newPassword",
+							children: "New password"
+						}), /* @__PURE__ */ jsx(Input, {
+							id: "newPassword",
+							name: "newPassword",
+							type: "password",
+							required: true,
+							disabled: loading || disabled,
+							autoComplete: "new-password"
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ jsx(Label, {
+							htmlFor: "confirmPassword",
+							children: "Confirm new password"
+						}), /* @__PURE__ */ jsx(Input, {
+							id: "confirmPassword",
+							name: "confirmPassword",
+							type: "password",
+							required: true,
+							disabled: loading || disabled,
+							autoComplete: "new-password"
+						})]
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "flex justify-end",
+						children: /* @__PURE__ */ jsxs(Button, {
+							type: "submit",
+							disabled: loading || disabled,
+							children: [loading ? /* @__PURE__ */ jsx(Spinner, {
+								size: "sm",
+								className: "mr-2"
+							}) : null, "Update password"]
+						})
+					})
+				]
+			})]
+		}) })] }), onDeleteAccount && /* @__PURE__ */ jsxs(Card, {
+			className: "border-destructive/50",
+			children: [/* @__PURE__ */ jsxs(CardHeader, { children: [/* @__PURE__ */ jsx(CardTitle, {
+				className: "text-destructive",
+				children: "Danger zone"
+			}), /* @__PURE__ */ jsx(CardDescription, { children: "Permanently delete your account and all associated data" })] }), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(AlertDialog, { children: [/* @__PURE__ */ jsx(AlertDialogTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Button, {
+					variant: "destructive",
+					disabled: loading || disabled,
+					children: "Delete account"
+				})
+			}), /* @__PURE__ */ jsxs(AlertDialogContent, { children: [/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: "Are you absolutely sure?" }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: "This action cannot be undone. This will permanently delete your account and remove all your data from our servers." })] }), /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [/* @__PURE__ */ jsx(AlertDialogCancel, { children: "Cancel" }), /* @__PURE__ */ jsx(AlertDialogAction, {
+				onClick: onDeleteAccount,
+				className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+				children: "Delete account"
+			})] })] })] }) })]
+		})]
+	});
+}
+//#endregion
+//#region src/blocks/settings/notification-settings-block.tsx
+function NotificationSettingsBlock({ groups, onSave, loading = false, error, disabled = false, className }) {
+	const [values, setValues] = React.useState(() => {
+		const initial = {};
+		for (const group of groups) for (const setting of group.settings) initial[setting.id] = setting.enabled;
+		return initial;
+	});
+	const handleToggle = (id, checked) => {
+		setValues((prev) => ({
+			...prev,
+			[id]: checked
+		}));
+	};
+	const handleSave = async () => {
+		await onSave(values);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("w-full max-w-2xl space-y-6", className),
+		children: [
+			/* @__PURE__ */ jsx(FormError, { message: error }),
+			groups.map((group, gIdx) => /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsxs(CardHeader, { children: [/* @__PURE__ */ jsx(CardTitle, {
+				className: "text-lg",
+				children: group.title
+			}), group.description && /* @__PURE__ */ jsx(CardDescription, { children: group.description })] }), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", {
+				className: "space-y-4",
+				children: group.settings.map((setting) => /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center justify-between gap-4",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "space-y-0.5",
+						children: [/* @__PURE__ */ jsx("p", {
+							className: "text-sm font-medium",
+							children: setting.label
+						}), /* @__PURE__ */ jsx("p", {
+							className: "text-sm text-muted-foreground",
+							children: setting.description
+						})]
+					}), /* @__PURE__ */ jsx(Switch, {
+						checked: values[setting.id],
+						onCheckedChange: (checked) => handleToggle(setting.id, checked),
+						disabled: loading || disabled
+					})]
+				}, setting.id))
+			}) })] }, gIdx)),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex justify-end",
+				children: /* @__PURE__ */ jsxs(Button, {
+					onClick: handleSave,
+					disabled: loading || disabled,
+					children: [loading ? /* @__PURE__ */ jsx(Spinner, {
+						size: "sm",
+						className: "mr-2"
+					}) : null, "Save preferences"]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AccountSettingsBlock, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, BisonProvider, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DensityProvider, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyStateBlock, FooterBlock, ForgotPasswordBlock, Form, FormError, FormField, HeaderBlock, Input, Label, MaintenanceBlock, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NotFoundBlock, NotificationSettingsBlock, PageShell, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverTrigger, ProfileSettingsBlock, Progress, RadioGroup, RadioGroupItem, ResetPasswordBlock, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, ServerErrorBlock, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarBlock, SignInBlock, SignUpBlock, Skeleton, Slider, SocialProviders, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeProvider, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, VerifyBlock, badgeVariants, buttonVariants, cn, navigationMenuTriggerStyle, spinnerVariants, toast, useDensity, useFormContext, useTheme };
+
+//# sourceMappingURL=index.mjs.map