@oblkf/oui-react 0.0.0-stage → 0.1.0

package/dist/index.js

@@ -0,0 +1,1726 @@
+import { clsx as e } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+import { Fragment as n, forwardRef as r, useCallback as i, useEffect as a, useId as o, useRef as s, useState as c, useSyncExternalStore as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { createPortal as p } from "react-dom";
+//#region src/utils/cn.ts
+function m(...n) {
+	return t(e(n));
+}
+//#endregion
+//#region src/components/button-variants.ts
+var h = "inline-flex items-center justify-center gap-2 rounded-md font-medium whitespace-nowrap transition-[background-color,box-shadow,filter,color] select-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50", g = {
+	primary: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90",
+	brand: "bg-gradient-to-r from-[var(--brand-from)] to-[var(--brand-to)] text-white shadow-[var(--shadow-float)] hover:brightness-[1.06]",
+	secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+	outline: "border border-border bg-transparent hover:bg-accent hover:text-accent-foreground",
+	ghost: "bg-transparent hover:bg-accent hover:text-accent-foreground",
+	soft: "bg-primary/10 text-primary hover:bg-primary/15",
+	destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90"
+}, _ = {
+	sm: "h-8 px-3 text-sm",
+	md: "h-10 px-4 text-sm",
+	lg: "h-11 px-6 text-base",
+	icon: "size-10"
+};
+function v(e = {}) {
+	return m(h, g[e.variant ?? "primary"], _[e.size ?? "md"], e.class);
+}
+//#endregion
+//#region src/useToast.ts
+var y = [], b = /* @__PURE__ */ new Set(), x = /* @__PURE__ */ new Map(), ee = 0;
+function S() {
+	y = y.slice(), b.forEach((e) => e());
+}
+function C(e, t) {
+	return t.duration === void 0 ? e === "loading" ? 0 : 4e3 : t.duration;
+}
+function w(e) {
+	let t = x.get(e.id);
+	t && clearTimeout(t), e.duration > 0 && typeof window < "u" && x.set(e.id, setTimeout(() => E(e.id), e.duration));
+}
+function T(e, t, n = {}) {
+	let r = C(t, n);
+	if (n.id != null) {
+		let i = y.find((e) => e.id === n.id);
+		if (i) return Object.assign(i, {
+			title: e,
+			variant: t,
+			duration: r,
+			description: n.description,
+			action: n.action
+		}), w(i), S(), i.id;
+	}
+	let i = n.id ?? ++ee, a = {
+		id: i,
+		title: e,
+		variant: t,
+		duration: r,
+		description: n.description,
+		action: n.action
+	};
+	return y = [...y, a], w(a), S(), i;
+}
+function E(e) {
+	let t = x.get(e);
+	t && (clearTimeout(t), x.delete(e)), y.some((t) => t.id === e) && (y = y.filter((t) => t.id !== e), S());
+}
+var D = Object.assign((e, t) => T(e, "default", t), {
+	success: (e, t) => T(e, "success", t),
+	error: (e, t) => T(e, "error", t),
+	warning: (e, t) => T(e, "warning", t),
+	info: (e, t) => T(e, "info", t),
+	loading: (e, t) => T(e, "loading", t),
+	dismiss: E
+});
+function O() {
+	return l((e) => (b.add(e), () => b.delete(e)), () => y, () => y);
+}
+//#endregion
+//#region src/components/OuButton.tsx
+var te = r(function({ variant: e = "primary", size: t = "md", loading: n, disabled: r, className: i, children: a, type: o = "button", ...s }, c) {
+	return /* @__PURE__ */ f("button", {
+		ref: c,
+		type: o,
+		className: v({
+			variant: e,
+			size: t,
+			class: i
+		}),
+		disabled: r || n,
+		...s,
+		children: [n && /* @__PURE__ */ f("svg", {
+			className: "size-4 animate-spin",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			"aria-hidden": "true",
+			children: [/* @__PURE__ */ d("circle", {
+				className: "opacity-25",
+				cx: "12",
+				cy: "12",
+				r: "10",
+				stroke: "currentColor",
+				strokeWidth: "3"
+			}), /* @__PURE__ */ d("path", {
+				className: "opacity-90",
+				fill: "currentColor",
+				d: "M12 2a10 10 0 0 1 10 10h-3a7 7 0 0 0-7-7V2z"
+			})]
+		}), a]
+	});
+});
+//#endregion
+//#region src/components/OuButtonGroup.tsx
+function ne({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ d("div", {
+		role: "group",
+		className: m("inline-flex isolate [&>button]:rounded-none [&>button]:shadow-none", "[&>button:first-child]:rounded-l-md [&>button:last-child]:rounded-r-md", "[&>button:not(:first-child)]:-ml-px [&>button:focus-visible]:z-10", e),
+		...n,
+		children: t
+	});
+}
+//#endregion
+//#region src/components/OuToggle.tsx
+function re({ pressed: e = !1, onPressedChange: t, disabled: n, className: r, children: i, onClick: a, ...o }) {
+	return /* @__PURE__ */ d("button", {
+		type: "button",
+		"aria-pressed": e,
+		disabled: n,
+		className: m("inline-flex h-9 items-center gap-2 rounded-md border px-3 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-50", e ? "border-primary/30 bg-primary/12 text-primary" : "border-border bg-background text-foreground hover:bg-accent hover:text-accent-foreground", r),
+		onClick: (n) => {
+			a?.(n), t?.(!e);
+		},
+		...o,
+		children: i
+	});
+}
+//#endregion
+//#region src/components/OuLink.tsx
+var ie = {
+	default: "text-primary hover:underline underline-offset-4",
+	muted: "text-muted-foreground hover:text-foreground",
+	underline: "text-foreground underline underline-offset-4 decoration-border hover:decoration-foreground"
+};
+function ae({ href: e, variant: t = "default", external: n, className: r, children: i, ...a }) {
+	return /* @__PURE__ */ f("a", {
+		href: e,
+		target: n ? "_blank" : void 0,
+		rel: n ? "noreferrer noopener" : void 0,
+		className: m("inline-flex items-center gap-1 rounded-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", ie[t], r),
+		...a,
+		children: [i, n && /* @__PURE__ */ d("svg", {
+			className: "size-3.5",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ d("path", {
+				d: "M7 17 17 7M9 7h8v8",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/OuLabel.tsx
+function k({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ d("label", {
+		className: m("text-sm font-medium text-foreground select-none peer-disabled:cursor-not-allowed peer-disabled:opacity-60", e),
+		...n,
+		children: t
+	});
+}
+//#endregion
+//#region src/components/OuBadge.tsx
+var A = {
+	default: "bg-secondary text-secondary-foreground",
+	primary: "bg-primary/12 text-primary",
+	success: "bg-success/15 text-success",
+	warning: "bg-warning/15 text-warning",
+	destructive: "bg-destructive/12 text-destructive",
+	outline: "border border-border text-foreground"
+}, j = {
+	default: "bg-muted-foreground",
+	primary: "bg-primary",
+	success: "bg-success",
+	warning: "bg-warning",
+	destructive: "bg-destructive",
+	outline: "bg-foreground"
+};
+function M({ variant: e = "default", dot: t, className: n, children: r, ...i }) {
+	return /* @__PURE__ */ f("span", {
+		className: m("inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium whitespace-nowrap", A[e], n),
+		...i,
+		children: [t && /* @__PURE__ */ d("span", {
+			className: m("size-1.5 rounded-full", j[e]),
+			"aria-hidden": "true"
+		}), r]
+	});
+}
+//#endregion
+//#region src/components/OuTag.tsx
+function N({ removable: e, onRemove: t, className: n, children: r, ...i }) {
+	return /* @__PURE__ */ f("span", {
+		className: m("inline-flex items-center gap-1.5 rounded-md border border-border bg-muted/60 py-1 pl-2.5 text-sm text-foreground", e ? "pr-1" : "pr-2.5", n),
+		...i,
+		children: [r, e && /* @__PURE__ */ d("button", {
+			type: "button",
+			className: "grid size-4 place-items-center rounded-sm text-muted-foreground transition-colors hover:bg-foreground/10 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+			"aria-label": "Удалить",
+			onClick: () => t?.(),
+			children: /* @__PURE__ */ d("svg", {
+				viewBox: "0 0 24 24",
+				className: "size-3",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2.5",
+				children: /* @__PURE__ */ d("path", {
+					d: "M6 6l12 12M18 6L6 18",
+					strokeLinecap: "round"
+				})
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/OuCard.tsx
+function P({ hover: e, padded: t = !0, header: n, footer: r, className: i, children: a, ...o }) {
+	return /* @__PURE__ */ f("div", {
+		className: m("rounded-xl border border-border bg-card text-card-foreground shadow-[var(--shadow-soft)]", e && "transition-[box-shadow,transform] hover:-translate-y-0.5 hover:shadow-[var(--shadow-float)]", i),
+		...o,
+		children: [
+			n && /* @__PURE__ */ d("div", {
+				className: "border-b border-border px-5 py-4",
+				children: n
+			}),
+			/* @__PURE__ */ d("div", {
+				className: m(t && "p-5"),
+				children: a
+			}),
+			r && /* @__PURE__ */ d("div", {
+				className: "border-t border-border px-5 py-4",
+				children: r
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/OuList.tsx
+function F({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ d("ul", {
+		className: m("divide-y divide-border overflow-hidden rounded-xl border border-border bg-card", e),
+		...n,
+		children: t
+	});
+}
+//#endregion
+//#region src/components/OuListItem.tsx
+function I({ title: e, subtitle: t, clickable: n, leading: r, trailing: i, className: a, children: o, ...s }) {
+	return /* @__PURE__ */ f("li", {
+		className: m("flex items-center gap-3 px-4 py-3", n && "cursor-pointer transition-colors hover:bg-muted/50", a),
+		...s,
+		children: [
+			r && /* @__PURE__ */ d("span", {
+				className: "shrink-0",
+				children: r
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "min-w-0 flex-1",
+				children: o ?? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("p", {
+					className: "truncate text-sm font-medium text-foreground",
+					children: e
+				}), t && /* @__PURE__ */ d("p", {
+					className: "truncate text-xs text-muted-foreground",
+					children: t
+				})] })
+			}),
+			i && /* @__PURE__ */ d("span", {
+				className: "shrink-0",
+				children: i
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/OuSeparator.tsx
+function L({ orientation: e = "horizontal", className: t, ...n }) {
+	return /* @__PURE__ */ d("div", {
+		role: "separator",
+		"aria-orientation": e,
+		className: m("bg-border", e === "vertical" ? "h-full w-px" : "h-px w-full", t),
+		...n
+	});
+}
+//#endregion
+//#region src/components/OuKbd.tsx
+function R({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ d("kbd", {
+		className: m("inline-flex h-5 min-w-5 items-center justify-center rounded border border-border bg-muted px-1.5 font-sans text-[11px] font-medium text-muted-foreground shadow-[0_1px_0_0_var(--border)]", e),
+		...n,
+		children: t
+	});
+}
+//#endregion
+//#region src/components/OuCode.tsx
+function z({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ d("code", {
+		className: m("rounded-md border border-border bg-muted px-1.5 py-0.5 font-mono text-[0.85em] text-foreground", e),
+		...n,
+		children: t
+	});
+}
+//#endregion
+//#region src/components/OuInput.tsx
+var B = {
+	sm: "h-9 text-sm",
+	md: "h-10 text-sm",
+	lg: "h-11 text-base"
+};
+function V({ invalid: e, size: t = "md", leading: n, trailing: r, className: i, ...a }) {
+	return /* @__PURE__ */ f("div", {
+		className: "relative w-full",
+		children: [
+			n && /* @__PURE__ */ d("span", {
+				className: "pointer-events-none absolute inset-y-0 left-3 flex items-center text-muted-foreground",
+				children: n
+			}),
+			/* @__PURE__ */ d("input", {
+				...a,
+				className: m("flex w-full rounded-md border bg-background px-3 py-2 text-foreground placeholder:text-muted-foreground transition-[color,box-shadow,border-color] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:border-ring disabled:cursor-not-allowed disabled:opacity-50", B[t], e && "border-destructive focus-visible:ring-destructive", !e && "border-input", n && "pl-10", r && "pr-10", i)
+			}),
+			r && /* @__PURE__ */ d("span", {
+				className: "absolute inset-y-0 right-3 flex items-center text-muted-foreground",
+				children: r
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/OuTextarea.tsx
+function H({ invalid: e, rows: t = 4, className: n, ...r }) {
+	return /* @__PURE__ */ d("textarea", {
+		rows: t,
+		...r,
+		className: m("flex w-full rounded-md border bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground transition-[color,box-shadow,border-color] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:border-ring disabled:cursor-not-allowed disabled:opacity-50 resize-y", e ? "border-destructive focus-visible:ring-destructive" : "border-input", n)
+	});
+}
+//#endregion
+//#region src/components/OuSelect.tsx
+function U({ invalid: e, className: t, children: n, ...r }) {
+	return /* @__PURE__ */ f("div", {
+		className: "relative w-full",
+		children: [/* @__PURE__ */ d("select", {
+			...r,
+			className: m("h-10 w-full appearance-none rounded-md border bg-background pr-9 pl-3 text-sm text-foreground transition-[color,box-shadow,border-color] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:border-ring disabled:cursor-not-allowed disabled:opacity-50", e ? "border-destructive focus-visible:ring-destructive" : "border-input", t),
+			children: n
+		}), /* @__PURE__ */ d("svg", {
+			className: "pointer-events-none absolute top-1/2 right-3 size-4 -translate-y-1/2 text-muted-foreground",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ d("path", {
+				d: "m6 9 6 6 6-6",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/OuNumberInput.tsx
+var W = "grid w-10 shrink-0 place-items-center text-lg leading-none text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring";
+function G({ value: e = 0, onValueChange: t, min: n, max: r, step: i = 1, disabled: a, className: o }) {
+	function s(e) {
+		return n !== void 0 && (e = Math.max(n, e)), r !== void 0 && (e = Math.min(r, e)), e;
+	}
+	function c(n) {
+		t?.(s(e + n * i));
+	}
+	return /* @__PURE__ */ f("div", {
+		className: m("inline-flex h-10 items-stretch overflow-hidden rounded-md border border-input bg-background", a && "opacity-50", o),
+		children: [
+			/* @__PURE__ */ d("button", {
+				type: "button",
+				className: W,
+				disabled: a || n !== void 0 && e <= n,
+				"aria-label": "Уменьшить",
+				onClick: () => c(-1),
+				children: "−"
+			}),
+			/* @__PURE__ */ d("input", {
+				type: "number",
+				value: e,
+				min: n,
+				max: r,
+				step: i,
+				disabled: a,
+				onChange: (e) => {
+					let n = e.target.valueAsNumber;
+					t?.(Number.isNaN(n) ? 0 : n);
+				},
+				className: "w-14 border-x border-input bg-transparent text-center text-sm tabular-nums focus:outline-none [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none"
+			}),
+			/* @__PURE__ */ d("button", {
+				type: "button",
+				className: W,
+				disabled: a || r !== void 0 && e >= r,
+				"aria-label": "Увеличить",
+				onClick: () => c(1),
+				children: "+"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/OuCheckbox.tsx
+function K({ checked: e, onCheckedChange: t, disabled: n, className: r, children: i }) {
+	let a = e ?? !1;
+	return /* @__PURE__ */ f("label", {
+		className: m("inline-flex cursor-pointer items-center gap-2.5 select-none", n && "cursor-not-allowed opacity-60", r),
+		children: [
+			/* @__PURE__ */ d("input", {
+				type: "checkbox",
+				className: "peer sr-only",
+				checked: a,
+				disabled: n,
+				onChange: (e) => t?.(e.target.checked)
+			}),
+			/* @__PURE__ */ d("span", {
+				className: m("grid size-5 place-items-center rounded-[6px] border transition-colors peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-background", a ? "border-primary bg-primary" : "border-input bg-background"),
+				children: a && /* @__PURE__ */ d("svg", {
+					className: "size-3.5 text-primary-foreground",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "3",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ d("path", {
+						d: "M20 6 9 17l-5-5",
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					})
+				})
+			}),
+			i && /* @__PURE__ */ d("span", {
+				className: "text-sm text-foreground",
+				children: i
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/OuCheckboxGroup.tsx
+function q({ options: e, value: t, onValueChange: n, className: r }) {
+	function i(e) {
+		n?.(t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}
+	return /* @__PURE__ */ d("div", {
+		className: m("flex flex-col gap-2.5", r),
+		children: e.map((e) => {
+			let n = t.includes(e.value);
+			return /* @__PURE__ */ f("label", {
+				className: m("inline-flex cursor-pointer items-center gap-2.5 select-none", e.disabled && "cursor-not-allowed opacity-60"),
+				children: [
+					/* @__PURE__ */ d("input", {
+						type: "checkbox",
+						className: "peer sr-only",
+						checked: n,
+						disabled: e.disabled,
+						onChange: () => i(e.value)
+					}),
+					/* @__PURE__ */ d("span", {
+						className: m("grid size-5 place-items-center rounded-[6px] border transition-colors peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-background", n ? "border-primary bg-primary" : "border-input bg-background"),
+						children: n && /* @__PURE__ */ d("svg", {
+							className: "size-3.5 text-primary-foreground",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "3",
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ d("path", {
+								d: "M20 6 9 17l-5-5",
+								strokeLinecap: "round",
+								strokeLinejoin: "round"
+							})
+						})
+					}),
+					/* @__PURE__ */ d("span", {
+						className: "text-sm text-foreground",
+						children: e.label
+					})
+				]
+			}, e.value);
+		})
+	});
+}
+//#endregion
+//#region src/components/OuRadioGroup.tsx
+function J({ options: e, value: t, onValueChange: n, name: r, className: i }) {
+	let a = o(), s = r ?? a;
+	return /* @__PURE__ */ d("div", {
+		role: "radiogroup",
+		className: m("flex flex-col gap-2.5", i),
+		children: e.map((e) => /* @__PURE__ */ f("label", {
+			className: m("inline-flex cursor-pointer items-center gap-2.5 select-none", e.disabled && "cursor-not-allowed opacity-60"),
+			children: [
+				/* @__PURE__ */ d("input", {
+					type: "radio",
+					className: "peer sr-only",
+					name: s,
+					value: e.value,
+					checked: t === e.value,
+					disabled: e.disabled,
+					onChange: () => n?.(e.value)
+				}),
+				/* @__PURE__ */ d("span", {
+					className: m("grid size-5 place-items-center rounded-full border transition-colors peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-background", t === e.value ? "border-primary" : "border-input bg-background"),
+					children: t === e.value && /* @__PURE__ */ d("span", { className: "size-2.5 rounded-full bg-primary" })
+				}),
+				/* @__PURE__ */ d("span", {
+					className: "text-sm text-foreground",
+					children: e.label
+				})
+			]
+		}, e.value))
+	});
+}
+//#endregion
+//#region src/components/OuSwitch.tsx
+function oe({ checked: e, onCheckedChange: t, disabled: n, className: r, children: i }) {
+	let a = e ?? !1;
+	return /* @__PURE__ */ f("label", {
+		className: m("inline-flex cursor-pointer items-center gap-2.5 select-none", n && "cursor-not-allowed opacity-60", r),
+		children: [
+			/* @__PURE__ */ d("input", {
+				type: "checkbox",
+				role: "switch",
+				className: "peer sr-only",
+				checked: a,
+				disabled: n,
+				onChange: (e) => t?.(e.target.checked)
+			}),
+			/* @__PURE__ */ d("span", {
+				className: m("relative h-6 w-11 shrink-0 rounded-full transition-colors peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-background", a ? "bg-primary" : "bg-input"),
+				children: /* @__PURE__ */ d("span", { className: m("absolute top-0.5 left-0.5 size-5 rounded-full bg-white shadow-sm transition-transform", a && "translate-x-5") })
+			}),
+			i && /* @__PURE__ */ d("span", {
+				className: "text-sm text-foreground",
+				children: i
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/OuSlider.tsx
+function se({ value: e = 0, onValueChange: t, min: n = 0, max: r = 100, step: i = 1, disabled: a, className: o }) {
+	return /* @__PURE__ */ d("div", {
+		className: m("flex w-full items-center gap-3", o),
+		children: /* @__PURE__ */ d("input", {
+			type: "range",
+			value: e,
+			min: n,
+			max: r,
+			step: i,
+			disabled: a,
+			onChange: (e) => t?.(e.target.valueAsNumber),
+			className: "h-1.5 w-full cursor-pointer appearance-none rounded-full bg-muted accent-primary disabled:opacity-50"
+		})
+	});
+}
+//#endregion
+//#region src/components/OuSegmented.tsx
+function ce({ options: e, value: t, onValueChange: n, className: r }) {
+	return /* @__PURE__ */ d("div", {
+		role: "tablist",
+		className: m("inline-flex gap-1 rounded-lg bg-muted p-1", r),
+		children: e.map((e) => /* @__PURE__ */ d("button", {
+			type: "button",
+			role: "tab",
+			"aria-selected": t === e.value,
+			className: m("rounded-md px-3 py-1.5 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", t === e.value ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"),
+			onClick: () => n?.(e.value),
+			children: e.label
+		}, e.value))
+	});
+}
+//#endregion
+//#region src/components/OuTagInput.tsx
+function le({ value: e, onValueChange: t, placeholder: n = "Добавьте и нажмите Enter…", className: r }) {
+	let [i, a] = c("");
+	function o() {
+		let n = i.trim();
+		n && !e.includes(n) && t?.([...e, n]), a("");
+	}
+	function s(n) {
+		t?.(e.filter((e, t) => t !== n));
+	}
+	function l(t) {
+		t.key === "Enter" ? (t.preventDefault(), o()) : t.key === "Backspace" && !i && e.length && s(e.length - 1);
+	}
+	return /* @__PURE__ */ f("div", {
+		className: m("flex flex-wrap items-center gap-1.5 rounded-md border border-input bg-background p-1.5 focus-within:border-ring focus-within:ring-2 focus-within:ring-ring", r),
+		children: [e.map((e, t) => /* @__PURE__ */ f("span", {
+			className: "inline-flex items-center gap-1 rounded-md bg-primary/10 py-0.5 pr-1 pl-2 text-sm text-primary",
+			children: [e, /* @__PURE__ */ d("button", {
+				type: "button",
+				className: "grid size-4 place-items-center rounded-sm hover:bg-primary/20",
+				"aria-label": "Удалить",
+				onClick: () => s(t),
+				children: /* @__PURE__ */ d("svg", {
+					viewBox: "0 0 24 24",
+					className: "size-3",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2.5",
+					children: /* @__PURE__ */ d("path", {
+						d: "M6 6l12 12M18 6L6 18",
+						strokeLinecap: "round"
+					})
+				})
+			})]
+		}, t)), /* @__PURE__ */ d("input", {
+			value: i,
+			placeholder: e.length ? "" : n,
+			className: "min-w-24 flex-1 bg-transparent px-1.5 py-0.5 text-sm focus:outline-none",
+			onChange: (e) => a(e.target.value),
+			onKeyDown: l
+		})]
+	});
+}
+//#endregion
+//#region src/components/OuRating.tsx
+function ue({ value: e = 0, onValueChange: t, max: n = 5, readonly: r, className: i }) {
+	function a(e) {
+		r || t?.(e);
+	}
+	return /* @__PURE__ */ d("div", {
+		className: m("inline-flex items-center gap-0.5", i),
+		children: Array.from({ length: n }, (e, t) => t + 1).map((t) => /* @__PURE__ */ d("button", {
+			type: "button",
+			disabled: r,
+			className: m("rounded-sm transition-transform focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", r ? "cursor-default" : "cursor-pointer hover:scale-110"),
+			"aria-label": `Оценка ${t} из ${n}`,
+			onClick: () => a(t),
+			children: /* @__PURE__ */ d("svg", {
+				className: m("size-6", t <= e ? "fill-warning text-warning" : "fill-transparent text-muted-foreground/40"),
+				viewBox: "0 0 24 24",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ d("path", {
+					d: "m12 3 2.6 5.3 5.9.9-4.3 4.1 1 5.8-5.2-2.7-5.2 2.7 1-5.8L3.5 9.2l5.9-.9z",
+					strokeLinejoin: "round"
+				})
+			})
+		}, t))
+	});
+}
+//#endregion
+//#region src/components/OuAvatar.tsx
+var de = {
+	sm: "size-8 text-xs",
+	md: "size-10 text-sm",
+	lg: "size-12 text-base",
+	xl: "size-16 text-lg"
+}, fe = {
+	sm: "size-2",
+	md: "size-2.5",
+	lg: "size-3",
+	xl: "size-3.5"
+}, pe = {
+	online: "bg-success",
+	offline: "bg-muted-foreground",
+	away: "bg-warning"
+};
+function me({ src: e, name: t, size: n = "md", status: r, className: i, ...a }) {
+	let o = (t ?? "").split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toUpperCase() ?? "").join("");
+	return /* @__PURE__ */ f("span", {
+		className: m("relative inline-flex shrink-0", i),
+		...a,
+		children: [/* @__PURE__ */ d("span", {
+			className: m("grid place-items-center overflow-hidden rounded-full bg-primary/12 font-medium text-primary", de[n]),
+			children: e ? /* @__PURE__ */ d("img", {
+				src: e,
+				alt: t ?? "",
+				className: "size-full object-cover"
+			}) : /* @__PURE__ */ d("span", { children: o || "?" })
+		}), r && /* @__PURE__ */ d("span", {
+			className: m("absolute right-0 bottom-0 rounded-full ring-2 ring-card", fe[n], pe[r]),
+			"aria-hidden": "true"
+		})]
+	});
+}
+//#endregion
+//#region src/components/OuAvatarGroup.tsx
+function he({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ d("div", {
+		className: m("flex -space-x-2 [&>*]:rounded-full [&>*]:ring-2 [&>*]:ring-card", e),
+		...n,
+		children: t
+	});
+}
+//#endregion
+//#region src/components/OuStat.tsx
+function ge({ label: e, value: t, hint: n, delta: r, trend: i, icon: a, className: o, ...s }) {
+	return /* @__PURE__ */ f("div", {
+		className: m("rounded-xl border border-border bg-card p-5 shadow-[var(--shadow-soft)]", o),
+		...s,
+		children: [
+			/* @__PURE__ */ f("div", {
+				className: "flex items-center justify-between gap-3",
+				children: [/* @__PURE__ */ d("p", {
+					className: "text-sm text-muted-foreground",
+					children: e
+				}), a && /* @__PURE__ */ d("span", {
+					className: "text-muted-foreground",
+					children: a
+				})]
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "mt-1.5 flex items-baseline gap-2",
+				children: [/* @__PURE__ */ d("span", {
+					className: "font-display text-3xl font-bold tracking-tight text-foreground",
+					children: t
+				}), r && /* @__PURE__ */ f("span", {
+					className: m("text-sm font-medium", i === "down" ? "text-destructive" : "text-success"),
+					children: [
+						i === "down" ? "↓" : "↑",
+						" ",
+						r
+					]
+				})]
+			}),
+			n && /* @__PURE__ */ d("p", {
+				className: "mt-1 text-xs text-muted-foreground",
+				children: n
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/OuMeter.tsx
+var Y = (e) => Number.isInteger(e) ? String(e) : e.toFixed(1);
+function _e({ value: e, max: t, unit: n, label: r = "Использовано", showValue: i = !0, className: a, ...o }) {
+	let s = t > 0 ? Math.max(0, Math.min(100, e / t * 100)) : 0, c = s >= 90 ? "bg-destructive" : s >= 75 ? "bg-warning" : "bg-gradient-to-r from-[var(--brand-from)] to-[var(--brand-to)]";
+	return /* @__PURE__ */ f("div", {
+		className: m("rounded-xl border border-border bg-card p-4 shadow-[var(--shadow-soft)]", a),
+		...o,
+		children: [
+			/* @__PURE__ */ f("div", {
+				className: "flex items-center justify-between gap-3",
+				children: [/* @__PURE__ */ d("span", {
+					className: "text-sm font-medium text-foreground",
+					children: r
+				}), i && /* @__PURE__ */ f("span", {
+					className: "text-sm text-muted-foreground tabular-nums",
+					children: [
+						Y(e),
+						" / ",
+						Y(t),
+						n ? ` ${n}` : null
+					]
+				})]
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "mt-3 h-2.5 w-full overflow-hidden rounded-full bg-muted",
+				children: /* @__PURE__ */ d("div", {
+					className: m("h-full rounded-full transition-[width] duration-500", c),
+					style: { width: `${s}%` }
+				})
+			}),
+			/* @__PURE__ */ f("p", {
+				className: "mt-2 text-xs text-muted-foreground",
+				children: [Math.round(s), "%"]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/OuProgress.tsx
+var ve = {
+	primary: "bg-primary",
+	brand: "bg-gradient-to-r from-[var(--brand-from)] to-[var(--brand-to)]",
+	success: "bg-success",
+	warning: "bg-warning",
+	destructive: "bg-destructive"
+};
+function ye({ value: e = 0, max: t = 100, variant: n = "primary", className: r, ...i }) {
+	let a = Math.max(0, Math.min(100, e / t * 100));
+	return /* @__PURE__ */ d("div", {
+		className: m("h-2 w-full overflow-hidden rounded-full bg-muted", r),
+		role: "progressbar",
+		"aria-valuenow": Math.round(a),
+		"aria-valuemin": 0,
+		"aria-valuemax": 100,
+		...i,
+		children: /* @__PURE__ */ d("div", {
+			className: m("h-full rounded-full transition-[width] duration-500", ve[n]),
+			style: { width: `${a}%` }
+		})
+	});
+}
+//#endregion
+//#region src/components/OuProgressRing.tsx
+var be = {
+	primary: "text-primary",
+	success: "text-success",
+	warning: "text-warning",
+	destructive: "text-destructive"
+};
+function xe({ value: e = 0, max: t = 100, size: n = 72, stroke: r = 8, variant: i = "primary", showLabel: a = !0, className: o, ...s }) {
+	let c = Math.max(0, Math.min(100, e / t * 100)), l = (n - r) / 2, u = 2 * Math.PI * l, p = u * (1 - c / 100);
+	return /* @__PURE__ */ f("div", {
+		className: m("relative inline-grid place-items-center", o),
+		style: {
+			width: `${n}px`,
+			height: `${n}px`
+		},
+		...s,
+		children: [/* @__PURE__ */ f("svg", {
+			width: n,
+			height: n,
+			className: "-rotate-90",
+			children: [/* @__PURE__ */ d("circle", {
+				cx: n / 2,
+				cy: n / 2,
+				r: l,
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: r,
+				className: "text-muted"
+			}), /* @__PURE__ */ d("circle", {
+				cx: n / 2,
+				cy: n / 2,
+				r: l,
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: r,
+				strokeLinecap: "round",
+				strokeDasharray: u,
+				strokeDashoffset: p,
+				className: m("transition-[stroke-dashoffset] duration-500", be[i])
+			})]
+		}), a && /* @__PURE__ */ f("span", {
+			className: "absolute text-sm font-semibold text-foreground tabular-nums",
+			children: [Math.round(c), "%"]
+		})]
+	});
+}
+//#endregion
+//#region src/components/OuTable.tsx
+var X = (e) => e === "right" ? "text-right" : e === "center" ? "text-center" : "text-left";
+function Se({ columns: e, rows: t, cells: n, className: r }) {
+	return /* @__PURE__ */ d("div", {
+		className: m("overflow-x-auto rounded-xl border border-border", r),
+		children: /* @__PURE__ */ f("table", {
+			className: "w-full text-sm",
+			children: [/* @__PURE__ */ d("thead", { children: /* @__PURE__ */ d("tr", {
+				className: "border-b border-border bg-muted/50 text-xs font-medium text-muted-foreground",
+				children: e.map((e) => /* @__PURE__ */ d("th", {
+					className: m("px-4 py-3", X(e.align)),
+					children: e.label
+				}, e.key))
+			}) }), /* @__PURE__ */ d("tbody", {
+				className: "divide-y divide-border",
+				children: t.map((t, r) => /* @__PURE__ */ d("tr", {
+					className: "transition-colors hover:bg-muted/40",
+					children: e.map((e) => {
+						let r = t[e.key], i = n?.[e.key];
+						return /* @__PURE__ */ d("td", {
+							className: m("px-4 py-3 text-foreground", X(e.align)),
+							children: i ? i(r, t) : r == null ? "" : String(r)
+						}, e.key);
+					})
+				}, r))
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/components/OuTimeline.tsx
+var Ce = {
+	default: "bg-muted-foreground",
+	primary: "bg-primary",
+	success: "bg-success",
+	warning: "bg-warning",
+	destructive: "bg-destructive"
+};
+function we({ items: e, className: t }) {
+	return /* @__PURE__ */ d("ol", {
+		className: m("relative flex flex-col", t),
+		children: e.map((t, n) => /* @__PURE__ */ f("li", {
+			className: "relative flex gap-4 pb-6 last:pb-0",
+			children: [
+				n < e.length - 1 && /* @__PURE__ */ d("span", {
+					className: "absolute top-4 left-[7px] h-full w-px -translate-x-1/2 bg-border",
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ d("span", { className: m("relative z-10 mt-1 size-3.5 shrink-0 rounded-full ring-4 ring-background", Ce[t.variant ?? "primary"]) }),
+				/* @__PURE__ */ f("div", {
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ f("div", {
+						className: "flex items-baseline justify-between gap-3",
+						children: [/* @__PURE__ */ d("p", {
+							className: "text-sm font-medium text-foreground",
+							children: t.title
+						}), t.time && /* @__PURE__ */ d("span", {
+							className: "shrink-0 text-xs text-muted-foreground",
+							children: t.time
+						})]
+					}), t.description && /* @__PURE__ */ d("p", {
+						className: "mt-0.5 text-sm text-muted-foreground",
+						children: t.description
+					})]
+				})
+			]
+		}, n))
+	});
+}
+//#endregion
+//#region src/components/OuAlert.tsx
+var Te = {
+	info: "border-primary/25 bg-primary/8",
+	success: "border-success/30 bg-success/10",
+	warning: "border-warning/30 bg-warning/10",
+	destructive: "border-destructive/30 bg-destructive/8"
+}, Ee = {
+	info: "text-primary",
+	success: "text-success",
+	warning: "text-warning",
+	destructive: "text-destructive"
+};
+function De({ variant: e = "info", title: t, className: n, children: r }) {
+	return /* @__PURE__ */ f("div", {
+		role: "alert",
+		className: m("flex gap-3 rounded-lg border p-4", Te[e], n),
+		children: [/* @__PURE__ */ f("svg", {
+			className: m("mt-0.5 size-5 shrink-0", Ee[e]),
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			"aria-hidden": "true",
+			children: [
+				/* @__PURE__ */ d("circle", {
+					cx: "12",
+					cy: "12",
+					r: "9"
+				}),
+				e === "success" && /* @__PURE__ */ d("path", {
+					d: "m8.5 12 2.5 2.5 4.5-5",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				}),
+				e === "warning" && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("path", {
+					d: "M12 8v5",
+					strokeLinecap: "round"
+				}), /* @__PURE__ */ d("path", {
+					d: "M12 16h.01",
+					strokeLinecap: "round"
+				})] }),
+				e === "destructive" && /* @__PURE__ */ d("path", {
+					d: "m9 9 6 6M15 9l-6 6",
+					strokeLinecap: "round"
+				}),
+				e === "info" && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("path", {
+					d: "M12 11v5",
+					strokeLinecap: "round"
+				}), /* @__PURE__ */ d("path", {
+					d: "M12 8h.01",
+					strokeLinecap: "round"
+				})] })
+			]
+		}), /* @__PURE__ */ f("div", {
+			className: "min-w-0 flex-1",
+			children: [t && /* @__PURE__ */ d("p", {
+				className: "font-medium text-foreground",
+				children: t
+			}), r && /* @__PURE__ */ d("div", {
+				className: m("text-sm text-muted-foreground", t && "mt-0.5"),
+				children: r
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/components/OuToast.tsx
+var Oe = {
+	info: "text-primary",
+	success: "text-success",
+	warning: "text-warning",
+	destructive: "text-destructive"
+};
+function ke({ variant: e = "info", title: t, description: n, onClose: r, className: i }) {
+	return /* @__PURE__ */ f("div", {
+		role: "status",
+		className: m("flex w-full max-w-sm items-start gap-3 rounded-xl border border-border bg-popover p-4 text-popover-foreground shadow-[var(--shadow-lift)]", i),
+		children: [
+			/* @__PURE__ */ f("svg", {
+				className: m("mt-0.5 size-5 shrink-0", Oe[e]),
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				"aria-hidden": "true",
+				children: [
+					/* @__PURE__ */ d("circle", {
+						cx: "12",
+						cy: "12",
+						r: "9"
+					}),
+					e === "success" && /* @__PURE__ */ d("path", {
+						d: "m8.5 12 2.5 2.5 4.5-5",
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					}),
+					e === "destructive" && /* @__PURE__ */ d("path", {
+						d: "m9 9 6 6M15 9l-6 6",
+						strokeLinecap: "round"
+					}),
+					e === "warning" && /* @__PURE__ */ d("path", {
+						d: "M12 8v5M12 16h.01",
+						strokeLinecap: "round"
+					}),
+					e === "info" && /* @__PURE__ */ d("path", {
+						d: "M12 11v5M12 8h.01",
+						strokeLinecap: "round"
+					})
+				]
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ d("p", {
+					className: "text-sm font-medium",
+					children: t
+				}), n && /* @__PURE__ */ d("p", {
+					className: "mt-0.5 text-sm text-muted-foreground",
+					children: n
+				})]
+			}),
+			/* @__PURE__ */ d("button", {
+				type: "button",
+				className: "grid size-6 shrink-0 place-items-center rounded-md text-muted-foreground transition-colors hover:bg-foreground/10 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+				"aria-label": "Закрыть",
+				onClick: r,
+				children: /* @__PURE__ */ d("svg", {
+					viewBox: "0 0 24 24",
+					className: "size-4",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					children: /* @__PURE__ */ d("path", {
+						d: "M6 6l12 12M18 6L6 18",
+						strokeLinecap: "round"
+					})
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/OuBanner.tsx
+function Ae({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ d("div", {
+		className: m("rounded-2xl bg-gradient-to-br from-[var(--brand-from)] to-[var(--brand-to)] p-6 text-white shadow-[var(--shadow-float)]", e),
+		...n,
+		children: t
+	});
+}
+//#endregion
+//#region src/components/OuEmptyState.tsx
+function je({ title: e, description: t, icon: n, action: r, className: i, ...a }) {
+	return /* @__PURE__ */ f("div", {
+		className: m("flex flex-col items-center px-6 py-12 text-center", i),
+		...a,
+		children: [
+			/* @__PURE__ */ d("div", {
+				className: "grid size-14 place-items-center rounded-2xl bg-primary/10 text-primary",
+				children: n ?? /* @__PURE__ */ f("svg", {
+					className: "size-7",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "1.8",
+					"aria-hidden": "true",
+					children: [/* @__PURE__ */ d("path", {
+						d: "M22 12h-5l-2 3H9l-2-3H2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					}), /* @__PURE__ */ d("path", {
+						d: "M5.4 5.1 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.4-6.9A2 2 0 0 0 16.8 4H7.2a2 2 0 0 0-1.8 1.1z",
+						strokeLinejoin: "round"
+					})]
+				})
+			}),
+			/* @__PURE__ */ d("h3", {
+				className: "mt-4 font-display text-base font-semibold text-foreground",
+				children: e
+			}),
+			t && /* @__PURE__ */ d("p", {
+				className: "mt-1 max-w-sm text-sm text-muted-foreground",
+				children: t
+			}),
+			r && /* @__PURE__ */ d("div", {
+				className: "mt-5",
+				children: r
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/OuSpinner.tsx
+var Me = {
+	sm: "size-4",
+	md: "size-6",
+	lg: "size-8"
+};
+function Ne({ size: e = "md", label: t = "Загрузка", className: n, ...r }) {
+	return /* @__PURE__ */ f("svg", {
+		className: m("animate-spin text-primary", Me[e], n),
+		viewBox: "0 0 24 24",
+		fill: "none",
+		role: "status",
+		"aria-label": t,
+		...r,
+		children: [/* @__PURE__ */ d("circle", {
+			className: "opacity-20",
+			cx: "12",
+			cy: "12",
+			r: "10",
+			stroke: "currentColor",
+			strokeWidth: "3"
+		}), /* @__PURE__ */ d("path", {
+			className: "opacity-90",
+			fill: "currentColor",
+			d: "M12 2a10 10 0 0 1 10 10h-3a7 7 0 0 0-7-7V2z"
+		})]
+	});
+}
+//#endregion
+//#region src/components/OuSkeleton.tsx
+function Pe({ className: e, ...t }) {
+	return /* @__PURE__ */ d("div", {
+		className: m("animate-pulse rounded-md bg-muted", e),
+		"aria-hidden": "true",
+		...t
+	});
+}
+//#endregion
+//#region src/components/OuToaster.tsx
+var Fe = {
+	"bottom-right": "bottom-4 right-4 items-end",
+	"bottom-left": "bottom-4 left-4 items-start",
+	"top-right": "top-4 right-4 items-end",
+	"top-left": "top-4 left-4 items-start"
+}, Z = {
+	default: "text-primary",
+	success: "text-success",
+	error: "text-destructive",
+	warning: "text-warning",
+	info: "text-primary",
+	loading: "text-muted-foreground"
+};
+function Ie({ position: e = "bottom-right" }) {
+	let t = O();
+	return typeof document > "u" ? null : p(/* @__PURE__ */ d("div", {
+		className: m("pointer-events-none fixed z-[100] flex max-w-[calc(100vw-2rem)] flex-col gap-2", Fe[e]),
+		children: t.map((e) => /* @__PURE__ */ f("div", {
+			role: "status",
+			className: "pointer-events-auto flex w-80 max-w-full items-start gap-3 rounded-xl border border-border bg-popover p-4 text-popover-foreground shadow-[var(--shadow-lift)]",
+			children: [
+				e.variant === "loading" ? /* @__PURE__ */ f("svg", {
+					className: m("mt-0.5 size-5 shrink-0 animate-spin", Z[e.variant]),
+					viewBox: "0 0 24 24",
+					fill: "none",
+					"aria-hidden": "true",
+					children: [/* @__PURE__ */ d("circle", {
+						className: "opacity-25",
+						cx: "12",
+						cy: "12",
+						r: "9",
+						stroke: "currentColor",
+						strokeWidth: "3"
+					}), /* @__PURE__ */ d("path", {
+						className: "opacity-90",
+						fill: "currentColor",
+						d: "M12 3a9 9 0 0 1 9 9h-3a6 6 0 0 0-6-6V3z"
+					})]
+				}) : /* @__PURE__ */ f("svg", {
+					className: m("mt-0.5 size-5 shrink-0", Z[e.variant]),
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					"aria-hidden": "true",
+					children: [
+						/* @__PURE__ */ d("circle", {
+							cx: "12",
+							cy: "12",
+							r: "9"
+						}),
+						e.variant === "success" && /* @__PURE__ */ d("path", {
+							d: "m8.5 12 2.5 2.5 4.5-5",
+							strokeLinecap: "round",
+							strokeLinejoin: "round"
+						}),
+						e.variant === "error" && /* @__PURE__ */ d("path", {
+							d: "m9 9 6 6M15 9l-6 6",
+							strokeLinecap: "round"
+						}),
+						e.variant === "warning" && /* @__PURE__ */ d("path", {
+							d: "M12 8v5M12 16h.01",
+							strokeLinecap: "round"
+						}),
+						(e.variant === "default" || e.variant === "info") && /* @__PURE__ */ d("path", {
+							d: "M12 11v5M12 8h.01",
+							strokeLinecap: "round"
+						})
+					]
+				}),
+				/* @__PURE__ */ f("div", {
+					className: "min-w-0 flex-1",
+					children: [
+						/* @__PURE__ */ d("p", {
+							className: "text-sm font-medium",
+							children: e.title
+						}),
+						e.description && /* @__PURE__ */ d("p", {
+							className: "mt-0.5 text-sm break-words text-muted-foreground",
+							children: e.description
+						}),
+						e.action && /* @__PURE__ */ d("button", {
+							type: "button",
+							className: "mt-2 text-sm font-medium text-primary hover:underline focus-visible:outline-none",
+							onClick: () => {
+								e.action?.onClick(), D.dismiss(e.id);
+							},
+							children: e.action.label
+						})
+					]
+				}),
+				/* @__PURE__ */ d("button", {
+					type: "button",
+					className: "grid size-6 shrink-0 place-items-center rounded-md text-muted-foreground transition-colors hover:bg-foreground/10 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+					"aria-label": "Закрыть",
+					onClick: () => D.dismiss(e.id),
+					children: /* @__PURE__ */ d("svg", {
+						viewBox: "0 0 24 24",
+						className: "size-4",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						children: /* @__PURE__ */ d("path", {
+							d: "M6 6l12 12M18 6L6 18",
+							strokeLinecap: "round"
+						})
+					})
+				})
+			]
+		}, e.id))
+	}), document.body);
+}
+//#endregion
+//#region src/components/OuModal.tsx
+function Le({ open: e, onOpenChange: t, title: n, header: r, footer: i, className: o, children: s }) {
+	return a(() => {
+		if (!e) return;
+		let n = (e) => {
+			e.key === "Escape" && t(!1);
+		};
+		return window.addEventListener("keydown", n), document.body.style.overflow = "hidden", () => {
+			window.removeEventListener("keydown", n), document.body.style.overflow = "";
+		};
+	}, [e, t]), !e || typeof document > "u" ? null : p(/* @__PURE__ */ f("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center p-4",
+		children: [/* @__PURE__ */ d("div", {
+			className: "absolute inset-0 bg-black/50 backdrop-blur-sm",
+			onClick: () => t(!1)
+		}), /* @__PURE__ */ f("div", {
+			role: "dialog",
+			"aria-modal": !0,
+			className: m("relative z-10 w-full max-w-lg rounded-2xl border border-border bg-card p-6 text-card-foreground shadow-[var(--shadow-lift)]", o),
+			children: [
+				(n || r) && /* @__PURE__ */ f("div", {
+					className: "mb-4 flex items-start justify-between gap-4",
+					children: [r ?? /* @__PURE__ */ d("h2", {
+						className: "font-display text-lg font-semibold",
+						children: n
+					}), /* @__PURE__ */ d("button", {
+						type: "button",
+						className: "-mt-1 -mr-1 grid size-8 shrink-0 place-items-center rounded-md text-muted-foreground transition-colors hover:bg-foreground/10 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+						"aria-label": "Закрыть",
+						onClick: () => t(!1),
+						children: /* @__PURE__ */ d("svg", {
+							viewBox: "0 0 24 24",
+							className: "size-4",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							children: /* @__PURE__ */ d("path", {
+								d: "M6 6l12 12M18 6L6 18",
+								strokeLinecap: "round"
+							})
+						})
+					})]
+				}),
+				/* @__PURE__ */ d("div", {
+					className: "text-sm text-muted-foreground",
+					children: s
+				}),
+				i && /* @__PURE__ */ d("div", {
+					className: "mt-6 flex justify-end gap-2",
+					children: i
+				})
+			]
+		})]
+	}), document.body);
+}
+//#endregion
+//#region src/components/OuSheet.tsx
+var Re = {
+	right: "inset-y-0 right-0 h-full w-80 max-w-[90vw] border-l",
+	left: "inset-y-0 left-0 h-full w-80 max-w-[90vw] border-r",
+	top: "inset-x-0 top-0 max-h-[90vh] w-full border-b",
+	bottom: "inset-x-0 bottom-0 max-h-[90vh] w-full border-t"
+};
+function ze({ open: e, onOpenChange: t, side: n = "right", title: r, header: i, footer: o, className: s, children: c }) {
+	return a(() => {
+		if (!e) return;
+		let n = (e) => {
+			e.key === "Escape" && t(!1);
+		};
+		return window.addEventListener("keydown", n), document.body.style.overflow = "hidden", () => {
+			window.removeEventListener("keydown", n), document.body.style.overflow = "";
+		};
+	}, [e, t]), !e || typeof document > "u" ? null : p(/* @__PURE__ */ f("div", {
+		className: "fixed inset-0 z-50",
+		children: [/* @__PURE__ */ d("div", {
+			className: "absolute inset-0 bg-black/50 backdrop-blur-sm",
+			onClick: () => t(!1)
+		}), /* @__PURE__ */ f("div", {
+			role: "dialog",
+			"aria-modal": !0,
+			className: m("absolute flex flex-col gap-4 border-border bg-card p-6 text-card-foreground shadow-[var(--shadow-lift)]", Re[n], s),
+			children: [
+				(r || i) && /* @__PURE__ */ f("div", {
+					className: "flex items-start justify-between gap-4",
+					children: [i ?? /* @__PURE__ */ d("h2", {
+						className: "font-display text-lg font-semibold",
+						children: r
+					}), /* @__PURE__ */ d("button", {
+						type: "button",
+						className: "-mt-1 -mr-1 grid size-8 shrink-0 place-items-center rounded-md text-muted-foreground transition-colors hover:bg-foreground/10 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+						"aria-label": "Закрыть",
+						onClick: () => t(!1),
+						children: /* @__PURE__ */ d("svg", {
+							viewBox: "0 0 24 24",
+							className: "size-4",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							children: /* @__PURE__ */ d("path", {
+								d: "M6 6l12 12M18 6L6 18",
+								strokeLinecap: "round"
+							})
+						})
+					})]
+				}),
+				/* @__PURE__ */ d("div", {
+					className: "min-h-0 flex-1 overflow-y-auto",
+					children: c
+				}),
+				o && /* @__PURE__ */ d("div", {
+					className: "flex justify-end gap-2",
+					children: o
+				})
+			]
+		})]
+	}), document.body);
+}
+//#endregion
+//#region src/components/OuDropdown.tsx
+function Be({ trigger: e, align: t = "start", className: n, children: r }) {
+	let [o, l] = c(!1), u = s(null), h = s(null), [g, _] = c({ top: 0 }), v = i(() => {
+		let e = u.current;
+		if (!e) return;
+		let n = e.getBoundingClientRect();
+		_(t === "end" ? {
+			top: n.bottom + 8,
+			right: window.innerWidth - n.right
+		} : {
+			top: n.bottom + 8,
+			left: n.left
+		});
+	}, [t]);
+	return a(() => {
+		if (!o) return;
+		v();
+		let e = (e) => {
+			let t = e.target;
+			!u.current?.contains(t) && !h.current?.contains(t) && l(!1);
+		}, t = (e) => {
+			e.key === "Escape" && l(!1);
+		};
+		return document.addEventListener("mousedown", e), window.addEventListener("keydown", t), window.addEventListener("resize", v), window.addEventListener("scroll", v, !0), () => {
+			document.removeEventListener("mousedown", e), window.removeEventListener("keydown", t), window.removeEventListener("resize", v), window.removeEventListener("scroll", v, !0);
+		};
+	}, [o, v]), /* @__PURE__ */ f("div", {
+		ref: u,
+		className: "relative inline-block text-left",
+		children: [/* @__PURE__ */ d("div", {
+			onClick: () => l((e) => !e),
+			children: e
+		}), o && typeof document < "u" && p(/* @__PURE__ */ d("div", {
+			ref: h,
+			role: "menu",
+			onClick: (e) => {
+				e.target.closest("[role=\"menuitem\"]") && l(!1);
+			},
+			style: {
+				position: "fixed",
+				top: g.top,
+				left: g.left,
+				right: g.right
+			},
+			className: m("z-[60] min-w-44 origin-top rounded-lg border border-border bg-popover p-1 text-popover-foreground shadow-[var(--shadow-lift)]", n),
+			children: r
+		}), document.body)]
+	});
+}
+//#endregion
+//#region src/components/OuDropdownItem.tsx
+function Ve({ destructive: e, className: t, children: n, ...r }) {
+	return /* @__PURE__ */ d("button", {
+		type: "button",
+		role: "menuitem",
+		className: m("flex w-full items-center gap-2.5 rounded-md px-2.5 py-2 text-left text-sm transition-colors focus-visible:outline-none", e ? "text-destructive hover:bg-destructive/10" : "text-foreground hover:bg-accent hover:text-accent-foreground", t),
+		...r,
+		children: n
+	});
+}
+//#endregion
+//#region src/components/OuPopover.tsx
+function He({ trigger: e, align: t = "start", className: n, children: r }) {
+	let [o, l] = c(!1), u = s(null), h = s(null), [g, _] = c({ top: 0 }), v = i(() => {
+		let e = u.current;
+		if (!e) return;
+		let n = e.getBoundingClientRect();
+		_(t === "end" ? {
+			top: n.bottom + 8,
+			right: window.innerWidth - n.right
+		} : {
+			top: n.bottom + 8,
+			left: n.left
+		});
+	}, [t]);
+	return a(() => {
+		if (!o) return;
+		v();
+		let e = (e) => {
+			let t = e.target;
+			!u.current?.contains(t) && !h.current?.contains(t) && l(!1);
+		}, t = (e) => {
+			e.key === "Escape" && l(!1);
+		};
+		return document.addEventListener("mousedown", e), window.addEventListener("keydown", t), window.addEventListener("resize", v), window.addEventListener("scroll", v, !0), () => {
+			document.removeEventListener("mousedown", e), window.removeEventListener("keydown", t), window.removeEventListener("resize", v), window.removeEventListener("scroll", v, !0);
+		};
+	}, [o, v]), /* @__PURE__ */ f("div", {
+		ref: u,
+		className: "relative inline-block",
+		children: [/* @__PURE__ */ d("div", {
+			onClick: () => l((e) => !e),
+			children: e
+		}), o && typeof document < "u" && p(/* @__PURE__ */ d("div", {
+			ref: h,
+			style: {
+				position: "fixed",
+				top: g.top,
+				left: g.left,
+				right: g.right
+			},
+			className: m("z-[60] w-64 rounded-xl border border-border bg-popover p-4 text-popover-foreground shadow-[var(--shadow-lift)]", n),
+			children: r
+		}), document.body)]
+	});
+}
+//#endregion
+//#region src/components/OuTooltip.tsx
+var Q = {
+	top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
+	bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
+	left: "right-full top-1/2 -translate-y-1/2 mr-2",
+	right: "left-full top-1/2 -translate-y-1/2 ml-2"
+};
+function Ue({ text: e, side: t = "top", className: n, children: r }) {
+	let [i, a] = c(!1);
+	return /* @__PURE__ */ f("span", {
+		className: "relative inline-flex",
+		onMouseEnter: () => a(!0),
+		onMouseLeave: () => a(!1),
+		onFocus: () => a(!0),
+		onBlur: () => a(!1),
+		children: [r, i && /* @__PURE__ */ d("span", {
+			role: "tooltip",
+			className: m("absolute z-50 whitespace-nowrap rounded-md bg-foreground px-2 py-1 text-xs font-medium text-background shadow-md", Q[t], n),
+			children: e
+		})]
+	});
+}
+//#endregion
+//#region src/components/OuTabs.tsx
+function We({ tabs: e, value: t, onValueChange: n, panels: r, className: i }) {
+	let a = t !== void 0, [o, s] = c(() => t ?? e[0]?.value), l = a ? t : o, u = (e) => {
+		a || s(e), n?.(e);
+	};
+	return /* @__PURE__ */ f("div", {
+		className: i,
+		children: [/* @__PURE__ */ d("div", {
+			role: "tablist",
+			className: "flex gap-1 border-b border-border",
+			children: e.map((e) => /* @__PURE__ */ d("button", {
+				type: "button",
+				role: "tab",
+				"aria-selected": l === e.value,
+				className: m("relative px-3.5 py-2.5 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", l === e.value ? "text-foreground after:absolute after:-bottom-px after:left-0 after:h-0.5 after:w-full after:rounded-full after:bg-primary" : "text-muted-foreground hover:text-foreground"),
+				onClick: () => u(e.value),
+				children: e.label
+			}, e.value))
+		}), /* @__PURE__ */ d("div", {
+			className: "pt-4",
+			children: /* @__PURE__ */ d("div", {
+				role: "tabpanel",
+				children: l == null ? null : r?.[l]
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/OuSteps.tsx
+function Ge({ steps: e, current: t = 0, className: r }) {
+	return /* @__PURE__ */ d("ol", {
+		className: m("flex items-start", r),
+		children: e.map((r, i) => /* @__PURE__ */ f(n, { children: [/* @__PURE__ */ f("li", {
+			className: "flex flex-col items-center gap-2 text-center",
+			children: [/* @__PURE__ */ d("span", {
+				className: m("grid size-8 shrink-0 place-items-center rounded-full border-2 text-sm font-semibold transition-colors", i < t ? "border-primary bg-primary text-primary-foreground" : i === t ? "border-primary text-primary" : "border-border text-muted-foreground"),
+				children: i < t ? /* @__PURE__ */ d("svg", {
+					className: "size-4",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "3",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ d("path", {
+						d: "M20 6 9 17l-5-5",
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					})
+				}) : i + 1
+			}), /* @__PURE__ */ f("div", {
+				className: "px-1",
+				children: [/* @__PURE__ */ d("p", {
+					className: m("text-sm font-medium", i <= t ? "text-foreground" : "text-muted-foreground"),
+					children: r.label
+				}), r.description && /* @__PURE__ */ d("p", {
+					className: "mt-0.5 text-xs text-muted-foreground",
+					children: r.description
+				})]
+			})]
+		}), i < e.length - 1 && /* @__PURE__ */ d("span", { className: m("mt-4 h-0.5 min-w-6 flex-1 rounded-full", i < t ? "bg-primary" : "bg-border") })] }, i))
+	});
+}
+//#endregion
+//#region src/components/OuAccordion.tsx
+function Ke({ items: e, multiple: t, className: n }) {
+	let [r, i] = c([]), a = (e) => {
+		i((n) => n.includes(e) ? n.filter((t) => t !== e) : t ? [...n, e] : [e]);
+	};
+	return /* @__PURE__ */ d("div", {
+		className: m("divide-y divide-border overflow-hidden rounded-xl border border-border", n),
+		children: e.map((e) => {
+			let t = r.includes(e.value);
+			return /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ f("button", {
+				type: "button",
+				"aria-expanded": t,
+				className: "flex w-full items-center justify-between gap-3 px-4 py-3.5 text-left text-sm font-medium text-foreground transition-colors hover:bg-muted/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring",
+				onClick: () => a(e.value),
+				children: [e.title, /* @__PURE__ */ d("svg", {
+					className: m("size-4 shrink-0 text-muted-foreground transition-transform", t && "rotate-180"),
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ d("path", {
+						d: "m6 9 6 6 6-6",
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					})
+				})]
+			}), t && /* @__PURE__ */ d("div", {
+				className: "px-4 pb-4 text-sm text-muted-foreground",
+				children: e.content
+			})] }, e.value);
+		})
+	});
+}
+//#endregion
+//#region src/components/OuBreadcrumb.tsx
+function qe({ items: e, className: t }) {
+	return /* @__PURE__ */ d("nav", {
+		"aria-label": "Навигационная цепочка",
+		className: t,
+		children: /* @__PURE__ */ d("ol", {
+			className: "flex flex-wrap items-center gap-1.5 text-sm",
+			children: e.map((t, n) => {
+				let r = n === e.length - 1;
+				return /* @__PURE__ */ f("li", {
+					className: "flex items-center gap-1.5",
+					children: [t.href && !r ? /* @__PURE__ */ d("a", {
+						href: t.href,
+						className: "text-muted-foreground transition-colors hover:text-foreground",
+						children: t.label
+					}) : /* @__PURE__ */ d("span", {
+						className: m(r ? "font-medium text-foreground" : "text-muted-foreground"),
+						"aria-current": r ? "page" : void 0,
+						children: t.label
+					}), !r && /* @__PURE__ */ d("svg", {
+						className: "size-4 text-muted-foreground/50",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ d("path", {
+							d: "m9 18 6-6-6-6",
+							strokeLinecap: "round",
+							strokeLinejoin: "round"
+						})
+					})]
+				}, n);
+			})
+		})
+	});
+}
+//#endregion
+//#region src/components/OuPagination.tsx
+var $ = "grid h-9 min-w-9 place-items-center rounded-md border border-border bg-background px-2 text-sm transition-colors hover:bg-accent hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring";
+function Je(e, t) {
+	let n = e;
+	if (n <= 7) return Array.from({ length: n }, (e, t) => t + 1);
+	let r = [.../* @__PURE__ */ new Set([
+		1,
+		n,
+		t,
+		t - 1,
+		t + 1
+	])].filter((e) => e >= 1 && e <= n).sort((e, t) => e - t), i = [], a = 0;
+	for (let e of r) e - a > 1 && i.push("…"), i.push(e), a = e;
+	return i;
+}
+function Ye({ total: e, page: t, onPageChange: n, className: r }) {
+	let i = t ?? 1, a = Je(e, i), o = (t) => {
+		n?.(Math.max(1, Math.min(e, t)));
+	};
+	return /* @__PURE__ */ f("nav", {
+		className: m("flex items-center gap-1.5", r),
+		"aria-label": "Пагинация",
+		children: [
+			/* @__PURE__ */ d("button", {
+				type: "button",
+				className: $,
+				disabled: i <= 1,
+				"aria-label": "Назад",
+				onClick: () => o(i - 1),
+				children: /* @__PURE__ */ d("svg", {
+					className: "size-4",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					children: /* @__PURE__ */ d("path", {
+						d: "m15 18-6-6 6-6",
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					})
+				})
+			}),
+			a.map((e, t) => e === "…" ? /* @__PURE__ */ d("span", {
+				className: "grid h-9 w-9 place-items-center text-sm text-muted-foreground",
+				children: "…"
+			}, t) : /* @__PURE__ */ d("button", {
+				type: "button",
+				"aria-current": i === e ? "page" : void 0,
+				className: m("grid h-9 min-w-9 place-items-center rounded-md px-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", i === e ? "bg-primary text-primary-foreground" : "border border-border bg-background hover:bg-accent hover:text-accent-foreground"),
+				onClick: () => o(e),
+				children: e
+			}, t)),
+			/* @__PURE__ */ d("button", {
+				type: "button",
+				className: $,
+				disabled: i >= e,
+				"aria-label": "Вперёд",
+				onClick: () => o(i + 1),
+				children: /* @__PURE__ */ d("svg", {
+					className: "size-4",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					children: /* @__PURE__ */ d("path", {
+						d: "m9 18 6-6-6-6",
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					})
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { Ke as OuAccordion, De as OuAlert, me as OuAvatar, he as OuAvatarGroup, M as OuBadge, Ae as OuBanner, qe as OuBreadcrumb, te as OuButton, ne as OuButtonGroup, P as OuCard, K as OuCheckbox, q as OuCheckboxGroup, z as OuCode, Be as OuDropdown, Ve as OuDropdownItem, je as OuEmptyState, V as OuInput, R as OuKbd, k as OuLabel, ae as OuLink, F as OuList, I as OuListItem, _e as OuMeter, Le as OuModal, G as OuNumberInput, Ye as OuPagination, He as OuPopover, ye as OuProgress, xe as OuProgressRing, J as OuRadioGroup, ue as OuRating, ce as OuSegmented, U as OuSelect, L as OuSeparator, ze as OuSheet, Pe as OuSkeleton, se as OuSlider, Ne as OuSpinner, ge as OuStat, Ge as OuSteps, oe as OuSwitch, Se as OuTable, We as OuTabs, N as OuTag, le as OuTagInput, H as OuTextarea, we as OuTimeline, ke as OuToast, Ie as OuToaster, re as OuToggle, Ue as OuTooltip, m as cn, v as ouButtonClasses, D as ouToast, O as useOuToasts };