@tomny-dev/uzi 0.2.5 → 0.2.6

package/dist/index.cjs

@@ -1,1926 +1,66 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-//#region \0rolldown/runtime.js
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-//#endregion
-let react = require("react");
-react = __toESM(react, 1);
-let _radix_ui_react_slot = require("@radix-ui/react-slot");
-let react_jsx_runtime = require("react/jsx-runtime");
-let _radix_ui_react_avatar = require("@radix-ui/react-avatar");
-_radix_ui_react_avatar = __toESM(_radix_ui_react_avatar, 1);
-let _radix_ui_react_dialog = require("@radix-ui/react-dialog");
-_radix_ui_react_dialog = __toESM(_radix_ui_react_dialog, 1);
-let _radix_ui_react_toast = require("@radix-ui/react-toast");
-_radix_ui_react_toast = __toESM(_radix_ui_react_toast, 1);
-let _radix_ui_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
-_radix_ui_react_dropdown_menu = __toESM(_radix_ui_react_dropdown_menu, 1);
-let _radix_ui_react_select = require("@radix-ui/react-select");
-_radix_ui_react_select = __toESM(_radix_ui_react_select, 1);
-//#region src/utils/cx.ts
-function cx(...values) {
-	return values.filter(Boolean).join(" ");
-}
-var button_module_default = {
-	button: "uzi-button-module__button__5dzDN",
-	sizeSm: "uzi-button-module__sizeSm__jb544",
-	sizeMd: "uzi-button-module__sizeMd__lIo8M",
-	sizeLg: "uzi-button-module__sizeLg__QSSuW",
-	sizeIcon: "uzi-button-module__sizeIcon__Aa9tN",
-	variantPrimary: "uzi-button-module__variantPrimary__zp2Pg",
-	variantSecondary: "uzi-button-module__variantSecondary__oX5CB",
-	variantOutline: "uzi-button-module__variantOutline__uXfiP",
-	variantGhost: "uzi-button-module__variantGhost__-OEB8",
-	variantDestructive: "uzi-button-module__variantDestructive__5IeYA",
-	variantLink: "uzi-button-module__variantLink__Olx4I"
-};
-//#endregion
-//#region src/components/button/Button.tsx
-var variantClass = {
-	default: "variantPrimary",
-	primary: "variantPrimary",
-	secondary: "variantSecondary",
-	outline: "variantOutline",
-	ghost: "variantGhost",
-	destructive: "variantDestructive",
-	link: "variantLink"
-};
-var sizeClass = {
-	default: "sizeMd",
-	sm: "sizeSm",
-	md: "sizeMd",
-	lg: "sizeLg",
-	icon: "sizeIcon"
-};
-function Button({ as, variant = "default", size = "default", className, children, asChild = false, ...rest }) {
-	const classes = cx(button_module_default.button, button_module_default[variantClass[variant]], button_module_default[sizeClass[size]], className);
-	if (asChild) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_slot.Slot, {
-		className: classes,
-		...rest,
-		children
-	});
-	if (as === "a") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-		className: classes,
-		...rest,
-		children
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-		type: "button",
-		className: classes,
-		...rest,
-		children
-	});
-}
-var avatar_module_default = {
-	avatar: "uzi-avatar-module__avatar__yPIOs",
-	"size-sm": "uzi-avatar-module__size-sm__v5riJ",
-	"size-md": "uzi-avatar-module__size-md__g7IQS",
-	"size-lg": "uzi-avatar-module__size-lg__Ca4xk",
-	"size-xl": "uzi-avatar-module__size-xl__K0Dfk",
-	image: "uzi-avatar-module__image__Ngo7A",
-	fallback: "uzi-avatar-module__fallback__Tf3oZ"
-};
-//#endregion
-//#region src/components/avatar/Avatar.tsx
-function Avatar({ className, size = "md", ...props }) {
-	const sizeClass = size === "sm" ? avatar_module_default["size-sm"] : size === "lg" ? avatar_module_default["size-lg"] : size === "xl" ? avatar_module_default["size-xl"] : avatar_module_default["size-md"];
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_avatar.Root, {
-		className: cx(avatar_module_default.avatar, sizeClass, className),
-		...props
-	});
-}
-function AvatarImage({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_avatar.Image, {
-		className: cx(avatar_module_default.image, className),
-		...props
-	});
-}
-function AvatarFallback({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_avatar.Fallback, {
-		className: cx(avatar_module_default.fallback, className),
-		...props
-	});
-}
-var card_module_default = {
-	card: "uzi-card-module__card__ZPFTz",
-	"tone-default": "uzi-card-module__tone-default__7Ujf9",
-	"tone-muted": "uzi-card-module__tone-muted__RQy5B",
-	"tone-contrast": "uzi-card-module__tone-contrast__JpFxL",
-	interactive: "uzi-card-module__interactive__zlPML",
-	"padding-none": "uzi-card-module__padding-none__LXdx-",
-	"padding-sm": "uzi-card-module__padding-sm__-Ub1s",
-	"padding-md": "uzi-card-module__padding-md__kUf46",
-	"padding-lg": "uzi-card-module__padding-lg__a5mWP"
-};
-//#endregion
-//#region src/components/card/Card.tsx
-function Card({ as, tone = "default", padding = "md", interactive = false, className, children, ...rest }) {
-	const Component = as ?? "div";
-	const TONE_CLASS = {
-		default: null,
-		muted: "tone-muted",
-		contrast: "tone-contrast"
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
-		className: cx(card_module_default.card, TONE_CLASS[tone] ? card_module_default[TONE_CLASS[tone]] : null, card_module_default[{
-			none: "padding-none",
-			sm: "padding-sm",
-			md: "padding-md",
-			lg: "padding-lg"
-		}[padding]], interactive && card_module_default.interactive, className),
-		...rest,
-		children
-	});
-}
-var pill_module_default = {
-	pill: "uzi-pill-module__pill__uCKcP",
-	"size-sm": "uzi-pill-module__size-sm__JANOQ",
-	"size-md": "uzi-pill-module__size-md__fdsqR",
-	"tone-success": "uzi-pill-module__tone-success__kW2Kf",
-	"tone-warning": "uzi-pill-module__tone-warning__Rc5-s",
-	"tone-info": "uzi-pill-module__tone-info__0vQrj",
-	"tone-danger": "uzi-pill-module__tone-danger__gzNOa",
-	icon: "uzi-pill-module__icon__KQ8zg",
-	content: "uzi-pill-module__content__T7AG1"
-};
-//#endregion
-//#region src/components/pill/Pill.tsx
-function Pill({ as, tone = "neutral", size = "md", icon, className, children, ...rest }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(as ?? "span", {
-		className: cx(pill_module_default.pill, pill_module_default[`tone-${tone}`], pill_module_default[`size-${size}`], className),
-		...rest,
-		children: [icon ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: pill_module_default.icon,
-			"aria-hidden": "true",
-			children: icon
-		}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: pill_module_default.content,
-			children
-		})]
-	});
-}
-var modal_module_default = {
-	portalLayer: "uzi-modal-module__portalLayer__t7blc",
-	backdrop: "uzi-modal-module__backdrop__IMd3b",
-	backdropFadeIn: "uzi-modal-module__backdropFadeIn__GNJdx",
-	backdropFadeOut: "uzi-modal-module__backdropFadeOut__R-3K5",
-	overlayContent: "uzi-modal-module__overlayContent__0DtbP",
-	modalContentIn: "uzi-modal-module__modalContentIn__fub8M",
-	modalContentOut: "uzi-modal-module__modalContentOut__elTJ3",
-	modal: "uzi-modal-module__modal__Mao59",
-	"size-sm": "uzi-modal-module__size-sm__Uu9je",
-	"size-md": "uzi-modal-module__size-md__TiiWy",
-	"size-lg": "uzi-modal-module__size-lg__BrTIO",
-	"size-xl": "uzi-modal-module__size-xl__sj0mh",
-	header: "uzi-modal-module__header__PmCaO",
-	titles: "uzi-modal-module__titles__IboyQ",
-	title: "uzi-modal-module__title__Zd7pL",
-	subtitle: "uzi-modal-module__subtitle__t-LRK",
-	closeButton: "uzi-modal-module__closeButton__GTiZr",
-	body: "uzi-modal-module__body__km6FQ",
-	footer: "uzi-modal-module__footer__jWLTv"
-};
-//#endregion
-//#region src/components/modal/Modal.tsx
-function ModalOverlay({ open, onClose, className, children }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Root, {
-		open,
-		onOpenChange: (nextOpen) => {
-			if (!nextOpen) onClose();
-		},
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: modal_module_default.portalLayer,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Overlay, { className: cx(modal_module_default.backdrop, className) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Content, {
-				className: modal_module_default.overlayContent,
-				children
-			})]
-		}) })
-	});
-}
-function Modal({ open, onClose, title, subtitle, size = "md", children, footer }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalOverlay, {
-		open,
-		onClose,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: cx(modal_module_default.modal, modal_module_default[`size-${size}`]),
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: modal_module_default.header,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: modal_module_default.titles,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Title, {
-							className: modal_module_default.title,
-							children: title
-						}), subtitle ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Description, {
-							className: modal_module_default.subtitle,
-							children: subtitle
-						}) : null]
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dialog.Close, {
-						asChild: true,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							className: modal_module_default.closeButton,
-							"aria-label": "Close",
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-								width: "14",
-								height: "14",
-								viewBox: "0 0 24 24",
-								fill: "none",
-								stroke: "currentColor",
-								strokeWidth: "2.5",
-								strokeLinecap: "round",
-								strokeLinejoin: "round",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("line", {
-									x1: "18",
-									y1: "6",
-									x2: "6",
-									y2: "18"
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("line", {
-									x1: "6",
-									y1: "6",
-									x2: "18",
-									y2: "18"
-								})]
-							})
-						})
-					})]
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: modal_module_default.body,
-					children
-				}),
-				footer && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: modal_module_default.footer,
-					children: footer
-				})
-			]
-		})
-	});
-}
-var alert_module_default = {
-	alert: "uzi-alert-module__alert__7Bt6c",
-	success: "uzi-alert-module__success__apdFG",
-	error: "uzi-alert-module__error__KLgi1",
-	warning: "uzi-alert-module__warning__F4fpk",
-	info: "uzi-alert-module__info__1IKHt"
-};
-//#endregion
-//#region src/components/alert/Alert.tsx
-function Alert({ tone, children, className }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: cx(alert_module_default.alert, alert_module_default[tone], className),
-		role: "alert",
-		children
-	});
-}
-var toast_module_default = {
-	stack: "uzi-toast-module__stack__SRrda",
-	topRight: "uzi-toast-module__topRight__WiZzM",
-	topLeft: "uzi-toast-module__topLeft__SzFS9",
-	topCenter: "uzi-toast-module__topCenter__X5W-x",
-	bottomRight: "uzi-toast-module__bottomRight__DMtoS",
-	bottomLeft: "uzi-toast-module__bottomLeft__ZZ7VF",
-	bottomCenter: "uzi-toast-module__bottomCenter__QNJrM",
-	toast: "uzi-toast-module__toast__HNUcj",
-	toastSlideIn: "uzi-toast-module__toastSlideIn__BTXfm",
-	toastSlideOut: "uzi-toast-module__toastSlideOut__mBX-G",
-	toastSwipeOut: "uzi-toast-module__toastSwipeOut__R-jk2",
-	icon: "uzi-toast-module__icon__LIAqr",
-	body: "uzi-toast-module__body__9vzs7",
-	message: "uzi-toast-module__message__TBY65",
-	actions: "uzi-toast-module__actions__Iykd9",
-	actionButton: "uzi-toast-module__actionButton__cvUr0",
-	controls: "uzi-toast-module__controls__LqA4Q",
-	iconButton: "uzi-toast-module__iconButton__FOsOp",
-	iconButtonError: "uzi-toast-module__iconButtonError__NJsLX"
-};
-//#endregion
-//#region src/components/toast/ToastContext.tsx
-/** Default provider configuration. */
-var DEFAULT_CONFIG = {
-	position: "top-right",
-	maxToasts: 5,
-	defaultDuration: 4e3,
-	pauseOnHover: true,
-	pauseOnFocusLoss: true
-};
-var ToastContext = (0, react.createContext)(void 0);
-var toastIdCounter = 0;
-var generateToastId = () => `toast-${++toastIdCounter}-${Date.now()}`;
-/**
-* Toast notification context provider.
-*
-* @remarks
-* Wrap your app (or a section) to enable `useToast` calls. Supports configurable placement,
-* maximum visible toasts, and pause behavior on hover or window blur.
-*
-* @param props.children - React subtree that can consume the toast context.
-* @param props.config - Optional provider configuration overrides.
-*/
-function ToastProvider({ children, config }) {
-	const [toasts, setToasts] = (0, react.useState)([]);
-	const [isPaused, setIsPaused] = (0, react.useState)(false);
-	const merged = (0, react.useMemo)(() => ({
-		...DEFAULT_CONFIG,
-		...config
-	}), [config]);
-	const push = (0, react.useCallback)((message, options = {}) => {
-		const id = generateToastId();
-		setToasts((prev) => {
-			const next = [...prev, {
-				id,
-				message,
-				type: options.type ?? "info",
-				duration: options.duration ?? (options.type === "error" ? 6e3 : merged.defaultDuration),
-				dismissible: options.dismissible ?? true,
-				copyable: options.copyable ?? false,
-				action: options.action
-			}];
-			if (next.length > merged.maxToasts) next.shift();
-			return next;
-		});
-		return id;
-	}, [merged.defaultDuration, merged.maxToasts]);
-	const success = (0, react.useCallback)((message, options) => push(message, {
-		...options,
-		type: "success"
-	}), [push]);
-	const error = (0, react.useCallback)((message, options) => push(message, {
-		copyable: true,
-		...options,
-		type: "error"
-	}), [push]);
-	const warning = (0, react.useCallback)((message, options) => push(message, {
-		...options,
-		type: "warning"
-	}), [push]);
-	const info = (0, react.useCallback)((message, options) => push(message, {
-		...options,
-		type: "info"
-	}), [push]);
-	const dismiss = (0, react.useCallback)((id) => {
-		setToasts((prev) => prev.filter((t) => t.id !== id));
-	}, []);
-	const dismissAll = (0, react.useCallback)(() => setToasts([]), []);
-	(0, react.useEffect)(() => {
-		if (!merged.pauseOnFocusLoss) return;
-		const handleVisibility = () => setIsPaused(document.visibilityState !== "visible");
-		document.addEventListener("visibilitychange", handleVisibility);
-		return () => document.removeEventListener("visibilitychange", handleVisibility);
-	}, [merged.pauseOnFocusLoss]);
-	const value = (0, react.useMemo)(() => ({
-		toasts,
-		push,
-		success,
-		error,
-		warning,
-		info,
-		dismiss,
-		dismissAll
-	}), [
-		toasts,
-		push,
-		success,
-		error,
-		warning,
-		info,
-		dismiss,
-		dismissAll
-	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastContext.Provider, {
-		value,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_toast.Provider, {
-			swipeDirection: "right",
-			children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastContainer, {
-				toasts,
-				position: merged.position,
-				pauseOnHover: merged.pauseOnHover,
-				isPaused,
-				onDismiss: dismiss,
-				onPauseChange: setIsPaused
-			})]
-		})
-	});
-}
-/**
-* Hook to access the toast API.
-*
-* @remarks
-* Exposes `push`, intent helpers (`success`, `error`, `warning`, `info`), and dismissal helpers.
-* Must be called within a `ToastProvider`.
-*
-* @throws Error if used outside of a `ToastProvider`.
-*/
-function useToast() {
-	const ctx = (0, react.useContext)(ToastContext);
-	if (!ctx) throw new Error("useToast must be used within a ToastProvider");
-	return ctx;
-}
-/** Renders the positioned toast stack. */
-function ToastContainer({ toasts, position, pauseOnHover, isPaused, onDismiss, onPauseChange }) {
-	const posClass = (() => {
-		switch (position) {
-			case "top-left": return "topLeft";
-			case "top-center": return "topCenter";
-			case "bottom-right": return "bottomRight";
-			case "bottom-left": return "bottomLeft";
-			case "bottom-center": return "bottomCenter";
-			default: return "topRight";
-		}
-	})();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [toasts.map((toast) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastItem, {
-		toast,
-		isPaused,
-		onDismiss
-	}, toast.id)), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_toast.Viewport, {
-		className: cx(toast_module_default.stack, toast_module_default[posClass]),
-		label: "Notifications",
-		onMouseEnter: () => pauseOnHover && onPauseChange(true),
-		onMouseLeave: () => pauseOnHover && onPauseChange(false)
-	})] });
-}
-/** Individual toast item with timers and actions. */
-function ToastItem({ toast, isPaused, onDismiss }) {
-	const [open, setOpen] = (0, react.useState)(true);
-	const [copyState, setCopyState] = (0, react.useState)("idle");
-	const copyTimerRef = (0, react.useRef)(null);
-	const timerRef = (0, react.useRef)(null);
-	const startRef = (0, react.useRef)(0);
-	const remainingRef = (0, react.useRef)(toast.duration ?? 0);
-	const closingRef = (0, react.useRef)(false);
-	const palette = getPalette(toast.type);
-	const styleVars = {
-		["--toast-bg"]: palette.background,
-		["--toast-border"]: palette.border,
-		["--toast-accent"]: palette.accent,
-		["--toast-text"]: palette.text,
-		["--toast-action-bg"]: palette.actionBg,
-		["--toast-action-border"]: palette.actionBorder
-	};
-	const stopTimer = () => {
-		if (timerRef.current) {
-			window.clearTimeout(timerRef.current);
-			timerRef.current = null;
-		}
-	};
-	const triggerDismiss = (0, react.useCallback)(() => {
-		if (closingRef.current) return;
-		closingRef.current = true;
-		setOpen(false);
-		stopTimer();
-		window.setTimeout(() => onDismiss(toast.id), 160);
-	}, [onDismiss, toast.id]);
-	const schedule = (0, react.useCallback)((delay) => {
-		if (!delay || delay <= 0) {
-			triggerDismiss();
-			return;
-		}
-		startRef.current = performance.now();
-		stopTimer();
-		timerRef.current = window.setTimeout(() => triggerDismiss(), delay);
-	}, [triggerDismiss]);
-	(0, react.useEffect)(() => {
-		if (!toast.duration || toast.duration <= 0) return void 0;
-		schedule(toast.duration);
-		return stopTimer;
-	}, [schedule, toast.duration]);
-	(0, react.useEffect)(() => {
-		if (!toast.duration || toast.duration <= 0) return;
-		if (isPaused) {
-			const elapsed = performance.now() - startRef.current;
-			remainingRef.current = Math.max(0, remainingRef.current - elapsed);
-			stopTimer();
-		} else schedule(remainingRef.current);
-	}, [
-		isPaused,
-		schedule,
-		toast.duration
-	]);
-	(0, react.useEffect)(() => {
-		return () => {
-			if (copyTimerRef.current) window.clearTimeout(copyTimerRef.current);
-		};
-	}, []);
-	const handleCopy = (0, react.useCallback)(async () => {
-		if (copyTimerRef.current) window.clearTimeout(copyTimerRef.current);
-		try {
-			if (!navigator.clipboard) throw new Error("Clipboard API unavailable");
-			await navigator.clipboard.writeText(toast.message);
-			setCopyState("copied");
-		} catch {
-			setCopyState("failed");
-		}
-		copyTimerRef.current = window.setTimeout(() => setCopyState("idle"), 1800);
-	}, [toast.message]);
-	const icon = getIcon(toast.type);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_toast.Root, {
-		open,
-		onOpenChange: (nextOpen) => {
-			if (!nextOpen) triggerDismiss();
-		},
-		duration: 2147483647,
-		className: toast_module_default.toast,
-		style: styleVars,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: toast_module_default.icon,
-				"aria-hidden": true,
-				children: icon
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: toast_module_default.body,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_toast.Description, {
-					className: toast_module_default.message,
-					children: toast.message
-				}), toast.action && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: toast_module_default.actions,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_toast.Action, {
-						asChild: true,
-						altText: toast.action.label,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							type: "button",
-							className: toast_module_default.actionButton,
-							onClick: () => {
-								toast.action?.onClick();
-								triggerDismiss();
-							},
-							children: toast.action.label
-						})
-					})
-				})]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: toast_module_default.controls,
-				children: [toast.copyable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-					type: "button",
-					className: cx(toast_module_default.iconButton, copyState === "failed" && toast_module_default.iconButtonError),
-					"aria-label": "Copy message",
-					onClick: handleCopy,
-					children: copyState === "copied" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-						width: "13",
-						height: "13",
-						viewBox: "0 0 13 13",
-						fill: "none",
-						"aria-hidden": true,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-							d: "M2 6.5l3 3 6-6",
-							stroke: "currentColor",
-							strokeWidth: "1.5",
-							strokeLinecap: "round",
-							strokeLinejoin: "round"
-						})
-					}) : copyState === "failed" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-						width: "13",
-						height: "13",
-						viewBox: "0 0 13 13",
-						fill: "none",
-						"aria-hidden": true,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-							d: "M10 3L3 10M3 3l7 7",
-							stroke: "currentColor",
-							strokeWidth: "1.5",
-							strokeLinecap: "round"
-						})
-					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-						width: "13",
-						height: "13",
-						viewBox: "0 0 13 13",
-						fill: "none",
-						"aria-hidden": true,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
-							x: "4.5",
-							y: "1.5",
-							width: "7",
-							height: "7",
-							rx: "1.5",
-							stroke: "currentColor",
-							strokeWidth: "1.25"
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-							d: "M1.5 5.5v5a1.5 1.5 0 001.5 1.5h5",
-							stroke: "currentColor",
-							strokeWidth: "1.25",
-							strokeLinecap: "round"
-						})]
-					})
-				}), toast.dismissible !== false && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_toast.Close, {
-					asChild: true,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-						type: "button",
-						className: toast_module_default.iconButton,
-						"aria-label": "Dismiss notification",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-							width: "13",
-							height: "13",
-							viewBox: "0 0 13 13",
-							fill: "none",
-							"aria-hidden": true,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-								d: "M10 3L3 10M3 3l7 7",
-								stroke: "currentColor",
-								strokeWidth: "1.5",
-								strokeLinecap: "round"
-							})
-						})
-					})
-				})]
-			})
-		]
-	});
-}
-function getPalette(type) {
-	switch (type) {
-		case "success": return {
-			background: "color-mix(in srgb, var(--success) 12%, var(--popover))",
-			border: "color-mix(in srgb, var(--success) 30%, transparent)",
-			accent: "var(--success)",
-			text: "var(--popover-foreground)",
-			actionBg: "color-mix(in srgb, var(--success) 14%, transparent)",
-			actionBorder: "color-mix(in srgb, var(--success) 35%, transparent)"
-		};
-		case "error": return {
-			background: "color-mix(in srgb, var(--destructive) 12%, var(--popover))",
-			border: "color-mix(in srgb, var(--destructive) 30%, transparent)",
-			accent: "var(--destructive)",
-			text: "var(--popover-foreground)",
-			actionBg: "color-mix(in srgb, var(--destructive) 14%, transparent)",
-			actionBorder: "color-mix(in srgb, var(--destructive) 35%, transparent)"
-		};
-		case "warning": return {
-			background: "color-mix(in srgb, var(--warning) 12%, var(--popover))",
-			border: "color-mix(in srgb, var(--warning) 30%, transparent)",
-			accent: "var(--warning)",
-			text: "var(--popover-foreground)",
-			actionBg: "color-mix(in srgb, var(--warning) 14%, transparent)",
-			actionBorder: "color-mix(in srgb, var(--warning) 35%, transparent)"
-		};
-		default: return {
-			background: "color-mix(in srgb, var(--primary) 12%, var(--popover))",
-			border: "color-mix(in srgb, var(--primary) 30%, transparent)",
-			accent: "var(--primary)",
-			text: "var(--popover-foreground)",
-			actionBg: "color-mix(in srgb, var(--primary) 14%, transparent)",
-			actionBorder: "color-mix(in srgb, var(--primary) 35%, transparent)"
-		};
-	}
-}
-function getIcon(type) {
-	switch (type) {
-		case "success": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-			width: "16",
-			height: "16",
-			viewBox: "0 0 16 16",
-			fill: "none",
-			"aria-hidden": true,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				d: "M3 8l3.5 3.5L13 4.5",
-				stroke: "currentColor",
-				strokeWidth: "1.75",
-				strokeLinecap: "round",
-				strokeLinejoin: "round"
-			})
-		});
-		case "error": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-			width: "16",
-			height: "16",
-			viewBox: "0 0 16 16",
-			fill: "none",
-			"aria-hidden": true,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				d: "M4 4l8 8M12 4l-8 8",
-				stroke: "currentColor",
-				strokeWidth: "1.75",
-				strokeLinecap: "round"
-			})
-		});
-		case "warning": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-			width: "16",
-			height: "16",
-			viewBox: "0 0 16 16",
-			fill: "none",
-			"aria-hidden": true,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				d: "M8 3v6M8 11.5v1",
-				stroke: "currentColor",
-				strokeWidth: "1.75",
-				strokeLinecap: "round"
-			})
-		});
-		default: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-			width: "16",
-			height: "16",
-			viewBox: "0 0 16 16",
-			fill: "none",
-			"aria-hidden": true,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				d: "M8 7v5M8 4.5v.5",
-				stroke: "currentColor",
-				strokeWidth: "1.75",
-				strokeLinecap: "round"
-			})
-		});
-	}
-}
-var input_module_default = { input: "uzi-input-module__input__-ipHD" };
-//#endregion
-//#region src/components/input/Input.tsx
-var Input = react.forwardRef(({ className, type, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-		ref,
-		type,
-		className: cx(input_module_default.input, className),
-		...props
-	});
-});
-Input.displayName = "Input";
-var label_module_default = { label: "uzi-label-module__label__gKflt" };
-//#endregion
-//#region src/components/label/Label.tsx
-var Label = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-	ref,
-	className: cx(label_module_default.label, className),
-	...props
-}));
-Label.displayName = "Label";
-var checkbox_module_default = { checkbox: "uzi-checkbox-module__checkbox__zAB1y" };
-//#endregion
-//#region src/components/checkbox/Checkbox.tsx
-var Checkbox = react.forwardRef(({ className, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-		ref,
-		type: "checkbox",
-		className: cx(checkbox_module_default.checkbox, className),
-		...props
-	});
-});
-Checkbox.displayName = "Checkbox";
-var multi_select_module_default = {
-	wrapper: "uzi-multi-select-module__wrapper__Izj2x",
-	wrapperFullWidth: "uzi-multi-select-module__wrapperFullWidth__eH8pf",
-	trigger: "uzi-multi-select-module__trigger__r3816",
-	value: "uzi-multi-select-module__value__PuUmG",
-	placeholder: "uzi-multi-select-module__placeholder__dJIU-",
-	chip: "uzi-multi-select-module__chip__46Ms-",
-	chipSummary: "uzi-multi-select-module__chipSummary__zLwi8",
-	chevron: "uzi-multi-select-module__chevron__SWK5l",
-	menu: "uzi-multi-select-module__menu__q8auA",
-	menuFadeIn: "uzi-multi-select-module__menuFadeIn__Plo7-",
-	option: "uzi-multi-select-module__option__-Ioqk",
-	optionDisabled: "uzi-multi-select-module__optionDisabled__qtCi8",
-	optionSelected: "uzi-multi-select-module__optionSelected__74IO8",
-	optionLabel: "uzi-multi-select-module__optionLabel__cVoN7",
-	indicator: "uzi-multi-select-module__indicator__NO-WE",
-	indicatorSelected: "uzi-multi-select-module__indicatorSelected__9sEAy",
-	indicatorDisabled: "uzi-multi-select-module__indicatorDisabled__vqdiH"
-};
-//#endregion
-//#region src/components/multi-select/MultiSelect.tsx
-var MultiSelect = react.forwardRef(({ options, value, onChange, placeholder = "Select options", fullWidth = true, maxVisibleValues = 2, className, disabled = false, name, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }, ref) => {
-	const selectedSet = react.useMemo(() => new Set(value), [value]);
-	const selectedOptions = react.useMemo(() => options.filter((opt) => selectedSet.has(opt.value)), [options, selectedSet]);
-	const toggleValue = react.useCallback((nextValue) => {
-		if (selectedSet.has(nextValue)) {
-			onChange(value.filter((entry) => entry !== nextValue));
-			return;
-		}
-		onChange([...value, nextValue]);
-	}, [
-		onChange,
-		selectedSet,
-		value
-	]);
-	const visibleCount = Math.max(1, maxVisibleValues);
-	const visibleOptions = selectedOptions.slice(0, visibleCount);
-	const overflowCount = Math.max(0, selectedOptions.length - visibleOptions.length);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Root, {
-		modal: false,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: cx(multi_select_module_default.wrapper, fullWidth && multi_select_module_default.wrapperFullWidth, className),
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Trigger, {
-					asChild: true,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-						ref,
-						type: "button",
-						className: multi_select_module_default.trigger,
-						"aria-label": ariaLabel,
-						"aria-labelledby": ariaLabelledBy,
-						disabled,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: multi_select_module_default.value,
-							children: selectedOptions.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: multi_select_module_default.placeholder,
-								children: placeholder
-							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [visibleOptions.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: multi_select_module_default.chip,
-								children: option.label
-							}, option.value)), overflowCount > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: cx(multi_select_module_default.chip, multi_select_module_default.chipSummary),
-								children: ["+", overflowCount]
-							}) : null] })
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: multi_select_module_default.chevron,
-							"aria-hidden": "true",
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-								viewBox: "0 0 10 10",
-								fill: "none",
-								xmlns: "http://www.w3.org/2000/svg",
-								width: "10",
-								height: "10",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-									d: "M2 3.5L5 6.5L8 3.5",
-									stroke: "currentColor",
-									strokeWidth: "1.5",
-									strokeLinecap: "round",
-									strokeLinejoin: "round"
-								})
-							})
-						})]
-					})
-				}),
-				name ? value.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-					type: "hidden",
-					name,
-					value: entry
-				}, entry)) : null,
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Content, {
-					className: multi_select_module_default.menu,
-					sideOffset: 4,
-					align: "start",
-					children: options.map((option) => {
-						const selected = selectedSet.has(option.value);
-						return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_dropdown_menu.CheckboxItem, {
-							className: cx(multi_select_module_default.option, selected && multi_select_module_default.optionSelected, option.disabled && multi_select_module_default.optionDisabled),
-							checked: selected,
-							disabled: option.disabled,
-							onCheckedChange: () => toggleValue(option.value),
-							onSelect: (event) => event.preventDefault(),
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: cx(multi_select_module_default.indicator, selected && multi_select_module_default.indicatorSelected, option.disabled && multi_select_module_default.indicatorDisabled),
-								"aria-hidden": "true",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.ItemIndicator, {
-									forceMount: true,
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-										viewBox: "0 0 16 16",
-										width: "16",
-										height: "16",
-										fill: "none",
-										xmlns: "http://www.w3.org/2000/svg",
-										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-											d: "M3.5 8.5 6.5 11.5 12.5 4.5",
-											stroke: "currentColor",
-											strokeWidth: "1.8",
-											strokeLinecap: "round",
-											strokeLinejoin: "round"
-										})
-									})
-								})
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: multi_select_module_default.optionLabel,
-								children: option.label
-							})]
-						}, option.value);
-					})
-				}) })
-			]
-		})
-	});
-});
-MultiSelect.displayName = "MultiSelect";
-var select_module_default = {
-	wrapper: "uzi-select-module__wrapper__7szq0",
-	wrapperFullWidth: "uzi-select-module__wrapperFullWidth__IyOIG",
-	trigger: "uzi-select-module__trigger__ldh8w",
-	value: "uzi-select-module__value__FTUJh",
-	chevron: "uzi-select-module__chevron__U6HXS",
-	content: "uzi-select-module__content__pOWWy",
-	selectFadeIn: "uzi-select-module__selectFadeIn__Z-yKX",
-	viewport: "uzi-select-module__viewport__VGZM6",
-	item: "uzi-select-module__item__6uM6-",
-	indicator: "uzi-select-module__indicator__ZHcg5",
-	indicatorIcon: "uzi-select-module__indicatorIcon__kOV2G"
-};
-//#endregion
-//#region src/components/select/Select.tsx
-var EMPTY_OPTION_VALUE = "__uzi_select_empty__";
-var Select = react.forwardRef(({ options, value, onChange, placeholder, allowEmptyOption = false, fullWidth = true, className, id, name, disabled, required, autoComplete, form, title, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, onBlur, onFocus }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: cx(select_module_default.wrapper, fullWidth && select_module_default.wrapperFullWidth, className),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_select.Root, {
-			value,
-			onValueChange: (nextValue) => onChange(nextValue === EMPTY_OPTION_VALUE ? "" : nextValue),
-			name,
-			disabled,
-			required,
-			autoComplete,
-			form,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_select.Trigger, {
-				ref,
-				id,
-				className: select_module_default.trigger,
-				title,
-				"aria-label": ariaLabel,
-				"aria-labelledby": ariaLabelledBy,
-				onBlur,
-				onFocus,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_select.Value, {
-					className: select_module_default.value,
-					placeholder
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_select.Icon, {
-					className: select_module_default.chevron,
-					"aria-hidden": "true",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-						viewBox: "0 0 10 10",
-						fill: "none",
-						xmlns: "http://www.w3.org/2000/svg",
-						width: "10",
-						height: "10",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-							d: "M2 3.5L5 6.5L8 3.5",
-							stroke: "currentColor",
-							strokeWidth: "1.5",
-							strokeLinecap: "round",
-							strokeLinejoin: "round"
-						})
-					})
-				})]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_select.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_select.Content, {
-				className: select_module_default.content,
-				position: "popper",
-				sideOffset: 4,
-				align: "start",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_select.Viewport, {
-					className: select_module_default.viewport,
-					children: [placeholder && allowEmptyOption ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_select.Item, {
-						value: EMPTY_OPTION_VALUE,
-						className: select_module_default.item,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: select_module_default.indicator,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_select.ItemIndicator, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-								viewBox: "0 0 16 16",
-								width: "16",
-								height: "16",
-								"aria-hidden": "true",
-								className: select_module_default.indicatorIcon,
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-									d: "M3.5 8.5 6.5 11.5 12.5 4.5",
-									fill: "none",
-									stroke: "currentColor",
-									strokeWidth: "1.8",
-									strokeLinecap: "round",
-									strokeLinejoin: "round"
-								})
-							}) })
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_select.ItemText, { children: placeholder })]
-					}) : null, options.map((opt) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_select.Item, {
-						value: opt.value,
-						disabled: opt.disabled,
-						className: select_module_default.item,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: select_module_default.indicator,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_select.ItemIndicator, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-								viewBox: "0 0 16 16",
-								width: "16",
-								height: "16",
-								"aria-hidden": "true",
-								className: select_module_default.indicatorIcon,
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-									d: "M3.5 8.5 6.5 11.5 12.5 4.5",
-									fill: "none",
-									stroke: "currentColor",
-									strokeWidth: "1.8",
-									strokeLinecap: "round",
-									strokeLinejoin: "round"
-								})
-							}) })
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_select.ItemText, { children: opt.label })]
-					}, opt.value))]
-				})
-			}) })]
-		})
-	});
-});
-Select.displayName = "Select";
-//#endregion
-//#region src/components/dropdown/Dropdown.tsx
-/**
-* @deprecated Use Select for value selection and DropdownMenu for action menus.
-* Dropdown remains as a compatibility alias during migration.
-*/
-var Dropdown = react.forwardRef(({ options, value, onChange, placeholder = "All", allowClear = true, ...rest }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Select, {
-		ref,
-		options,
-		value,
-		onChange,
-		placeholder,
-		allowEmptyOption: allowClear,
-		fullWidth: false,
-		...rest
-	});
-});
-Dropdown.displayName = "Dropdown";
-var dropdown_menu_module_default = {
-	content: "uzi-dropdown-menu-module__content__n-ElH",
-	menuFadeIn: "uzi-dropdown-menu-module__menuFadeIn__ITxMo",
-	item: "uzi-dropdown-menu-module__item__tBNtW",
-	itemDestructive: "uzi-dropdown-menu-module__itemDestructive__oWmKd",
-	insetItem: "uzi-dropdown-menu-module__insetItem__g7ONJ",
-	indicator: "uzi-dropdown-menu-module__indicator__5qwFh",
-	indicatorIcon: "uzi-dropdown-menu-module__indicatorIcon__nhJMw",
-	radioDot: "uzi-dropdown-menu-module__radioDot__GWUVT",
-	label: "uzi-dropdown-menu-module__label__sFnNR",
-	separator: "uzi-dropdown-menu-module__separator__PgUob",
-	chevron: "uzi-dropdown-menu-module__chevron__kxfiF"
-};
-//#endregion
-//#region src/components/dropdown-menu/DropdownMenu.tsx
-function DropdownMenu(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Root, { ...props });
-}
-function DropdownMenuTrigger(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Trigger, { ...props });
-}
-function DropdownMenuGroup(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Group, { ...props });
-}
-function DropdownMenuPortal(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Portal, { ...props });
-}
-function DropdownMenuSub(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Sub, { ...props });
-}
-function DropdownMenuRadioGroup(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.RadioGroup, { ...props });
-}
-function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Content, {
-		sideOffset,
-		className: cx(dropdown_menu_module_default.content, className),
-		...props
-	}) });
-}
-function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Item, {
-		"data-inset": inset ? "true" : void 0,
-		className: cx(dropdown_menu_module_default.item, variant === "destructive" && dropdown_menu_module_default.itemDestructive, className),
-		...props
-	});
-}
-function DropdownMenuCheckboxItem({ className, children, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_dropdown_menu.CheckboxItem, {
-		className: cx(dropdown_menu_module_default.item, dropdown_menu_module_default.insetItem, className),
-		...props,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: dropdown_menu_module_default.indicator,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.ItemIndicator, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-				viewBox: "0 0 16 16",
-				width: "16",
-				height: "16",
-				"aria-hidden": "true",
-				className: dropdown_menu_module_default.indicatorIcon,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-					d: "M3.5 8.5 6.5 11.5 12.5 4.5",
-					fill: "none",
-					stroke: "currentColor",
-					strokeWidth: "1.8",
-					strokeLinecap: "round",
-					strokeLinejoin: "round"
-				})
-			}) })
-		}), children]
-	});
-}
-function DropdownMenuRadioItem({ className, children, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_dropdown_menu.RadioItem, {
-		className: cx(dropdown_menu_module_default.item, dropdown_menu_module_default.insetItem, className),
-		...props,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: dropdown_menu_module_default.indicator,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.ItemIndicator, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: dropdown_menu_module_default.radioDot }) })
-		}), children]
-	});
-}
-function DropdownMenuLabel({ className, inset, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Label, {
-		"data-inset": inset ? "true" : void 0,
-		className: cx(dropdown_menu_module_default.label, className),
-		...props
-	});
-}
-function DropdownMenuSeparator({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Separator, {
-		className: cx(dropdown_menu_module_default.separator, className),
-		...props
-	});
-}
-function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_dropdown_menu.SubTrigger, {
-		"data-inset": inset ? "true" : void 0,
-		className: cx(dropdown_menu_module_default.item, className),
-		...props,
-		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-			viewBox: "0 0 16 16",
-			width: "16",
-			height: "16",
-			"aria-hidden": "true",
-			className: dropdown_menu_module_default.chevron,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-				d: "M6 3.5 10.5 8 6 12.5",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "1.6",
-				strokeLinecap: "round",
-				strokeLinejoin: "round"
-			})
-		})]
-	});
-}
-function DropdownMenuSubContent({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.SubContent, {
-		className: cx(dropdown_menu_module_default.content, className),
-		...props
-	});
-}
-//#endregion
-//#region src/theme/constants.ts
-var UZI_THEMES = [
-	"light",
-	"dark",
-	"system"
-];
-var UZI_ACCENTS = [
-	"blue",
-	"cyan",
-	"violet",
-	"emerald",
-	"amber",
-	"rose"
-];
-var THEME_STORAGE_KEY$1 = "uzi-theme";
-var ACCENT_STORAGE_KEY$1 = "uzi-accent";
-//#endregion
-//#region src/theme/ThemeProvider.tsx
-var THEME_STORAGE_KEY = THEME_STORAGE_KEY$1;
-var ACCENT_STORAGE_KEY = ACCENT_STORAGE_KEY$1;
-var THEME_ATTRIBUTE = "data-uzi-theme";
-var ACCENT_ATTRIBUTE = "data-uzi-accent";
-var ThemeContext = (0, react.createContext)(void 0);
-function isTheme(value) {
-	return UZI_THEMES.includes(value);
-}
-function isAccent(value) {
-	return UZI_ACCENTS.includes(value);
-}
-function getSystemTheme() {
-	if (typeof window === "undefined") return "light";
-	return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-}
-function ThemeProvider({ children, theme, defaultTheme = "system", accent, defaultAccent = "blue", onThemeChange, onAccentChange, storageKey = THEME_STORAGE_KEY, accentStorageKey = ACCENT_STORAGE_KEY, disableStorage = false, toastConfig }) {
-	const [internalTheme, setInternalTheme] = (0, react.useState)(defaultTheme);
-	const [internalAccent, setInternalAccent] = (0, react.useState)(defaultAccent);
-	const [systemTheme, setSystemTheme] = (0, react.useState)("light");
-	(0, react.useEffect)(() => {
-		setSystemTheme(getSystemTheme());
-		if (!disableStorage) {
-			const storedTheme = window.localStorage.getItem(storageKey);
-			if (isTheme(storedTheme)) setInternalTheme(storedTheme);
-			const storedAccent = window.localStorage.getItem(accentStorageKey);
-			if (isAccent(storedAccent)) setInternalAccent(storedAccent);
-		}
-	}, [
-		disableStorage,
-		storageKey,
-		accentStorageKey
-	]);
-	const isThemeControlled = theme !== void 0;
-	const isAccentControlled = accent !== void 0;
-	const currentTheme = isThemeControlled ? theme : internalTheme;
-	const currentAccent = isAccentControlled ? accent : internalAccent;
-	const resolvedTheme = currentTheme === "system" ? systemTheme : currentTheme;
-	(0, react.useEffect)(() => {
-		if (typeof window === "undefined") return;
-		const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
-		const handleChange = () => setSystemTheme(mediaQuery.matches ? "dark" : "light");
-		handleChange();
-		mediaQuery.addEventListener("change", handleChange);
-		return () => mediaQuery.removeEventListener("change", handleChange);
-	}, []);
-	(0, react.useEffect)(() => {
-		if (typeof document === "undefined") return;
-		const root = document.documentElement;
-		root.setAttribute(THEME_ATTRIBUTE, resolvedTheme);
-		root.setAttribute(ACCENT_ATTRIBUTE, currentAccent);
-		root.style.colorScheme = resolvedTheme;
-		root.classList.toggle("dark", resolvedTheme === "dark");
-	}, [currentAccent, resolvedTheme]);
-	const setTheme = (0, react.useCallback)((nextTheme) => {
-		if (!isThemeControlled) setInternalTheme(nextTheme);
-		if (!disableStorage && typeof window !== "undefined") window.localStorage.setItem(storageKey, nextTheme);
-		onThemeChange?.(nextTheme);
-	}, [
-		disableStorage,
-		isThemeControlled,
-		onThemeChange,
-		storageKey
-	]);
-	const setAccent = (0, react.useCallback)((nextAccent) => {
-		if (!isAccentControlled) setInternalAccent(nextAccent);
-		if (!disableStorage && typeof window !== "undefined") window.localStorage.setItem(accentStorageKey, nextAccent);
-		onAccentChange?.(nextAccent);
-	}, [
-		accentStorageKey,
-		disableStorage,
-		isAccentControlled,
-		onAccentChange
-	]);
-	const toggleTheme = (0, react.useCallback)(() => {
-		setTheme(resolvedTheme === "dark" ? "light" : "dark");
-	}, [resolvedTheme, setTheme]);
-	const value = (0, react.useMemo)(() => ({
-		theme: currentTheme,
-		resolvedTheme,
-		accent: currentAccent,
-		setTheme,
-		setAccent,
-		toggleTheme
-	}), [
-		currentAccent,
-		currentTheme,
-		resolvedTheme,
-		setAccent,
-		setTheme,
-		toggleTheme
-	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ThemeContext.Provider, {
-		value,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastProvider, {
-			config: toastConfig,
-			children
-		})
-	});
-}
-function useTheme() {
-	const context = (0, react.useContext)(ThemeContext);
-	if (!context) throw new Error("useTheme must be used within a ThemeProvider");
-	return context;
-}
-var theme_toggle_button_module_default = { withLabel: "uzi-theme-toggle-button-module__withLabel__KqtDj" };
-//#endregion
-//#region src/components/theme-toggle-button/ThemeToggleButton.tsx
-function MoonIcon() {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-		viewBox: "0 0 24 24",
-		"aria-hidden": "true",
-		width: "16",
-		height: "16",
-		fill: "none",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-			d: "M20 15.2A8.5 8.5 0 0 1 8.8 4 9 9 0 1 0 20 15.2Z",
-			stroke: "currentColor",
-			strokeWidth: "1.8",
-			strokeLinecap: "round",
-			strokeLinejoin: "round"
-		})
-	});
-}
-function SunIcon() {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-		viewBox: "0 0 24 24",
-		"aria-hidden": "true",
-		width: "16",
-		height: "16",
-		fill: "none",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
-			cx: "12",
-			cy: "12",
-			r: "4",
-			stroke: "currentColor",
-			strokeWidth: "1.8"
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-			d: "M12 2.75v2.5M12 18.75v2.5M21.25 12h-2.5M5.25 12h-2.5M18.54 5.46l-1.77 1.77M7.23 16.77l-1.77 1.77M18.54 18.54l-1.77-1.77M7.23 7.23 5.46 5.46",
-			stroke: "currentColor",
-			strokeWidth: "1.8",
-			strokeLinecap: "round"
-		})]
-	});
-}
-function ThemeToggleButton({ showLabel = false, lightLabel = "Light mode", darkLabel = "Dark mode", className, onClick, ...rest }) {
-	const { resolvedTheme, toggleTheme } = useTheme();
-	const nextThemeLabel = resolvedTheme === "dark" ? lightLabel : darkLabel;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Button, {
-		type: "button",
-		variant: "ghost",
-		size: showLabel ? "sm" : "icon",
-		className: cx(showLabel && theme_toggle_button_module_default.withLabel, className),
-		"aria-label": `Switch to ${nextThemeLabel.toLowerCase()}`,
-		title: `Switch to ${nextThemeLabel.toLowerCase()}`,
-		onClick: (event) => {
-			onClick?.(event);
-			if (!event.defaultPrevented) toggleTheme();
-		},
-		...rest,
-		children: [resolvedTheme === "dark" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SunIcon, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MoonIcon, {}), showLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: nextThemeLabel })]
-	});
-}
-var top_bar_module_default = {
-	topBar: "uzi-top-bar-module__topBar__MJ-7S",
-	topBarStatic: "uzi-top-bar-module__topBarStatic__JvEwt",
-	topBarInner: "uzi-top-bar-module__topBarInner__PBbi8",
-	topBarStart: "uzi-top-bar-module__topBarStart__DrdN2",
-	topBarBrand: "uzi-top-bar-module__topBarBrand__80VV3",
-	topBarBrandContent: "uzi-top-bar-module__topBarBrandContent__O4Uto",
-	topBarCenter: "uzi-top-bar-module__topBarCenter__Kwxg-",
-	topBarCenterGroup: "uzi-top-bar-module__topBarCenterGroup__7Ishp",
-	topBarActions: "uzi-top-bar-module__topBarActions__mgMd8"
-};
-//#endregion
-//#region src/components/top-bar/TopBar.tsx
-function TopBar({ leading, brand, brandHref, brandingLocation = "left", start, center, actions, showThemeToggle = false, themeToggleProps, className, innerClassName, isSticky, sticky = true, children, ...rest }) {
-	const shouldStick = isSticky ?? sticky;
-	const brandNode = !brand ? null : brandHref ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-		href: brandHref,
-		className: top_bar_module_default.topBarBrand,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: top_bar_module_default.topBarBrandContent,
-			children: brand
-		})
-	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: top_bar_module_default.topBarBrand,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: top_bar_module_default.topBarBrandContent,
-			children: brand
-		})
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
-		className: cx(top_bar_module_default.topBar, !shouldStick && top_bar_module_default.topBarStatic, className),
-		...rest,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: cx(top_bar_module_default.topBarInner, innerClassName),
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: top_bar_module_default.topBarStart,
-					children: [
-						leading,
-						brandingLocation === "left" && brandNode,
-						start
-					]
-				}),
-				brandNode && brandingLocation === "center" || center || children ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: top_bar_module_default.topBarCenter,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: top_bar_module_default.topBarCenterGroup,
-						children: [brandingLocation === "center" && brandNode, center ?? children]
-					})
-				}) : null,
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: top_bar_module_default.topBarActions,
-					children: [showThemeToggle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ThemeToggleButton, { ...themeToggleProps }), actions]
-				})
-			]
-		})
-	});
-}
-var app_shell_module_default = {
-	appShell: "uzi-app-shell-module__appShell__S0cVI",
-	appShellAnimated: "uzi-app-shell-module__appShellAnimated__-CRIl",
-	appShellOpen: "uzi-app-shell-module__appShellOpen__1rZUl",
-	appShellCollapsed: "uzi-app-shell-module__appShellCollapsed__fSasN",
-	appShellTopbar: "uzi-app-shell-module__appShellTopbar__rgXsW",
-	appShellTopbarLeft: "uzi-app-shell-module__appShellTopbarLeft__-EVuB",
-	appShellTopbarStart: "uzi-app-shell-module__appShellTopbarStart__XXQpq",
-	appShellTopbarRight: "uzi-app-shell-module__appShellTopbarRight__l1G57",
-	appShellBrand: "uzi-app-shell-module__appShellBrand__TXwyN",
-	appShellHamburger: "uzi-app-shell-module__appShellHamburger__BciFA",
-	appShellSidebar: "uzi-app-shell-module__appShellSidebar__oY7uj",
-	appShellMain: "uzi-app-shell-module__appShellMain__eHP2r",
-	appShellBackdrop: "uzi-app-shell-module__appShellBackdrop__y31xs",
-	appShellSidebarOpen: "uzi-app-shell-module__appShellSidebarOpen__Z5AIo"
-};
-//#endregion
-//#region src/components/app-shell/AppShell.tsx
-var DESKTOP_BREAKPOINT = 960;
-function getIsDesktop() {
-	if (typeof window === "undefined") return false;
-	return window.innerWidth >= DESKTOP_BREAKPOINT;
-}
-/**
-* Responsive application shell with a collapsible sidebar and sticky top bar.
-*
-* - Sidebar opens by default on desktop, collapses on mobile.
-* - Closes on outside click/scroll/touch when in mobile mode.
-* - Provides optional hook to close the sidebar when a prop value changes
-*   (e.g., route transitions).
-*/
-function AppShell({ children, sidebar, brand, brandHref, topbarStart, topbarEnd, showThemeToggle = false, themeToggleProps, topBarBrandingLocation = "left", className, sidebarClassName, topbarClassName, mainClassName, sidebarWidth, closeSidebarOnChangeKey, hamburgerLabel = "Toggle navigation", onSidebarToggle }) {
-	const [isDesktop, setIsDesktop] = (0, react.useState)(false);
-	const [sidebarOpen, setSidebarOpen] = (0, react.useState)(false);
-	const [transitionsReady, setTransitionsReady] = (0, react.useState)(false);
-	const prevIsDesktopRef = (0, react.useRef)(false);
-	const closeKeyRef = (0, react.useRef)(closeSidebarOnChangeKey);
-	const sidebarRef = (0, react.useRef)(null);
-	const hamburgerRef = (0, react.useRef)(null);
-	const mainRef = (0, react.useRef)(null);
-	const sidebarId = (0, react.useId)();
-	(0, react.useEffect)(() => {
-		const desktop = getIsDesktop();
-		setIsDesktop(desktop);
-		setSidebarOpen(desktop);
-		prevIsDesktopRef.current = desktop;
-		const transitionFrame = window.requestAnimationFrame(() => {
-			setTransitionsReady(true);
-		});
-		const handleResize = () => {
-			const nowDesktop = getIsDesktop();
-			setIsDesktop(nowDesktop);
-			if (nowDesktop !== prevIsDesktopRef.current) {
-				setSidebarOpen(nowDesktop);
-				prevIsDesktopRef.current = nowDesktop;
-			}
-		};
-		window.addEventListener("resize", handleResize);
-		return () => {
-			window.cancelAnimationFrame(transitionFrame);
-			window.removeEventListener("resize", handleResize);
-		};
-	}, []);
-	(0, react.useEffect)(() => {
-		if (isDesktop || !sidebarOpen) return;
-		const mainElement = mainRef.current;
-		const closeSidebar = () => setSidebarOpen(false);
-		const onPointerDown = (e) => {
-			const target = e.target;
-			if (!target) return;
-			if (sidebarRef.current?.contains(target)) return;
-			if (hamburgerRef.current?.contains(target)) return;
-			closeSidebar();
-		};
-		const timeoutId = window.setTimeout(() => {
-			document.addEventListener("pointerdown", onPointerDown);
-			window.addEventListener("scroll", closeSidebar, { passive: true });
-			mainElement?.addEventListener("scroll", closeSidebar, { passive: true });
-			document.addEventListener("touchmove", closeSidebar, { passive: true });
-		}, 10);
-		return () => {
-			window.clearTimeout(timeoutId);
-			document.removeEventListener("pointerdown", onPointerDown);
-			window.removeEventListener("scroll", closeSidebar);
-			mainElement?.removeEventListener("scroll", closeSidebar);
-			document.removeEventListener("touchmove", closeSidebar);
-		};
-	}, [sidebarOpen, isDesktop]);
-	(0, react.useEffect)(() => {
-		if (!isDesktop && closeKeyRef.current !== closeSidebarOnChangeKey) setSidebarOpen(false);
-		closeKeyRef.current = closeSidebarOnChangeKey;
-	}, [closeSidebarOnChangeKey, isDesktop]);
-	(0, react.useEffect)(() => {
-		onSidebarToggle?.(sidebarOpen);
-	}, [sidebarOpen, onSidebarToggle]);
-	const toggleSidebar = () => setSidebarOpen((open) => !open);
-	const sidebarWidthValue = sidebarWidth === void 0 ? void 0 : typeof sidebarWidth === "number" ? `${sidebarWidth}px` : sidebarWidth;
-	const shellStyle = sidebarWidthValue ? { ["--app-shell-sidebar-width"]: sidebarWidthValue } : void 0;
-	const shellClasses = cx(app_shell_module_default.appShell, transitionsReady && app_shell_module_default.appShellAnimated, sidebarOpen ? app_shell_module_default.appShellOpen : app_shell_module_default.appShellCollapsed, className);
-	const sidebarClasses = cx(app_shell_module_default.appShellSidebar, sidebarOpen && app_shell_module_default.appShellSidebarOpen, sidebarClassName);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: shellClasses,
-		style: shellStyle,
-		"data-app-shell": true,
-		"data-desktop": isDesktop ? "true" : "false",
-		"data-sidebar-open": sidebarOpen ? "true" : "false",
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TopBar, {
-				className: cx(app_shell_module_default.appShellTopbar, topbarClassName),
-				leading: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-					ref: hamburgerRef,
-					type: "button",
-					className: app_shell_module_default.appShellHamburger,
-					onClick: toggleSidebar,
-					"aria-label": hamburgerLabel,
-					"aria-expanded": sidebarOpen,
-					"aria-controls": sidebarId,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-						viewBox: "0 0 24 24",
-						"aria-hidden": "true",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-							d: "M3 6h18M3 12h18M3 18h18",
-							stroke: "currentColor",
-							strokeWidth: "2.5",
-							strokeLinecap: "round"
-						})
-					})
-				}),
-				brand,
-				brandHref,
-				brandingLocation: topBarBrandingLocation,
-				start: topbarStart,
-				actions: topbarEnd,
-				showThemeToggle,
-				themeToggleProps
-			}),
-			!isDesktop && sidebarOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: app_shell_module_default.appShellBackdrop,
-				onClick: () => setSidebarOpen(false),
-				onTouchStart: () => setSidebarOpen(false),
-				"aria-hidden": "true"
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("aside", {
-				ref: sidebarRef,
-				id: sidebarId,
-				className: sidebarClasses,
-				"aria-label": "Sidebar navigation",
-				children: sidebar
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("main", {
-				ref: mainRef,
-				className: cx(app_shell_module_default.appShellMain, mainClassName),
-				children
-			})
-		]
-	});
-}
-var sidebar_nav_module_default = {
-	sidebarNav: "uzi-sidebar-nav-module__sidebarNav__eUI5c",
-	sidebarNavCollapsed: "uzi-sidebar-nav-module__sidebarNavCollapsed__xTM9s",
-	header: "uzi-sidebar-nav-module__header__Y4NLy",
-	footer: "uzi-sidebar-nav-module__footer__GjWky",
-	sections: "uzi-sidebar-nav-module__sections__mXuGQ",
-	section: "uzi-sidebar-nav-module__section__yjtCY",
-	sectionItems: "uzi-sidebar-nav-module__sectionItems__tNcph",
-	sectionLabel: "uzi-sidebar-nav-module__sectionLabel__Wx94m",
-	item: "uzi-sidebar-nav-module__item__uMHkJ",
-	itemActive: "uzi-sidebar-nav-module__itemActive__wBbiS",
-	itemCollapsed: "uzi-sidebar-nav-module__itemCollapsed__jLJN-",
-	itemDisabled: "uzi-sidebar-nav-module__itemDisabled__Yf8Il",
-	icon: "uzi-sidebar-nav-module__icon__tyrUg",
-	itemBody: "uzi-sidebar-nav-module__itemBody__wI0iy",
-	labelRow: "uzi-sidebar-nav-module__labelRow__D8sEJ",
-	label: "uzi-sidebar-nav-module__label__A-nt6",
-	description: "uzi-sidebar-nav-module__description__Xf3Si",
-	badge: "uzi-sidebar-nav-module__badge__-hnFd"
-};
-//#endregion
-//#region src/components/sidebar-nav/SidebarNav.tsx
-var isActivePrefix = (item, path) => {
-	if (item.active !== void 0) return item.active;
-	if (!item.href) return false;
-	if (!path) return false;
-	if (item.href === "/") return path === "/";
-	return path.startsWith(item.href);
-};
-var isActiveExact = (item, path) => {
-	if (item.active !== void 0) return item.active;
-	if (!item.href) return false;
-	if (!path) return false;
-	if (item.href === "/") return path === "/";
-	const normalizedHref = item.href.endsWith("/") ? item.href.slice(0, -1) : item.href;
-	return normalizedHref === path || path.startsWith(`${normalizedHref}/`);
-};
-var isNaturalPrefixMatch = (href, path) => {
-	if (href === "/") return path === "/";
-	return path.startsWith(href);
-};
-var isNaturalExactMatch = (href, path) => {
-	if (href === "/") return path === "/";
-	return (href.endsWith("/") ? href.slice(0, -1) : href) === path;
-};
-var hrefLength = (href) => href.endsWith("/") ? href.length - 1 : href.length;
-var findMostSpecific = (items, currentPath) => {
-	const result = /* @__PURE__ */ new Set();
-	if (!currentPath) return result;
-	const matchingItems = items.filter((item) => {
-		if (item.disabled || !item.href) return false;
-		return item.exact ? isNaturalExactMatch(item.href, currentPath) : isNaturalPrefixMatch(item.href, currentPath);
-	});
-	if (matchingItems.length === 0) return result;
-	let maxLen = 0;
-	for (const item of matchingItems) {
-		if (!item.href) continue;
-		const len = hrefLength(item.href);
-		if (len > maxLen) maxLen = len;
-	}
-	for (const item of matchingItems) {
-		if (!item.href) continue;
-		if (hrefLength(item.href) === maxLen) result.add(item.href);
-	}
-	return result;
-};
-function SidebarNav({ items = [], sections, currentPath, getIsActive, matchStrategy = "prefix", onItemClick, header, footer, ariaLabel = "Sidebar navigation", collapsed = false, iconSize, className, itemClassName, sectionClassName }) {
-	const resolvedSections = (0, react.useMemo)(() => {
-		return sections?.length ? sections : [{
-			id: "default",
-			items
-		}];
-	}, [sections, items]);
-	const allItems = (0, react.useMemo)(() => resolvedSections.flatMap((section) => section.items), [resolvedSections]);
-	const defaultIsActiveFn = (0, react.useMemo)(() => {
-		if (matchStrategy === "most-specific") {
-			const mostSpecificHrefs = findMostSpecific(allItems, currentPath);
-			return (item) => {
-				if (item.active !== void 0) return item.active;
-				if (!item.href) return false;
-				return mostSpecificHrefs.has(item.href);
-			};
-		} else return (item, path) => {
-			if (item.active !== void 0) return item.active;
-			if (item.exact) return isActiveExact(item, path);
-			return isActivePrefix(item, path);
-		};
-	}, [
-		matchStrategy,
-		allItems,
-		currentPath
-	]);
-	const resolvedGetIsActive = getIsActive ?? defaultIsActiveFn;
-	const style = iconSize !== void 0 ? { ["--sidebar-nav-icon-size"]: typeof iconSize === "number" ? `${iconSize}px` : iconSize } : void 0;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("nav", {
-		className: cx(sidebar_nav_module_default.sidebarNav, collapsed && sidebar_nav_module_default.sidebarNavCollapsed, className),
-		"aria-label": ariaLabel,
-		style,
-		children: [
-			header ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: sidebar_nav_module_default.header,
-				children: header
-			}) : null,
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: sidebar_nav_module_default.sections,
-				children: resolvedSections.map((section, sectionIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: cx(sidebar_nav_module_default.section, sectionClassName),
-					children: [section.label && !collapsed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: sidebar_nav_module_default.sectionLabel,
-						children: section.label
-					}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: sidebar_nav_module_default.sectionItems,
-						children: section.items.map((item, itemIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarNavEntry, {
-							item,
-							active: resolvedGetIsActive(item, currentPath),
-							collapsed,
-							itemClassName,
-							onItemClick
-						}, `${section.id ?? sectionIndex}-${item.href ?? item.title ?? itemIndex}`))
-					})]
-				}, section.id ?? `section-${sectionIndex}`))
-			}),
-			footer ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: sidebar_nav_module_default.footer,
-				children: footer
-			}) : null
-		]
-	});
-}
-function SidebarNavEntry({ item, active, collapsed, itemClassName, onItemClick }) {
-	const rel = item.rel ?? (item.target === "_blank" ? "noreferrer" : void 0);
-	const title = item.title ?? (typeof item.label === "string" ? item.label : void 0);
-	const classes = cx(sidebar_nav_module_default.item, active && sidebar_nav_module_default.itemActive, collapsed && sidebar_nav_module_default.itemCollapsed, item.disabled && sidebar_nav_module_default.itemDisabled, itemClassName);
-	const content = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [item.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-		className: sidebar_nav_module_default.icon,
-		children: item.icon
-	}), !collapsed ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-		className: sidebar_nav_module_default.itemBody,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-			className: sidebar_nav_module_default.labelRow,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: sidebar_nav_module_default.label,
-				children: item.label
-			}), item.badge && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: sidebar_nav_module_default.badge,
-				children: item.badge
-			})]
-		}), item.description ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: sidebar_nav_module_default.description,
-			children: item.description
-		}) : null]
-	}) : null] });
-	const handleClick = () => {
-		if (item.disabled) return;
-		item.onClick?.();
-		onItemClick?.(item);
-	};
-	if (!item.href) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-		type: "button",
-		className: classes,
-		"aria-current": active ? "page" : void 0,
-		"aria-disabled": item.disabled ? "true" : void 0,
-		disabled: item.disabled,
-		title: collapsed ? title : void 0,
-		onClick: handleClick,
-		children: content
-	});
-	if (item.disabled) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: classes,
-		"aria-current": active ? "page" : void 0,
-		"aria-disabled": "true",
-		title: collapsed ? title : void 0,
-		children: content
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-		className: classes,
-		href: item.href,
-		target: item.target,
-		rel,
-		"aria-current": active ? "page" : void 0,
-		title: collapsed ? title : void 0,
-		onClick: handleClick,
-		children: content
-	});
-}
-var skeleton_module_default = {
-	skeleton: "uzi-skeleton-module__skeleton__fula5",
-	"skeleton-pulse": "uzi-skeleton-module__skeleton-pulse__Yp45W",
-	"radius-sm": "uzi-skeleton-module__radius-sm__FdccD",
-	"radius-md": "uzi-skeleton-module__radius-md__zH3RE",
-	"radius-lg": "uzi-skeleton-module__radius-lg__YVrHw",
-	"radius-full": "uzi-skeleton-module__radius-full__5o2m0"
-};
-//#endregion
-//#region src/components/skeleton/Skeleton.tsx
-function Skeleton({ width, height, radius = "md", className, style, ...rest }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: cx(skeleton_module_default.skeleton, skeleton_module_default[`radius-${radius}`], className),
-		style: {
-			width,
-			height,
-			...style
-		},
-		"aria-hidden": "true",
-		...rest
-	});
-}
-var progress_module_default = {
-	track: "uzi-progress-module__track__gM0oV",
-	fill: "uzi-progress-module__fill__aLAbp",
-	"tone-default": "uzi-progress-module__tone-default__fhf7o",
-	"tone-success": "uzi-progress-module__tone-success__FsGHD",
-	"tone-warning": "uzi-progress-module__tone-warning__UAttL",
-	"tone-danger": "uzi-progress-module__tone-danger__-L-Ee"
-};
-//#endregion
-//#region src/components/progress/Progress.tsx
-function Progress({ value, tone = "default", className, "aria-label": ariaLabel, ...rest }) {
-	const clamped = Math.max(0, Math.min(100, value));
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: cx(progress_module_default.track, className),
-		role: "progressbar",
-		"aria-valuenow": clamped,
-		"aria-valuemin": 0,
-		"aria-valuemax": 100,
-		"aria-label": ariaLabel,
-		...rest,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: cx(progress_module_default.fill, progress_module_default[`tone-${tone}`]),
-			style: { width: `${clamped}%` }
-		})
-	});
-}
-var segmented_toggle_module_default = {
-	track: "uzi-segmented-toggle-module__track__M4fjm",
-	option: "uzi-segmented-toggle-module__option__7cEZJ",
-	label: "uzi-segmented-toggle-module__label__bDAIv"
-};
-//#endregion
-//#region src/components/segmented-toggle/SegmentedToggle.tsx
-function SegmentedToggle({ options, value, onChange, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className }) {
-	const itemRefs = react.useRef([]);
-	const selectedIndex = options.findIndex((opt) => opt.value === value);
-	const fallbackIndex = options.findIndex((opt) => !opt.disabled);
-	let lastEnabledIndex = -1;
-	for (let index = options.length - 1; index >= 0; index -= 1) if (!options[index]?.disabled) {
-		lastEnabledIndex = index;
-		break;
-	}
-	const tabbableIndex = selectedIndex >= 0 && !options[selectedIndex]?.disabled ? selectedIndex : fallbackIndex;
-	const focusItem = (index) => {
-		itemRefs.current[index]?.focus();
-	};
-	const findEnabledIndex = (startIndex, direction) => {
-		if (options.length === 0) return -1;
-		let nextIndex = startIndex;
-		for (let i = 0; i < options.length; i += 1) {
-			nextIndex = (nextIndex + direction + options.length) % options.length;
-			if (!options[nextIndex]?.disabled) return nextIndex;
-		}
-		return startIndex;
-	};
-	const selectIndex = (index) => {
-		const nextOption = options[index];
-		if (!nextOption || nextOption.disabled || nextOption.value === value) return;
-		onChange(nextOption.value);
-	};
-	const handleKeyDown = (event, index) => {
-		switch (event.key) {
-			case "ArrowRight":
-			case "ArrowDown": {
-				event.preventDefault();
-				const nextIndex = findEnabledIndex(index, 1);
-				focusItem(nextIndex);
-				selectIndex(nextIndex);
-				break;
-			}
-			case "ArrowLeft":
-			case "ArrowUp": {
-				event.preventDefault();
-				const nextIndex = findEnabledIndex(index, -1);
-				focusItem(nextIndex);
-				selectIndex(nextIndex);
-				break;
-			}
-			case "Home":
-				event.preventDefault();
-				focusItem(fallbackIndex);
-				if (fallbackIndex >= 0) selectIndex(fallbackIndex);
-				break;
-			case "End":
-				event.preventDefault();
-				if (lastEnabledIndex >= 0) {
-					focusItem(lastEnabledIndex);
-					selectIndex(lastEnabledIndex);
-				}
-				break;
-			default: break;
-		}
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: cx(segmented_toggle_module_default.track, className),
-		role: "radiogroup",
-		"aria-label": ariaLabel,
-		"aria-labelledby": ariaLabelledBy,
-		children: options.map((opt, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-			ref: (node) => {
-				itemRefs.current[index] = node;
-			},
-			type: "button",
-			role: "radio",
-			"aria-checked": opt.value === value,
-			disabled: opt.disabled,
-			tabIndex: opt.disabled ? -1 : index === tabbableIndex ? 0 : -1,
-			onClick: () => {
-				if (opt.value !== value) onChange(opt.value);
-			},
-			onKeyDown: (event) => handleKeyDown(event, index),
-			className: cx(segmented_toggle_module_default.option),
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: segmented_toggle_module_default.label,
-				children: opt.label
-			})
-		}, opt.value))
-	});
-}
-//#endregion
-exports.Alert = Alert;
-exports.AppShell = AppShell;
-exports.Avatar = Avatar;
-exports.AvatarFallback = AvatarFallback;
-exports.AvatarImage = AvatarImage;
-exports.Button = Button;
-exports.Card = Card;
-exports.Checkbox = Checkbox;
-exports.Dropdown = Dropdown;
-exports.DropdownMenu = DropdownMenu;
-exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
-exports.DropdownMenuContent = DropdownMenuContent;
-exports.DropdownMenuGroup = DropdownMenuGroup;
-exports.DropdownMenuItem = DropdownMenuItem;
-exports.DropdownMenuLabel = DropdownMenuLabel;
-exports.DropdownMenuPortal = DropdownMenuPortal;
-exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
-exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
-exports.DropdownMenuSeparator = DropdownMenuSeparator;
-exports.DropdownMenuSub = DropdownMenuSub;
-exports.DropdownMenuSubContent = DropdownMenuSubContent;
-exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
-exports.DropdownMenuTrigger = DropdownMenuTrigger;
-exports.Input = Input;
-exports.Label = Label;
-exports.Modal = Modal;
-exports.ModalOverlay = ModalOverlay;
-exports.MultiSelect = MultiSelect;
-exports.Pill = Pill;
-exports.Progress = Progress;
-exports.SegmentedToggle = SegmentedToggle;
-exports.Select = Select;
-exports.SidebarNav = SidebarNav;
-exports.Skeleton = Skeleton;
-exports.ThemeProvider = ThemeProvider;
-exports.ThemeToggleButton = ThemeToggleButton;
-exports.ToastProvider = ToastProvider;
-exports.TopBar = TopBar;
-exports.cx = cx;
-exports.useTheme = useTheme;
-exports.useToast = useToast;
-
-//# sourceMappingURL=index.cjs.map
+;/* empty css         */
+const require_cx = require("./index4.cjs");
+const require_Button = require("./index6.cjs");
+const require_Avatar = require("./index8.cjs");
+const require_Card = require("./index10.cjs");
+const require_Pill = require("./index12.cjs");
+const require_Modal = require("./index14.cjs");
+const require_Alert = require("./index16.cjs");
+const require_ToastContext = require("./index18.cjs");
+const require_Input = require("./index20.cjs");
+const require_Label = require("./index22.cjs");
+const require_Checkbox = require("./index24.cjs");
+const require_MultiSelect = require("./index26.cjs");
+const require_Select = require("./index28.cjs");
+const require_Dropdown = require("./index29.cjs");
+const require_DropdownMenu = require("./index31.cjs");
+const require_ThemeProvider = require("./index33.cjs");
+const require_ThemeToggleButton = require("./index35.cjs");
+const require_TopBar = require("./index37.cjs");
+const require_AppShell = require("./index39.cjs");
+const require_SidebarNav = require("./index41.cjs");
+const require_Skeleton = require("./index43.cjs");
+const require_Progress = require("./index45.cjs");
+const require_SegmentedToggle = require("./index47.cjs");
+exports.Alert = require_Alert.Alert;
+exports.AppShell = require_AppShell.AppShell;
+exports.Avatar = require_Avatar.Avatar;
+exports.AvatarFallback = require_Avatar.AvatarFallback;
+exports.AvatarImage = require_Avatar.AvatarImage;
+exports.Button = require_Button.Button;
+exports.Card = require_Card.Card;
+exports.Checkbox = require_Checkbox.Checkbox;
+exports.Dropdown = require_Dropdown.Dropdown;
+exports.DropdownMenu = require_DropdownMenu.DropdownMenu;
+exports.DropdownMenuCheckboxItem = require_DropdownMenu.DropdownMenuCheckboxItem;
+exports.DropdownMenuContent = require_DropdownMenu.DropdownMenuContent;
+exports.DropdownMenuGroup = require_DropdownMenu.DropdownMenuGroup;
+exports.DropdownMenuItem = require_DropdownMenu.DropdownMenuItem;
+exports.DropdownMenuLabel = require_DropdownMenu.DropdownMenuLabel;
+exports.DropdownMenuPortal = require_DropdownMenu.DropdownMenuPortal;
+exports.DropdownMenuRadioGroup = require_DropdownMenu.DropdownMenuRadioGroup;
+exports.DropdownMenuRadioItem = require_DropdownMenu.DropdownMenuRadioItem;
+exports.DropdownMenuSeparator = require_DropdownMenu.DropdownMenuSeparator;
+exports.DropdownMenuSub = require_DropdownMenu.DropdownMenuSub;
+exports.DropdownMenuSubContent = require_DropdownMenu.DropdownMenuSubContent;
+exports.DropdownMenuSubTrigger = require_DropdownMenu.DropdownMenuSubTrigger;
+exports.DropdownMenuTrigger = require_DropdownMenu.DropdownMenuTrigger;
+exports.Input = require_Input.Input;
+exports.Label = require_Label.Label;
+exports.Modal = require_Modal.Modal;
+exports.ModalOverlay = require_Modal.ModalOverlay;
+exports.MultiSelect = require_MultiSelect.MultiSelect;
+exports.Pill = require_Pill.Pill;
+exports.Progress = require_Progress.Progress;
+exports.SegmentedToggle = require_SegmentedToggle.SegmentedToggle;
+exports.Select = require_Select.Select;
+exports.SidebarNav = require_SidebarNav.SidebarNav;
+exports.Skeleton = require_Skeleton.Skeleton;
+exports.ThemeProvider = require_ThemeProvider.ThemeProvider;
+exports.ThemeToggleButton = require_ThemeToggleButton.ThemeToggleButton;
+exports.ToastProvider = require_ToastContext.ToastProvider;
+exports.TopBar = require_TopBar.TopBar;
+exports.cx = require_cx.cx;
+exports.useTheme = require_ThemeProvider.useTheme;
+exports.useToast = require_ToastContext.useToast;