@kode4/react-foundation 0.1.0

package/index.js

@@ -0,0 +1,1679 @@
+import { Link as e, NavLink as t, createBrowserRouter as n, isRouteErrorResponse as r, useAsyncError as i, useLoaderData as a, useParams as o, useRouteError as s, useSearchParams as c } from "react-router-dom";
+import { Accordion as l, AlertDialog as u, Avatar as d, Checkbox as f, Dialog as p, DropdownMenu as m, Label as ee, Popover as h, Progress as te, RadioGroup as g, Select as _, Separator as ne, Slot as v, Switch as y, Tabs as b, Tooltip as x } from "radix-ui";
+import { createContext as S, useCallback as re, useContext as C, useEffect as w, useId as ie, useLayoutEffect as ae, useMemo as T, useRef as oe, useState as E } from "react";
+import { Controller as se, FormProvider as ce, useFormContext as le, useFormState as ue } from "react-hook-form";
+import { clsx as de } from "clsx";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
+import { cva as k } from "class-variance-authority";
+import { AlertCircleIcon as fe, CheckIcon as A, ChevronDownIcon as j, ChevronLeftIcon as pe, ChevronRightIcon as me, ChevronUpIcon as he, CircleIcon as ge, Loader2Icon as _e, MegaphoneIcon as ve, MenuIcon as ye, MoonIcon as be, MoreHorizontalIcon as xe, SearchIcon as Se, SparklesIcon as Ce, SunIcon as we, XIcon as M } from "lucide-react";
+import { Toaster as Te, toast as N } from "sonner";
+import { Command as P } from "cmdk";
+//#region src/lib/errors.ts
+var F = class extends Error {
+	code;
+	details;
+	constructor(e, t, n) {
+		super(t), this.name = "AppError", this.code = e, this.details = n;
+	}
+};
+function I(e) {
+	return e instanceof F ? {
+		code: e.code,
+		message: e.message,
+		details: e.details,
+		original: e
+	} : r(e) ? {
+		code: String(e.status),
+		message: e.statusText || `HTTP ${e.status}`,
+		details: e.data,
+		original: e
+	} : e instanceof Error ? {
+		message: e.message,
+		original: e
+	} : typeof e == "string" ? {
+		message: e,
+		original: e
+	} : {
+		message: "An unknown error occurred",
+		original: e
+	};
+}
+//#endregion
+//#region src/lib/utils.ts
+function L(...e) {
+	return de(e);
+}
+//#endregion
+//#region src/lib/ui/Label/Label.tsx
+function Ee({ className: e, ...t }) {
+	return /* @__PURE__ */ D(ee.Root, {
+		className: L("k4-label", e),
+		...t
+	});
+}
+//#endregion
+//#region src/lib/forms/Form/Form.tsx
+var De = ce, Oe = S(void 0);
+function ke(e) {
+	return /* @__PURE__ */ D(Oe.Provider, {
+		value: { name: e.name },
+		children: /* @__PURE__ */ D(se, { ...e })
+	});
+}
+var Ae = S(void 0);
+function R() {
+	let e = C(Oe), t = C(Ae), { getFieldState: n } = le(), r = ue({ name: e?.name });
+	if (!e) throw Error("useFormField should be used within <FormField>");
+	let i = n(e.name, r), a = t?.id ?? e.name;
+	return {
+		id: a,
+		name: e.name,
+		formItemId: `${a}-form-item`,
+		formDescriptionId: `${a}-form-item-description`,
+		formMessageId: `${a}-form-item-message`,
+		...i
+	};
+}
+function je({ className: e, ...t }) {
+	let n = ie();
+	return /* @__PURE__ */ D(Ae.Provider, {
+		value: { id: n },
+		children: /* @__PURE__ */ D("div", {
+			className: L("k4-form__item", e),
+			...t
+		})
+	});
+}
+function Me({ className: e, ...t }) {
+	let { error: n, formItemId: r } = R();
+	return /* @__PURE__ */ D(Ee, {
+		className: L("k4-form__label", n && "k4-form__label--error", e),
+		htmlFor: r,
+		...t
+	});
+}
+function Ne(e) {
+	let { error: t, formItemId: n, formDescriptionId: r, formMessageId: i } = R();
+	return /* @__PURE__ */ D(v.Root, {
+		id: n,
+		"aria-describedby": t ? `${r} ${i}` : r,
+		"aria-invalid": !!t,
+		...e
+	});
+}
+function Pe({ className: e, ...t }) {
+	let { formDescriptionId: n } = R();
+	return /* @__PURE__ */ D("p", {
+		id: n,
+		className: L("k4-form__description", e),
+		...t
+	});
+}
+function Fe({ className: e, children: t, ...n }) {
+	let { error: r, formMessageId: i } = R(), a = r ? String(r.message ?? "") : t;
+	return a ? /* @__PURE__ */ D("p", {
+		id: i,
+		className: L("k4-form__message", e),
+		...n,
+		children: a
+	}) : null;
+}
+//#endregion
+//#region src/lib/hooks/useMediaQuery.ts
+function Ie(e) {
+	let [t, n] = E(() => typeof window < "u" ? window.matchMedia(e).matches : !1);
+	return w(() => {
+		let t = window.matchMedia(e), r = () => n(t.matches);
+		return r(), t.addEventListener("change", r), () => t.removeEventListener("change", r);
+	}, [e]), t;
+}
+//#endregion
+//#region src/lib/layout/AppLayout/AppLayout.tsx
+function Le({ header: e, footer: t, mainId: n = "main", contentLabel: r = "Main content", className: i, children: a, ...o }) {
+	return /* @__PURE__ */ O("div", {
+		className: L("k4-app-layout", i),
+		...o,
+		children: [
+			e != null && /* @__PURE__ */ D("div", {
+				className: "k4-app-layout__header",
+				children: e
+			}),
+			/* @__PURE__ */ D("main", {
+				id: n,
+				className: "k4-app-layout__content",
+				tabIndex: 0,
+				"aria-label": r,
+				children: a
+			}),
+			t != null && /* @__PURE__ */ D("div", {
+				className: "k4-app-layout__footer",
+				children: t
+			})
+		]
+	});
+}
+//#endregion
+//#region src/lib/layout/CenteredLayout/CenteredLayout.tsx
+function Re({ header: e, footer: t, mainId: n = "main", className: r, children: i, ...a }) {
+	return /* @__PURE__ */ O("div", {
+		className: L("k4-centered-layout", r),
+		...a,
+		children: [
+			e != null && /* @__PURE__ */ D("div", {
+				className: "k4-centered-layout__header",
+				children: e
+			}),
+			/* @__PURE__ */ D("main", {
+				id: n,
+				className: "k4-centered-layout__content",
+				children: i
+			}),
+			t != null && /* @__PURE__ */ D("div", {
+				className: "k4-centered-layout__footer",
+				children: t
+			})
+		]
+	});
+}
+//#endregion
+//#region src/lib/layout/Columns/Columns.tsx
+var ze = k("k4-columns", {
+	variants: {
+		fillHeight: {
+			true: "k4-columns--fill",
+			false: ""
+		},
+		scroll: {
+			true: "k4-columns--scroll",
+			false: ""
+		},
+		gap: {
+			true: "k4-columns--gap",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		fillHeight: !1,
+		scroll: !1,
+		gap: !0
+	}
+});
+function Be({ left: e, right: t, leftWidth: n, rightWidth: r, fillHeight: i, scroll: a, gap: o, className: s, style: c, children: l, ...u }) {
+	let d = {
+		...n ? { "--k4-columns-left": n } : null,
+		...r ? { "--k4-columns-right": r } : null
+	}, f = a ? { tabIndex: 0 } : {};
+	return /* @__PURE__ */ O("div", {
+		className: L(ze({
+			fillHeight: i,
+			scroll: a,
+			gap: o
+		}), e != null && "k4-columns--has-left", t != null && "k4-columns--has-right", s),
+		style: {
+			...d,
+			...c
+		},
+		...u,
+		children: [
+			e != null && /* @__PURE__ */ D("div", {
+				className: "k4-columns__cell k4-columns__left",
+				...f,
+				children: e
+			}),
+			/* @__PURE__ */ D("div", {
+				className: "k4-columns__cell k4-columns__content",
+				...f,
+				children: l
+			}),
+			t != null && /* @__PURE__ */ D("div", {
+				className: "k4-columns__cell k4-columns__right",
+				...f,
+				children: t
+			})
+		]
+	});
+}
+//#endregion
+//#region src/lib/layout/Container/Container.tsx
+function Ve({ className: e, ...t }) {
+	return /* @__PURE__ */ D("div", {
+		className: L("k4-container", e),
+		...t
+	});
+}
+//#endregion
+//#region src/lib/layout/DashboardGrid/DashboardGrid.tsx
+var He = S(4);
+function Ue({ columns: e = 4, rowHeight: t = "7rem", className: n, style: r, children: i, ...a }) {
+	return /* @__PURE__ */ D(He.Provider, {
+		value: e,
+		children: /* @__PURE__ */ D("div", {
+			className: L("k4-dashboard-grid", n),
+			style: {
+				"--k4-grid-columns": e,
+				"--k4-grid-row-height": t,
+				...r
+			},
+			...a,
+			children: i
+		})
+	});
+}
+function We({ colSpan: e = 1, rowSpan: t = 1, className: n, style: r, children: i, ...a }) {
+	let o = C(He), s = Math.max(1, Math.min(e, o)), c = Math.max(1, t);
+	return /* @__PURE__ */ D("div", {
+		className: L("k4-dashboard-grid__item", n),
+		style: {
+			"--k4-grid-col-span": s,
+			"--k4-grid-row-span": c,
+			...r
+		},
+		...a,
+		children: i
+	});
+}
+//#endregion
+//#region src/lib/layout/FillHeight/FillHeight.tsx
+function Ge({ className: e, ...t }) {
+	return /* @__PURE__ */ D("div", {
+		className: L("k4-fill-height", e),
+		...t
+	});
+}
+//#endregion
+//#region src/lib/layout/Footer/Footer.tsx
+function Ke({ className: e, ...t }) {
+	return /* @__PURE__ */ D("footer", {
+		className: L("k4-footer", e),
+		...t
+	});
+}
+//#endregion
+//#region src/lib/layout/Header/Header.tsx
+function qe({ start: e, end: t, condense: n, className: r, children: i, ...a }) {
+	return /* @__PURE__ */ O("header", {
+		className: L("k4-header", n && "k4-header--condense", r),
+		...a,
+		children: [
+			e != null && /* @__PURE__ */ D("div", {
+				className: "k4-header__start",
+				children: e
+			}),
+			i != null && /* @__PURE__ */ D("div", {
+				className: "k4-header__center",
+				children: i
+			}),
+			t != null && /* @__PURE__ */ D("div", {
+				className: "k4-header__end",
+				children: t
+			})
+		]
+	});
+}
+//#endregion
+//#region src/lib/layout/SideBar/SideBar.tsx
+function z({ items: e }) {
+	return e.length ? /* @__PURE__ */ D("aside", {
+		className: "k4-sidebar",
+		children: /* @__PURE__ */ D("nav", { children: /* @__PURE__ */ D("ul", { children: e.map((e, t) => /* @__PURE__ */ D(B, { item: e }, V(e, t))) }) })
+	}) : null;
+}
+function B({ item: e }) {
+	switch (e.kind) {
+		case "item": return /* @__PURE__ */ D(Je, { item: e });
+		case "group": return /* @__PURE__ */ D(Ye, { item: e });
+		case "separator": return /* @__PURE__ */ D(Xe, {});
+		case "content": return /* @__PURE__ */ D(Ze, { children: e.content });
+	}
+}
+function Je({ item: e }) {
+	return /* @__PURE__ */ O("li", { children: [/* @__PURE__ */ D(t, {
+		to: e.path,
+		end: !e.children?.length,
+		className: ({ isActive: e }) => L("k4-sidebar__link", e && "k4-sidebar__link--active"),
+		children: /* @__PURE__ */ D("span", {
+			className: "k4-sidebar__label",
+			children: e.label
+		})
+	}), e.children?.length ? /* @__PURE__ */ D("ul", {
+		className: "k4-sidebar__children",
+		children: e.children.map((e, t) => /* @__PURE__ */ D(B, { item: e }, V(e, t)))
+	}) : null] });
+}
+function Ye({ item: e }) {
+	return /* @__PURE__ */ O("li", {
+		className: "k4-sidebar__group",
+		children: [/* @__PURE__ */ D("span", {
+			className: "k4-sidebar__group-label",
+			children: e.label
+		}), /* @__PURE__ */ D("ul", { children: e.items.map((e, t) => /* @__PURE__ */ D(B, { item: e }, V(e, t))) })]
+	});
+}
+function Xe() {
+	return /* @__PURE__ */ D("li", {
+		className: "k4-sidebar__separator",
+		role: "separator"
+	});
+}
+function Ze({ children: e }) {
+	return /* @__PURE__ */ D("li", {
+		className: "k4-sidebar__content",
+		children: e
+	});
+}
+function V(e, t) {
+	return e.kind === "item" ? e.path : e.kind === "group" ? `group-${e.label}` : `${e.kind}-${t}`;
+}
+//#endregion
+//#region src/lib/layout/SiteLayout/SiteLayout.tsx
+function Qe({ header: e, footer: t, mainId: n = "main", maxWidth: r = "default", className: i, children: a, ...o }) {
+	let s = r !== "full", c = s && r !== "default" ? { "--k4-site-width": r } : void 0;
+	return /* @__PURE__ */ O("div", {
+		className: L("k4-site-layout", i),
+		...o,
+		children: [
+			e != null && /* @__PURE__ */ D("div", {
+				className: "k4-site-layout__header",
+				children: e
+			}),
+			/* @__PURE__ */ D("main", {
+				id: n,
+				className: L("k4-site-layout__content", s && "k4-site-layout__content--constrained"),
+				style: c,
+				children: a
+			}),
+			t != null && /* @__PURE__ */ D("div", {
+				className: "k4-site-layout__footer",
+				children: t
+			})
+		]
+	});
+}
+//#endregion
+//#region src/lib/layout/SkipLink/SkipLink.tsx
+function $e({ targetId: e = "main", className: t, children: n, ...r }) {
+	return /* @__PURE__ */ D("a", {
+		href: `#${e}`,
+		className: L("k4-skip-link", t),
+		...r,
+		children: n ?? "Skip to main content"
+	});
+}
+//#endregion
+//#region src/lib/ui/Button/Button.tsx
+var H = k("k4-button", {
+	variants: {
+		variant: {
+			default: "k4-button--default",
+			primary: "k4-button--primary",
+			secondary: "k4-button--secondary",
+			destructive: "k4-button--destructive",
+			success: "k4-button--success",
+			ghost: "k4-button--ghost",
+			link: "k4-button--link"
+		},
+		appearance: {
+			filled: "",
+			outline: "k4-button--outline"
+		},
+		size: {
+			default: "k4-button--size-default",
+			sm: "k4-button--size-sm",
+			lg: "k4-button--size-lg",
+			icon: "k4-button--size-icon"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		appearance: "filled",
+		size: "default"
+	}
+});
+function U({ className: e, variant: t, appearance: n, size: r, asChild: i = !1, ...a }) {
+	return /* @__PURE__ */ D(i ? v.Root : "button", {
+		className: L(H({
+			variant: t,
+			appearance: n,
+			size: r
+		}), e),
+		...a
+	});
+}
+//#endregion
+//#region src/lib/ui/Sheet/Sheet.tsx
+var W = p.Root, G = p.Trigger, et = p.Close, K = p.Portal;
+function tt({ className: e, ...t }) {
+	return /* @__PURE__ */ D(p.Overlay, {
+		className: L("k4-sheet__overlay", e),
+		...t
+	});
+}
+function nt({ className: e, children: t, side: n = "right", ...r }) {
+	return /* @__PURE__ */ O(K, { children: [/* @__PURE__ */ D(tt, {}), /* @__PURE__ */ O(p.Content, {
+		className: L("k4-sheet__content", `k4-sheet__content--${n}`, e),
+		...r,
+		children: [t, /* @__PURE__ */ O(p.Close, {
+			className: "k4-sheet__close",
+			children: [/* @__PURE__ */ D(M, {}), /* @__PURE__ */ D("span", {
+				className: "k4-sr-only",
+				children: "Close"
+			})]
+		})]
+	})] });
+}
+function rt({ className: e, ...t }) {
+	return /* @__PURE__ */ D("div", {
+		className: L("k4-sheet__header", e),
+		...t
+	});
+}
+function it({ className: e, ...t }) {
+	return /* @__PURE__ */ D("div", {
+		className: L("k4-sheet__footer", e),
+		...t
+	});
+}
+function at({ className: e, ...t }) {
+	return /* @__PURE__ */ D(p.Title, {
+		className: L("k4-sheet__title", e),
+		...t
+	});
+}
+function ot({ className: e, ...t }) {
+	return /* @__PURE__ */ D(p.Description, {
+		className: L("k4-sheet__description", e),
+		...t
+	});
+}
+//#endregion
+//#region src/lib/layout/TopBar/TopBar.tsx
+var st = "not all";
+function ct({ items: e, brand: n, end: r, mobileMenu: i, mobileQuery: a = "(max-width: 768px)" }) {
+	let o = oe(null), [s, c] = E(!1), l = Ie(a ?? st);
+	ae(() => {
+		let e = o.current;
+		if (!e) return;
+		let t = () => c(e.scrollWidth > e.clientWidth + 1);
+		t();
+		let n = new ResizeObserver(t);
+		return n.observe(e), () => n.disconnect();
+	}, [e]);
+	let u = l || s;
+	return /* @__PURE__ */ O("header", {
+		className: "k4-topbar",
+		children: [
+			u ? /* @__PURE__ */ D(lt, { items: i ?? e }) : null,
+			n,
+			/* @__PURE__ */ D("nav", {
+				ref: o,
+				className: L("k4-topbar__nav", u && "k4-topbar__nav--collapsed"),
+				inert: u,
+				children: e.map((e) => e.kind === "item" ? /* @__PURE__ */ D(t, {
+					to: e.path,
+					end: e.path === "/",
+					className: ({ isActive: e }) => L("k4-topbar__link", e && "k4-topbar__link--active"),
+					children: e.label
+				}, e.path) : null)
+			}),
+			/* @__PURE__ */ D("div", {
+				className: "k4-topbar__end",
+				children: r
+			})
+		]
+	});
+}
+function lt({ items: e }) {
+	let [t, n] = E(!1);
+	return /* @__PURE__ */ O(W, {
+		open: t,
+		onOpenChange: n,
+		children: [/* @__PURE__ */ D(G, {
+			asChild: !0,
+			children: /* @__PURE__ */ D(U, {
+				variant: "ghost",
+				size: "icon",
+				className: "k4-topbar__burger",
+				"aria-label": "Open navigation menu",
+				children: /* @__PURE__ */ D(ye, {})
+			})
+		}), /* @__PURE__ */ O(nt, {
+			side: "left",
+			className: "k4-topbar__drawer",
+			children: [/* @__PURE__ */ D(rt, { children: /* @__PURE__ */ D(at, { children: "Navigation" }) }), /* @__PURE__ */ D("div", {
+				className: "k4-topbar__drawer-nav",
+				onClick: (e) => {
+					e.target.closest("a") && n(!1);
+				},
+				children: /* @__PURE__ */ D(z, { items: e })
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/lib/query/sort.ts
+var ut = /* @__PURE__ */ function(e) {
+	return e.Asc = "ASC", e.Desc = "DESC", e;
+}({}), dt = k("k4-alert", {
+	variants: {
+		variant: {
+			default: "k4-alert--default",
+			primary: "k4-alert--primary",
+			secondary: "k4-alert--secondary",
+			destructive: "k4-alert--destructive",
+			success: "k4-alert--success"
+		},
+		appearance: {
+			filled: "",
+			outline: "k4-alert--outline"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		appearance: "filled"
+	}
+});
+function ft({ className: e, variant: t, appearance: n, ...r }) {
+	return /* @__PURE__ */ D("div", {
+		role: "alert",
+		className: L(dt({
+			variant: t,
+			appearance: n
+		}), e),
+		...r
+	});
+}
+function pt({ className: e, ...t }) {
+	return /* @__PURE__ */ D("div", {
+		className: L("k4-alert__title", e),
+		...t
+	});
+}
+function mt({ className: e, ...t }) {
+	return /* @__PURE__ */ D("div", {
+		className: L("k4-alert__description", e),
+		...t
+	});
+}
+//#endregion
+//#region src/lib/ui/ErrorBlock/ErrorBlock.tsx
+function ht({ error: e, onRetry: t }) {
+	let n = I(e);
+	return /* @__PURE__ */ O("span", {
+		className: "k4-error-inline",
+		children: [/* @__PURE__ */ O("span", {
+			className: "k4-error-inline__message",
+			children: [n.code && /* @__PURE__ */ O("strong", { children: [n.code, ": "] }), n.message]
+		}), t && /* @__PURE__ */ D("button", {
+			type: "button",
+			className: "k4-error-inline__retry",
+			onClick: t,
+			children: "retry"
+		})]
+	});
+}
+function q({ error: e, title: t, onRetry: n }) {
+	let r = I(e);
+	return /* @__PURE__ */ O(ft, {
+		variant: "destructive",
+		className: "k4-error-block",
+		children: [
+			/* @__PURE__ */ D(fe, {}),
+			/* @__PURE__ */ D(pt, { children: t ?? gt(r) }),
+			/* @__PURE__ */ O(mt, { children: [
+				/* @__PURE__ */ D("p", { children: r.message }),
+				r.details ? /* @__PURE__ */ D("pre", {
+					className: "k4-error-block__details",
+					children: typeof r.details == "string" ? r.details : JSON.stringify(r.details, null, 2)
+				}) : null,
+				n && /* @__PURE__ */ D(U, {
+					size: "sm",
+					className: "k4-error-block__retry",
+					onClick: n,
+					children: "Try again"
+				})
+			] })
+		]
+	});
+}
+function gt(e) {
+	return e.code ? `Error ${e.code}` : "Something went wrong";
+}
+//#endregion
+//#region src/lib/router/DefaultErrorBoundary.tsx
+function J() {
+	return /* @__PURE__ */ D(q, { error: s() });
+}
+//#endregion
+//#region src/lib/internal/registry.ts
+var _t = /* @__PURE__ */ new WeakMap();
+function vt(e, t) {
+	_t.set(e, t);
+}
+function yt(e) {
+	let t = _t.get(e);
+	if (t === void 0) {
+		let t = e.path ?? e.menu?.label ?? "(anonymous)";
+		throw Error(`Route "${t}" has not been registered. Did you pass it to buildRouterConfig()?`);
+	}
+	return t;
+}
+//#endregion
+//#region src/lib/ui/Spinner/Spinner.tsx
+function bt({ className: e, ...t }) {
+	return /* @__PURE__ */ D(_e, {
+		role: "status",
+		"aria-label": "Loading",
+		className: L("k4-spinner", e),
+		...t
+	});
+}
+function xt({ label: e, vertical: t }) {
+	return /* @__PURE__ */ O("span", {
+		className: L("k4-dots-spinner", t && "k4-dots-spinner--vertical"),
+		children: [/* @__PURE__ */ O("span", {
+			className: "k4-dots-spinner__dots",
+			children: [
+				/* @__PURE__ */ D("span", { className: "k4-dots-spinner__dot" }),
+				/* @__PURE__ */ D("span", { className: "k4-dots-spinner__dot" }),
+				/* @__PURE__ */ D("span", { className: "k4-dots-spinner__dot" })
+			]
+		}), e && /* @__PURE__ */ D("span", {
+			className: "k4-dots-spinner__label",
+			children: e
+		})]
+	});
+}
+function St({ label: e = "Loading…" }) {
+	return /* @__PURE__ */ D("div", {
+		className: "k4-spinner-block",
+		children: /* @__PURE__ */ D(xt, {
+			label: e,
+			vertical: !0
+		})
+	});
+}
+function Ct() {
+	return /* @__PURE__ */ D(St, { label: "Loading application…" });
+}
+//#endregion
+//#region src/lib/router/adapter.ts
+function wt(e, t) {
+	if (!t) return e;
+	let n = e.endsWith("/") ? e.slice(0, -1) : e, r = t.startsWith("/") ? t.slice(1) : t;
+	return n ? `${n}/${r}` : `/${r}`;
+}
+function Tt(e, t) {
+	let n = e.loader;
+	if (n) return async ({ params: r, request: i }) => {
+		let a = r;
+		if (e.params) {
+			let t = e.params.safeParse(r);
+			if (!t.success) throw new Response(t.error.message, {
+				status: 400,
+				statusText: "Invalid path parameters"
+			});
+			a = t.data;
+		}
+		let o = {};
+		if (e.search) {
+			let t = new URL(i.url), n = Object.fromEntries(t.searchParams.entries()), r = e.search.safeParse(n);
+			if (!r.success) throw new Response(r.error.message, {
+				status: 400,
+				statusText: "Invalid search parameters"
+			});
+			o = r.data;
+		}
+		return n({
+			params: a,
+			search: o,
+			request: i,
+			context: t
+		});
+	};
+}
+function Et(e, t, n) {
+	let r = e.index || !e.path ? t : wt(t, e.path);
+	vt(e, r);
+	let i = e.component, a = e.errorBoundary ?? J, o = Tt(e, n), s = e.children?.map((e) => Et(e, r, n));
+	return e.index ? {
+		index: !0,
+		Component: i,
+		ErrorBoundary: a,
+		loader: o
+	} : {
+		...e.path != null && { path: e.path },
+		Component: i,
+		ErrorBoundary: a,
+		loader: o,
+		children: s
+	};
+}
+function Dt(e, t, n = {}) {
+	return [{
+		HydrateFallback: n.hydrateFallback ?? Ct,
+		ErrorBoundary: n.errorBoundary ?? J,
+		children: e.map((e) => Et(e, "/", t))
+	}];
+}
+//#endregion
+//#region src/lib/router/chain.ts
+var Ot = class e {
+	steps;
+	constructor(e = []) {
+		this.steps = e;
+	}
+	use(t) {
+		return new e([...this.steps, t]);
+	}
+	build() {
+		let e = this.steps;
+		return async (t) => {
+			let n = {};
+			for (let r of e) {
+				let e = await r({
+					...t,
+					data: n
+				});
+				typeof e == "object" && e && (n = {
+					...n,
+					...e
+				});
+			}
+			return n;
+		};
+	}
+};
+function kt() {
+	return new Ot();
+}
+//#endregion
+//#region src/lib/router/createAppRouter.ts
+function At(e, t, r) {
+	return n(Dt(e, t, r));
+}
+//#endregion
+//#region src/lib/router/defineRoute.ts
+function jt(e) {
+	return e;
+}
+//#endregion
+//#region src/lib/router/menu.ts
+function Mt(e) {
+	return typeof e == "object" && "route" in e;
+}
+function Nt(e) {
+	return typeof e == "object" && "group" in e;
+}
+function Y(e) {
+	return e.map((e) => {
+		if (Mt(e)) {
+			let t = yt(e.route);
+			return {
+				kind: "item",
+				label: e.label ?? e.route.menu?.label ?? t,
+				icon: e.icon ?? e.route.menu?.icon,
+				path: t,
+				children: e.children?.length ? Y(e.children) : void 0
+			};
+		}
+		return Nt(e) ? {
+			kind: "group",
+			label: e.group,
+			items: Y(e.children)
+		} : e === "separator" ? { kind: "separator" } : {
+			kind: "content",
+			content: e.content
+		};
+	});
+}
+function Pt(e, t) {
+	let n, r = -1;
+	for (let i of e) i.kind === "item" && Ft(i, t) && i.path.length > r && (n = i, r = i.path.length);
+	return n;
+}
+function Ft(e, t) {
+	return It(e.path, t) ? !0 : e.children?.some((e) => e.kind === "item" && Ft(e, t)) ?? !1;
+}
+function It(e, t) {
+	return e === "/" ? t === "/" : t === e || t.startsWith(e + "/");
+}
+//#endregion
+//#region src/lib/internal/env.ts
+var Lt = !1;
+//#endregion
+//#region src/lib/router/pathTo.ts
+function Rt(e, ...t) {
+	let n = yt(e), r = t[0] ?? {}, i = n;
+	if (r.params) for (let [e, t] of Object.entries(r.params)) i = i.replace(`:${e}`, encodeURIComponent(String(t)));
+	if (r.search && e.search) {
+		let t = e.search.safeParse(r.search);
+		if (!t.success && Lt && console.warn(`pathTo(): search params for "${n}" failed to parse and were dropped.`, t.error), t.success) {
+			let e = new URLSearchParams();
+			for (let [n, r] of Object.entries(t.data)) if (r != null) if (Array.isArray(r)) for (let t of r) e.append(n, String(t));
+			else e.set(n, String(r));
+			let n = e.toString();
+			n && (i += `?${n}`);
+		}
+	}
+	return i;
+}
+//#endregion
+//#region src/lib/router/TypedLink/TypedLink.tsx
+function zt(t) {
+	let { route: n, params: r, search: i, ...a } = t;
+	return /* @__PURE__ */ D(e, {
+		to: Rt(n, {
+			params: r,
+			search: i
+		}),
+		...a
+	});
+}
+//#endregion
+//#region src/lib/router/useRoute.ts
+function Bt(e) {
+	let t = o(), [n] = c(), r = a();
+	return {
+		params: T(() => {
+			if (!e.params) return t;
+			let n = e.params.safeParse(t);
+			return n.success ? n.data : t;
+		}, [t, e.params]),
+		search: T(() => {
+			if (!e.search) return {};
+			let t = Object.fromEntries(n.entries()), r = e.search.safeParse(t);
+			return r.success ? r.data : {};
+		}, [n, e.search]),
+		data: r
+	};
+}
+//#endregion
+//#region src/lib/ui/DropdownMenu/DropdownMenu.tsx
+var Vt = m.Root, Ht = m.Portal, Ut = m.Trigger, Wt = m.Group, Gt = m.RadioGroup, Kt = m.Sub;
+function qt({ className: e, sideOffset: t = 4, ...n }) {
+	return /* @__PURE__ */ D(m.Portal, { children: /* @__PURE__ */ D(m.Content, {
+		sideOffset: t,
+		className: L("k4-dropdown-menu__content", e),
+		...n
+	}) });
+}
+function X({ className: e, inset: t, variant: n = "default", ...r }) {
+	return /* @__PURE__ */ D(m.Item, {
+		className: L("k4-dropdown-menu__item", t && "k4-dropdown-menu__item--inset", n === "destructive" && "k4-dropdown-menu__item--destructive", e),
+		...r
+	});
+}
+function Jt({ className: e, children: t, checked: n, ...r }) {
+	return /* @__PURE__ */ O(m.CheckboxItem, {
+		className: L("k4-dropdown-menu__checkbox-item", e),
+		checked: n,
+		...r,
+		children: [/* @__PURE__ */ D("span", {
+			className: "k4-dropdown-menu__indicator",
+			children: /* @__PURE__ */ D(m.ItemIndicator, { children: /* @__PURE__ */ D(A, {}) })
+		}), t]
+	});
+}
+function Yt({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ O(m.RadioItem, {
+		className: L("k4-dropdown-menu__radio-item", e),
+		...n,
+		children: [/* @__PURE__ */ D("span", {
+			className: "k4-dropdown-menu__indicator",
+			children: /* @__PURE__ */ D(m.ItemIndicator, { children: /* @__PURE__ */ D(ge, { className: "k4-dropdown-menu__radio-dot" }) })
+		}), t]
+	});
+}
+function Xt({ className: e, inset: t, ...n }) {
+	return /* @__PURE__ */ D(m.Label, {
+		className: L("k4-dropdown-menu__label", t && "k4-dropdown-menu__label--inset", e),
+		...n
+	});
+}
+function Zt({ className: e, ...t }) {
+	return /* @__PURE__ */ D(m.Separator, {
+		className: L("k4-dropdown-menu__separator", e),
+		...t
+	});
+}
+function Qt({ className: e, ...t }) {
+	return /* @__PURE__ */ D("span", {
+		className: L("k4-dropdown-menu__shortcut", e),
+		...t
+	});
+}
+function $t({ className: e, inset: t, children: n, ...r }) {
+	return /* @__PURE__ */ O(m.SubTrigger, {
+		className: L("k4-dropdown-menu__sub-trigger", t && "k4-dropdown-menu__sub-trigger--inset", e),
+		...r,
+		children: [n, /* @__PURE__ */ D(me, { className: "k4-dropdown-menu__sub-chevron" })]
+	});
+}
+function en({ className: e, ...t }) {
+	return /* @__PURE__ */ D(m.SubContent, {
+		className: L("k4-dropdown-menu__sub-content", e),
+		...t
+	});
+}
+//#endregion
+//#region src/lib/theme/ThemeProvider/ThemeProvider.tsx
+var tn = S(void 0), nn = () => typeof window < "u" && window.matchMedia("(prefers-color-scheme: dark)").matches;
+function rn(e) {
+	return e === "system" ? nn() ? "dark" : "light" : e;
+}
+function an({ children: e, defaultMode: t = "system", storageKey: n = "k4-ui-theme" }) {
+	let [r, i] = E(() => {
+		if (typeof window > "u") return t;
+		let e = window.localStorage.getItem(n);
+		return e === "light" || e === "dark" || e === "system" ? e : t;
+	}), [a, o] = E(() => rn(r));
+	w(() => {
+		let e = () => {
+			let e = rn(r);
+			o(e), document.documentElement.classList.toggle("dark", e === "dark");
+		};
+		if (e(), r !== "system") return;
+		let t = window.matchMedia("(prefers-color-scheme: dark)");
+		return t.addEventListener("change", e), () => t.removeEventListener("change", e);
+	}, [r]);
+	let s = re((e) => {
+		window.localStorage.setItem(n, e), i(e);
+	}, [n]), c = T(() => ({
+		mode: r,
+		resolvedMode: a,
+		setMode: s
+	}), [
+		r,
+		a,
+		s
+	]);
+	return /* @__PURE__ */ D(tn.Provider, {
+		value: c,
+		children: e
+	});
+}
+function Z() {
+	let e = C(tn);
+	if (!e) throw Error("useTheme must be used inside <ThemeProvider>");
+	return e;
+}
+//#endregion
+//#region src/lib/theme/ModeToggle/ModeToggle.tsx
+function on() {
+	let { setMode: e } = Z();
+	return /* @__PURE__ */ O(Vt, { children: [/* @__PURE__ */ D(Ut, {
+		asChild: !0,
+		children: /* @__PURE__ */ O(U, {
+			appearance: "outline",
+			size: "icon",
+			className: "k4-mode-toggle",
+			children: [
+				/* @__PURE__ */ D(we, { className: "k4-mode-toggle__sun" }),
+				/* @__PURE__ */ D(be, { className: "k4-mode-toggle__moon" }),
+				/* @__PURE__ */ D("span", {
+					className: "k4-sr-only",
+					children: "Toggle theme"
+				})
+			]
+		})
+	}), /* @__PURE__ */ O(qt, {
+		align: "end",
+		children: [
+			/* @__PURE__ */ D(X, {
+				onClick: () => e("light"),
+				children: "Light"
+			}),
+			/* @__PURE__ */ D(X, {
+				onClick: () => e("dark"),
+				children: "Dark"
+			}),
+			/* @__PURE__ */ D(X, {
+				onClick: () => e("system"),
+				children: "System"
+			})
+		]
+	})] });
+}
+//#endregion
+//#region src/lib/theme/Toaster/Toaster.tsx
+function sn(e) {
+	let { resolvedMode: t } = Z();
+	return /* @__PURE__ */ D(Te, {
+		theme: t,
+		richColors: !0,
+		className: "k4-toaster",
+		...e
+	});
+}
+//#endregion
+//#region src/lib/theme/Toaster/toast.tsx
+function cn(e, t) {
+	return (n, r = {}) => {
+		let { appearance: i = "filled", className: a, ...o } = r, s = "icon" in r ? r.icon : t;
+		return N(n, {
+			...o,
+			icon: s,
+			className: [
+				e,
+				i === "outline" && "k4-toast--outline",
+				a
+			].filter(Boolean).join(" ")
+		});
+	};
+}
+var ln = Object.assign((e, t) => N(e, t), N, {
+	primary: cn("k4-toast--primary", /* @__PURE__ */ D(ve, {})),
+	secondary: cn("k4-toast--secondary", /* @__PURE__ */ D(Ce, {}))
+}), un = l.Root;
+function dn({ className: e, ...t }) {
+	return /* @__PURE__ */ D(l.Item, {
+		className: L("k4-accordion__item", e),
+		...t
+	});
+}
+function fn({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ D(l.Header, {
+		className: "k4-accordion__header",
+		children: /* @__PURE__ */ O(l.Trigger, {
+			className: L("k4-accordion__trigger", e),
+			...n,
+			children: [t, /* @__PURE__ */ D(j, { className: "k4-accordion__chevron" })]
+		})
+	});
+}
+function pn({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ D(l.Content, {
+		className: "k4-accordion__content",
+		...n,
+		children: /* @__PURE__ */ D("div", {
+			className: L("k4-accordion__content-inner", e),
+			children: t
+		})
+	});
+}
+//#endregion
+//#region src/lib/ui/AlertDialog/AlertDialog.tsx
+var mn = u.Root, hn = u.Trigger, gn = u.Portal;
+function _n({ className: e, ...t }) {
+	return /* @__PURE__ */ D(u.Overlay, {
+		className: L("k4-alert-dialog__overlay", e),
+		...t
+	});
+}
+function vn({ className: e, ...t }) {
+	return /* @__PURE__ */ O(gn, { children: [/* @__PURE__ */ D(_n, {}), /* @__PURE__ */ D(u.Content, {
+		className: L("k4-alert-dialog__content", e),
+		...t
+	})] });
+}
+function yn({ className: e, ...t }) {
+	return /* @__PURE__ */ D("div", {
+		className: L("k4-alert-dialog__header", e),
+		...t
+	});
+}
+function bn({ className: e, ...t }) {
+	return /* @__PURE__ */ D("div", {
+		className: L("k4-alert-dialog__footer", e),
+		...t
+	});
+}
+function xn({ className: e, ...t }) {
+	return /* @__PURE__ */ D(u.Title, {
+		className: L("k4-alert-dialog__title", e),
+		...t
+	});
+}
+function Sn({ className: e, ...t }) {
+	return /* @__PURE__ */ D(u.Description, {
+		className: L("k4-alert-dialog__description", e),
+		...t
+	});
+}
+function Cn({ className: e, variant: t, appearance: n, size: r, ...i }) {
+	return /* @__PURE__ */ D(u.Action, {
+		className: L(H({
+			variant: t,
+			appearance: n,
+			size: r
+		}), e),
+		...i
+	});
+}
+function wn({ className: e, variant: t, appearance: n = "outline", size: r, ...i }) {
+	return /* @__PURE__ */ D(u.Cancel, {
+		className: L(H({
+			variant: t,
+			appearance: n,
+			size: r
+		}), e),
+		...i
+	});
+}
+//#endregion
+//#region src/lib/ui/Avatar/Avatar.tsx
+function Tn({ className: e, ...t }) {
+	return /* @__PURE__ */ D(d.Root, {
+		className: L("k4-avatar", e),
+		...t
+	});
+}
+function En({ className: e, ...t }) {
+	return /* @__PURE__ */ D(d.Image, {
+		className: L("k4-avatar__image", e),
+		...t
+	});
+}
+function Dn({ className: e, ...t }) {
+	return /* @__PURE__ */ D(d.Fallback, {
+		className: L("k4-avatar__fallback", e),
+		...t
+	});
+}
+//#endregion
+//#region src/lib/ui/AwaitErrorBlock/AwaitErrorBlock.tsx
+function On({ title: e }) {
+	return /* @__PURE__ */ D(q, {
+		error: i(),
+		title: e
+	});
+}
+//#endregion
+//#region src/lib/ui/Badge/Badge.tsx
+var kn = k("k4-badge", {
+	variants: { variant: {
+		default: "k4-badge--default",
+		secondary: "k4-badge--secondary",
+		destructive: "k4-badge--destructive",
+		success: "k4-badge--success",
+		outline: "k4-badge--outline"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function An({ className: e, variant: t, asChild: n = !1, ...r }) {
+	return /* @__PURE__ */ D(n ? v.Root : "span", {
+		className: L(kn({ variant: t }), e),
+		...r
+	});
+}
+//#endregion
+//#region src/lib/ui/Card/Card.tsx
+function jn({ className: e, ...t }) {
+	return /* @__PURE__ */ D("div", {
+		className: L("k4-card", e),
+		...t
+	});
+}
+function Mn({ className: e, ...t }) {
+	return /* @__PURE__ */ D("div", {
+		className: L("k4-card__header", e),
+		...t
+	});
+}
+function Nn({ className: e, ...t }) {
+	return /* @__PURE__ */ D("div", {
+		className: L("k4-card__title", e),
+		...t
+	});
+}
+function Pn({ className: e, ...t }) {
+	return /* @__PURE__ */ D("div", {
+		className: L("k4-card__description", e),
+		...t
+	});
+}
+function Fn({ className: e, ...t }) {
+	return /* @__PURE__ */ D("div", {
+		className: L("k4-card__action", e),
+		...t
+	});
+}
+function In({ className: e, ...t }) {
+	return /* @__PURE__ */ D("div", {
+		className: L("k4-card__content", e),
+		...t
+	});
+}
+function Ln({ className: e, ...t }) {
+	return /* @__PURE__ */ D("div", {
+		className: L("k4-card__footer", e),
+		...t
+	});
+}
+//#endregion
+//#region src/lib/ui/Checkbox/Checkbox.tsx
+function Rn({ className: e, ...t }) {
+	return /* @__PURE__ */ D(f.Root, {
+		className: L("k4-checkbox", e),
+		...t,
+		children: /* @__PURE__ */ D(f.Indicator, {
+			className: "k4-checkbox__indicator",
+			children: /* @__PURE__ */ D(A, {})
+		})
+	});
+}
+//#endregion
+//#region src/lib/ui/Dialog/Dialog.tsx
+var zn = p.Root, Bn = p.Trigger, Vn = p.Portal, Hn = p.Close;
+function Q({ className: e, ...t }) {
+	return /* @__PURE__ */ D(p.Overlay, {
+		className: L("k4-dialog__overlay", e),
+		...t
+	});
+}
+function Un({ className: e, children: t, showCloseButton: n = !0, ...r }) {
+	return /* @__PURE__ */ O(Vn, { children: [/* @__PURE__ */ D(Q, {}), /* @__PURE__ */ O(p.Content, {
+		className: L("k4-dialog__content", e),
+		...r,
+		children: [t, n && /* @__PURE__ */ O(p.Close, {
+			className: "k4-dialog__close",
+			children: [/* @__PURE__ */ D(M, {}), /* @__PURE__ */ D("span", {
+				className: "k4-sr-only",
+				children: "Close"
+			})]
+		})]
+	})] });
+}
+function Wn({ className: e, ...t }) {
+	return /* @__PURE__ */ D("div", {
+		className: L("k4-dialog__header", e),
+		...t
+	});
+}
+function Gn({ className: e, ...t }) {
+	return /* @__PURE__ */ D("div", {
+		className: L("k4-dialog__footer", e),
+		...t
+	});
+}
+function Kn({ className: e, ...t }) {
+	return /* @__PURE__ */ D(p.Title, {
+		className: L("k4-dialog__title", e),
+		...t
+	});
+}
+function qn({ className: e, ...t }) {
+	return /* @__PURE__ */ D(p.Description, {
+		className: L("k4-dialog__description", e),
+		...t
+	});
+}
+//#endregion
+//#region src/lib/ui/Command/Command.tsx
+function Jn({ className: e, ...t }) {
+	return /* @__PURE__ */ D(P, {
+		className: L("k4-command", e),
+		...t
+	});
+}
+function Yn({ title: e = "Command Palette", description: t = "Search for a command to run...", children: n, className: r, showCloseButton: i = !0, ...a }) {
+	return /* @__PURE__ */ D(zn, {
+		...a,
+		children: /* @__PURE__ */ O(Un, {
+			className: L("k4-command__dialog-content", r),
+			showCloseButton: i,
+			children: [/* @__PURE__ */ O(Wn, {
+				className: "k4-sr-only",
+				children: [/* @__PURE__ */ D(Kn, { children: e }), /* @__PURE__ */ D(qn, { children: t })]
+			}), /* @__PURE__ */ D(Jn, {
+				className: "k4-command--dialog",
+				children: n
+			})]
+		})
+	});
+}
+function Xn({ className: e, ...t }) {
+	return /* @__PURE__ */ O("div", {
+		className: "k4-command__input-wrapper",
+		children: [/* @__PURE__ */ D(Se, { className: "k4-command__search-icon" }), /* @__PURE__ */ D(P.Input, {
+			className: L("k4-command__input", e),
+			...t
+		})]
+	});
+}
+function Zn({ className: e, ...t }) {
+	return /* @__PURE__ */ D(P.List, {
+		className: L("k4-command__list", e),
+		...t
+	});
+}
+function Qn(e) {
+	return /* @__PURE__ */ D(P.Empty, {
+		className: "k4-command__empty",
+		...e
+	});
+}
+function $n({ className: e, ...t }) {
+	return /* @__PURE__ */ D(P.Group, {
+		className: L("k4-command__group", e),
+		...t
+	});
+}
+function er({ className: e, ...t }) {
+	return /* @__PURE__ */ D(P.Separator, {
+		className: L("k4-command__separator", e),
+		...t
+	});
+}
+function tr({ className: e, ...t }) {
+	return /* @__PURE__ */ D(P.Item, {
+		className: L("k4-command__item", e),
+		...t
+	});
+}
+function nr({ className: e, ...t }) {
+	return /* @__PURE__ */ D("span", {
+		className: L("k4-command__shortcut", e),
+		...t
+	});
+}
+//#endregion
+//#region src/lib/ui/Input/Input.tsx
+function rr({ className: e, type: t, ...n }) {
+	return /* @__PURE__ */ D("input", {
+		type: t,
+		className: L("k4-input", e),
+		...n
+	});
+}
+//#endregion
+//#region src/lib/ui/Pagination/Pagination.tsx
+function ir({ className: e, ...t }) {
+	return /* @__PURE__ */ D("nav", {
+		role: "navigation",
+		"aria-label": "pagination",
+		className: L("k4-pagination", e),
+		...t
+	});
+}
+function ar({ className: e, ...t }) {
+	return /* @__PURE__ */ D("ul", {
+		className: L("k4-pagination__content", e),
+		...t
+	});
+}
+function or(e) {
+	return /* @__PURE__ */ D("li", { ...e });
+}
+function $({ className: e, isActive: t, variant: n, size: r = "icon", ...i }) {
+	return /* @__PURE__ */ D("a", {
+		"aria-current": t ? "page" : void 0,
+		className: L(H({
+			variant: n ?? (t ? "default" : "ghost"),
+			appearance: t ? "outline" : "filled",
+			size: r
+		}), e),
+		...i
+	});
+}
+function sr({ className: e, ...t }) {
+	return /* @__PURE__ */ O($, {
+		"aria-label": "Go to previous page",
+		size: "default",
+		className: L("k4-pagination__nav", e),
+		...t,
+		children: [/* @__PURE__ */ D(pe, {}), /* @__PURE__ */ D("span", { children: "Previous" })]
+	});
+}
+function cr({ className: e, ...t }) {
+	return /* @__PURE__ */ O($, {
+		"aria-label": "Go to next page",
+		size: "default",
+		className: L("k4-pagination__nav", e),
+		...t,
+		children: [/* @__PURE__ */ D("span", { children: "Next" }), /* @__PURE__ */ D(me, {})]
+	});
+}
+function lr({ className: e, ...t }) {
+	return /* @__PURE__ */ D("span", {
+		"aria-hidden": !0,
+		className: L("k4-pagination__ellipsis", e),
+		...t,
+		children: /* @__PURE__ */ D(xe, {})
+	});
+}
+//#endregion
+//#region src/lib/ui/Popover/Popover.tsx
+var ur = h.Root, dr = h.Trigger, fr = h.Anchor;
+function pr({ className: e, align: t = "center", sideOffset: n = 4, ...r }) {
+	return /* @__PURE__ */ D(h.Portal, { children: /* @__PURE__ */ D(h.Content, {
+		align: t,
+		sideOffset: n,
+		className: L("k4-popover__content", e),
+		...r
+	}) });
+}
+//#endregion
+//#region src/lib/ui/Progress/Progress.tsx
+var mr = k("k4-progress", {
+	variants: { variant: {
+		default: "k4-progress--default",
+		secondary: "k4-progress--secondary",
+		destructive: "k4-progress--destructive",
+		success: "k4-progress--success"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function hr({ className: e, value: t, variant: n, ...r }) {
+	let i = typeof t == "number";
+	return /* @__PURE__ */ D(te.Root, {
+		className: L(mr({ variant: n }), e),
+		value: t,
+		...r,
+		children: /* @__PURE__ */ D(te.Indicator, {
+			className: "k4-progress__indicator",
+			style: i ? { transform: `translateX(-${100 - t}%)` } : void 0
+		})
+	});
+}
+//#endregion
+//#region src/lib/ui/RadioGroup/RadioGroup.tsx
+function gr({ className: e, ...t }) {
+	return /* @__PURE__ */ D(g.Root, {
+		className: L("k4-radio-group", e),
+		...t
+	});
+}
+function _r({ className: e, ...t }) {
+	return /* @__PURE__ */ D(g.Item, {
+		className: L("k4-radio-group__item", e),
+		...t,
+		children: /* @__PURE__ */ D(g.Indicator, {
+			className: "k4-radio-group__indicator",
+			children: /* @__PURE__ */ D(ge, {})
+		})
+	});
+}
+//#endregion
+//#region src/lib/ui/Select/Select.tsx
+var vr = _.Root, yr = _.Group, br = _.Value;
+function xr({ className: e, size: t = "default", children: n, ...r }) {
+	return /* @__PURE__ */ O(_.Trigger, {
+		className: L("k4-select__trigger", `k4-select__trigger--${t}`, e),
+		...r,
+		children: [n, /* @__PURE__ */ D(_.Icon, {
+			asChild: !0,
+			children: /* @__PURE__ */ D(j, { className: "k4-select__chevron" })
+		})]
+	});
+}
+function Sr({ className: e, children: t, position: n = "popper", ...r }) {
+	return /* @__PURE__ */ D(_.Portal, { children: /* @__PURE__ */ O(_.Content, {
+		className: L("k4-select__content", n === "popper" && "k4-select__content--popper", e),
+		position: n,
+		...r,
+		children: [
+			/* @__PURE__ */ D(Er, {}),
+			/* @__PURE__ */ D(_.Viewport, {
+				className: "k4-select__viewport",
+				children: t
+			}),
+			/* @__PURE__ */ D(Dr, {})
+		]
+	}) });
+}
+function Cr({ className: e, ...t }) {
+	return /* @__PURE__ */ D(_.Label, {
+		className: L("k4-select__label", e),
+		...t
+	});
+}
+function wr({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ O(_.Item, {
+		className: L("k4-select__item", e),
+		...n,
+		children: [/* @__PURE__ */ D("span", {
+			className: "k4-select__item-indicator",
+			children: /* @__PURE__ */ D(_.ItemIndicator, { children: /* @__PURE__ */ D(A, {}) })
+		}), /* @__PURE__ */ D(_.ItemText, { children: t })]
+	});
+}
+function Tr({ className: e, ...t }) {
+	return /* @__PURE__ */ D(_.Separator, {
+		className: L("k4-select__separator", e),
+		...t
+	});
+}
+function Er({ className: e, ...t }) {
+	return /* @__PURE__ */ D(_.ScrollUpButton, {
+		className: L("k4-select__scroll-button", e),
+		...t,
+		children: /* @__PURE__ */ D(he, {})
+	});
+}
+function Dr({ className: e, ...t }) {
+	return /* @__PURE__ */ D(_.ScrollDownButton, {
+		className: L("k4-select__scroll-button", e),
+		...t,
+		children: /* @__PURE__ */ D(j, {})
+	});
+}
+//#endregion
+//#region src/lib/ui/Separator/Separator.tsx
+function Or({ className: e, orientation: t = "horizontal", decorative: n = !0, ...r }) {
+	return /* @__PURE__ */ D(ne.Root, {
+		decorative: n,
+		orientation: t,
+		className: L("k4-separator", e),
+		...r
+	});
+}
+//#endregion
+//#region src/lib/ui/Skeleton/Skeleton.tsx
+function kr({ className: e, ...t }) {
+	return /* @__PURE__ */ D("div", {
+		className: L("k4-skeleton", e),
+		...t
+	});
+}
+//#endregion
+//#region src/lib/ui/Switch/Switch.tsx
+function Ar({ className: e, ...t }) {
+	return /* @__PURE__ */ D(y.Root, {
+		className: L("k4-switch", e),
+		...t,
+		children: /* @__PURE__ */ D(y.Thumb, { className: "k4-switch__thumb" })
+	});
+}
+//#endregion
+//#region src/lib/ui/Table/Table.tsx
+function jr({ className: e, ...t }) {
+	return /* @__PURE__ */ D("div", {
+		className: "k4-table-container",
+		children: /* @__PURE__ */ D("table", {
+			className: L("k4-table", e),
+			...t
+		})
+	});
+}
+function Mr({ className: e, ...t }) {
+	return /* @__PURE__ */ D("thead", {
+		className: L("k4-table__header", e),
+		...t
+	});
+}
+function Nr({ className: e, ...t }) {
+	return /* @__PURE__ */ D("tbody", {
+		className: L("k4-table__body", e),
+		...t
+	});
+}
+function Pr({ className: e, ...t }) {
+	return /* @__PURE__ */ D("tfoot", {
+		className: L("k4-table__footer", e),
+		...t
+	});
+}
+function Fr({ className: e, ...t }) {
+	return /* @__PURE__ */ D("tr", {
+		className: L("k4-table__row", e),
+		...t
+	});
+}
+function Ir({ className: e, ...t }) {
+	return /* @__PURE__ */ D("th", {
+		className: L("k4-table__head", e),
+		...t
+	});
+}
+function Lr({ className: e, ...t }) {
+	return /* @__PURE__ */ D("td", {
+		className: L("k4-table__cell", e),
+		...t
+	});
+}
+function Rr({ className: e, ...t }) {
+	return /* @__PURE__ */ D("caption", {
+		className: L("k4-table__caption", e),
+		...t
+	});
+}
+//#endregion
+//#region src/lib/ui/Tabs/Tabs.tsx
+function zr({ className: e, ...t }) {
+	return /* @__PURE__ */ D(b.Root, {
+		className: L("k4-tabs", e),
+		...t
+	});
+}
+function Br({ className: e, ...t }) {
+	return /* @__PURE__ */ D(b.List, {
+		className: L("k4-tabs__list", e),
+		...t
+	});
+}
+function Vr({ className: e, ...t }) {
+	return /* @__PURE__ */ D(b.Trigger, {
+		className: L("k4-tabs__trigger", e),
+		...t
+	});
+}
+function Hr({ className: e, ...t }) {
+	return /* @__PURE__ */ D(b.Content, {
+		className: L("k4-tabs__content", e),
+		...t
+	});
+}
+//#endregion
+//#region src/lib/ui/Textarea/Textarea.tsx
+function Ur({ className: e, ...t }) {
+	return /* @__PURE__ */ D("textarea", {
+		className: L("k4-textarea", e),
+		...t
+	});
+}
+//#endregion
+//#region src/lib/ui/Tooltip/Tooltip.tsx
+var Wr = x.Provider, Gr = x.Root, Kr = x.Trigger;
+function qr({ className: e, sideOffset: t = 0, children: n, ...r }) {
+	return /* @__PURE__ */ D(x.Portal, { children: /* @__PURE__ */ O(x.Content, {
+		sideOffset: t,
+		className: L("k4-tooltip__content", e),
+		...r,
+		children: [n, /* @__PURE__ */ D(x.Arrow, { className: "k4-tooltip__arrow" })]
+	}) });
+}
+//#endregion
+export { un as Accordion, pn as AccordionContent, dn as AccordionItem, fn as AccordionTrigger, ft as Alert, mt as AlertDescription, mn as AlertDialog, Cn as AlertDialogAction, wn as AlertDialogCancel, vn as AlertDialogContent, Sn as AlertDialogDescription, bn as AlertDialogFooter, yn as AlertDialogHeader, _n as AlertDialogOverlay, gn as AlertDialogPortal, xn as AlertDialogTitle, hn as AlertDialogTrigger, pt as AlertTitle, F as AppError, Le as AppLayout, Tn as Avatar, Dn as AvatarFallback, En as AvatarImage, On as AwaitErrorBlock, An as Badge, U as Button, jn as Card, Fn as CardAction, In as CardContent, Pn as CardDescription, Ln as CardFooter, Mn as CardHeader, Nn as CardTitle, Re as CenteredLayout, Rn as Checkbox, Be as Columns, Jn as Command, Yn as CommandDialog, Qn as CommandEmpty, $n as CommandGroup, Xn as CommandInput, tr as CommandItem, Zn as CommandList, er as CommandSeparator, nr as CommandShortcut, Ve as Container, Ue as DashboardGrid, We as DashboardGridItem, J as DefaultErrorBoundary, Ct as DefaultHydrateFallback, zn as Dialog, Hn as DialogClose, Un as DialogContent, qn as DialogDescription, Gn as DialogFooter, Wn as DialogHeader, Q as DialogOverlay, Vn as DialogPortal, Kn as DialogTitle, Bn as DialogTrigger, xt as DotsSpinner, Vt as DropdownMenu, Jt as DropdownMenuCheckboxItem, qt as DropdownMenuContent, Wt as DropdownMenuGroup, X as DropdownMenuItem, Xt as DropdownMenuLabel, Ht as DropdownMenuPortal, Gt as DropdownMenuRadioGroup, Yt as DropdownMenuRadioItem, Zt as DropdownMenuSeparator, Qt as DropdownMenuShortcut, Kt as DropdownMenuSub, en as DropdownMenuSubContent, $t as DropdownMenuSubTrigger, Ut as DropdownMenuTrigger, q as ErrorBlock, ht as ErrorInline, Ge as FillHeight, Ke as Footer, De as Form, Ne as FormControl, Pe as FormDescription, ke as FormField, je as FormItem, Me as FormLabel, Fe as FormMessage, qe as Header, rr as Input, Ee as Label, on as ModeToggle, ir as Pagination, ar as PaginationContent, lr as PaginationEllipsis, or as PaginationItem, $ as PaginationLink, cr as PaginationNext, sr as PaginationPrevious, ur as Popover, fr as PopoverAnchor, pr as PopoverContent, dr as PopoverTrigger, hr as Progress, gr as RadioGroup, _r as RadioGroupItem, vr as Select, Sr as SelectContent, yr as SelectGroup, wr as SelectItem, Cr as SelectLabel, Dr as SelectScrollDownButton, Er as SelectScrollUpButton, Tr as SelectSeparator, xr as SelectTrigger, br as SelectValue, Or as Separator, W as Sheet, et as SheetClose, nt as SheetContent, ot as SheetDescription, it as SheetFooter, rt as SheetHeader, tt as SheetOverlay, K as SheetPortal, at as SheetTitle, G as SheetTrigger, z as SideBar, Qe as SiteLayout, kr as Skeleton, $e as SkipLink, ut as SortDirection, bt as Spinner, St as SpinnerBlock, Ar as Switch, jr as Table, Nr as TableBody, Rr as TableCaption, Lr as TableCell, Pr as TableFooter, Ir as TableHead, Mr as TableHeader, Fr as TableRow, zr as Tabs, Hr as TabsContent, Br as TabsList, Vr as TabsTrigger, Ur as Textarea, an as ThemeProvider, sn as Toaster, Gr as Tooltip, qr as TooltipContent, Wr as TooltipProvider, Kr as TooltipTrigger, ct as TopBar, zt as TypedLink, dt as alertVariants, kn as badgeVariants, Dt as buildRouterConfig, H as buttonVariants, kt as chain, L as cn, ze as columnsVariants, At as createAppRouter, jt as defineRoute, Pt as findActiveTopItem, I as normalizeError, Rt as pathTo, mr as progressVariants, Y as resolveMenu, ln as toast, R as useFormField, Ie as useMediaQuery, Bt as useRoute, Z as useTheme };
+
+//# sourceMappingURL=index.js.map