@dynamic-labs-sdk/droplet 0.0.0 → 0.27.1

package/dist/index.esm.js

@@ -0,0 +1,3667 @@
+import { a as Button, i as Input, n as Switch, o as buttonVariants, r as Label, s as cn, t as ToggleRow } from "./toggle-row-B5iXNWCJ.esm.js";
+import { createContext, forwardRef, useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
+import { AnimatePresence, motion, useAnimation, useReducedMotion } from "motion/react";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { Add01Icon, Alert01Icon, ArrowDown01Icon, ArrowRight01Icon, ArrowUp01Icon, Cancel01Icon, CheckmarkCircle02Icon, Copy01Icon, InformationCircleIcon, Search01Icon, Tick01Icon, WebhookIcon } from "@hugeicons/core-free-icons";
+import { cva } from "class-variance-authority";
+import { Slot } from "@radix-ui/react-slot";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { Action, Cancel, Content, Description, Overlay, Portal, Root, Title, Trigger } from "@radix-ui/react-alert-dialog";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+import { Command as Command$1 } from "cmdk";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { Close, Content as Content$1, Description as Description$1, Overlay as Overlay$1, Portal as Portal$1, Root as Root$1, Title as Title$1, Trigger as Trigger$1 } from "@radix-ui/react-dialog";
+import { CheckboxItem, Content as Content$2, Group, Item, ItemIndicator, Label as Label$1, Portal as Portal$2, RadioGroup as RadioGroup$1, RadioItem, Root as Root$2, Separator as Separator$1, Sub, SubContent, SubTrigger, Trigger as Trigger$2 } from "@radix-ui/react-dropdown-menu";
+import { CheckIcon as CheckIcon$1, ChevronRightIcon as ChevronRightIcon$1, CircleIcon } from "lucide-react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { Content as Content$3, Group as Group$1, Icon as Icon$1, Item as Item$1, ItemIndicator as ItemIndicator$1, ItemText, Label as Label$2, Portal as Portal$3, Root as Root$3, ScrollDownButton, ScrollUpButton, Separator as Separator$2, Trigger as Trigger$3, Value, Viewport } from "@radix-ui/react-select";
+import { Root as Root$4 } from "@radix-ui/react-separator";
+import { useTheme } from "next-themes";
+import { Toaster as Toaster$1 } from "sonner";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { Content as Content$4, Portal as Portal$4, Provider, Root as Root$5, Trigger as Trigger$4 } from "@radix-ui/react-tooltip";
+import Link from "next/link";
+
+//#region src/components/unsaved-changes-bar/unsaved-changes-bar.tsx
+const spring$3 = {
+	bounce: 0,
+	duration: .35,
+	type: "spring"
+};
+const BLUR_STEPS = 6;
+const BLUR_STRENGTH = 32;
+const BLUR_STEP_IDS = Array.from({ length: BLUR_STEPS }, () => crypto.randomUUID());
+const ProgressiveBlur = () => {
+	const factor = .5;
+	const base = Math.pow(BLUR_STRENGTH / factor, 1 / (BLUR_STEPS - 1));
+	const getBlur = (i) => factor * Math.pow(base, BLUR_STEPS - i - 1);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "fixed -bottom-10 left-1/2 -translate-x-1/2 pointer-events-none z-40",
+		style: {
+			height: "160px",
+			width: "900px"
+		},
+		children: [BLUR_STEP_IDS.map((id, i) => {
+			const blur = getBlur(i);
+			const spread = 20 + (BLUR_STEPS - i) / BLUR_STEPS * 30;
+			const mask = `radial-gradient(ellipse ${spread}% ${spread}% at 50% 60%, rgba(0,0,0,1), rgba(0,0,0,0))`;
+			return /* @__PURE__ */ jsx("div", {
+				className: "absolute inset-0",
+				style: {
+					backdropFilter: `blur(${blur}px)`,
+					mask,
+					WebkitBackdropFilter: `blur(${blur}px)`,
+					WebkitMask: mask
+				}
+			}, id);
+		}), /* @__PURE__ */ jsx("div", {
+			className: "absolute inset-0",
+			style: { background: "radial-gradient(ellipse 40% 50% at 50% 60%, var(--background), transparent)" }
+		})]
+	});
+};
+const popTransition = {
+	...spring$3,
+	duration: .25
+};
+const StatusIcon = ({ state }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: "relative size-[18px] shrink-0",
+		children: /* @__PURE__ */ jsx(AnimatePresence, {
+			mode: "popLayout",
+			initial: false,
+			children: /* @__PURE__ */ jsxs(motion.div, {
+				initial: {
+					filter: "blur(4px)",
+					opacity: 0,
+					scale: .25
+				},
+				animate: {
+					filter: "blur(0px)",
+					opacity: 1,
+					scale: 1
+				},
+				exit: {
+					filter: "blur(4px)",
+					opacity: 0,
+					scale: .25
+				},
+				transition: popTransition,
+				className: "absolute inset-0 will-change-[opacity,transform,filter]",
+				children: [state === "unsaved" && /* @__PURE__ */ jsx("span", {
+					className: "text-zinc-400 dark:text-zinc-400",
+					children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+						icon: InformationCircleIcon,
+						size: 18
+					})
+				}), state === "saved" && /* @__PURE__ */ jsx("span", {
+					className: "text-emerald-400 dark:text-emerald-600",
+					children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+						icon: CheckmarkCircle02Icon,
+						size: 18
+					})
+				})]
+			}, state)
+		})
+	});
+};
+const StatusText = ({ state }) => {
+	const text = state === "unsaved" ? "Unsaved changes" : "Changes saved";
+	return /* @__PURE__ */ jsx(AnimatePresence, {
+		mode: "popLayout",
+		initial: false,
+		children: /* @__PURE__ */ jsx(motion.span, {
+			initial: {
+				filter: "blur(4px)",
+				opacity: 0,
+				scale: .95
+			},
+			animate: {
+				filter: "blur(0px)",
+				opacity: 1,
+				scale: 1
+			},
+			exit: {
+				filter: "blur(4px)",
+				opacity: 0,
+				scale: .95
+			},
+			transition: popTransition,
+			className: "text-[13px] font-medium text-white dark:text-zinc-800 whitespace-nowrap will-change-[opacity,transform,filter]",
+			children: text
+		}, text)
+	});
+};
+const UnsavedChangesBar = ({ hasChanges, onSave, onReset, suppressed = false }) => {
+	const prefersReduced = useReducedMotion();
+	const [barState, setBarState] = useState("unsaved");
+	const [visible, setVisible] = useState(false);
+	const shouldRender = visible && !suppressed;
+	const dismissTimer = useRef(null);
+	const handleSave = () => {
+		onSave();
+		setBarState("saved");
+		dismissTimer.current = setTimeout(() => {
+			setVisible(false);
+			setBarState("unsaved");
+		}, 1800);
+	};
+	useEffect(() => {
+		if (hasChanges) {
+			if (dismissTimer.current) {
+				clearTimeout(dismissTimer.current);
+				dismissTimer.current = null;
+			}
+			setVisible(true);
+			setBarState("unsaved");
+		} else if (!dismissTimer.current) setVisible(false);
+	}, [hasChanges]);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(AnimatePresence, { children: shouldRender && /* @__PURE__ */ jsx(motion.div, {
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: spring$3,
+		children: /* @__PURE__ */ jsx(ProgressiveBlur, {})
+	}, "blur") }), /* @__PURE__ */ jsx("div", {
+		className: "fixed bottom-10 left-1/2 -translate-x-1/2 z-50",
+		children: /* @__PURE__ */ jsx(AnimatePresence, { children: shouldRender && /* @__PURE__ */ jsxs(motion.div, {
+			initial: prefersReduced ? { opacity: 0 } : {
+				opacity: 0,
+				scale: .95,
+				y: 20
+			},
+			animate: prefersReduced ? { opacity: 1 } : {
+				opacity: 1,
+				scale: 1,
+				y: 0
+			},
+			exit: prefersReduced ? { opacity: 0 } : {
+				opacity: 0,
+				scale: .95,
+				y: 20
+			},
+			transition: spring$3,
+			style: { willChange: "opacity, transform" },
+			className: "flex items-center gap-1.5 rounded-xl bg-zinc-900 dark:bg-[oklch(0.940_0.008_231)] shadow-[0_0_0_1px_rgba(0,0,0,0.08),0_8px_24px_-4px_rgba(0,0,0,0.25),0_20px_50px_-8px_rgba(0,0,0,0.20)] dark:shadow-[0_0_0_1px_rgba(0,0,0,0.08),0_8px_20px_-4px_rgba(0,0,0,0.10),0_20px_50px_-8px_rgba(0,0,0,0.08)] pl-3 pr-1.5 py-1.5",
+			children: [
+				/* @__PURE__ */ jsx(StatusIcon, { state: barState }),
+				/* @__PURE__ */ jsx(StatusText, { state: barState }),
+				/* @__PURE__ */ jsxs(motion.div, {
+					animate: { opacity: barState === "unsaved" ? 1 : 0 },
+					transition: popTransition,
+					className: "flex items-center gap-1.5 ml-0.5",
+					style: { pointerEvents: barState === "unsaved" ? "auto" : "none" },
+					children: [/* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						size: "sm",
+						className: "rounded-md text-zinc-400 hover:text-white hover:bg-white/10 dark:text-zinc-500 dark:hover:text-zinc-800 dark:hover:bg-black/[0.06] shrink-0 touch-manipulation",
+						onClick: onReset,
+						children: "Reset"
+					}), /* @__PURE__ */ jsx(Button, {
+						size: "sm",
+						className: "rounded-md shrink-0 touch-manipulation",
+						onClick: handleSave,
+						children: "Save changes"
+					})]
+				})
+			]
+		}) })
+	})] });
+};
+const sessionStore = {
+	get(key) {
+		if (globalThis.window === void 0) return void 0;
+		try {
+			const stored = localStorage.getItem(`dashboard-${key}`);
+			return stored ? JSON.parse(stored) : void 0;
+		} catch {
+			return;
+		}
+	},
+	set(key, value) {
+		if (globalThis.window === void 0) return;
+		try {
+			localStorage.setItem(`dashboard-${key}`, JSON.stringify(value));
+		} catch {}
+	}
+};
+const useUnsavedChanges = (initialValues, storeKey) => {
+	const cached = storeKey ? sessionStore.get(storeKey) : void 0;
+	const [values, setValues] = useState(cached?.values ?? initialValues);
+	const [savedValues, setSavedValues] = useState(cached?.savedValues ?? initialValues);
+	useEffect(() => {
+		if (storeKey) sessionStore.set(storeKey, {
+			savedValues,
+			values
+		});
+	}, [
+		storeKey,
+		values,
+		savedValues
+	]);
+	const hasChanges = useMemo(() => {
+		return JSON.stringify(values) !== JSON.stringify(savedValues);
+	}, [values, savedValues]);
+	const updateValue = (key, value) => {
+		setValues((prev) => ({
+			...prev,
+			[key]: value
+		}));
+	};
+	const save = () => {
+		setSavedValues(values);
+	};
+	const reset = () => {
+		setValues(savedValues);
+	};
+	const commit = (partial) => {
+		const next = partial ? {
+			...values,
+			...partial
+		} : values;
+		setValues(next);
+		setSavedValues(next);
+		return next;
+	};
+	return {
+		commit,
+		hasChanges,
+		reset,
+		save,
+		setValues,
+		updateValue,
+		values
+	};
+};
+
+//#endregion
+//#region src/components/ui/accordion/accordion.tsx
+const Accordion = ({ ...props }) => /* @__PURE__ */ jsx(AccordionPrimitive.Root, {
+	"data-slot": "accordion",
+	...props
+});
+const AccordionItem = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Item, {
+		"data-slot": "accordion-item",
+		className: cn("border-b border-[var(--border-divider)] last:border-b-0", className),
+		...props
+	});
+};
+const AccordionTrigger = ({ className, children, ...props }) => {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Header, {
+		className: "flex",
+		children: /* @__PURE__ */ jsxs(AccordionPrimitive.Trigger, {
+			"data-slot": "accordion-trigger",
+			className: cn("focus-visible:ring-ring/50 flex flex-1 items-center justify-between gap-4 rounded-md px-1 py-4 text-left text-sm font-medium touch-manipulation transition-[color,background-color,opacity] duration-150 ease-out outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 cursor-pointer", className),
+			...props,
+			children: [children, /* @__PURE__ */ jsx(HugeiconsIcon, {
+				icon: ArrowRight01Icon,
+				size: 16,
+				className: "text-muted-foreground/60 pointer-events-none shrink-0 transition-transform duration-200 [*[data-state=open]>&]:rotate-90"
+			})]
+		})
+	});
+};
+const AccordionContent = ({ className, children, ...props }) => {
+	return /* @__PURE__ */ jsx(AccordionPrimitive.Content, {
+		"data-slot": "accordion-content",
+		className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down motion-reduce:animate-none overflow-hidden text-sm",
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("px-1 pt-0 pb-4", className),
+			children
+		})
+	});
+};
+
+//#endregion
+//#region src/components/ui/alert-dialog/alert-dialog.tsx
+const AlertDialog = Root;
+const AlertDialogTrigger = Trigger;
+const AlertDialogPortal = Portal;
+const AlertDialogOverlay = ({ className, ...props }) => /* @__PURE__ */ jsx(Overlay, {
+	"data-slot": "alert-dialog-overlay",
+	className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-[var(--overlay-md)] backdrop-blur-[2px] will-change-[opacity] duration-200 motion-reduce:animate-none", className),
+	...props
+});
+const AlertDialogContent = ({ className, size = "default", ...props }) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [/* @__PURE__ */ jsx(AlertDialogOverlay, {}), /* @__PURE__ */ jsx(Content, {
+	"data-slot": "alert-dialog-content",
+	"data-size": size,
+	className: cn("bg-muted overflow-hidden 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-98 data-[state=open]:zoom-in-95 group/alert-dialog-content fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-[16px] border-0 shadow-none duration-200 data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-md will-change-[opacity,transform] motion-reduce:animate-none", className),
+	...props
+})] });
+const AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	"data-slot": "alert-dialog-header",
+	className: cn("grid grid-rows-[auto_1fr] place-items-center gap-1.5 px-5 py-4 border-b bg-card text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", className),
+	...props
+});
+const AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	"data-slot": "alert-dialog-footer",
+	className: cn("grid grid-cols-2 gap-2 px-5 py-4 bg-muted", className),
+	...props
+});
+const AlertDialogTitle = ({ className, ...props }) => /* @__PURE__ */ jsx(Title, {
+	"data-slot": "alert-dialog-title",
+	className: cn("text-lg font-semibold text-balance sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", className),
+	...props
+});
+const AlertDialogDescription = ({ className, ...props }) => /* @__PURE__ */ jsx(Description, {
+	"data-slot": "alert-dialog-description",
+	className: cn("text-muted-foreground text-sm text-pretty", className),
+	...props
+});
+const AlertDialogAction = ({ className, variant = "default", size = "default", ...props }) => /* @__PURE__ */ jsx(Button, {
+	variant,
+	size,
+	asChild: true,
+	children: /* @__PURE__ */ jsx(Action, {
+		"data-slot": "alert-dialog-action",
+		className: cn(className),
+		...props
+	})
+});
+const AlertDialogCancel = ({ className, variant = "outline", size = "default", ...props }) => /* @__PURE__ */ jsx(Button, {
+	variant,
+	size,
+	asChild: true,
+	children: /* @__PURE__ */ jsx(Cancel, {
+		"data-slot": "alert-dialog-cancel",
+		className: cn(className),
+		...props
+	})
+});
+
+//#endregion
+//#region src/components/ui/avatar/avatar.tsx
+const Avatar = ({ className, size = "default", ...props }) => {
+	return /* @__PURE__ */ jsx(AvatarPrimitive.Root, {
+		"data-slot": "avatar",
+		"data-size": size,
+		className: cn("group/avatar relative flex size-8 shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6", className),
+		...props
+	});
+};
+const AvatarImage = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(AvatarPrimitive.Image, {
+		"data-slot": "avatar-image",
+		className: cn("aspect-square size-full outline-1 -outline-offset-1 outline-black/10", className),
+		...props
+	});
+};
+const AvatarFallback = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, {
+		"data-slot": "avatar-fallback",
+		className: cn("bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs", className),
+		...props
+	});
+};
+
+//#endregion
+//#region src/components/ui/badge/badge.tsx
+const badgeVariants = cva("inline-flex items-center justify-center rounded-[5px] border border-transparent px-1.5 py-0.5 text-xs font-medium tabular-nums w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 [&>svg]:[stroke-width:2.5] gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow,background-color] duration-150 overflow-hidden", {
+	defaultVariants: { variant: "default" },
+	variants: { variant: {
+		brand: "bg-[var(--brand-light)] text-[var(--brand-accented)] dark:text-[oklch(0.650_0.085_256)] border-[var(--brand-default)]/20 dark:border-[oklch(0.450_0.070_256)]/30 [a&]:hover:bg-[var(--brand-light)]/80",
+		danger: "bg-[var(--danger-light)] text-[var(--text-danger)] border-[var(--border-danger)]/20 [a&]:hover:bg-[var(--danger-light)]/80",
+		dashed: "border-dashed border-[var(--border-default)] text-muted-foreground bg-transparent",
+		"dashed-brand": "border-dashed border-[var(--brand-default)] text-[var(--brand-accented)] bg-transparent",
+		default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+		destructive: "bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+		ghost: "[a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+		"gradient-brand": "bg-gradient-to-r from-[var(--brand-default)] to-[var(--process-default)] text-white border-transparent",
+		"gradient-premium": "bg-gradient-to-r from-amber-500 to-orange-400 text-white border-transparent",
+		inactive: "bg-[var(--inactive-light)] text-muted-foreground border-[var(--border-inactive)]/40 [a&]:hover:bg-[var(--inactive-light)]/80",
+		link: "text-primary underline-offset-4 [a&]:hover:underline",
+		outline: "border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+		process: "bg-[var(--process-light)] text-[var(--text-process)] border-[var(--border-process)]/20 [a&]:hover:bg-[var(--process-light)]/80",
+		secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+		success: "bg-[var(--success-light)] text-[var(--text-success)] border-[var(--border-success)]/20 [a&]:hover:bg-[var(--success-light)]/80",
+		warning: "bg-[var(--warning-light)] text-[var(--text-warning)] border-[var(--border-warning)]/20 [a&]:hover:bg-[var(--warning-light)]/80"
+	} }
+});
+const Badge = ({ className, variant = "default", asChild = false, ...props }) => {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "span", {
+		"data-slot": "badge",
+		"data-variant": variant,
+		className: cn(badgeVariants({ variant }), className),
+		...props
+	});
+};
+
+//#endregion
+//#region src/components/ui/card/card.tsx
+const Card = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	"data-slot": "card",
+	className: cn("bg-card text-card-foreground flex flex-col rounded-[16px] border-0 shadow-[var(--shadow-card)] overflow-hidden has-data-[slot=card-footer]:bg-muted/50", className),
+	...props
+});
+const CardHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	"data-slot": "card-header",
+	className: cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-5 py-4 border-b bg-card has-data-[slot=card-action]:grid-cols-[1fr_auto]", className),
+	...props
+});
+const CardTitle = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	"data-slot": "card-title",
+	className: cn("text-sm leading-none font-semibold text-balance", className),
+	...props
+});
+const CardDescription = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	"data-slot": "card-description",
+	className: cn("text-muted-foreground text-[13px] text-pretty", className),
+	...props
+});
+const CardContent = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	"data-slot": "card-content",
+	className: cn("px-5 py-3.5 bg-card", className),
+	...props
+});
+const CardFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	"data-slot": "card-footer",
+	className: cn("flex items-center px-5 py-4 bg-muted/50", className),
+	...props
+});
+
+//#endregion
+//#region src/components/ui/check-icon/check-icon.tsx
+const CheckIcon = ({ size = 14, strokeWidth = 3, className, ...props }) => /* @__PURE__ */ jsx("svg", {
+	"aria-hidden": "true",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	style: {
+		height: size,
+		width: size
+	},
+	className,
+	...props,
+	children: /* @__PURE__ */ jsx("path", {
+		d: "M4 12L9 17L20 6",
+		pathLength: 1,
+		strokeWidth
+	})
+});
+
+//#endregion
+//#region src/components/ui/checkbox/checkbox.tsx
+const Checkbox = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(CheckboxPrimitive.Root, {
+		"data-slot": "checkbox",
+		className: cn("group peer dark:bg-input/30 data-[state=checked]:bg-[var(--action)] data-[state=checked]:text-white dark:data-[state=checked]:bg-[var(--action)] data-[state=indeterminate]:bg-[var(--action)] data-[state=indeterminate]:text-white relative size-4 shrink-0 touch-manipulation rounded-[4px] border-0 shadow-[0_0_0_1px_rgba(31,41,55,0.20),0_1px_2px_0_rgba(0,0,0,0.06),0_0_1px_0_rgba(0,0,0,0.02)] dark:shadow-[0_0_0_1px_rgba(255,255,255,0.15),0_1px_2px_0_rgba(0,0,0,0.20),0_0_1px_0_rgba(0,0,0,0.06)] data-[state=checked]:shadow-[0_0_0_1px_var(--action),0px_1px_1px_0px_rgba(255,255,255,0.15)_inset,0px_2px_3px_0px_rgba(31,41,55,0.30),0px_1px_1px_0px_rgba(0,0,0,0.28)] dark:data-[state=checked]:shadow-[0px_1px_1px_0px_rgba(255,255,255,0.10)_inset,0px_2px_3px_0px_rgba(0,0,0,0.50),0px_1px_1px_0px_rgba(0,0,0,0.30)] data-[state=indeterminate]:shadow-[0_0_0_1px_var(--action),0px_1px_1px_0px_rgba(255,255,255,0.15)_inset,0px_2px_3px_0px_rgba(31,41,55,0.30),0px_1px_1px_0px_rgba(0,0,0,0.28)] dark:data-[state=indeterminate]:shadow-[0px_1px_1px_0px_rgba(255,255,255,0.10)_inset,0px_2px_3px_0px_rgba(0,0,0,0.50),0px_1px_1px_0px_rgba(0,0,0,0.30)] transition-[color,box-shadow,background-color] duration-200 ease outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:shadow-[0_0_0_1px_var(--destructive)] disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer before:absolute before:-inset-[12px] before:content-['']", className),
+		...props,
+		children: /* @__PURE__ */ jsxs(CheckboxPrimitive.Indicator, {
+			"data-slot": "checkbox-indicator",
+			className: "relative grid place-content-center text-current size-full",
+			forceMount: true,
+			children: [/* @__PURE__ */ jsx("svg", {
+				className: "size-3.5 absolute inset-0 m-auto transition-[opacity,transform,filter] duration-200 opacity-0 scale-[0.25] blur-[4px] group-data-[state=indeterminate]:opacity-100 group-data-[state=indeterminate]:scale-100 group-data-[state=indeterminate]:blur-none",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: /* @__PURE__ */ jsx("path", {
+					d: "M5 12L19 12",
+					pathLength: 1,
+					strokeWidth: 3
+				})
+			}), /* @__PURE__ */ jsx("svg", {
+				className: "size-3.5 absolute inset-0 m-auto transition-[opacity,transform,filter] duration-200 opacity-0 scale-[0.25] blur-[4px] group-data-[state=checked]:opacity-100 group-data-[state=checked]:scale-100 group-data-[state=checked]:blur-none",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: /* @__PURE__ */ jsx("path", {
+					d: "M4 12L9 17L20 6",
+					pathLength: 1,
+					strokeWidth: 3
+				})
+			})]
+		})
+	});
+};
+
+//#endregion
+//#region src/components/ui/collapsible/collapsible.tsx
+const Collapsible = ({ ...props }) => /* @__PURE__ */ jsx(CollapsiblePrimitive.Root, {
+	"data-slot": "collapsible",
+	...props
+});
+const CollapsibleTrigger = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(CollapsiblePrimitive.CollapsibleTrigger, {
+		"data-slot": "collapsible-trigger",
+		className: cn("touch-manipulation", className),
+		...props
+	});
+};
+const CollapsibleContent = ({ ...props }) => /* @__PURE__ */ jsx(CollapsiblePrimitive.CollapsibleContent, {
+	"data-slot": "collapsible-content",
+	...props
+});
+
+//#endregion
+//#region src/components/ui/dialog/dialog.tsx
+const Dialog = Root$1;
+const DialogTrigger = Trigger$1;
+const DialogPortal = Portal$1;
+const DialogClose = Close;
+const DialogOverlay = ({ className, ...props }) => /* @__PURE__ */ jsx(Overlay$1, {
+	"data-slot": "dialog-overlay",
+	className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-[var(--overlay-md)] backdrop-blur-[2px] will-change-[opacity] duration-200 data-[state=open]:ease-out data-[state=closed]:ease-in motion-reduce:animate-none", className),
+	...props
+});
+const DialogContent = ({ className, children, ...props }) => /* @__PURE__ */ jsxs(DialogPortal, {
+	"data-slot": "dialog-portal",
+	children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsx(Content$1, {
+		"data-slot": "dialog-content",
+		className: cn("bg-card overflow-hidden 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-98 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-[16px] border-0 shadow-none duration-200 data-[state=open]:ease-out data-[state=closed]:ease-in outline-none sm:max-w-md will-change-[opacity,transform] motion-reduce:animate-none", className),
+		...props,
+		children
+	})]
+});
+const DialogHeader = ({ className, showCloseButton = true, children, ...props }) => /* @__PURE__ */ jsxs("div", {
+	"data-slot": "dialog-header",
+	className: cn("relative flex flex-col gap-1.5 px-5 pt-4 pb-4 border-b bg-card sm:text-left", className),
+	...props,
+	children: [children, showCloseButton && /* @__PURE__ */ jsxs(Close, {
+		"data-slot": "dialog-close",
+		className: "absolute top-3 right-3 inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground opacity-70 transition-[opacity,background-color] duration-150 ease hover:opacity-100 hover:bg-accent focus-visible:ring-2 focus-visible:ring-ring/50 focus:outline-hidden cursor-pointer touch-manipulation before:absolute before:-inset-[6px] before:content-[\"\"]",
+		children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
+			icon: Cancel01Icon,
+			size: 14
+		}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "Close"
+		})]
+	})]
+});
+const DialogBody = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	"data-slot": "dialog-body",
+	className: cn("px-5 py-5 bg-card", className),
+	...props
+});
+const DialogFooter = ({ className, showCloseButton = false, children, ...props }) => /* @__PURE__ */ jsxs("div", {
+	"data-slot": "dialog-footer",
+	className: cn("grid grid-cols-2 gap-2 px-5 py-4 bg-muted", className),
+	...props,
+	children: [children, showCloseButton && /* @__PURE__ */ jsx(Close, {
+		asChild: true,
+		children: /* @__PURE__ */ jsx(Button, {
+			variant: "outline",
+			children: "Close"
+		})
+	})]
+});
+const DialogTitle = ({ className, ...props }) => /* @__PURE__ */ jsx(Title$1, {
+	"data-slot": "dialog-title",
+	className: cn("text-lg leading-none font-semibold text-balance", className),
+	...props
+});
+const DialogDescription = ({ className, ...props }) => /* @__PURE__ */ jsx(Description$1, {
+	"data-slot": "dialog-description",
+	className: cn("text-muted-foreground text-sm text-pretty", className),
+	...props
+});
+
+//#endregion
+//#region src/components/icons/animated-icon/animated-icon.tsx
+const AnimatedIcon = forwardRef(({ children, className, onMouseEnter, onMouseLeave, size = 28, ...props }, ref) => {
+	const controls = useAnimation();
+	const isControlledRef = useRef(false);
+	useImperativeHandle(ref, () => {
+		isControlledRef.current = true;
+		return {
+			startAnimation: () => controls.start("animate"),
+			stopAnimation: () => controls.start("normal")
+		};
+	});
+	const handleMouseEnter = useCallback((e) => {
+		if (isControlledRef.current) onMouseEnter?.(e);
+		else controls.start("animate").catch(() => void 0);
+	}, [controls, onMouseEnter]);
+	const handleMouseLeave = useCallback((e) => {
+		if (isControlledRef.current) onMouseLeave?.(e);
+		else controls.start("normal").catch(() => void 0);
+	}, [controls, onMouseLeave]);
+	return /* @__PURE__ */ jsx("div", {
+		"aria-hidden": "true",
+		className: cn("inline-flex items-center justify-center", className),
+		onMouseEnter: handleMouseEnter,
+		onMouseLeave: handleMouseLeave,
+		...props,
+		children: children(controls, size)
+	});
+});
+AnimatedIcon.displayName = "AnimatedIcon";
+
+//#endregion
+//#region src/components/icons/search/search.tsx
+const SearchIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(AnimatedIcon, {
+	ref,
+	...props,
+	children: (controls, size) => /* @__PURE__ */ jsxs(motion.svg, {
+		animate: controls,
+		fill: "none",
+		height: size,
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "2",
+		transition: {
+			bounce: .3,
+			duration: 1
+		},
+		variants: {
+			animate: {
+				x: [
+					0,
+					0,
+					-3,
+					0
+				],
+				y: [
+					0,
+					-4,
+					0,
+					0
+				]
+			},
+			normal: {
+				x: 0,
+				y: 0
+			}
+		},
+		viewBox: "0 0 24 24",
+		width: size,
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [/* @__PURE__ */ jsx("circle", {
+			cx: "11",
+			cy: "11",
+			r: "8"
+		}), /* @__PURE__ */ jsx("path", { d: "m21 21-4.3-4.3" })]
+	})
+}));
+SearchIcon.displayName = "SearchIcon";
+
+//#endregion
+//#region src/components/ui/command/command.tsx
+const Command = ({ className, ...props }) => /* @__PURE__ */ jsx(Command$1, {
+	"data-slot": "command",
+	className: cn("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md", className),
+	...props
+});
+const CommandDialog = ({ title = "Command Palette", description = "Search for a command to run...", children, className, ...props }) => /* @__PURE__ */ jsxs(Dialog, {
+	...props,
+	children: [/* @__PURE__ */ jsxs(DialogHeader, {
+		className: "sr-only",
+		children: [/* @__PURE__ */ jsx(DialogTitle, { children: title }), /* @__PURE__ */ jsx(DialogDescription, { children: description })]
+	}), /* @__PURE__ */ jsx(DialogContent, {
+		className: cn("overflow-hidden p-0", className),
+		children: /* @__PURE__ */ jsx(Command, {
+			className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[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 = ({ className, ...props }) => /* @__PURE__ */ jsxs("div", {
+	"data-slot": "command-input-wrapper",
+	className: "flex h-9 items-center gap-2 border-b px-3",
+	children: [/* @__PURE__ */ jsx(SearchIcon, { className: "size-4 shrink-0 opacity-50" }), /* @__PURE__ */ jsx(Command$1.Input, {
+		"data-slot": "command-input",
+		className: cn("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className),
+		...props
+	})]
+});
+const CommandList = ({ className, ...props }) => /* @__PURE__ */ jsx(Command$1.List, {
+	"data-slot": "command-list",
+	className: cn("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", className),
+	...props
+});
+const CommandEmpty = ({ ...props }) => /* @__PURE__ */ jsx(Command$1.Empty, {
+	"data-slot": "command-empty",
+	className: "py-6 text-center text-sm",
+	...props
+});
+const CommandGroup = ({ className, ...props }) => /* @__PURE__ */ jsx(Command$1.Group, {
+	"data-slot": "command-group",
+	className: cn("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", className),
+	...props
+});
+const CommandSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx(Command$1.Separator, {
+	"data-slot": "command-separator",
+	className: cn("bg-border -mx-1 h-px", className),
+	...props
+});
+const CommandItem = ({ className, ...props }) => /* @__PURE__ */ jsx(Command$1.Item, {
+	"data-slot": "command-item",
+	className: cn("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+	...props
+});
+const CommandShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx("span", {
+	"data-slot": "command-shortcut",
+	className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
+	...props
+});
+
+//#endregion
+//#region src/components/ui/dropdown-menu/dropdown-menu.tsx
+const DropdownMenu = Root$2;
+const DropdownMenuTrigger = Trigger$2;
+const DropdownMenuGroup = Group;
+const DropdownMenuSub = Sub;
+const DropdownMenuContent = forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(Portal$2, { children: /* @__PURE__ */ jsx(Content$2, {
+	ref,
+	sideOffset,
+	className: cn("z-50 min-w-32 overflow-hidden rounded-md 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 = Content$2.displayName;
+const DropdownMenuItem = forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(Item, {
+	ref,
+	className: cn("relative flex cursor-default select-none items-center gap-2 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 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\"size-\"])]:size-4", inset && "pl-8", className),
+	...props
+}));
+DropdownMenuItem.displayName = Item.displayName;
+const DropdownMenuCheckboxItem = forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(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 size-3.5 items-center justify-center",
+		children: /* @__PURE__ */ jsx(ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon$1, { className: "size-4" }) })
+	}), children]
+}));
+DropdownMenuCheckboxItem.displayName = CheckboxItem.displayName;
+const DropdownMenuRadioGroup = RadioGroup$1;
+const DropdownMenuRadioItem = forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(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 size-3.5 items-center justify-center",
+		children: /* @__PURE__ */ jsx(ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) })
+	}), children]
+}));
+DropdownMenuRadioItem.displayName = RadioItem.displayName;
+const DropdownMenuLabel = forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(Label$1, {
+	ref,
+	className: cn("px-2 py-1.5 text-sm font-medium", inset && "pl-8", className),
+	...props
+}));
+DropdownMenuLabel.displayName = Label$1.displayName;
+const DropdownMenuSeparator = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Separator$1, {
+	ref,
+	className: cn("-mx-1 my-1 h-px bg-border", className),
+	...props
+}));
+DropdownMenuSeparator.displayName = Separator$1.displayName;
+const DropdownMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx("span", {
+	className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className),
+	...props
+});
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+const DropdownMenuSubTrigger = forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(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(ChevronRightIcon$1, { className: "ml-auto size-4" })]
+}));
+DropdownMenuSubTrigger.displayName = SubTrigger.displayName;
+const DropdownMenuSubContent = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(SubContent, {
+	ref,
+	className: cn("z-50 min-w-32 overflow-hidden rounded-md 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 = SubContent.displayName;
+
+//#endregion
+//#region src/components/icon-config/icon-config.tsx
+const IconConfigContext = createContext({
+	setStrokeWidth: () => {},
+	strokeWidth: void 0
+});
+const IconConfigProvider = ({ children }) => {
+	const [strokeWidth, setStrokeWidth] = useState(() => {
+		if (globalThis.window === void 0) return void 0;
+		const stored = localStorage.getItem("icon-stroke-width");
+		if (stored === "default") return void 0;
+		const n = Number.parseFloat(stored ?? "");
+		return Number.isNaN(n) ? void 0 : n;
+	});
+	useEffect(() => {
+		document.documentElement.style.setProperty("--icon-stroke-width", String(strokeWidth ?? 1.75));
+	}, [strokeWidth]);
+	const applyStrokeWidth = useCallback((v) => {
+		setStrokeWidth(v);
+		localStorage.setItem("icon-stroke-width", v === void 0 ? "default" : String(v));
+	}, []);
+	const value = useMemo(() => ({
+		setStrokeWidth: applyStrokeWidth,
+		strokeWidth
+	}), [applyStrokeWidth, strokeWidth]);
+	return /* @__PURE__ */ jsx(IconConfigContext.Provider, {
+		value,
+		children
+	});
+};
+const useIconConfig = () => useContext(IconConfigContext);
+
+//#endregion
+//#region src/components/ui/icon/icon.tsx
+/** Drop-in replacement for HugeiconsIcon — reads global strokeWidth from IconConfigContext */
+const Icon = (props) => {
+	const { strokeWidth } = useIconConfig();
+	return /* @__PURE__ */ jsx(HugeiconsIcon, {
+		strokeWidth: strokeWidth ?? 1.75,
+		...props
+	});
+};
+
+//#endregion
+//#region src/components/ui/kbd/kbd.tsx
+const Kbd = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("kbd", {
+		"data-slot": "kbd",
+		className: cn("bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium select-none", "[&_svg:not([class*='size-'])]:size-3", "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10", className),
+		...props
+	});
+};
+
+//#endregion
+//#region src/components/ui/popover/popover.tsx
+const Popover = ({ ...props }) => /* @__PURE__ */ jsx(PopoverPrimitive.Root, {
+	"data-slot": "popover",
+	...props
+});
+const PopoverTrigger = ({ ...props }) => /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, {
+	"data-slot": "popover-trigger",
+	...props
+});
+const PopoverContent = ({ className, align = "center", sideOffset = 4, ...props }) => {
+	return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(PopoverPrimitive.Content, {
+		"data-slot": "popover-content",
+		align,
+		sideOffset,
+		className: cn("bg-popover text-popover-foreground 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-98 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 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-xl border-0 p-4 shadow-[var(--shadow-elevated)] outline-hidden will-change-[opacity,transform] motion-reduce:animate-none", className),
+		...props
+	}) });
+};
+const PopoverAnchor = ({ ...props }) => /* @__PURE__ */ jsx(PopoverPrimitive.Anchor, {
+	"data-slot": "popover-anchor",
+	...props
+});
+
+//#endregion
+//#region src/components/ui/progress/progress.tsx
+const progressVariants = cva("h-full w-full flex-1 transition-transform duration-500 ease-out motion-reduce:transition-none", {
+	defaultVariants: { variant: "default" },
+	variants: { variant: {
+		brand: "bg-[var(--brand-default)]",
+		danger: "bg-[var(--danger-default)]",
+		default: "bg-primary",
+		process: "bg-[var(--process-default)]",
+		success: "bg-[var(--success-default)]",
+		warning: "bg-[var(--warning-default)]"
+	} }
+});
+const Progress = ({ className, indeterminate = false, value, variant, ...props }) => /* @__PURE__ */ jsxs("div", {
+	"data-slot": "progress",
+	className: cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", className),
+	...props,
+	children: [/* @__PURE__ */ jsx("progress", {
+		"aria-label": "Progress",
+		className: "sr-only",
+		max: 100,
+		value: indeterminate ? void 0 : value ?? 0
+	}), /* @__PURE__ */ jsx("div", {
+		"data-slot": "progress-indicator",
+		className: cn(progressVariants({ variant }), indeterminate && "animate-progress-indeterminate motion-reduce:animate-none"),
+		style: indeterminate ? void 0 : { transform: `translateX(-${100 - (value ?? 0)}%)` }
+	})]
+});
+
+//#endregion
+//#region src/components/ui/radio-group/radio-group.tsx
+const RadioGroup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, {
+		"data-slot": "radio-group",
+		className: cn("grid gap-3", className),
+		...props
+	});
+};
+const RadioGroupItem = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(RadioGroupPrimitive.Item, {
+		"data-slot": "radio-group-item",
+		className: cn("text-[var(--action)] dark:bg-input/30 relative aspect-square size-4 shrink-0 touch-manipulation rounded-full border border-[rgba(31,41,55,0.30)] dark:border-[rgba(255,255,255,0.20)] data-[state=checked]:border-[var(--action)] shadow-[0_1px_2px_rgba(0,0,0,0.06),0_0_1px_rgba(31,41,55,0.08)] dark:shadow-[0_1px_2px_rgba(0,0,0,0.20),0_0_1px_rgba(0,0,0,0.15)] transition-[color,box-shadow,border-color] duration-100 ease-out outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-[var(--destructive)] disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer before:absolute before:-inset-[12px] before:content-['']", className),
+		...props,
+		children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, {
+			"data-slot": "radio-group-indicator",
+			className: "group/indicator relative flex items-center justify-center",
+			forceMount: true,
+			children: /* @__PURE__ */ jsx("span", { className: "bg-[var(--action)] absolute top-1/2 left-1/2 size-2 rounded-full -translate-x-1/2 -translate-y-1/2 transition-[opacity,transform] duration-150 ease-out group-data-[state=unchecked]/indicator:scale-0 group-data-[state=unchecked]/indicator:opacity-0" })
+		})
+	});
+};
+
+//#endregion
+//#region src/components/ui/scroll-area/scroll-area.tsx
+const ScrollArea = ({ className, children, ...props }) => {
+	return /* @__PURE__ */ jsxs(ScrollAreaPrimitive.Root, {
+		"data-slot": "scroll-area",
+		className: cn("relative", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, {
+				"data-slot": "scroll-area-viewport",
+				className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+				children
+			}),
+			/* @__PURE__ */ jsx(ScrollBar, {}),
+			/* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+		]
+	});
+};
+const ScrollBar = ({ className, orientation = "vertical", ...props }) => {
+	return /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, {
+		"data-slot": "scroll-area-scrollbar",
+		orientation,
+		className: cn("flex touch-none touch-manipulation p-px transition-[background-color] select-none", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, {
+			"data-slot": "scroll-area-thumb",
+			className: "bg-border relative flex-1 rounded-full"
+		})
+	});
+};
+
+//#endregion
+//#region src/components/ui/search-input/search-input.tsx
+const SearchInput = ({ className, placeholder = "Search...", shortcut = "⌘K", onClick, ...props }) => {
+	return /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		"data-slot": "search-input",
+		className: cn("h-8 min-h-11 w-full touch-manipulation rounded-md border border-border bg-background dark:bg-input/30 md:min-h-0", "hover:border-foreground/20", "transition-[color,box-shadow,border-color] duration-100 ease-out", "outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50", "flex items-center gap-2 px-3", "text-sm text-muted-foreground/60 cursor-pointer", className),
+		onClick,
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(HugeiconsIcon, {
+				icon: Search01Icon,
+				size: 14,
+				className: "shrink-0 text-muted-foreground"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "flex-1 text-left",
+				children: placeholder
+			}),
+			shortcut && /* @__PURE__ */ jsx(Kbd, { children: shortcut })
+		]
+	});
+};
+
+//#endregion
+//#region src/components/ui/select/select.tsx
+const Select = ({ ...props }) => /* @__PURE__ */ jsx(Root$3, {
+	"data-slot": "select",
+	...props
+});
+const SelectGroup = ({ ...props }) => /* @__PURE__ */ jsx(Group$1, {
+	"data-slot": "select-group",
+	...props
+});
+const SelectValue = ({ ...props }) => /* @__PURE__ */ jsx(Value, {
+	"data-slot": "select-value",
+	...props
+});
+const SelectTrigger = ({ className, size = "default", children, ...props }) => /* @__PURE__ */ jsxs(Trigger$3, {
+	"data-slot": "select-trigger",
+	"data-size": size,
+	className: cn("data-[placeholder]:text-muted-foreground/60 [&_svg:not([class*='text-'])]:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 flex w-fit touch-manipulation items-center justify-between gap-1.5 rounded-md border-0 bg-transparent px-3 py-2 text-[13px] whitespace-nowrap shadow-[var(--shadow-input)] hover:shadow-[var(--shadow-input-hover)] transition-[color,box-shadow] duration-100 ease-out outline-none focus-visible:shadow-[0_0_0_1px_var(--ring),0_0_0_4px_rgba(0,114,239,0.15)] aria-invalid:shadow-[0_0_0_1px_var(--destructive)] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:text-[13px] data-[size=sm]:px-2.5 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+	...props,
+	children: [children, /* @__PURE__ */ jsx(Icon$1, {
+		asChild: true,
+		children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+			icon: ArrowDown01Icon,
+			size: 16,
+			className: "opacity-50"
+		})
+	})]
+});
+const SelectContent = ({ className, children, position = "popper", align = "start", ...props }) => /* @__PURE__ */ jsx(Portal$3, { children: /* @__PURE__ */ jsxs(Content$3, {
+	"data-slot": "select-content",
+	className: cn("bg-popover text-popover-foreground will-change-[opacity,transform] 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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-xl border-0 shadow-[var(--shadow-elevated)]", 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,
+	align,
+	...props,
+	children: [
+		/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+		/* @__PURE__ */ jsx(Viewport, {
+			className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
+			children
+		}),
+		/* @__PURE__ */ jsx(SelectScrollDownButton, {})
+	]
+}) });
+const SelectLabel = ({ className, ...props }) => /* @__PURE__ */ jsx(Label$2, {
+	"data-slot": "select-label",
+	className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
+	...props
+});
+const SelectItem = ({ className, children, ...props }) => /* @__PURE__ */ jsxs(Item$1, {
+	"data-slot": "select-item",
+	className: cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
+	...props,
+	children: [/* @__PURE__ */ jsx("span", {
+		"data-slot": "select-item-indicator",
+		className: "absolute right-2 flex size-3.5 items-center justify-center",
+		children: /* @__PURE__ */ jsx(ItemIndicator$1, { children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+			icon: Tick01Icon,
+			size: 16
+		}) })
+	}), /* @__PURE__ */ jsx(ItemText, { children })]
+});
+const SelectSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx(Separator$2, {
+	"data-slot": "select-separator",
+	className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
+	...props
+});
+const SelectScrollUpButton = ({ className, ...props }) => /* @__PURE__ */ jsx(ScrollUpButton, {
+	"data-slot": "select-scroll-up-button",
+	className: cn("flex cursor-default items-center justify-center py-1", className),
+	...props,
+	children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+		icon: ArrowUp01Icon,
+		size: 16
+	})
+});
+const SelectScrollDownButton = ({ className, ...props }) => /* @__PURE__ */ jsx(ScrollDownButton, {
+	"data-slot": "select-scroll-down-button",
+	className: cn("flex cursor-default items-center justify-center py-1", className),
+	...props,
+	children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+		icon: ArrowDown01Icon,
+		size: 16
+	})
+});
+
+//#endregion
+//#region src/components/ui/selectable-card/selectable-card.tsx
+const SelectableCard = ({ badge, className, description, icon, iconSize = 20, label, selected, ...props }) => /* @__PURE__ */ jsxs("button", {
+	"data-slot": "selectable-card",
+	"data-selected": selected,
+	className: cn("group/card relative flex flex-col items-start gap-2.5 p-4 rounded-xl text-left transition-[box-shadow,background-color,scale] duration-150 touch-manipulation active:scale-[0.96] cursor-pointer w-full outline-none focus-visible:shadow-[0_0_0_1.5px_var(--action),0_0_0_4px_oklch(from_var(--action)_l_c_h_/_0.25)]", selected ? "bg-[var(--action)]/5 shadow-[0_0_0_1.5px_var(--action)]" : "shadow-[0_0_0_1px_oklch(0.278_0.03_256.85_/_0.12)] hover:shadow-[0_0_0_1px_oklch(0.278_0.03_256.85_/_0.20)]", className),
+	...props,
+	children: [
+		icon && /* @__PURE__ */ jsx(HugeiconsIcon, {
+			icon,
+			size: iconSize,
+			className: "text-[var(--action)]"
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "w-full pr-7",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "text-sm font-medium text-balance",
+					children: label
+				}), badge && /* @__PURE__ */ jsx("span", {
+					className: "shrink-0",
+					children: badge
+				})]
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-xs text-muted-foreground mt-0.5 text-pretty",
+				children: description
+			})]
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "absolute top-4 right-4",
+			children: /* @__PURE__ */ jsx("div", {
+				className: cn("relative size-4 shrink-0 rounded-[4px] transition-[color,box-shadow,background-color] duration-200 ease", selected ? "bg-[var(--action)] text-white shadow-[0_0_0_1px_var(--action),0px_1px_1px_0px_oklch(1_0_0_/_0.07)_inset,0px_2px_3px_0px_oklch(0.278_0.03_256.85_/_0.20),0px_1px_1px_0px_oklch(0_0_0_/_0.24)]" : "shadow-[0_0_0_1px_oklch(0.278_0.03_256.85_/_0.20),0_1px_2px_0_oklch(0_0_0_/_0.06),0_0_1px_0_oklch(0_0_0_/_0.02)] group-hover/card:shadow-[0_0_0_1px_oklch(0.278_0.03_256.85_/_0.30),0_1px_2px_0_oklch(0_0_0_/_0.06),0_0_1px_0_oklch(0_0_0_/_0.02)]"),
+				children: /* @__PURE__ */ jsx(CheckIcon, {
+					size: 14,
+					className: cn("absolute inset-0 m-auto text-current transition-[opacity,transform,filter] duration-200", selected ? "opacity-100 scale-100 blur-none" : "opacity-0 scale-[0.25] blur-[4px]")
+				})
+			})
+		})
+	]
+});
+
+//#endregion
+//#region src/components/ui/separator/separator.tsx
+const Separator = forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(Root$4, {
+	ref,
+	decorative,
+	orientation,
+	className: cn("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className),
+	...props
+}));
+Separator.displayName = Root$4.displayName;
+
+//#endregion
+//#region src/components/ui/sheet/sheet.tsx
+const Sheet = ({ ...props }) => /* @__PURE__ */ jsx(SheetPrimitive.Root, {
+	"data-slot": "sheet",
+	...props
+});
+const SheetTrigger = ({ ...props }) => /* @__PURE__ */ jsx(SheetPrimitive.Trigger, {
+	"data-slot": "sheet-trigger",
+	...props
+});
+const SheetClose = ({ ...props }) => /* @__PURE__ */ jsx(SheetPrimitive.Close, {
+	"data-slot": "sheet-close",
+	...props
+});
+const SheetPortal = ({ ...props }) => /* @__PURE__ */ jsx(SheetPrimitive.Portal, {
+	"data-slot": "sheet-portal",
+	...props
+});
+const SheetOverlay = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(SheetPrimitive.Overlay, {
+		"data-slot": "sheet-overlay",
+		className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-[var(--overlay-md)] will-change-[opacity] data-[state=closed]:duration-100 data-[state=open]:duration-150 [animation-timing-function:cubic-bezier(0.16,1,0.3,1)] motion-reduce:animate-none", className),
+		...props
+	});
+};
+const SheetContent = ({ className, children, side = "right", showCloseButton = true, overlayClassName, ...props }) => {
+	return /* @__PURE__ */ jsxs(SheetPortal, { children: [/* @__PURE__ */ jsx(SheetOverlay, { className: overlayClassName }), /* @__PURE__ */ jsxs(SheetPrimitive.Content, {
+		"data-slot": "sheet-content",
+		className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 border-0 shadow-[var(--shadow-elevated)] [animation-timing-function:cubic-bezier(0.32,0.72,0,1)] data-[state=closed]:duration-150 data-[state=open]:duration-200 will-change-[opacity,transform] motion-reduce:animate-none", side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 sm:max-w-sm rounded-l-xl rounded-r-md", side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 sm:max-w-sm rounded-r-xl rounded-l-md", side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto rounded-b-md", side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto rounded-t-md", className),
+		...props,
+		children: [children, showCloseButton && /* @__PURE__ */ jsxs(SheetPrimitive.Close, {
+			className: "absolute top-3 right-3 inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground opacity-70 transition-[opacity,background-color] duration-150 ease hover:opacity-100 hover:bg-accent focus-visible:ring-2 focus-visible:ring-ring/50 focus:outline-hidden disabled:pointer-events-none cursor-pointer touch-manipulation before:absolute before:-inset-[6px] before:content-['']",
+			children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
+				icon: Cancel01Icon,
+				size: 14
+			}), /* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				children: "Close"
+			})]
+		})]
+	})] });
+};
+const SheetHeader = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sheet-header",
+		className: cn("flex flex-col gap-1.5 p-4", className),
+		...props
+	});
+};
+const SheetFooter = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sheet-footer",
+		className: cn("mt-auto flex flex-col gap-2 p-4", className),
+		...props
+	});
+};
+const SheetTitle = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(SheetPrimitive.Title, {
+		"data-slot": "sheet-title",
+		className: cn("text-foreground font-semibold", className),
+		...props
+	});
+};
+const SheetDescription = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(SheetPrimitive.Description, {
+		"data-slot": "sheet-description",
+		className: cn("text-muted-foreground text-sm", className),
+		...props
+	});
+};
+
+//#endregion
+//#region src/components/ui/skeleton/skeleton.tsx
+const Skeleton = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "skeleton",
+		className: cn("bg-accent animate-shimmer motion-reduce:animate-none rounded-md bg-[length:200%_100%] bg-gradient-to-r from-accent via-accent/50 to-accent", className),
+		...props
+	});
+};
+
+//#endregion
+//#region src/components/ui/sonner/sonner.tsx
+const Toaster = ({ ...props }) => {
+	const { theme = "system" } = useTheme();
+	return /* @__PURE__ */ jsx(Toaster$1, {
+		theme,
+		className: "toaster group",
+		icons: {
+			error: /* @__PURE__ */ jsx(HugeiconsIcon, {
+				icon: Cancel01Icon,
+				size: 16
+			}),
+			info: /* @__PURE__ */ jsx(HugeiconsIcon, {
+				icon: InformationCircleIcon,
+				size: 16
+			}),
+			loading: /* @__PURE__ */ jsxs("svg", {
+				className: "size-4 animate-spin",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				children: [/* @__PURE__ */ jsx("circle", {
+					className: "opacity-25",
+					cx: "12",
+					cy: "12",
+					r: "10",
+					stroke: "currentColor",
+					strokeWidth: "4"
+				}), /* @__PURE__ */ jsx("path", {
+					className: "opacity-75",
+					fill: "currentColor",
+					d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
+				})]
+			}),
+			success: /* @__PURE__ */ jsx(HugeiconsIcon, {
+				icon: CheckmarkCircle02Icon,
+				size: 16
+			}),
+			warning: /* @__PURE__ */ jsx(HugeiconsIcon, {
+				icon: Alert01Icon,
+				size: 16
+			})
+		},
+		style: {
+			"--border-radius": "var(--radius)",
+			"--normal-bg": "var(--popover)",
+			"--normal-border": "var(--border)",
+			"--normal-text": "var(--popover-foreground)"
+		},
+		...props
+	});
+};
+
+//#endregion
+//#region src/components/ui/spinner/spinner.tsx
+const Spinner = ({ className }) => /* @__PURE__ */ jsx("output", {
+	"aria-label": "Loading",
+	className: "inline-flex",
+	children: /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		className: cn("size-4 animate-spin motion-reduce:animate-none", className),
+		children: [/* @__PURE__ */ jsx("circle", {
+			className: "opacity-25",
+			cx: "12",
+			cy: "12",
+			r: "10",
+			stroke: "currentColor",
+			strokeWidth: "4"
+		}), /* @__PURE__ */ jsx("path", {
+			className: "opacity-75",
+			fill: "currentColor",
+			d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
+		})]
+	})
+});
+
+//#endregion
+//#region src/components/ui/table/table.tsx
+const Table = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "table-container",
+		className: "relative w-full overflow-x-auto",
+		children: /* @__PURE__ */ jsx("table", {
+			"data-slot": "table",
+			className: cn("w-full caption-bottom text-sm", className),
+			...props
+		})
+	});
+};
+const TableHeader = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("thead", {
+		"data-slot": "table-header",
+		className: cn("[&_tr]:border-b [&_tr]:border-[var(--border-divider)] [&_tr]:hover:bg-transparent bg-[var(--bg-accented)]/50 sticky top-0 z-10", className),
+		...props
+	});
+};
+const TableBody = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("tbody", {
+		"data-slot": "table-body",
+		className: cn("[&_tr:last-child]:border-0", className),
+		...props
+	});
+};
+const TableFooter = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("tfoot", {
+		"data-slot": "table-footer",
+		className: cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className),
+		...props
+	});
+};
+const TableRow = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("tr", {
+		"data-slot": "table-row",
+		className: cn("hover:bg-[var(--overlay-hover)] data-[state=selected]:bg-[var(--overlay-selected)] border-b border-[var(--border-divider)] transition-[background-color] duration-100", className),
+		...props
+	});
+};
+const TableHead = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("th", {
+		"data-slot": "table-head",
+		className: cn("text-muted-foreground h-10 px-3 text-left align-middle text-xs font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+		...props
+	});
+};
+const TableCell = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("td", {
+		"data-slot": "table-cell",
+		className: cn("px-3 py-2.5 align-middle whitespace-nowrap tabular-nums [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+		...props
+	});
+};
+const TableCaption = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("caption", {
+		"data-slot": "table-caption",
+		className: cn("text-muted-foreground mt-4 text-sm", className),
+		...props
+	});
+};
+
+//#endregion
+//#region src/components/ui/tabs/tabs.tsx
+const Tabs = ({ className, orientation = "horizontal", ...props }) => {
+	return /* @__PURE__ */ jsx(TabsPrimitive.Root, {
+		"data-slot": "tabs",
+		"data-orientation": orientation,
+		orientation,
+		className: cn("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col", className),
+		...props
+	});
+};
+const tabsListVariants = cva("rounded-lg p-[3px] group-data-[orientation=horizontal]/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col", {
+	defaultVariants: { variant: "default" },
+	variants: { variant: {
+		default: "bg-muted",
+		line: "gap-1 bg-transparent"
+	} }
+});
+const TabsList = ({ className, variant = "default", ...props }) => {
+	return /* @__PURE__ */ jsx(TabsPrimitive.List, {
+		"data-slot": "tabs-list",
+		"data-variant": variant,
+		className: cn(tabsListVariants({ variant }), className),
+		...props
+	});
+};
+const TabsTrigger = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(TabsPrimitive.Trigger, {
+		"data-slot": "tabs-trigger",
+		className: cn("focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap touch-manipulation transition-[color,background-color,border-color,box-shadow,opacity] duration-150 group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent", "data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground", "after:bg-foreground after:absolute after:opacity-0 after:transition-[opacity] group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100", className),
+		...props
+	});
+};
+const TabsContent = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(TabsPrimitive.Content, {
+		"data-slot": "tabs-content",
+		className: cn("flex-1 outline-none", className),
+		...props
+	});
+};
+
+//#endregion
+//#region src/components/ui/textarea/textarea.tsx
+const Textarea = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("textarea", {
+		"data-slot": "textarea",
+		className: cn("placeholder:text-muted-foreground/60 dark:bg-input/30 flex field-sizing-content min-h-16 w-full touch-manipulation rounded-md border-0 bg-background px-3 py-2 text-base shadow-[var(--shadow-input)] transition-[color,box-shadow] duration-100 ease-out outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "hover:shadow-[var(--shadow-input-hover)]", "focus-visible:shadow-[0_0_0_1px_var(--ring),0_0_0_4px_rgba(0,114,239,0.15)]", "aria-invalid:shadow-[0_0_0_1px_var(--destructive),0_0_1px_0_var(--destructive)]", className),
+		...props
+	});
+};
+
+//#endregion
+//#region src/components/ui/tooltip/tooltip.tsx
+const TooltipProvider = Provider;
+const Tooltip = Root$5;
+const TooltipTrigger = Trigger$4;
+const TooltipContent = forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(Portal$4, { children: /* @__PURE__ */ jsx(Content$4, {
+	ref,
+	sideOffset,
+	className: cn("z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground 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 = Content$4.displayName;
+
+//#endregion
+//#region src/components/ui/well/well.tsx
+const wellVariants = cva("rounded-2xl", {
+	defaultVariants: {
+		gap: "sm",
+		spacing: "default",
+		variant: "inset"
+	},
+	variants: {
+		gap: {
+			default: "space-y-4",
+			lg: "space-y-5",
+			none: "",
+			sm: "space-y-3"
+		},
+		spacing: {
+			default: "p-4",
+			lg: "p-5",
+			none: "p-0",
+			sm: "p-3"
+		},
+		variant: {
+			default: "bg-muted/50",
+			inset: "bg-muted/50 border border-border",
+			outline: "border border-border"
+		}
+	}
+});
+const Well = ({ className, gap, spacing, variant, ...props }) => /* @__PURE__ */ jsx("div", {
+	"data-slot": "well",
+	"data-spacing": spacing ?? "default",
+	className: cn(wellVariants({
+		gap,
+		spacing,
+		variant
+	}), className),
+	...props
+});
+const WellReveal = ({ children, className, open }) => /* @__PURE__ */ jsx("div", {
+	className: "grid transition-[grid-template-rows] duration-[220ms] ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none",
+	style: { gridTemplateRows: open ? "1fr" : "0fr" },
+	"aria-hidden": !open,
+	children: /* @__PURE__ */ jsx("div", {
+		className: "overflow-hidden",
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("px-0.5 pb-0.5 [&>[data-slot=well]:not([data-spacing=none])]:p-[22px]", className),
+			children
+		})
+	})
+});
+
+//#endregion
+//#region src/components/asset-icon/asset-icon.tsx
+const aliases = {
+	arbitrum: "arb",
+	"arbitrum-one": "arb",
+	"arbitrum-sepolia": "arb",
+	avalanche: "avax",
+	"base-sepolia": "base",
+	"binance-smart-chain": "bnb",
+	bitcoin: "btc",
+	"bitcoin-mainnet": "btc",
+	"bitcoin-testnet": "btc",
+	bsc: "bnb",
+	cosmos: "atom",
+	"cosmos-hub": "atom",
+	"cosmos-testnet": "atom",
+	ethereum: "eth",
+	fantom: "ftm",
+	gnosis: "gnosis",
+	linea: "linea",
+	mantle: "mantle",
+	optimism: "optimism",
+	osmosis: "osmo",
+	polygon: "matic",
+	"polygon-amoy": "matic",
+	scroll: "scroll",
+	sei: "sei",
+	"sei-network": "sei",
+	sepolia: "eth",
+	solana: "sol",
+	"solana-devnet": "sol",
+	"solana-mainnet": "sol",
+	starknet: "generic",
+	sui: "sui",
+	zksync: "zkevm"
+};
+const AssetIcon = ({ symbol, size = 32, className }) => {
+	return /* @__PURE__ */ jsx("img", {
+		src: `/assets/${aliases[symbol.toLowerCase()] ?? symbol.toLowerCase()}.svg`,
+		alt: symbol,
+		width: size,
+		height: size,
+		className: cn("object-contain", className),
+		onError: (e) => {
+			const target = e.currentTarget;
+			if (!target.src.endsWith("/assets/generic.svg")) target.src = "/assets/generic.svg";
+		}
+	});
+};
+
+//#endregion
+//#region src/components/copy-button/copy-button.tsx
+const spring$2 = {
+	bounce: 0,
+	duration: .35,
+	type: "spring"
+};
+const CopyButton = ({ value, label, variant = "outline", size = "icon-xs", className }) => {
+	const [copied, setCopied] = useState(false);
+	const timeoutRef = useRef(null);
+	const shouldReduceMotion = useReducedMotion();
+	useEffect(() => {
+		return () => {
+			if (timeoutRef.current) clearTimeout(timeoutRef.current);
+		};
+	}, []);
+	const handleCopy = async () => {
+		await navigator.clipboard.writeText(value);
+		setCopied(true);
+		if (timeoutRef.current) clearTimeout(timeoutRef.current);
+		timeoutRef.current = setTimeout(() => setCopied(false), 2e3);
+	};
+	let ariaLabel;
+	if (!label) ariaLabel = copied ? "Copied" : "Copy to clipboard";
+	return /* @__PURE__ */ jsx(Button, {
+		variant,
+		size,
+		onClick: handleCopy,
+		"aria-label": ariaLabel,
+		className: cn("transition-[color,background-color,box-shadow] duration-150", copied && "text-[var(--text-success)]", className),
+		children: /* @__PURE__ */ jsx(AnimatePresence, {
+			mode: "wait",
+			initial: false,
+			children: copied ? /* @__PURE__ */ jsxs(motion.span, {
+				initial: shouldReduceMotion ? false : {
+					opacity: 0,
+					scale: .25
+				},
+				animate: {
+					opacity: 1,
+					scale: 1
+				},
+				exit: shouldReduceMotion ? void 0 : {
+					opacity: 0,
+					scale: .25
+				},
+				transition: spring$2,
+				className: "flex items-center gap-1.5",
+				children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
+					icon: Tick01Icon,
+					size: 14
+				}), label && /* @__PURE__ */ jsx("span", { children: "Copied" })]
+			}, "check") : /* @__PURE__ */ jsxs(motion.span, {
+				initial: shouldReduceMotion ? false : {
+					opacity: 0,
+					scale: .25
+				},
+				animate: {
+					opacity: 1,
+					scale: 1
+				},
+				exit: shouldReduceMotion ? void 0 : {
+					opacity: 0,
+					scale: .25
+				},
+				transition: spring$2,
+				className: "flex items-center gap-1.5",
+				children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
+					icon: Copy01Icon,
+					size: 14
+				}), label && /* @__PURE__ */ jsx("span", { children: label })]
+			}, "copy")
+		})
+	});
+};
+
+//#endregion
+//#region src/components/code-block/code-block.tsx
+const variantStyles = {
+	dark: {
+		chromeDot: "bg-[var(--border-hover)]",
+		code: "text-[var(--foreground)]",
+		copyBtn: "text-[var(--text-disabled)] hover:text-[var(--foreground)] hover:bg-white/[0.06]",
+		header: "border-white/[0.05] bg-[var(--bg-default)]",
+		headerText: "text-[var(--muted-foreground)]",
+		lineNumber: "text-[var(--text-disabled)]",
+		prompt: "text-[var(--muted-foreground)]",
+		tabActive: "bg-white/[0.08] text-[var(--foreground)]",
+		tabInactive: "text-[var(--text-disabled)] hover:text-[var(--foreground)]",
+		wrapper: "bg-[var(--card)] text-[var(--foreground)] shadow-[0_0_0_1px_var(--border)]"
+	},
+	light: {
+		chromeDot: "bg-muted-foreground/15",
+		code: "text-foreground",
+		copyBtn: "text-muted-foreground/60 hover:text-foreground hover:bg-black/[0.04]",
+		header: "border-border/60 bg-[var(--muted)]/40",
+		headerText: "text-muted-foreground",
+		lineNumber: "text-muted-foreground/30",
+		prompt: "text-muted-foreground/40",
+		tabActive: "bg-background text-foreground shadow-[0_1px_2px_rgba(0,0,0,0.05)]",
+		tabInactive: "text-muted-foreground hover:text-foreground",
+		wrapper: "bg-white text-foreground shadow-[var(--shadow-card)]"
+	}
+};
+const CodeBlock = forwardRef(({ code, title, language: _language, showLineNumbers = false, showTerminalPrompt = false, variant = "dark", showWindowChrome = false, className }, ref) => {
+	const lines = code.split("\n");
+	const s = variantStyles[variant];
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: cn("rounded-xl overflow-hidden", s.wrapper, className),
+		children: [(title || showWindowChrome) && /* @__PURE__ */ jsxs("div", {
+			className: cn("flex items-center justify-between border-b px-4 py-2.5", s.header),
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-3",
+				children: [showWindowChrome && /* @__PURE__ */ jsxs("div", {
+					className: "flex gap-[6px]",
+					"aria-hidden": "true",
+					children: [
+						/* @__PURE__ */ jsx("div", { className: cn("size-[9px] rounded-full", s.chromeDot) }),
+						/* @__PURE__ */ jsx("div", { className: cn("size-[9px] rounded-full", s.chromeDot) }),
+						/* @__PURE__ */ jsx("div", { className: cn("size-[9px] rounded-full", s.chromeDot) })
+					]
+				}), title && /* @__PURE__ */ jsx("span", {
+					className: cn("text-[13px] font-medium", s.headerText),
+					children: title
+				})]
+			}), /* @__PURE__ */ jsx(CopyButton, {
+				value: code,
+				variant: "ghost",
+				size: "icon-xs",
+				className: s.copyBtn
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "relative group",
+			children: [!title && !showWindowChrome && /* @__PURE__ */ jsx("div", {
+				className: "absolute top-2.5 right-2.5 opacity-0 group-hover:opacity-100 transition-[opacity] duration-150",
+				children: /* @__PURE__ */ jsx(CopyButton, {
+					value: code,
+					variant: "ghost",
+					size: "icon-xs",
+					className: s.copyBtn
+				})
+			}), /* @__PURE__ */ jsx("pre", {
+				className: cn("overflow-x-auto px-4 py-3.5 text-[13px] font-mono leading-relaxed", !title && !showWindowChrome && "pr-10", variant === "dark" && "bg-[var(--background)]"),
+				children: /* @__PURE__ */ jsx("code", { children: showLineNumbers ? lines.map((line, i) => /* @__PURE__ */ jsxs("span", {
+					className: "table-row",
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: cn("table-cell pr-4 text-right select-none tabular-nums w-[2ch]", s.lineNumber),
+							children: i + 1
+						}),
+						/* @__PURE__ */ jsxs("span", {
+							className: "table-cell",
+							children: [showTerminalPrompt && i === 0 && /* @__PURE__ */ jsx("span", {
+								className: cn("select-none mr-2", s.prompt),
+								children: "$"
+							}), line]
+						}),
+						i < lines.length - 1 && "\n"
+					]
+				}, `L${i}:${line}`)) : /* @__PURE__ */ jsxs(Fragment, { children: [showTerminalPrompt && /* @__PURE__ */ jsx("span", {
+					className: cn("select-none mr-2", s.prompt),
+					children: "$"
+				}), code] }) })
+			})]
+		})]
+	});
+});
+CodeBlock.displayName = "CodeBlock";
+
+//#endregion
+//#region src/components/danger-zone/danger-zone.tsx
+const DangerZone = ({ title, description, actionLabel, confirmTitle, confirmDescription, onConfirm, className }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("rounded-xl border border-[var(--border-danger)]/30 p-6 shadow-[var(--shadow-card)] bg-card", className),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex items-start gap-3",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "flex size-8 shrink-0 items-center justify-center rounded-lg bg-[var(--danger-light)]",
+				children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+					icon: Alert01Icon,
+					size: 16,
+					className: "text-[var(--text-danger)]"
+				})
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex-1 min-w-0",
+				children: [
+					/* @__PURE__ */ jsx("h3", {
+						className: "text-sm font-semibold text-[var(--text-danger)] text-balance",
+						children: title
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-sm text-muted-foreground mt-1 text-pretty",
+						children: description
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "mt-4",
+						children: /* @__PURE__ */ jsxs(AlertDialog, { children: [/* @__PURE__ */ jsx(AlertDialogTrigger, {
+							asChild: true,
+							children: /* @__PURE__ */ jsx(Button, {
+								variant: "destructive",
+								children: actionLabel
+							})
+						}), /* @__PURE__ */ jsxs(AlertDialogContent, { children: [/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: confirmTitle || title }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: confirmDescription || description })] }), /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [/* @__PURE__ */ jsx(AlertDialogCancel, { children: "Cancel" }), /* @__PURE__ */ jsx(AlertDialogAction, {
+							onClick: onConfirm,
+							className: "bg-destructive text-white hover:bg-destructive/90",
+							children: actionLabel
+						})] })] })] })
+					})
+				]
+			})]
+		})
+	});
+};
+
+//#endregion
+//#region src/components/domain-list/domain-list.tsx
+const DomainList = ({ className, domains, onChange, placeholder = "https://example.com", validate }) => {
+	const [inputValue, setInputValue] = useState("");
+	const [error, setError] = useState(null);
+	const handleAdd = () => {
+		const trimmed = inputValue.trim();
+		if (!trimmed) return;
+		if (validate) {
+			const validationError = validate(trimmed);
+			if (validationError) {
+				setError(validationError);
+				return;
+			}
+		}
+		if (domains.includes(trimmed)) {
+			setError("Already added");
+			return;
+		}
+		onChange([...domains, trimmed]);
+		setInputValue("");
+		setError(null);
+	};
+	const handleRemove = (domain) => {
+		onChange(domains.filter((d) => d !== domain));
+	};
+	const handleKeyDown = (e) => {
+		if (e.key === "Enter") {
+			e.preventDefault();
+			handleAdd();
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("space-y-3", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex-1",
+				children: [/* @__PURE__ */ jsx(Input, {
+					value: inputValue,
+					onChange: (e) => {
+						setInputValue(e.target.value);
+						setError(null);
+					},
+					onKeyDown: handleKeyDown,
+					placeholder,
+					"aria-invalid": !!error
+				}), error && /* @__PURE__ */ jsx("p", {
+					className: "text-xs text-[var(--text-danger)] mt-1",
+					children: error
+				})]
+			}), /* @__PURE__ */ jsxs(Button, {
+				variant: "outline",
+				size: "default",
+				onClick: handleAdd,
+				disabled: !inputValue.trim(),
+				type: "button",
+				children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
+					icon: Add01Icon,
+					size: 16
+				}), "Add"]
+			})]
+		}), domains.length > 0 && /* @__PURE__ */ jsx("ul", {
+			className: "space-y-1.5",
+			children: domains.map((domain) => /* @__PURE__ */ jsxs("li", {
+				className: "flex items-center justify-between gap-2 rounded-md border bg-[var(--bg-bottom)] px-3 py-2 text-sm",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "font-mono text-sm truncate",
+					children: domain
+				}), /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: () => handleRemove(domain),
+					className: "shrink-0 rounded-sm p-0.5 text-muted-foreground hover:text-[var(--text-danger)] transition-[color] duration-150 relative before:absolute before:-inset-[11px] before:content-['']",
+					children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+						icon: Cancel01Icon,
+						size: 14
+					})
+				})]
+			}, domain))
+		})]
+	});
+};
+
+//#endregion
+//#region src/components/empty-state/empty-state.tsx
+const EmptyState = ({ icon: Icon$2, title, description, action, className }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col items-center justify-center py-16 px-8 text-center", className),
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "flex size-12 items-center justify-center rounded-xl bg-muted mb-4",
+				children: /* @__PURE__ */ jsx(Icon$2, { className: "size-6 text-muted-foreground" })
+			}),
+			/* @__PURE__ */ jsx("h3", {
+				className: "text-sm font-semibold",
+				children: title
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-sm text-muted-foreground mt-1 max-w-sm",
+				children: description
+			}),
+			action && /* @__PURE__ */ jsx("div", {
+				className: "mt-4",
+				children: action
+			})
+		]
+	});
+};
+
+//#endregion
+//#region src/components/info-banner/info-banner.tsx
+const spring$1 = {
+	bounce: 0,
+	duration: .35,
+	type: "spring"
+};
+const InfoBanner = ({ children, dismissible = false, onDismiss, className }) => {
+	const [dismissed, setDismissed] = useState(false);
+	const shouldReduceMotion = useReducedMotion();
+	if (dismissed) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex items-center gap-2 rounded-lg border border-border bg-muted/50 px-3 py-2 text-sm text-muted-foreground", className),
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground shrink-0",
+				children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+					icon: InformationCircleIcon,
+					size: 16
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex-1 min-w-0 text-pretty",
+				children
+			}),
+			dismissible && /* @__PURE__ */ jsx(motion.button, {
+				whileTap: shouldReduceMotion ? void 0 : { scale: .96 },
+				transition: spring$1,
+				onClick: () => {
+					setDismissed(true);
+					onDismiss?.();
+				},
+				className: "relative before:absolute before:-inset-[13px] before:content-[''] shrink-0 rounded-sm p-0.5 opacity-70 hover:opacity-100 transition-[opacity] touch-manipulation cursor-pointer",
+				children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+					icon: Cancel01Icon,
+					size: 14
+				})
+			})
+		]
+	});
+};
+
+//#endregion
+//#region src/components/loading-skeleton/loading-skeleton.tsx
+const buildIdList = (length) => Array.from({ length }, () => crypto.randomUUID());
+/** Full-page skeleton with header and content area */
+const PageSkeleton = ({ className }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("space-y-6 p-6", className),
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-48" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-96" })]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid grid-cols-1 md:grid-cols-3 gap-4",
+				children: [
+					/* @__PURE__ */ jsx(StatCardSkeleton, {}),
+					/* @__PURE__ */ jsx(StatCardSkeleton, {}),
+					/* @__PURE__ */ jsx(StatCardSkeleton, {})
+				]
+			}),
+			/* @__PURE__ */ jsx(TableSkeleton, { rows: 5 })
+		]
+	});
+};
+/** Stat/metric card skeleton */
+const StatCardSkeleton = ({ className }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("rounded-xl p-5 shadow-[var(--shadow-card)] bg-card", className),
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between mb-3",
+				children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }), /* @__PURE__ */ jsx(Skeleton, { className: "size-8 rounded-lg" })]
+			}),
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-20 mb-1" }),
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" })
+		]
+	});
+};
+/** Table skeleton with configurable rows */
+const TableSkeleton = ({ rows = 5, columns = 4, className }) => {
+	const headerIds = useMemo(() => buildIdList(columns), [columns]);
+	const rowIds = useMemo(() => buildIdList(rows), [rows]);
+	const colIds = useMemo(() => buildIdList(columns), [columns]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("rounded-xl border shadow-[var(--shadow-card)] bg-card overflow-hidden", className),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "flex items-center gap-4 px-4 py-3 border-b",
+			children: headerIds.map((id) => /* @__PURE__ */ jsx(Skeleton, { className: "h-4 flex-1" }, id))
+		}), rowIds.map((rowId) => /* @__PURE__ */ jsx("div", {
+			className: "flex items-center gap-4 px-4 py-3 border-b last:border-b-0",
+			children: colIds.map((colId, colIdx) => /* @__PURE__ */ jsx(Skeleton, { className: cn("h-4 flex-1", colIdx === 0 && "max-w-32", colIdx === columns - 1 && "max-w-16") }, `${rowId}-${colId}`))
+		}, rowId))]
+	});
+};
+
+//#endregion
+//#region src/components/metric-card/metric-card.tsx
+const trendColor = {
+	down: "text-[var(--text-danger)]",
+	neutral: "text-muted-foreground",
+	up: "text-[var(--text-success)]"
+};
+const MetricCard = (props) => {
+	const { label, icon: Icon$2, loading = false, className } = props;
+	if (loading) return /* @__PURE__ */ jsxs("div", {
+		className: cn("rounded-[16px] bg-card shadow-[var(--shadow-card)] px-5 py-4", className),
+		children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-20 mb-2.5" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-24" })]
+	});
+	if (props.inactive) return /* @__PURE__ */ jsxs("div", {
+		className: cn("rounded-[16px] bg-card shadow-[var(--shadow-card)] px-5 py-4", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-1.5",
+			children: [Icon$2 && /* @__PURE__ */ jsx(Icon$2, { className: "size-3.5 text-muted-foreground" }), /* @__PURE__ */ jsx("span", {
+				className: "text-[13px] text-muted-foreground font-medium",
+				children: label
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "text-2xl font-semibold tracking-tight text-muted-foreground/30 tabular-nums mt-1.5",
+			children: "0"
+		})]
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("rounded-[16px] bg-card shadow-[var(--shadow-card)] px-5 py-4", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-1.5",
+			children: [Icon$2 && /* @__PURE__ */ jsx(Icon$2, { className: "size-3.5 text-muted-foreground" }), /* @__PURE__ */ jsx("span", {
+				className: "text-[13px] text-muted-foreground font-medium",
+				children: label
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex items-baseline gap-2 mt-1.5",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "text-2xl font-semibold tracking-tight tabular-nums",
+				children: props.value
+			}), props.trend && props.trendValue && /* @__PURE__ */ jsx("span", {
+				className: cn("text-xs font-medium tabular-nums", trendColor[props.trend]),
+				children: props.trendValue
+			})]
+		})]
+	});
+};
+
+//#endregion
+//#region src/components/ask-ai-sheet/ask-ai-sheet.tsx
+/**
+* Placeholder stub for the docs-AI sheet.
+*
+* Renders nothing in droplet — the real sheet lives in the consumer app and
+* subscribes to the `docsPath` to surface contextual AI help. Kept here so
+* `PageActions` can mount it unconditionally without each consumer wiring it.
+*/
+const AskAISheet = ({ docsPath: _docsPath }) => {
+	return null;
+};
+
+//#endregion
+//#region src/components/page-actions/page-actions.tsx
+const AskAIAction = ({ docsPath }) => {
+	return /* @__PURE__ */ jsx(AskAISheet, { docsPath });
+};
+const WebhooksAction = () => {
+	return /* @__PURE__ */ jsx(Button, {
+		variant: "outline",
+		size: "sm",
+		asChild: true,
+		children: /* @__PURE__ */ jsxs(Link, {
+			href: "/dashboard/developers?tab=webhooks",
+			children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
+				icon: WebhookIcon,
+				size: 14
+			}), "Webhooks"]
+		})
+	});
+};
+
+//#endregion
+//#region src/components/product-page-layout/product-page-layout.tsx
+const spring = {
+	bounce: 0,
+	duration: .35,
+	type: "spring"
+};
+const ProductPageLayout = ({ title, tabs, activeTab, onTabChange, children, headerActions, headerContent, sidebarFooter }) => {
+	const activeTabConfig = tabs.find((t) => t.id === activeTab);
+	const shouldReduceMotion = useReducedMotion();
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex h-full",
+		children: [/* @__PURE__ */ jsxs("nav", {
+			className: "w-52 shrink-0 bg-background overflow-y-auto py-4 px-3 flex flex-col",
+			children: [
+				/* @__PURE__ */ jsx("h2", {
+					className: "px-3 mb-3 text-sm font-semibold text-balance",
+					children: title
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "flex flex-col gap-0.5",
+					children: tabs.map((tab) => /* @__PURE__ */ jsx(motion.button, {
+						whileTap: shouldReduceMotion ? void 0 : { scale: .96 },
+						transition: spring,
+						onClick: () => onTabChange(tab.id),
+						className: cn("flex items-center rounded-md px-3 py-1.5 text-[13px] font-medium transition-[color,background-color] text-left touch-manipulation", activeTab === tab.id ? "bg-muted text-foreground" : "text-muted-foreground hover:bg-muted/50 hover:text-foreground"),
+						children: tab.label
+					}, tab.id))
+				}),
+				sidebarFooter && /* @__PURE__ */ jsx("div", {
+					className: "mt-auto pt-4",
+					children: sidebarFooter
+				})
+			]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex-1 overflow-auto",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "px-10 py-8 space-y-8",
+				children: [headerContent ?? /* @__PURE__ */ jsxs("div", {
+					className: "flex items-start justify-between gap-4",
+					children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h1", {
+						className: "text-2xl font-semibold text-balance",
+						children: activeTabConfig?.heading ?? activeTabConfig?.label ?? activeTab
+					}), activeTabConfig?.description && /* @__PURE__ */ jsx("p", {
+						className: "text-sm text-muted-foreground mt-1 text-pretty",
+						children: activeTabConfig.description
+					})] }), headerActions && /* @__PURE__ */ jsx("div", {
+						className: "flex items-center gap-2 shrink-0",
+						children: headerActions
+					})]
+				}), children]
+			})
+		})]
+	});
+};
+
+//#endregion
+//#region src/components/settings-section/settings-section.tsx
+const SettingsSection = ({ title, description, children, variant = "default", className }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("rounded-xl border p-6 shadow-[var(--shadow-card)] bg-card", variant === "danger" && "border-[var(--border-danger)]/30", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "mb-4",
+			children: [/* @__PURE__ */ jsx("h3", {
+				className: cn("text-sm font-semibold text-balance", variant === "danger" && "text-[var(--text-danger)]"),
+				children: title
+			}), description && /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-muted-foreground mt-1 text-pretty",
+				children: description
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "space-y-4",
+			children
+		})]
+	});
+};
+
+//#endregion
+//#region src/components/status-badge/status-badge.tsx
+const statusConfig = {
+	active: {
+		dot: true,
+		label: "Active",
+		variant: "success"
+	},
+	blocked: {
+		dot: true,
+		label: "Blocked",
+		variant: "danger"
+	},
+	inactive: {
+		dot: true,
+		label: "Inactive",
+		variant: "inactive"
+	},
+	live: {
+		dot: true,
+		label: "Live",
+		variant: "success"
+	},
+	pending: {
+		dot: true,
+		label: "Pending",
+		variant: "warning"
+	},
+	processing: {
+		dot: true,
+		label: "Processing",
+		variant: "process"
+	},
+	sandbox: {
+		dot: true,
+		label: "Sandbox",
+		variant: "warning"
+	}
+};
+const StatusBadge = ({ status, label, className }) => {
+	const config = statusConfig[status];
+	return /* @__PURE__ */ jsxs(Badge, {
+		variant: config.variant,
+		className: cn("gap-1.5", className),
+		children: [config.dot && /* @__PURE__ */ jsx("span", { className: "size-1.5 rounded-full bg-current opacity-70" }), label || config.label]
+	});
+};
+
+//#endregion
+//#region src/components/icons/arrow-up-right/arrow-up-right.tsx
+const ArrowUpRightIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(AnimatedIcon, {
+	ref,
+	...props,
+	children: (controls, size) => /* @__PURE__ */ jsxs("svg", {
+		fill: "none",
+		height: size,
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "2",
+		viewBox: "0 0 24 24",
+		width: size,
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [/* @__PURE__ */ jsx(motion.path, {
+			animate: controls,
+			d: "M7 17 17 7",
+			transition: {
+				duration: .3,
+				times: [
+					0,
+					.4,
+					1
+				]
+			},
+			variants: {
+				animate: {
+					x: [
+						0,
+						2,
+						0
+					],
+					y: [
+						0,
+						-2,
+						0
+					]
+				},
+				normal: {
+					x: 0,
+					y: 0
+				}
+			}
+		}), /* @__PURE__ */ jsx(motion.path, {
+			animate: controls,
+			d: "M7 7h10v10",
+			transition: {
+				duration: .3,
+				times: [
+					0,
+					.4,
+					1
+				]
+			},
+			variants: {
+				animate: {
+					x: [
+						0,
+						2,
+						0
+					],
+					y: [
+						0,
+						-2,
+						0
+					]
+				},
+				normal: {
+					x: 0,
+					y: 0
+				}
+			}
+		})]
+	})
+}));
+ArrowUpRightIcon.displayName = "ArrowUpRightIcon";
+
+//#endregion
+//#region src/components/icons/chart-bar-increasing/chart-bar-increasing.tsx
+const LINE_VARIANTS$1 = {
+	hidden: {
+		opacity: 0,
+		pathLength: 0
+	},
+	visible: {
+		opacity: 1,
+		pathLength: 1
+	}
+};
+const transitionFor = (i) => ({
+	delay: i * .1,
+	duration: .3
+});
+const ChartBarIncreasingIcon = forwardRef(({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {
+	const controls = useAnimation();
+	const isControlledRef = useRef(false);
+	useImperativeHandle(ref, () => {
+		isControlledRef.current = true;
+		return {
+			startAnimation: async () => {
+				await controls.start((i) => ({
+					opacity: 0,
+					pathLength: 0,
+					transition: transitionFor(i)
+				}));
+				await controls.start((i) => ({
+					opacity: 1,
+					pathLength: 1,
+					transition: transitionFor(i)
+				}));
+			},
+			stopAnimation: () => controls.start("visible")
+		};
+	});
+	const handleMouseEnter = useCallback(async (e) => {
+		if (isControlledRef.current) onMouseEnter?.(e);
+		else {
+			await controls.start((i) => ({
+				opacity: 0,
+				pathLength: 0,
+				transition: transitionFor(i)
+			}));
+			await controls.start((i) => ({
+				opacity: 1,
+				pathLength: 1,
+				transition: transitionFor(i)
+			}));
+		}
+	}, [controls, onMouseEnter]);
+	const handleMouseLeave = useCallback((e) => {
+		if (isControlledRef.current) onMouseLeave?.(e);
+		else controls.start("visible").catch(() => void 0);
+	}, [controls, onMouseLeave]);
+	return /* @__PURE__ */ jsx("div", {
+		"aria-hidden": "true",
+		className: cn("inline-flex items-center justify-center", className),
+		onMouseEnter: handleMouseEnter,
+		onMouseLeave: handleMouseLeave,
+		...props,
+		children: /* @__PURE__ */ jsxs("svg", {
+			fill: "none",
+			height: size,
+			stroke: "currentColor",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: "2",
+			viewBox: "0 0 24 24",
+			width: size,
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [
+				/* @__PURE__ */ jsx("path", { d: "M3 3v16a2 2 0 0 0 2 2h16" }),
+				/* @__PURE__ */ jsx(motion.path, {
+					animate: controls,
+					custom: 1,
+					d: "M7 11h8",
+					initial: "visible",
+					variants: LINE_VARIANTS$1
+				}),
+				/* @__PURE__ */ jsx(motion.path, {
+					animate: controls,
+					custom: 2,
+					d: "M7 16h12",
+					initial: "visible",
+					variants: LINE_VARIANTS$1
+				}),
+				/* @__PURE__ */ jsx(motion.path, {
+					animate: controls,
+					custom: 0,
+					d: "M7 6h3",
+					initial: "visible",
+					variants: LINE_VARIANTS$1
+				})
+			]
+		})
+	});
+});
+ChartBarIncreasingIcon.displayName = "ChartBarIncreasingIcon";
+
+//#endregion
+//#region src/components/icons/chevron-down/chevron-down.tsx
+const DEFAULT_TRANSITION$3 = {
+	duration: .5,
+	times: [
+		0,
+		.4,
+		1
+	]
+};
+const ChevronDownIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(AnimatedIcon, {
+	ref,
+	...props,
+	children: (controls, size) => /* @__PURE__ */ jsx("svg", {
+		fill: "none",
+		height: size,
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "2",
+		viewBox: "0 0 24 24",
+		width: size,
+		xmlns: "http://www.w3.org/2000/svg",
+		children: /* @__PURE__ */ jsx(motion.path, {
+			animate: controls,
+			d: "m6 9 6 6 6-6",
+			transition: DEFAULT_TRANSITION$3,
+			variants: {
+				animate: { y: [
+					0,
+					2,
+					0
+				] },
+				normal: { y: 0 }
+			}
+		})
+	})
+}));
+ChevronDownIcon.displayName = "ChevronDownIcon";
+
+//#endregion
+//#region src/components/icons/chevron-right/chevron-right.tsx
+const ChevronRightIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(AnimatedIcon, {
+	ref,
+	...props,
+	children: (controls, size) => /* @__PURE__ */ jsx("svg", {
+		fill: "none",
+		height: size,
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "2",
+		viewBox: "0 0 24 24",
+		width: size,
+		xmlns: "http://www.w3.org/2000/svg",
+		children: /* @__PURE__ */ jsx(motion.path, {
+			animate: controls,
+			d: "m9 18 6-6-6-6",
+			transition: {
+				duration: .5,
+				times: [
+					0,
+					.4,
+					1
+				]
+			},
+			variants: {
+				animate: { x: [
+					0,
+					2,
+					0
+				] },
+				normal: { x: 0 }
+			}
+		})
+	})
+}));
+ChevronRightIcon.displayName = "ChevronRightIcon";
+
+//#endregion
+//#region src/components/icons/copy/copy.tsx
+const springTransition = {
+	damping: 17,
+	mass: 1,
+	stiffness: 160,
+	type: "spring"
+};
+const CopyIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(AnimatedIcon, {
+	ref,
+	...props,
+	children: (controls, size) => /* @__PURE__ */ jsxs("svg", {
+		fill: "none",
+		height: size,
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "2",
+		viewBox: "0 0 24 24",
+		width: size,
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [/* @__PURE__ */ jsx(motion.rect, {
+			animate: controls,
+			height: "14",
+			rx: "2",
+			ry: "2",
+			transition: springTransition,
+			variants: {
+				animate: {
+					translateX: -3,
+					translateY: -3
+				},
+				normal: {
+					translateX: 0,
+					translateY: 0
+				}
+			},
+			width: "14",
+			x: "8",
+			y: "8"
+		}), /* @__PURE__ */ jsx(motion.path, {
+			animate: controls,
+			d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",
+			transition: springTransition,
+			variants: {
+				animate: {
+					x: 3,
+					y: 3
+				},
+				normal: {
+					x: 0,
+					y: 0
+				}
+			}
+		})]
+	})
+}));
+CopyIcon.displayName = "CopyIcon";
+
+//#endregion
+//#region src/components/icons/copy-check/copy-check.tsx
+const SPRING_TRANSITION = {
+	damping: 17,
+	mass: 1,
+	stiffness: 160,
+	type: "spring"
+};
+const CopyCheckIcon = forwardRef(({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {
+	const controls = useAnimation();
+	const isControlledRef = useRef(false);
+	const [copied, setCopied] = useState(false);
+	const timerRef = useRef(null);
+	const triggerCopied = useCallback(() => {
+		setCopied(true);
+		if (timerRef.current) clearTimeout(timerRef.current);
+		timerRef.current = setTimeout(() => setCopied(false), 1500);
+	}, []);
+	useImperativeHandle(ref, () => {
+		isControlledRef.current = true;
+		return {
+			startAnimation: () => controls.start("animate"),
+			stopAnimation: () => controls.start("normal"),
+			triggerCopied
+		};
+	});
+	const handleMouseEnter = useCallback((e) => {
+		if (!copied) if (isControlledRef.current) onMouseEnter?.(e);
+		else controls.start("animate").catch(() => void 0);
+	}, [
+		controls,
+		onMouseEnter,
+		copied
+	]);
+	const handleMouseLeave = useCallback((e) => {
+		if (!copied) if (isControlledRef.current) onMouseLeave?.(e);
+		else controls.start("normal").catch(() => void 0);
+	}, [
+		controls,
+		onMouseLeave,
+		copied
+	]);
+	return /* @__PURE__ */ jsx("div", {
+		"aria-hidden": "true",
+		className: cn("relative inline-flex items-center justify-center", className),
+		onMouseEnter: handleMouseEnter,
+		onMouseLeave: handleMouseLeave,
+		...props,
+		children: /* @__PURE__ */ jsx(AnimatePresence, {
+			mode: "wait",
+			children: copied ? /* @__PURE__ */ jsx(motion.svg, {
+				initial: {
+					opacity: 0,
+					scale: .5
+				},
+				animate: {
+					opacity: 1,
+					scale: 1
+				},
+				exit: {
+					opacity: 0,
+					scale: .5
+				},
+				transition: { duration: .15 },
+				fill: "none",
+				height: size,
+				stroke: "currentColor",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: "2",
+				viewBox: "0 0 24 24",
+				width: size,
+				xmlns: "http://www.w3.org/2000/svg",
+				className: "text-green-500",
+				children: /* @__PURE__ */ jsx(motion.path, {
+					d: "M20 6 9 17l-5-5",
+					initial: { pathLength: 0 },
+					animate: { pathLength: 1 },
+					transition: {
+						delay: .1,
+						duration: .3
+					}
+				})
+			}, "check") : /* @__PURE__ */ jsx(motion.div, {
+				initial: {
+					opacity: 0,
+					scale: .5
+				},
+				animate: {
+					opacity: 1,
+					scale: 1
+				},
+				exit: {
+					opacity: 0,
+					scale: .5
+				},
+				transition: { duration: .15 },
+				children: /* @__PURE__ */ jsxs("svg", {
+					fill: "none",
+					height: size,
+					stroke: "currentColor",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: "2",
+					viewBox: "0 0 24 24",
+					width: size,
+					xmlns: "http://www.w3.org/2000/svg",
+					children: [/* @__PURE__ */ jsx(motion.rect, {
+						animate: controls,
+						height: "14",
+						rx: "2",
+						ry: "2",
+						transition: SPRING_TRANSITION,
+						variants: {
+							animate: {
+								translateX: -3,
+								translateY: -3
+							},
+							normal: {
+								translateX: 0,
+								translateY: 0
+							}
+						},
+						width: "14",
+						x: "8",
+						y: "8"
+					}), /* @__PURE__ */ jsx(motion.path, {
+						animate: controls,
+						d: "M8 4V2H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.75a2 2 0 0 0-2-2H16a2 2 0 0 0-2-2h-2z",
+						transition: SPRING_TRANSITION,
+						variants: {
+							animate: {
+								x: 3,
+								y: 3
+							},
+							normal: {
+								x: 0,
+								y: 0
+							}
+						}
+					})]
+				})
+			}, "copy")
+		})
+	});
+});
+CopyCheckIcon.displayName = "CopyCheckIcon";
+
+//#endregion
+//#region src/components/icons/dollar-sign/dollar-sign.tsx
+const DOLLAR_MAIN_VARIANTS = {
+	animate: {
+		opacity: [0, 1],
+		pathLength: [0, 1],
+		transition: {
+			duration: .6,
+			opacity: { duration: .1 }
+		}
+	},
+	normal: {
+		opacity: 1,
+		pathLength: 1,
+		transition: {
+			duration: .4,
+			opacity: { duration: .1 }
+		}
+	}
+};
+const DOLLAR_SECONDARY_VARIANTS = {
+	animate: {
+		opacity: [0, 1],
+		pathLength: [0, 1],
+		pathOffset: [1, 0],
+		transition: {
+			delay: .5,
+			duration: .4,
+			opacity: {
+				delay: .5,
+				duration: .1
+			}
+		}
+	},
+	normal: {
+		opacity: 1,
+		pathLength: 1,
+		pathOffset: 0,
+		transition: {
+			delay: .3,
+			duration: .3,
+			opacity: {
+				delay: .3,
+				duration: .1
+			}
+		}
+	}
+};
+const DollarSignIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(AnimatedIcon, {
+	ref,
+	...props,
+	children: (controls, size) => /* @__PURE__ */ jsxs("svg", {
+		fill: "none",
+		height: size,
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "2",
+		viewBox: "0 0 24 24",
+		width: size,
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [/* @__PURE__ */ jsx(motion.path, {
+			animate: controls,
+			d: "M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6",
+			initial: "normal",
+			variants: DOLLAR_MAIN_VARIANTS
+		}), /* @__PURE__ */ jsx(motion.path, {
+			animate: controls,
+			d: "M12 22 L12 2",
+			initial: "normal",
+			variants: DOLLAR_SECONDARY_VARIANTS
+		})]
+	})
+}));
+DollarSignIcon.displayName = "DollarSignIcon";
+
+//#endregion
+//#region src/components/icons/download/download.tsx
+const DownloadIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(AnimatedIcon, {
+	ref,
+	...props,
+	children: (controls, size) => /* @__PURE__ */ jsxs("svg", {
+		fill: "none",
+		height: size,
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "2",
+		viewBox: "0 0 24 24",
+		width: size,
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ jsx(motion.path, {
+				animate: controls,
+				d: "M12 15V3",
+				transition: {
+					duration: .3,
+					times: [
+						0,
+						.4,
+						1
+					]
+				},
+				variants: {
+					animate: { y: [
+						0,
+						2,
+						0
+					] },
+					normal: { y: 0 }
+				}
+			}),
+			/* @__PURE__ */ jsx(motion.path, {
+				animate: controls,
+				d: "m8 11 4 4 4-4",
+				transition: {
+					duration: .3,
+					times: [
+						0,
+						.4,
+						1
+					]
+				},
+				variants: {
+					animate: { y: [
+						0,
+						2,
+						0
+					] },
+					normal: { y: 0 }
+				}
+			}),
+			/* @__PURE__ */ jsx("path", { d: "M20 21H4" })
+		]
+	})
+}));
+DownloadIcon.displayName = "DownloadIcon";
+
+//#endregion
+//#region src/components/icons/fingerprint/fingerprint.tsx
+const PATH_VARIANTS$7 = {
+	animate: {
+		opacity: [
+			0,
+			0,
+			1,
+			1,
+			1
+		],
+		pathLength: [
+			.1,
+			.3,
+			.5,
+			.7,
+			.9,
+			1
+		],
+		transition: {
+			opacity: { duration: .5 },
+			pathLength: { duration: 2 }
+		}
+	},
+	normal: {
+		opacity: 1,
+		pathLength: 1
+	}
+};
+const FINGERPRINT_PATHS = [
+	{ d: "M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4" },
+	{ d: "M14 13.12c0 2.38 0 6.38-1 8.88" },
+	{ d: "M17.29 21.02c.12-.6.43-2.3.5-3.02" },
+	{ d: "M2 12a10 10 0 0 1 18-6" },
+	{ d: "M2 16h.01" },
+	{ d: "M21.8 16c.2-2 .131-5.354 0-6" },
+	{ d: "M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2" },
+	{ d: "M8.65 22c.21-.66.45-1.32.57-2" },
+	{ d: "M9 6.8a6 6 0 0 1 9 5.2v2" }
+];
+const FingerprintIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(AnimatedIcon, {
+	ref,
+	...props,
+	children: (controls, size) => /* @__PURE__ */ jsxs("svg", {
+		fill: "none",
+		height: size,
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "2",
+		viewBox: "0 0 24 24",
+		width: size,
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [FINGERPRINT_PATHS.map(({ d }) => /* @__PURE__ */ jsx("path", {
+			d,
+			strokeOpacity: .4
+		}, d)), FINGERPRINT_PATHS.map(({ d }) => /* @__PURE__ */ jsx(motion.path, {
+			animate: controls,
+			d,
+			variants: PATH_VARIANTS$7
+		}, `motion-${d}`))]
+	})
+}));
+FingerprintIcon.displayName = "FingerprintIcon";
+
+//#endregion
+//#region src/components/icons/home/home.tsx
+const DEFAULT_TRANSITION$2 = {
+	duration: .6,
+	opacity: { duration: .2 }
+};
+const PATH_VARIANTS$6 = {
+	animate: {
+		opacity: [0, 1],
+		pathLength: [0, 1]
+	},
+	normal: {
+		opacity: 1,
+		pathLength: 1
+	}
+};
+const HomeIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(AnimatedIcon, {
+	ref,
+	...props,
+	children: (controls, size) => /* @__PURE__ */ jsxs("svg", {
+		fill: "none",
+		height: size,
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "2",
+		viewBox: "0 0 24 24",
+		width: size,
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [/* @__PURE__ */ jsx("path", { d: "M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }), /* @__PURE__ */ jsx(motion.path, {
+			animate: controls,
+			d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8",
+			transition: DEFAULT_TRANSITION$2,
+			variants: PATH_VARIANTS$6
+		})]
+	})
+}));
+HomeIcon.displayName = "HomeIcon";
+
+//#endregion
+//#region src/components/icons/key/key.tsx
+const KeyIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(AnimatedIcon, {
+	ref,
+	...props,
+	children: (controls, size) => /* @__PURE__ */ jsxs(motion.svg, {
+		animate: controls,
+		fill: "none",
+		height: size,
+		initial: "normal",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "2",
+		style: {
+			originX: .3,
+			originY: .7
+		},
+		variants: {
+			animate: {
+				rotate: [
+					-3,
+					-33,
+					-25,
+					-28
+				],
+				transition: {
+					duration: .6,
+					ease: "easeInOut",
+					times: [
+						0,
+						.6,
+						.8,
+						1
+					]
+				}
+			},
+			normal: {
+				rotate: 0,
+				transition: {
+					damping: 14,
+					duration: .8,
+					stiffness: 120,
+					type: "spring"
+				}
+			}
+		},
+		viewBox: "0 0 24 24",
+		width: size,
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4" }),
+			/* @__PURE__ */ jsx("path", { d: "m21 2-9.6 9.6" }),
+			/* @__PURE__ */ jsx("circle", {
+				cx: "7.5",
+				cy: "15.5",
+				r: "5.5"
+			})
+		]
+	})
+}));
+KeyIcon.displayName = "KeyIcon";
+
+//#endregion
+//#region src/components/icons/layout-panel-top/layout-panel-top.tsx
+const LayoutPanelTopIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(AnimatedIcon, {
+	ref,
+	...props,
+	children: (controls, size) => /* @__PURE__ */ jsxs("svg", {
+		fill: "none",
+		height: size,
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "2",
+		viewBox: "0 0 24 24",
+		width: size,
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ jsx(motion.rect, {
+				animate: controls,
+				height: "7",
+				initial: "normal",
+				rx: "1",
+				variants: {
+					animate: {
+						opacity: [0, 1],
+						transition: {
+							duration: .5,
+							opacity: {
+								duration: .5,
+								times: [.2, 1]
+							}
+						},
+						translateY: [-5, 0]
+					},
+					normal: {
+						opacity: 1,
+						translateY: 0
+					}
+				},
+				width: "18",
+				x: "3",
+				y: "3"
+			}),
+			/* @__PURE__ */ jsx(motion.rect, {
+				animate: controls,
+				height: "7",
+				initial: "normal",
+				rx: "1",
+				variants: {
+					animate: {
+						opacity: [0, 1],
+						transition: {
+							duration: .5,
+							opacity: {
+								duration: .7,
+								times: [.5, 1]
+							},
+							translateX: { delay: .3 }
+						},
+						translateX: [-10, 0]
+					},
+					normal: {
+						opacity: 1,
+						translateX: 0
+					}
+				},
+				width: "7",
+				x: "3",
+				y: "14"
+			}),
+			/* @__PURE__ */ jsx(motion.rect, {
+				animate: controls,
+				height: "7",
+				initial: "normal",
+				rx: "1",
+				variants: {
+					animate: {
+						opacity: [0, 1],
+						transition: {
+							duration: .5,
+							opacity: {
+								duration: .8,
+								times: [.5, 1]
+							},
+							translateX: { delay: .4 }
+						},
+						translateX: [10, 0]
+					},
+					normal: {
+						opacity: 1,
+						translateX: 0
+					}
+				},
+				width: "7",
+				x: "14",
+				y: "14"
+			})
+		]
+	})
+}));
+LayoutPanelTopIcon.displayName = "LayoutPanelTopIcon";
+
+//#endregion
+//#region src/components/icons/link/link.tsx
+const PATH_VARIANTS$5 = {
+	animate: {
+		pathLength: [
+			1,
+			.97,
+			1,
+			.97,
+			1
+		],
+		pathOffset: [
+			0,
+			.05,
+			0,
+			.05,
+			0
+		],
+		rotate: [
+			0,
+			-5,
+			0
+		],
+		transition: {
+			duration: 1,
+			ease: "easeInOut",
+			rotate: { duration: .5 },
+			times: [
+				0,
+				.2,
+				.4,
+				.6,
+				1
+			]
+		}
+	},
+	normal: {
+		pathLength: 1,
+		pathOffset: 0,
+		rotate: 0
+	}
+};
+const LinkIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(AnimatedIcon, {
+	ref,
+	...props,
+	children: (controls, size) => /* @__PURE__ */ jsxs("svg", {
+		fill: "none",
+		height: size,
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "2",
+		viewBox: "0 0 24 24",
+		width: size,
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [/* @__PURE__ */ jsx(motion.path, {
+			animate: controls,
+			d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71",
+			variants: PATH_VARIANTS$5
+		}), /* @__PURE__ */ jsx(motion.path, {
+			animate: controls,
+			d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71",
+			variants: PATH_VARIANTS$5
+		})]
+	})
+}));
+LinkIcon.displayName = "LinkIcon";
+
+//#endregion
+//#region src/components/icons/mcp-tools/mcp-tools.tsx
+const ClaudeLogo = ({ size = 32, ...props }) => /* @__PURE__ */ jsx("svg", {
+	width: size,
+	height: size,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ jsx("path", {
+		d: "M4.709 15.955l4.72-2.647.08-.23-.08-.128H9.2l-.79-.048-2.698-.073-2.339-.097-2.266-.122-.571-.121L0 11.784l.055-.352.48-.321.686.06 1.52.103 2.278.158 1.652.097 2.449.255h.389l.055-.157-.134-.098-.103-.097-2.358-1.596-2.552-1.688-1.336-.972-.724-.491-.364-.462-.158-1.008.656-.722.881.06.225.061.893.686 1.908 1.476 2.491 1.833.365.304.145-.103.019-.073-.164-.274-1.355-2.446-1.446-2.49-.644-1.032-.17-.619a2.97 2.97 0 01-.104-.729L6.283.134 6.696 0l.996.134.42.364.62 1.414 1.002 2.229 1.555 3.03.456.898.243.832.091.255h.158V9.01l.128-1.706.237-2.095.23-2.695.08-.76.376-.91.747-.492.584.28.48.685-.067.444-.286 1.851-.559 2.903-.364 1.942h.212l.243-.242.985-1.306 1.652-2.064.73-.82.85-.904.547-.431h1.033l.76 1.129-.34 1.166-1.064 1.347-.881 1.142-1.264 1.7-.79 1.36.073.11.188-.02 2.856-.606 1.543-.28 1.841-.315.833.388.091.395-.328.807-1.969.486-2.309.462-3.439.813-.042.03.049.061 1.549.146.662.036h1.622l3.02.225.79.522.474.638-.079.485-1.215.62-1.64-.389-3.829-.91-1.312-.329h-.182v.11l1.093 1.068 2.006 1.81 2.509 2.33.127.578-.322.455-.34-.049-2.205-1.657-.851-.747-1.926-1.62h-.128v.17l.444.649 2.345 3.521.122 1.08-.17.353-.608.213-.668-.122-1.374-1.925-1.415-2.167-1.143-1.943-.14.08-.674 7.254-.316.37-.729.28-.607-.461-.322-.747.322-1.476.389-1.924.315-1.53.286-1.9.17-.632-.012-.042-.14.018-1.434 1.967-2.18 2.945-1.726 1.845-.414.164-.717-.37.067-.662.401-.589 2.388-3.036 1.44-1.882.93-1.086-.006-.158h-.055L4.132 18.56l-1.13.146-.487-.456.061-.746.231-.243 1.908-1.312-.006.006z",
+		fill: "#D97757",
+		fillRule: "nonzero"
+	})
+});
+const CursorLogo = ({ size = 32, ...props }) => /* @__PURE__ */ jsxs("svg", {
+	width: size,
+	height: size,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: [
+		/* @__PURE__ */ jsx("rect", {
+			width: "24",
+			height: "24",
+			rx: "5",
+			fill: "#F5F5F5"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M12 4L5 8v8l7 4 7-4V8l-7-4z",
+			fill: "#E5E5E5"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M12 4L5 8l7 4 7-4-7-4z",
+			fill: "#808080"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M12 12l7-4v8l-7 4v-8z",
+			fill: "#666"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M12 12L5 8v8l7 4v-8z",
+			fill: "#999"
+		})
+	]
+});
+const VSCodeLogo = ({ size = 32, ...props }) => /* @__PURE__ */ jsxs("svg", {
+	width: size,
+	height: size,
+	viewBox: "0 0 100 100",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: [/* @__PURE__ */ jsx("mask", {
+		id: "vsc-mask",
+		maskUnits: "userSpaceOnUse",
+		x: "0",
+		y: "0",
+		width: "100",
+		height: "100",
+		children: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			d: "M70.912 99.317C72.487 99.931 74.283 99.891 75.873 99.126L96.461 89.22C98.624 88.179 100 85.989 100 83.587V16.413C100 14.011 98.624 11.822 96.461 10.781L75.873 0.874C73.786 -0.13 71.345 0.116 69.513 1.447C69.252 1.637 69.003 1.849 68.769 2.083L29.355 38.041L12.187 25.01C10.589 23.797 8.354 23.896 6.869 25.246L1.363 30.255C-0.453 31.906 -0.455 34.763 1.359 36.417L16.247 50L1.359 63.583C-0.455 65.237 -0.453 68.094 1.363 69.745L6.869 74.754C8.354 76.104 10.589 76.204 12.187 74.99L29.355 61.959L68.769 97.917C69.392 98.541 70.125 99.01 70.912 99.317ZM75.015 27.299L45.109 50L75.015 72.701V27.299Z",
+			fill: "#fff"
+		})
+	}), /* @__PURE__ */ jsxs("g", {
+		mask: "url(#vsc-mask)",
+		children: [
+			/* @__PURE__ */ jsx("path", {
+				d: "M96.461 10.796L75.857 0.876C73.472 -0.273 70.622 0.212 68.75 2.083L1.299 63.583C-0.516 65.237 -0.514 68.094 1.303 69.745L6.813 74.754C8.298 76.104 10.535 76.204 12.134 74.99L93.361 13.37C96.086 11.303 100 13.246 100 16.667V16.427C100 14.027 98.625 11.838 96.461 10.796Z",
+				fill: "#0065A9"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M96.461 89.204L75.857 99.124C73.472 100.273 70.622 99.788 68.75 97.917L1.299 36.417C-0.516 34.763 -0.514 31.906 1.303 30.255L6.813 25.246C8.298 23.896 10.535 23.796 12.134 25.009L93.361 86.63C96.086 88.697 100 86.754 100 83.333V83.573C100 85.974 98.625 88.162 96.461 89.204Z",
+				fill: "#007ACC"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M75.858 99.126C73.472 100.274 70.622 99.788 68.75 97.917C71.056 100.223 75 98.59 75 95.328V4.672C75 1.41 71.056 -0.223 68.75 2.083C70.622 0.211 73.472 -0.274 75.858 0.874L96.459 10.781C98.623 11.822 100 14.011 100 16.413V83.587C100 85.989 98.623 88.179 96.459 89.22L75.858 99.126Z",
+				fill: "#1F9CF0"
+			})
+		]
+	})]
+});
+const OpenAILogo = ({ size = 32, ...props }) => /* @__PURE__ */ jsxs("svg", {
+	width: size,
+	height: size,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: [
+		/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", {
+			gradientUnits: "userSpaceOnUse",
+			id: "codex-grad",
+			x1: "12",
+			x2: "12",
+			y1: "3",
+			y2: "21",
+			children: [
+				/* @__PURE__ */ jsx("stop", { stopColor: "#B1A7FF" }),
+				/* @__PURE__ */ jsx("stop", {
+					offset: ".5",
+					stopColor: "#7A9DFF"
+				}),
+				/* @__PURE__ */ jsx("stop", {
+					offset: "1",
+					stopColor: "#3941FF"
+				})
+			]
+		}) }),
+		/* @__PURE__ */ jsx("path", {
+			d: "M19.503 0H4.496A4.496 4.496 0 000 4.496v15.007A4.496 4.496 0 004.496 24h15.007A4.496 4.496 0 0024 19.503V4.496A4.496 4.496 0 0019.503 0z",
+			fill: "#F0F6FF"
+		}),
+		/* @__PURE__ */ jsx("path", {
+			d: "M9.064 3.344a4.578 4.578 0 012.285-.312c1 .115 1.891.54 2.673 1.275.01.01.024.017.037.021a.09.09 0 00.043 0 4.55 4.55 0 013.046.275l.047.022.116.057a4.581 4.581 0 012.188 2.399c.209.51.313 1.041.315 1.595a4.24 4.24 0 01-.134 1.223.123.123 0 00.03.115c.594.607.988 1.33 1.183 2.17.289 1.425-.007 2.71-.887 3.854l-.136.166a4.548 4.548 0 01-2.201 1.388.123.123 0 00-.081.076c-.191.551-.383 1.023-.74 1.494-.9 1.187-2.222 1.846-3.711 1.838-1.187-.006-2.239-.44-3.157-1.302a.107.107 0 00-.105-.024c-.388.125-.78.143-1.204.138a4.441 4.441 0 01-1.945-.466 4.544 4.544 0 01-1.61-1.335c-.152-.202-.303-.392-.414-.617a5.81 5.81 0 01-.37-.961 4.582 4.582 0 01-.014-2.298.124.124 0 00.006-.056.085.085 0 00-.027-.048 4.467 4.467 0 01-1.034-1.651 3.896 3.896 0 01-.251-1.192 5.189 5.189 0 01.141-1.6c.337-1.112.982-1.985 1.933-2.618.212-.141.413-.251.601-.33.215-.089.43-.164.646-.227a.098.098 0 00.065-.066 4.51 4.51 0 01.829-1.615 4.535 4.535 0 011.837-1.388zm3.482 10.565a.637.637 0 000 1.272h3.636a.637.637 0 100-1.272h-3.636zM8.462 9.23a.637.637 0 00-1.106.631l1.272 2.224-1.266 2.136a.636.636 0 101.095.649l1.454-2.455a.636.636 0 00.005-.64L8.462 9.23z",
+			fill: "url(#codex-grad)"
+		})
+	]
+});
+const WindsurfLogo = ({ size = 32, ...props }) => /* @__PURE__ */ jsx("svg", {
+	width: size,
+	height: size,
+	viewBox: "0 0 1024 1024",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ jsx("path", {
+		d: "M897.246 286.869H889.819C850.735 286.808 819.017 318.46 819.017 357.539V515.589C819.017 547.15 792.93 572.716 761.882 572.716C743.436 572.716 725.02 563.433 714.093 547.85L552.673 317.304C539.28 298.16 517.486 286.747 493.895 286.747C457.094 286.747 423.976 318.034 423.976 356.657V515.619C423.976 547.181 398.103 572.746 366.842 572.746C348.335 572.746 329.949 563.463 319.021 547.881L138.395 289.882C134.316 284.038 125.154 286.93 125.154 294.052V431.892C125.154 438.862 127.285 445.619 131.272 451.34L309.037 705.2C319.539 720.204 335.033 731.344 352.9 735.392C397.616 745.557 438.77 711.135 438.77 667.278V508.406C438.77 476.845 464.339 451.279 495.904 451.279H495.995C515.02 451.279 532.857 460.562 543.785 476.145L705.235 706.661C718.659 725.835 739.327 737.218 763.983 737.218C801.606 737.218 833.841 705.9 833.841 667.308V508.376C833.841 476.815 859.41 451.249 890.975 451.249H897.276C901.233 451.249 904.43 448.053 904.43 444.097V294.021C904.43 290.065 901.233 286.869 897.276 286.869H897.246Z",
+		fill: "#0B100F"
+	})
+});
+
+//#endregion
+//#region src/components/icons/moon/moon.tsx
+const SVG_VARIANTS = {
+	animate: { rotate: [
+		0,
+		-10,
+		10,
+		-5,
+		5,
+		0
+	] },
+	normal: { rotate: 0 }
+};
+const SVG_TRANSITION = {
+	duration: 1.2,
+	ease: "easeInOut"
+};
+const MoonIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(AnimatedIcon, {
+	ref,
+	...props,
+	children: (controls, size) => /* @__PURE__ */ jsx(motion.svg, {
+		animate: controls,
+		fill: "none",
+		height: size,
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "2",
+		transition: SVG_TRANSITION,
+		variants: SVG_VARIANTS,
+		viewBox: "0 0 24 24",
+		width: size,
+		xmlns: "http://www.w3.org/2000/svg",
+		children: /* @__PURE__ */ jsx("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
+	})
+}));
+MoonIcon.displayName = "MoonIcon";
+
+//#endregion
+//#region src/components/icons/panel-left-close/panel-left-close.tsx
+const DEFAULT_TRANSITION$1 = {
+	duration: .5,
+	times: [
+		0,
+		.4,
+		1
+	]
+};
+const PATH_VARIANTS$4 = {
+	animate: { x: [
+		0,
+		-1.5,
+		0
+	] },
+	normal: { x: 0 }
+};
+const PanelLeftCloseIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(AnimatedIcon, {
+	ref,
+	...props,
+	children: (controls, size) => /* @__PURE__ */ jsxs("svg", {
+		fill: "none",
+		height: size,
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "2",
+		viewBox: "0 0 24 24",
+		width: size,
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ jsx("rect", {
+				height: "18",
+				rx: "2",
+				width: "18",
+				x: "3",
+				y: "3"
+			}),
+			/* @__PURE__ */ jsx("path", { d: "M9 3v18" }),
+			/* @__PURE__ */ jsx(motion.path, {
+				animate: controls,
+				d: "m16 15-3-3 3-3",
+				transition: DEFAULT_TRANSITION$1,
+				variants: PATH_VARIANTS$4
+			})
+		]
+	})
+}));
+PanelLeftCloseIcon.displayName = "PanelLeftCloseIcon";
+
+//#endregion
+//#region src/components/icons/panel-left-open/panel-left-open.tsx
+const DEFAULT_TRANSITION = {
+	duration: .5,
+	times: [
+		0,
+		.4,
+		1
+	]
+};
+const PATH_VARIANTS$3 = {
+	animate: { x: [
+		0,
+		1.5,
+		0
+	] },
+	normal: { x: 0 }
+};
+const PanelLeftOpenIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(AnimatedIcon, {
+	ref,
+	...props,
+	children: (controls, size) => /* @__PURE__ */ jsxs("svg", {
+		fill: "none",
+		height: size,
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "2",
+		viewBox: "0 0 24 24",
+		width: size,
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ jsx("rect", {
+				height: "18",
+				rx: "2",
+				width: "18",
+				x: "3",
+				y: "3"
+			}),
+			/* @__PURE__ */ jsx("path", { d: "M9 3v18" }),
+			/* @__PURE__ */ jsx(motion.path, {
+				animate: controls,
+				d: "m14 9 3 3-3 3",
+				transition: DEFAULT_TRANSITION,
+				variants: PATH_VARIANTS$3
+			})
+		]
+	})
+}));
+PanelLeftOpenIcon.displayName = "PanelLeftOpenIcon";
+
+//#endregion
+//#region src/components/icons/plus/plus.tsx
+const PlusIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(AnimatedIcon, {
+	ref,
+	...props,
+	children: (controls, size) => /* @__PURE__ */ jsxs(motion.svg, {
+		animate: controls,
+		fill: "none",
+		height: size,
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "2",
+		transition: {
+			damping: 15,
+			stiffness: 100,
+			type: "spring"
+		},
+		variants: {
+			animate: { rotate: 180 },
+			normal: { rotate: 0 }
+		},
+		viewBox: "0 0 24 24",
+		width: size,
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [/* @__PURE__ */ jsx("path", { d: "M5 12h14" }), /* @__PURE__ */ jsx("path", { d: "M12 5v14" })]
+	})
+}));
+PlusIcon.displayName = "PlusIcon";
+
+//#endregion
+//#region src/components/icons/refresh-cw/refresh-cw.tsx
+const RefreshCWIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(AnimatedIcon, {
+	ref,
+	...props,
+	children: (controls, size) => /* @__PURE__ */ jsxs(motion.svg, {
+		animate: controls,
+		fill: "none",
+		height: size,
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "2",
+		transition: {
+			damping: 25,
+			stiffness: 250,
+			type: "spring"
+		},
+		variants: {
+			animate: { rotate: "50deg" },
+			normal: { rotate: "0deg" }
+		},
+		viewBox: "0 0 24 24",
+		width: size,
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
+			/* @__PURE__ */ jsx("path", { d: "M21 3v5h-5" }),
+			/* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }),
+			/* @__PURE__ */ jsx("path", { d: "M8 16H3v5" })
+		]
+	})
+}));
+RefreshCWIcon.displayName = "RefreshCWIcon";
+
+//#endregion
+//#region src/components/icons/settings/settings.tsx
+const SettingsIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(AnimatedIcon, {
+	ref,
+	...props,
+	children: (controls, size) => /* @__PURE__ */ jsxs(motion.svg, {
+		animate: controls,
+		fill: "none",
+		height: size,
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "2",
+		transition: {
+			damping: 10,
+			stiffness: 50,
+			type: "spring"
+		},
+		variants: {
+			animate: { rotate: 180 },
+			normal: { rotate: 0 }
+		},
+		viewBox: "0 0 24 24",
+		width: size,
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [/* @__PURE__ */ jsx("path", { d: "M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" }), /* @__PURE__ */ jsx("circle", {
+			cx: "12",
+			cy: "12",
+			r: "3"
+		})]
+	})
+}));
+SettingsIcon.displayName = "SettingsIcon";
+
+//#endregion
+//#region src/components/icons/shield-check/shield-check.tsx
+const PATH_VARIANTS$2 = {
+	animate: {
+		opacity: [0, 1],
+		pathLength: [0, 1],
+		scale: [.5, 1],
+		transition: {
+			duration: .4,
+			opacity: { duration: .1 }
+		}
+	},
+	normal: {
+		opacity: 1,
+		pathLength: 1,
+		scale: 1,
+		transition: {
+			duration: .3,
+			opacity: { duration: .1 }
+		}
+	}
+};
+const ShieldCheckIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(AnimatedIcon, {
+	ref,
+	...props,
+	children: (controls, size) => /* @__PURE__ */ jsxs("svg", {
+		fill: "none",
+		height: size,
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "2",
+		viewBox: "0 0 24 24",
+		width: size,
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [/* @__PURE__ */ jsx("path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" }), /* @__PURE__ */ jsx(motion.path, {
+			animate: controls,
+			d: "m9 12 2 2 4-4",
+			initial: "normal",
+			variants: PATH_VARIANTS$2
+		})]
+	})
+}));
+ShieldCheckIcon.displayName = "ShieldCheckIcon";
+
+//#endregion
+//#region src/components/icons/sun/sun.tsx
+const PATH_VARIANTS$1 = {
+	animate: (i) => ({
+		opacity: [0, 1],
+		transition: {
+			delay: i * .1,
+			duration: .3
+		}
+	}),
+	normal: { opacity: 1 }
+};
+const SUN_PATHS = [
+	"M12 2v2",
+	"m19.07 4.93-1.41 1.41",
+	"M20 12h2",
+	"m17.66 17.66 1.41 1.41",
+	"M12 20v2",
+	"m6.34 17.66-1.41 1.41",
+	"M2 12h2",
+	"m4.93 4.93 1.41 1.41"
+];
+const SunIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(AnimatedIcon, {
+	ref,
+	...props,
+	children: (controls, size) => /* @__PURE__ */ jsxs("svg", {
+		fill: "none",
+		height: size,
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "2",
+		viewBox: "0 0 24 24",
+		width: size,
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [/* @__PURE__ */ jsx("circle", {
+			cx: "12",
+			cy: "12",
+			r: "4"
+		}), SUN_PATHS.map((d, index) => /* @__PURE__ */ jsx(motion.path, {
+			animate: controls,
+			custom: index + 1,
+			d,
+			variants: PATH_VARIANTS$1
+		}, d))]
+	})
+}));
+SunIcon.displayName = "SunIcon";
+
+//#endregion
+//#region src/components/icons/terminal/terminal.tsx
+const LINE_VARIANTS = {
+	animate: {
+		opacity: [
+			1,
+			0,
+			1
+		],
+		transition: {
+			duration: .8,
+			ease: "linear",
+			repeat: Infinity
+		}
+	},
+	normal: { opacity: 1 }
+};
+const TerminalIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(AnimatedIcon, {
+	ref,
+	...props,
+	children: (controls, size) => /* @__PURE__ */ jsxs("svg", {
+		fill: "none",
+		height: size,
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "2",
+		viewBox: "0 0 24 24",
+		width: size,
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [/* @__PURE__ */ jsx("polyline", { points: "4 17 10 11 4 5" }), /* @__PURE__ */ jsx(motion.line, {
+			animate: controls,
+			initial: "normal",
+			variants: LINE_VARIANTS,
+			x1: "12",
+			x2: "20",
+			y1: "19",
+			y2: "19"
+		})]
+	})
+}));
+TerminalIcon.displayName = "TerminalIcon";
+
+//#endregion
+//#region src/components/icons/users/users.tsx
+const PATH_VARIANTS = {
+	animate: {
+		transition: {
+			damping: 13,
+			delay: .1,
+			stiffness: 200,
+			type: "spring"
+		},
+		translateX: [-6, 0]
+	},
+	normal: {
+		transition: {
+			damping: 13,
+			stiffness: 200,
+			type: "spring"
+		},
+		translateX: 0
+	}
+};
+const UsersIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(AnimatedIcon, {
+	ref,
+	...props,
+	children: (controls, size) => /* @__PURE__ */ jsxs("svg", {
+		fill: "none",
+		height: size,
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "2",
+		viewBox: "0 0 24 24",
+		width: size,
+		xmlns: "http://www.w3.org/2000/svg",
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+			/* @__PURE__ */ jsx("circle", {
+				cx: "9",
+				cy: "7",
+				r: "4"
+			}),
+			/* @__PURE__ */ jsx(motion.path, {
+				animate: controls,
+				d: "M22 21v-2a4 4 0 0 0-3-3.87",
+				variants: PATH_VARIANTS
+			}),
+			/* @__PURE__ */ jsx(motion.path, {
+				animate: controls,
+				d: "M16 3.13a4 4 0 0 1 0 7.75",
+				variants: PATH_VARIANTS
+			})
+		]
+	})
+}));
+UsersIcon.displayName = "UsersIcon";
+
+//#endregion
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AnimatedIcon, ArrowUpRightIcon, AskAIAction, AssetIcon, Avatar, AvatarFallback, AvatarImage, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartBarIncreasingIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronRightIcon, ClaudeLogo, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CopyButton, CopyCheckIcon, CopyIcon, CursorLogo, DangerZone, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DollarSignIcon, DomainList, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FingerprintIcon, HomeIcon, Icon, IconConfigProvider, InfoBanner, Input, Kbd, KeyIcon, Label, LayoutPanelTopIcon, LinkIcon, MetricCard, MoonIcon, OpenAILogo, PageSkeleton, PanelLeftCloseIcon, PanelLeftOpenIcon, PlusIcon, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ProductPageLayout, Progress, RadioGroup, RadioGroupItem, RefreshCWIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableCard, Separator, SettingsIcon, SettingsSection, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, ShieldCheckIcon, Skeleton, Spinner, StatCardSkeleton, StatusBadge, SunIcon, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableSkeleton, Tabs, TabsContent, TabsList, TabsTrigger, TerminalIcon, Textarea, Toaster, ToggleRow, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UnsavedChangesBar, UsersIcon, VSCodeLogo, WebhooksAction, Well, WellReveal, WindsurfLogo, badgeVariants, buttonVariants, cn, useIconConfig, useUnsavedChanges, wellVariants };
+//# sourceMappingURL=index.esm.js.map