@therealtinhtute/baroiplayer 1.2.0 → 1.2.1

package/dist/performance-monitor-DCSijLJg.js

@@ -0,0 +1,312 @@
+import { i as e, r as t } from "./context-DD_SH4tT.js";
+import { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
+//#region src/core/performance/performance-monitor.tsx
+var o = e(), s = {
+	lcp: {
+		good: 2500,
+		poor: 4e3
+	},
+	fid: {
+		good: 100,
+		poor: 300
+	},
+	cls: {
+		good: .1,
+		poor: .25
+	},
+	renderTime: {
+		good: 16,
+		poor: 100
+	},
+	memoryUsage: {
+		good: 50 * 1024 * 1024,
+		poor: 100 * 1024 * 1024
+	}
+}, c = class {
+	constructor(e = s) {
+		t(this, "metrics", []), t(this, "listeners", /* @__PURE__ */ new Set()), t(this, "thresholds", void 0), t(this, "observer", void 0), t(this, "isMonitoring", !1), this.thresholds = e, this.initializeWebVitals(), this.initializePerformanceObserver();
+	}
+	async initializeWebVitals() {
+		if (!(typeof window > "u")) try {
+			let e = await import("web-vitals").catch(() => null);
+			if (!e) {
+				console.warn("web-vitals package not available, Core Web Vitals tracking disabled");
+				return;
+			}
+			let t = (e) => {
+				this.updateMetric(e.name.toLowerCase(), e.value);
+			}, n = e;
+			n.getCLS && n.getCLS(t), n.getFID && n.getFID(t), n.getFCP && n.getFCP(t), n.getLCP && n.getLCP(t), n.getTTFB && n.getTTFB(t), n.onINP && n.onINP(t);
+		} catch (e) {
+			console.warn("Web Vitals initialization failed:", e);
+		}
+	}
+	initializePerformanceObserver() {
+		if (!(typeof window > "u" || !("PerformanceObserver" in window))) try {
+			this.observer = new PerformanceObserver((e) => {
+				for (let t of e.getEntries()) this.handlePerformanceEntry(t);
+			}), this.observer.observe({ entryTypes: [
+				"measure",
+				"navigation",
+				"resource",
+				"paint"
+			] });
+		} catch (e) {
+			console.warn("PerformanceObserver not supported:", e);
+		}
+	}
+	handlePerformanceEntry(e) {
+		switch (e.entryType) {
+			case "measure":
+				e.name.startsWith("baroiplayer-render") && this.updateMetric("componentRenderTime", e.duration);
+				break;
+			case "resource":
+				(e.name.includes(".js") || e.name.includes(".css")) && this.updateMetric("bundleLoadTime", e.duration);
+				break;
+			case "paint":
+				e.name === "first-contentful-paint" && this.updateMetric("fcp", e.startTime);
+				break;
+		}
+	}
+	updateMetric(e, t) {
+		let n = this.getCurrentMetrics(), r = {
+			...n,
+			[e]: t,
+			timestamp: Date.now(),
+			performanceScore: this.calculatePerformanceScore({
+				...n,
+				[e]: t
+			})
+		};
+		this.metrics.push(r), this.metrics.length > 100 && (this.metrics = this.metrics.slice(-100)), this.listeners.forEach((e) => e(r));
+	}
+	getCurrentMetrics() {
+		return this.metrics[this.metrics.length - 1] || {
+			componentRenderTime: 0,
+			bundleLoadTime: 0,
+			mediaLoadTime: 0,
+			memoryUsage: this.getMemoryUsage(),
+			performanceScore: 0,
+			timestamp: Date.now()
+		};
+	}
+	getMemoryUsage() {
+		return "memory" in performance && performance.memory.usedJSHeapSize || 0;
+	}
+	calculatePerformanceScore(e) {
+		let t = 100;
+		return e.lcp && e.lcp > this.thresholds.lcp.good && (t -= e.lcp > this.thresholds.lcp.poor ? 30 : 15), e.fid && e.fid > this.thresholds.fid.good && (t -= e.fid > this.thresholds.fid.poor ? 25 : 10), e.cls && e.cls > this.thresholds.cls.good && (t -= e.cls > this.thresholds.cls.poor ? 20 : 10), e.componentRenderTime > this.thresholds.renderTime.good && (t -= e.componentRenderTime > this.thresholds.renderTime.poor ? 20 : 10), e.memoryUsage > this.thresholds.memoryUsage.good && (t -= e.memoryUsage > this.thresholds.memoryUsage.poor ? 15 : 5), Math.max(0, t);
+	}
+	startMonitoring() {
+		this.isMonitoring = !0, this.startMemoryMonitoring();
+	}
+	stopMonitoring() {
+		this.isMonitoring = !1, this.observer && this.observer.disconnect();
+	}
+	startMemoryMonitoring() {
+		this.isMonitoring && (this.updateMetric("memoryUsage", this.getMemoryUsage()), setTimeout(() => this.startMemoryMonitoring(), 5e3));
+	}
+	measureComponentRender(e, t) {
+		let n = `baroiplayer-render-${e}-start`, r = `baroiplayer-render-${e}-end`, i = `baroiplayer-render-${e}`;
+		performance.mark(n);
+		let a = t();
+		performance.mark(r);
+		try {
+			performance.measure(i, n, r);
+		} catch (e) {
+			console.warn("Performance measurement failed:", e);
+		}
+		return a;
+	}
+	subscribe(e) {
+		return this.listeners.add(e), () => this.listeners.delete(e);
+	}
+	getLatestMetrics() {
+		return this.metrics[this.metrics.length - 1] || null;
+	}
+	getAllMetrics() {
+		return [...this.metrics];
+	}
+	getAverageMetrics(e = 10) {
+		let t = this.metrics.slice(-e);
+		if (t.length === 0) return {};
+		let n = {};
+		return [
+			"lcp",
+			"fid",
+			"cls",
+			"fcp",
+			"ttfb",
+			"inp",
+			"componentRenderTime",
+			"bundleLoadTime",
+			"mediaLoadTime",
+			"memoryUsage",
+			"performanceScore"
+		].forEach((e) => {
+			let r = t.map((t) => t[e]).filter((e) => typeof e == "number" && !isNaN(e));
+			r.length > 0 && (n[e] = r.reduce((e, t) => e + t, 0) / r.length);
+		}), n;
+	}
+	getThresholds() {
+		return this.thresholds;
+	}
+	updateThresholds(e) {
+		this.thresholds = {
+			...this.thresholds,
+			...e
+		};
+	}
+}, l = new c();
+function u() {
+	let [e, t] = a(null), [i, o] = a(!0);
+	return r(() => {
+		if (o(typeof window < "u" && "performance" in window), !i) return;
+		l.startMonitoring();
+		let e = l.subscribe(t);
+		return () => {
+			e(), l.stopMonitoring();
+		};
+	}, [i]), {
+		metrics: e,
+		isSupported: i,
+		measureRender: n((e, t) => l.measureComponentRender(e, t), []),
+		averageMetrics: l.getAverageMetrics(),
+		allMetrics: l.getAllMetrics(),
+		thresholds: l.getThresholds()
+	};
+}
+function d(e, t) {
+	let n = t || e.displayName || e.name || "Component";
+	function s(t) {
+		let s = i(0), { measureRender: c } = u(), l = a(() => Math.random())[0];
+		return r(() => {
+			s.current += 1;
+		}), c(`${n}-${l}`, () => /* @__PURE__ */ (0, o.jsx)(e, { ...t }));
+	}
+	return s.displayName = `withPerformanceMonitoring(${n})`, s;
+}
+var f = class {
+	constructor() {
+		t(this, "baselineMetrics", null), t(this, "regressionThreshold", .2);
+	}
+	setBaseline(e) {
+		this.baselineMetrics = e;
+	}
+	detectRegression(e) {
+		if (!this.baselineMetrics) return [];
+		let t = [];
+		return [
+			"componentRenderTime",
+			"bundleLoadTime",
+			"mediaLoadTime",
+			"memoryUsage"
+		].forEach((n) => {
+			let r = this.baselineMetrics[n], i = e[n];
+			if (r && i && r > 0) {
+				let e = (i - r) / r;
+				e > this.regressionThreshold && t.push({
+					metric: n,
+					baseline: r,
+					current: i,
+					degradation: e
+				});
+			}
+		}), t;
+	}
+	setRegressionThreshold(e) {
+		this.regressionThreshold = Math.max(0, Math.min(1, e));
+	}
+};
+function p({ className: e = "", showAdvanced: t = !1 }) {
+	let { metrics: n, averageMetrics: r, thresholds: i, isSupported: a } = u();
+	if (!a || !n) return /* @__PURE__ */ (0, o.jsx)("div", {
+		className: `performance-dashboard ${e}`,
+		children: /* @__PURE__ */ (0, o.jsx)("p", { children: "Performance monitoring not supported in this environment" })
+	});
+	let s = (e) => e >= 90 ? "text-green-600" : e >= 70 ? "text-yellow-600" : "text-red-600", c = (e) => `${(e / 1024 / 1024).toFixed(2)} MB`;
+	return /* @__PURE__ */ (0, o.jsxs)("div", {
+		className: `performance-dashboard rounded-lg bg-white p-4 shadow ${e}`,
+		children: [
+			/* @__PURE__ */ (0, o.jsx)("h3", {
+				className: "mb-4 font-semibold text-lg",
+				children: "Performance Dashboard"
+			}),
+			/* @__PURE__ */ (0, o.jsxs)("div", {
+				className: "mb-4",
+				children: [/* @__PURE__ */ (0, o.jsxs)("div", {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ (0, o.jsx)("span", { children: "Performance Score" }), /* @__PURE__ */ (0, o.jsx)("span", {
+						className: `font-bold ${s(n.performanceScore)}`,
+						children: n.performanceScore.toFixed(0)
+					})]
+				}), /* @__PURE__ */ (0, o.jsx)("div", {
+					className: "mt-1 h-2 w-full rounded-full bg-gray-200",
+					children: /* @__PURE__ */ (0, o.jsx)("div", {
+						className: `h-2 rounded-full transition-all duration-300 ${n.performanceScore >= 90 ? "bg-green-500" : n.performanceScore >= 70 ? "bg-yellow-500" : "bg-red-500"}`,
+						style: { width: `${n.performanceScore}%` }
+					})
+				})]
+			}),
+			/* @__PURE__ */ (0, o.jsxs)("div", {
+				className: "mb-4 grid grid-cols-2 gap-4",
+				children: [/* @__PURE__ */ (0, o.jsxs)("div", { children: [/* @__PURE__ */ (0, o.jsx)("h4", {
+					className: "mb-2 font-medium",
+					children: "Core Web Vitals"
+				}), /* @__PURE__ */ (0, o.jsxs)("div", {
+					className: "space-y-1 text-sm",
+					children: [
+						n.lcp && /* @__PURE__ */ (0, o.jsxs)("div", { children: [
+							"LCP: ",
+							n.lcp.toFixed(0),
+							"ms"
+						] }),
+						n.fid && /* @__PURE__ */ (0, o.jsxs)("div", { children: [
+							"FID: ",
+							n.fid.toFixed(0),
+							"ms"
+						] }),
+						n.cls && /* @__PURE__ */ (0, o.jsxs)("div", { children: ["CLS: ", n.cls.toFixed(3)] })
+					]
+				})] }), /* @__PURE__ */ (0, o.jsxs)("div", { children: [/* @__PURE__ */ (0, o.jsx)("h4", {
+					className: "mb-2 font-medium",
+					children: "Custom Metrics"
+				}), /* @__PURE__ */ (0, o.jsxs)("div", {
+					className: "space-y-1 text-sm",
+					children: [
+						/* @__PURE__ */ (0, o.jsxs)("div", { children: [
+							"Render: ",
+							n.componentRenderTime.toFixed(2),
+							"ms"
+						] }),
+						/* @__PURE__ */ (0, o.jsxs)("div", { children: ["Memory: ", c(n.memoryUsage)] }),
+						n.bundleLoadTime > 0 && /* @__PURE__ */ (0, o.jsxs)("div", { children: [
+							"Bundle: ",
+							n.bundleLoadTime.toFixed(0),
+							"ms"
+						] })
+					]
+				})] })]
+			}),
+			t && /* @__PURE__ */ (0, o.jsxs)("div", { children: [/* @__PURE__ */ (0, o.jsx)("h4", {
+				className: "mb-2 font-medium",
+				children: "Advanced Metrics"
+			}), /* @__PURE__ */ (0, o.jsxs)("div", {
+				className: "space-y-1 text-sm",
+				children: [
+					/* @__PURE__ */ (0, o.jsxs)("div", { children: [
+						"Average Render Time: ",
+						(r.componentRenderTime || 0).toFixed(2),
+						"ms"
+					] }),
+					/* @__PURE__ */ (0, o.jsxs)("div", { children: ["Average Memory: ", c(r.memoryUsage || 0)] }),
+					/* @__PURE__ */ (0, o.jsxs)("div", { children: ["Average Score: ", (r.performanceScore || 0).toFixed(0)] })
+				]
+			})] })
+		]
+	});
+}
+//#endregion
+export { l as a, s as i, c as n, u as o, f as r, d as s, p as t };
+
+//# sourceMappingURL=performance-monitor-DCSijLJg.js.map

package/dist/performance-monitor-DCSijLJg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"performance-monitor-DCSijLJg.js","names":[],"sources":["../src/core/performance/performance-monitor.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback, useReducer } from \"react\"\n// Import type safely with fallback\ntype ReportHandler = (metric: { name: string; value: number }) => void\n\n// Performance metrics types\nexport interface PerformanceMetrics {\n\t// Core Web Vitals\n\tlcp?: number // Largest Contentful Paint\n\tfid?: number // First Input Delay\n\tcls?: number // Cumulative Layout Shift\n\tfcp?: number // First Contentful Paint\n\tttfb?: number // Time to First Byte\n\tinp?: number // Interaction to Next Paint\n\n\t// Custom metrics\n\tcomponentRenderTime: number\n\tbundleLoadTime: number\n\tmediaLoadTime: number\n\tmemoryUsage: number\n\n\t// Performance scores\n\tperformanceScore: number\n\ttimestamp: number\n}\n\nexport interface PerformanceThresholds {\n\tlcp: { good: number; poor: number }\n\tfid: { good: number; poor: number }\n\tcls: { good: number; poor: number }\n\trenderTime: { good: number; poor: number }\n\tmemoryUsage: { good: number; poor: number }\n}\n\nexport const defaultThresholds: PerformanceThresholds = {\n\tlcp: { good: 2500, poor: 4000 },\n\tfid: { good: 100, poor: 300 },\n\tcls: { good: 0.1, poor: 0.25 },\n\trenderTime: { good: 16, poor: 100 }, // Target 60fps = 16.67ms per frame\n\tmemoryUsage: { good: 50 * 1024 * 1024, poor: 100 * 1024 * 1024 } // 50MB good, 100MB poor\n}\n\n// Performance monitoring class\nexport class PerformanceMonitor {\n\tprivate metrics: PerformanceMetrics[] = []\n\tprivate listeners: Set<(metrics: PerformanceMetrics) => void> = new Set()\n\tprivate thresholds: PerformanceThresholds\n\tprivate observer?: PerformanceObserver\n\tprivate isMonitoring = false\n\n\tconstructor(thresholds: PerformanceThresholds = defaultThresholds) {\n\t\tthis.thresholds = thresholds\n\t\tthis.initializeWebVitals()\n\t\tthis.initializePerformanceObserver()\n\t}\n\n\tprivate async initializeWebVitals() {\n\t\tif (typeof window === \"undefined\") return\n\n\t\ttry {\n\t\t\t// Try to import web-vitals dynamically and handle different versions\n\t\t\tconst webVitals = await import(\"web-vitals\").catch(() => null)\n\n\t\t\tif (!webVitals) {\n\t\t\t\tconsole.warn(\"web-vitals package not available, Core Web Vitals tracking disabled\")\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tconst reportHandler: ReportHandler = (metric) => {\n\t\t\t\tthis.updateMetric(metric.name.toLowerCase() as keyof PerformanceMetrics, metric.value)\n\t\t\t}\n\n\t\t\t// Handle different web-vitals versions safely\n\t\t\tconst vitalsAny = webVitals as any\n\t\t\tif (vitalsAny.getCLS) vitalsAny.getCLS(reportHandler)\n\t\t\tif (vitalsAny.getFID) vitalsAny.getFID(reportHandler)\n\t\t\tif (vitalsAny.getFCP) vitalsAny.getFCP(reportHandler)\n\t\t\tif (vitalsAny.getLCP) vitalsAny.getLCP(reportHandler)\n\t\t\tif (vitalsAny.getTTFB) vitalsAny.getTTFB(reportHandler)\n\t\t\tif (vitalsAny.onINP) vitalsAny.onINP(reportHandler)\n\t\t} catch (error) {\n\t\t\tconsole.warn(\"Web Vitals initialization failed:\", error)\n\t\t}\n\t}\n\n\tprivate initializePerformanceObserver() {\n\t\tif (typeof window === \"undefined\" || !(\"PerformanceObserver\" in window)) return\n\n\t\ttry {\n\t\t\tthis.observer = new PerformanceObserver((list) => {\n\t\t\t\tfor (const entry of list.getEntries()) {\n\t\t\t\t\tthis.handlePerformanceEntry(entry)\n\t\t\t\t}\n\t\t\t})\n\n\t\t\tthis.observer.observe({ entryTypes: [\"measure\", \"navigation\", \"resource\", \"paint\"] })\n\t\t} catch (error) {\n\t\t\tconsole.warn(\"PerformanceObserver not supported:\", error)\n\t\t}\n\t}\n\n\tprivate handlePerformanceEntry(entry: PerformanceEntry) {\n\t\tswitch (entry.entryType) {\n\t\t\tcase \"measure\":\n\t\t\t\tif (entry.name.startsWith(\"baroiplayer-render\")) {\n\t\t\t\t\tthis.updateMetric(\"componentRenderTime\", entry.duration)\n\t\t\t\t}\n\t\t\t\tbreak\n\n\t\t\tcase \"resource\":\n\t\t\t\tif (entry.name.includes(\".js\") || entry.name.includes(\".css\")) {\n\t\t\t\t\tthis.updateMetric(\"bundleLoadTime\", entry.duration)\n\t\t\t\t}\n\t\t\t\tbreak\n\n\t\t\tcase \"paint\":\n\t\t\t\tif (entry.name === \"first-contentful-paint\") {\n\t\t\t\t\tthis.updateMetric(\"fcp\", entry.startTime)\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\tprivate updateMetric(key: keyof PerformanceMetrics, value: number) {\n\t\tconst currentMetrics = this.getCurrentMetrics()\n\t\tconst updatedMetrics = {\n\t\t\t...currentMetrics,\n\t\t\t[key]: value,\n\t\t\ttimestamp: Date.now(),\n\t\t\tperformanceScore: this.calculatePerformanceScore({ ...currentMetrics, [key]: value })\n\t\t}\n\n\t\tthis.metrics.push(updatedMetrics)\n\n\t\t// Keep only last 100 metrics\n\t\tif (this.metrics.length > 100) {\n\t\t\tthis.metrics = this.metrics.slice(-100)\n\t\t}\n\n\t\tthis.listeners.forEach((listener) => listener(updatedMetrics))\n\t}\n\n\tprivate getCurrentMetrics(): PerformanceMetrics {\n\t\tconst latest = this.metrics[this.metrics.length - 1]\n\t\treturn (\n\t\t\tlatest || {\n\t\t\t\tcomponentRenderTime: 0,\n\t\t\t\tbundleLoadTime: 0,\n\t\t\t\tmediaLoadTime: 0,\n\t\t\t\tmemoryUsage: this.getMemoryUsage(),\n\t\t\t\tperformanceScore: 0,\n\t\t\t\ttimestamp: Date.now()\n\t\t\t}\n\t\t)\n\t}\n\n\tprivate getMemoryUsage(): number {\n\t\tif (\"memory\" in performance) {\n\t\t\treturn (performance as any).memory.usedJSHeapSize || 0\n\t\t}\n\t\treturn 0\n\t}\n\n\tprivate calculatePerformanceScore(metrics: PerformanceMetrics): number {\n\t\tlet score = 100\n\n\t\t// Penalize based on thresholds\n\t\tif (metrics.lcp && metrics.lcp > this.thresholds.lcp.good) {\n\t\t\tscore -= metrics.lcp > this.thresholds.lcp.poor ? 30 : 15\n\t\t}\n\n\t\tif (metrics.fid && metrics.fid > this.thresholds.fid.good) {\n\t\t\tscore -= metrics.fid > this.thresholds.fid.poor ? 25 : 10\n\t\t}\n\n\t\tif (metrics.cls && metrics.cls > this.thresholds.cls.good) {\n\t\t\tscore -= metrics.cls > this.thresholds.cls.poor ? 20 : 10\n\t\t}\n\n\t\tif (metrics.componentRenderTime > this.thresholds.renderTime.good) {\n\t\t\tscore -= metrics.componentRenderTime > this.thresholds.renderTime.poor ? 20 : 10\n\t\t}\n\n\t\tif (metrics.memoryUsage > this.thresholds.memoryUsage.good) {\n\t\t\tscore -= metrics.memoryUsage > this.thresholds.memoryUsage.poor ? 15 : 5\n\t\t}\n\n\t\treturn Math.max(0, score)\n\t}\n\n\t// Public API\n\tpublic startMonitoring() {\n\t\tthis.isMonitoring = true\n\t\tthis.startMemoryMonitoring()\n\t}\n\n\tpublic stopMonitoring() {\n\t\tthis.isMonitoring = false\n\t\tif (this.observer) {\n\t\t\tthis.observer.disconnect()\n\t\t}\n\t}\n\n\tprivate startMemoryMonitoring() {\n\t\tif (!this.isMonitoring) return\n\n\t\tthis.updateMetric(\"memoryUsage\", this.getMemoryUsage())\n\t\tsetTimeout(() => this.startMemoryMonitoring(), 5000) // Check every 5 seconds\n\t}\n\n\tpublic measureComponentRender(componentName: string, renderFn: () => any): any {\n\t\tconst startMark = `baroiplayer-render-${componentName}-start`\n\t\tconst endMark = `baroiplayer-render-${componentName}-end`\n\t\tconst measureName = `baroiplayer-render-${componentName}`\n\n\t\tperformance.mark(startMark)\n\t\tconst result = renderFn()\n\t\tperformance.mark(endMark)\n\n\t\ttry {\n\t\t\tperformance.measure(measureName, startMark, endMark)\n\t\t} catch (error) {\n\t\t\tconsole.warn(\"Performance measurement failed:\", error)\n\t\t}\n\n\t\treturn result\n\t}\n\n\tpublic subscribe(listener: (metrics: PerformanceMetrics) => void): () => void {\n\t\tthis.listeners.add(listener)\n\t\treturn () => this.listeners.delete(listener)\n\t}\n\n\tpublic getLatestMetrics(): PerformanceMetrics | null {\n\t\treturn this.metrics[this.metrics.length - 1] || null\n\t}\n\n\tpublic getAllMetrics(): PerformanceMetrics[] {\n\t\treturn [...this.metrics]\n\t}\n\n\tpublic getAverageMetrics(count = 10): Partial<PerformanceMetrics> {\n\t\tconst recentMetrics = this.metrics.slice(-count)\n\t\tif (recentMetrics.length === 0) return {}\n\n\t\tconst averages: Partial<PerformanceMetrics> = {}\n\t\tconst keys: Array<keyof PerformanceMetrics> = [\n\t\t\t\"lcp\",\n\t\t\t\"fid\",\n\t\t\t\"cls\",\n\t\t\t\"fcp\",\n\t\t\t\"ttfb\",\n\t\t\t\"inp\",\n\t\t\t\"componentRenderTime\",\n\t\t\t\"bundleLoadTime\",\n\t\t\t\"mediaLoadTime\",\n\t\t\t\"memoryUsage\",\n\t\t\t\"performanceScore\"\n\t\t]\n\n\t\tkeys.forEach((key) => {\n\t\t\tconst values = recentMetrics\n\t\t\t\t.map((m) => m[key] as number)\n\t\t\t\t.filter((v) => typeof v === \"number\" && !isNaN(v))\n\n\t\t\tif (values.length > 0) {\n\t\t\t\t;(averages as any)[key] = values.reduce((sum, v) => sum + v, 0) / values.length\n\t\t\t}\n\t\t})\n\n\t\treturn averages\n\t}\n\n\tpublic getThresholds(): PerformanceThresholds {\n\t\treturn this.thresholds\n\t}\n\n\tpublic updateThresholds(newThresholds: Partial<PerformanceThresholds>) {\n\t\tthis.thresholds = { ...this.thresholds, ...newThresholds }\n\t}\n}\n\n// Global performance monitor instance\nexport const performanceMonitor = new PerformanceMonitor()\n\n// React hook for performance monitoring\nexport function usePerformanceMonitor() {\n\tconst [metrics, setMetrics] = useState<PerformanceMetrics | null>(null)\n\tconst [isSupported, setIsSupported] = useState(true)\n\n\tuseEffect(() => {\n\t\tsetIsSupported(typeof window !== \"undefined\" && \"performance\" in window)\n\n\t\tif (!isSupported) return\n\n\t\tperformanceMonitor.startMonitoring()\n\t\tconst unsubscribe = performanceMonitor.subscribe(setMetrics)\n\n\t\treturn () => {\n\t\t\tunsubscribe()\n\t\t\tperformanceMonitor.stopMonitoring()\n\t\t}\n\t}, [isSupported])\n\n\tconst measureRender = useCallback((componentName: string, renderFn: () => any): any => {\n\t\treturn performanceMonitor.measureComponentRender(componentName, renderFn)\n\t}, [])\n\n\treturn {\n\t\tmetrics,\n\t\tisSupported,\n\t\tmeasureRender,\n\t\taverageMetrics: performanceMonitor.getAverageMetrics(),\n\t\tallMetrics: performanceMonitor.getAllMetrics(),\n\t\tthresholds: performanceMonitor.getThresholds()\n\t}\n}\n\n// HOC for performance monitoring\nexport function withPerformanceMonitoring(\n\tWrappedComponent: React.ComponentType<any>,\n\tcomponentName?: string\n) {\n\tconst displayName =\n\t\tcomponentName || WrappedComponent.displayName || WrappedComponent.name || \"Component\"\n\n\tfunction PerformanceMonitoredComponent(props: any) {\n\t\tconst renderRef = useRef(0)\n\t\tconst { measureRender } = usePerformanceMonitor()\n\n\t\t// Use a simple counter that increments during render but doesn't access the ref value\n\t\tconst renderKey = useState(() => Math.random())[0]\n\n\t\t// Update ref in effect to track count without accessing during render\n\t\tuseEffect(() => {\n\t\t\trenderRef.current += 1\n\t\t})\n\n\t\treturn measureRender(`${displayName}-${renderKey}`, () => <WrappedComponent {...props} />)\n\t}\n\n\tPerformanceMonitoredComponent.displayName = `withPerformanceMonitoring(${displayName})`\n\treturn PerformanceMonitoredComponent\n}\n\n// Performance regression detector\nexport class PerformanceRegressionDetector {\n\tprivate baselineMetrics: PerformanceMetrics | null = null\n\tprivate regressionThreshold = 0.2 // 20% degradation threshold\n\n\tsetBaseline(metrics: PerformanceMetrics) {\n\t\tthis.baselineMetrics = metrics\n\t}\n\n\tdetectRegression(currentMetrics: PerformanceMetrics): Array<{\n\t\tmetric: keyof PerformanceMetrics\n\t\tbaseline: number\n\t\tcurrent: number\n\t\tdegradation: number\n\t}> {\n\t\tif (!this.baselineMetrics) return []\n\n\t\tconst regressions: Array<{\n\t\t\tmetric: keyof PerformanceMetrics\n\t\t\tbaseline: number\n\t\t\tcurrent: number\n\t\t\tdegradation: number\n\t\t}> = []\n\n\t\tconst metricsToCheck: Array<keyof PerformanceMetrics> = [\n\t\t\t\"componentRenderTime\",\n\t\t\t\"bundleLoadTime\",\n\t\t\t\"mediaLoadTime\",\n\t\t\t\"memoryUsage\"\n\t\t]\n\n\t\tmetricsToCheck.forEach((metric) => {\n\t\t\tconst baseline = this.baselineMetrics![metric] as number\n\t\t\tconst current = currentMetrics[metric] as number\n\n\t\t\tif (baseline && current && baseline > 0) {\n\t\t\t\tconst degradation = (current - baseline) / baseline\n\t\t\t\tif (degradation > this.regressionThreshold) {\n\t\t\t\t\tregressions.push({ metric, baseline, current, degradation })\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\n\t\treturn regressions\n\t}\n\n\tsetRegressionThreshold(threshold: number) {\n\t\tthis.regressionThreshold = Math.max(0, Math.min(1, threshold))\n\t}\n}\n\n// Development dashboard component\nexport interface PerformanceDashboardProps {\n\tclassName?: string\n\tshowAdvanced?: boolean\n}\n\nexport function PerformanceDashboard({\n\tclassName = \"\",\n\tshowAdvanced = false\n}: PerformanceDashboardProps) {\n\tconst { metrics, averageMetrics, thresholds, isSupported } = usePerformanceMonitor()\n\n\tif (!isSupported || !metrics) {\n\t\treturn (\n\t\t\t<div className={`performance-dashboard ${className}`}>\n\t\t\t\t<p>Performance monitoring not supported in this environment</p>\n\t\t\t</div>\n\t\t)\n\t}\n\n\tconst getScoreColor = (score: number) => {\n\t\tif (score >= 90) return \"text-green-600\"\n\t\tif (score >= 70) return \"text-yellow-600\"\n\t\treturn \"text-red-600\"\n\t}\n\n\tconst formatBytes = (bytes: number) => {\n\t\treturn `${(bytes / 1024 / 1024).toFixed(2)} MB`\n\t}\n\n\treturn (\n\t\t<div className={`performance-dashboard rounded-lg bg-white p-4 shadow ${className}`}>\n\t\t\t<h3 className=\"mb-4 font-semibold text-lg\">Performance Dashboard</h3>\n\n\t\t\t{/* Performance Score */}\n\t\t\t<div className=\"mb-4\">\n\t\t\t\t<div className=\"flex items-center justify-between\">\n\t\t\t\t\t<span>Performance Score</span>\n\t\t\t\t\t<span className={`font-bold ${getScoreColor(metrics.performanceScore)}`}>\n\t\t\t\t\t\t{metrics.performanceScore.toFixed(0)}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"mt-1 h-2 w-full rounded-full bg-gray-200\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={`h-2 rounded-full transition-all duration-300 ${\n\t\t\t\t\t\t\tmetrics.performanceScore >= 90\n\t\t\t\t\t\t\t\t? \"bg-green-500\"\n\t\t\t\t\t\t\t\t: metrics.performanceScore >= 70\n\t\t\t\t\t\t\t\t\t? \"bg-yellow-500\"\n\t\t\t\t\t\t\t\t\t: \"bg-red-500\"\n\t\t\t\t\t\t}`}\n\t\t\t\t\t\tstyle={{ width: `${metrics.performanceScore}%` }}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/* Core Web Vitals */}\n\t\t\t<div className=\"mb-4 grid grid-cols-2 gap-4\">\n\t\t\t\t<div>\n\t\t\t\t\t<h4 className=\"mb-2 font-medium\">Core Web Vitals</h4>\n\t\t\t\t\t<div className=\"space-y-1 text-sm\">\n\t\t\t\t\t\t{metrics.lcp && <div>LCP: {metrics.lcp.toFixed(0)}ms</div>}\n\t\t\t\t\t\t{metrics.fid && <div>FID: {metrics.fid.toFixed(0)}ms</div>}\n\t\t\t\t\t\t{metrics.cls && <div>CLS: {metrics.cls.toFixed(3)}</div>}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div>\n\t\t\t\t\t<h4 className=\"mb-2 font-medium\">Custom Metrics</h4>\n\t\t\t\t\t<div className=\"space-y-1 text-sm\">\n\t\t\t\t\t\t<div>Render: {metrics.componentRenderTime.toFixed(2)}ms</div>\n\t\t\t\t\t\t<div>Memory: {formatBytes(metrics.memoryUsage)}</div>\n\t\t\t\t\t\t{metrics.bundleLoadTime > 0 && <div>Bundle: {metrics.bundleLoadTime.toFixed(0)}ms</div>}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/* Advanced metrics */}\n\t\t\t{showAdvanced && (\n\t\t\t\t<div>\n\t\t\t\t\t<h4 className=\"mb-2 font-medium\">Advanced Metrics</h4>\n\t\t\t\t\t<div className=\"space-y-1 text-sm\">\n\t\t\t\t\t\t<div>Average Render Time: {(averageMetrics.componentRenderTime || 0).toFixed(2)}ms</div>\n\t\t\t\t\t\t<div>Average Memory: {formatBytes(averageMetrics.memoryUsage || 0)}</div>\n\t\t\t\t\t\t<div>Average Score: {(averageMetrics.performanceScore || 0).toFixed(0)}</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n\nexport default PerformanceMonitor\n"],"mappings":"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"}

package/dist/performance-monitor-wNFKmqMr.cjs

@@ -0,0 +1,2 @@
+const e=require("./rolldown-runtime-mLOUI7ql.cjs"),t=require("./context-Bzd5QCKM.cjs");let n=require("react");n=e.r(n,1);var r=t.i(),i={lcp:{good:2500,poor:4e3},fid:{good:100,poor:300},cls:{good:.1,poor:.25},renderTime:{good:16,poor:100},memoryUsage:{good:50*1024*1024,poor:100*1024*1024}},a=class{constructor(e=i){t.r(this,`metrics`,[]),t.r(this,`listeners`,new Set),t.r(this,`thresholds`,void 0),t.r(this,`observer`,void 0),t.r(this,`isMonitoring`,!1),this.thresholds=e,this.initializeWebVitals(),this.initializePerformanceObserver()}async initializeWebVitals(){if(!(typeof window>`u`))try{let e=await import(`web-vitals`).catch(()=>null);if(!e){console.warn(`web-vitals package not available, Core Web Vitals tracking disabled`);return}let t=e=>{this.updateMetric(e.name.toLowerCase(),e.value)},n=e;n.getCLS&&n.getCLS(t),n.getFID&&n.getFID(t),n.getFCP&&n.getFCP(t),n.getLCP&&n.getLCP(t),n.getTTFB&&n.getTTFB(t),n.onINP&&n.onINP(t)}catch(e){console.warn(`Web Vitals initialization failed:`,e)}}initializePerformanceObserver(){if(!(typeof window>`u`||!(`PerformanceObserver`in window)))try{this.observer=new PerformanceObserver(e=>{for(let t of e.getEntries())this.handlePerformanceEntry(t)}),this.observer.observe({entryTypes:[`measure`,`navigation`,`resource`,`paint`]})}catch(e){console.warn(`PerformanceObserver not supported:`,e)}}handlePerformanceEntry(e){switch(e.entryType){case`measure`:e.name.startsWith(`baroiplayer-render`)&&this.updateMetric(`componentRenderTime`,e.duration);break;case`resource`:(e.name.includes(`.js`)||e.name.includes(`.css`))&&this.updateMetric(`bundleLoadTime`,e.duration);break;case`paint`:e.name===`first-contentful-paint`&&this.updateMetric(`fcp`,e.startTime);break}}updateMetric(e,t){let n=this.getCurrentMetrics(),r={...n,[e]:t,timestamp:Date.now(),performanceScore:this.calculatePerformanceScore({...n,[e]:t})};this.metrics.push(r),this.metrics.length>100&&(this.metrics=this.metrics.slice(-100)),this.listeners.forEach(e=>e(r))}getCurrentMetrics(){return this.metrics[this.metrics.length-1]||{componentRenderTime:0,bundleLoadTime:0,mediaLoadTime:0,memoryUsage:this.getMemoryUsage(),performanceScore:0,timestamp:Date.now()}}getMemoryUsage(){return`memory`in performance&&performance.memory.usedJSHeapSize||0}calculatePerformanceScore(e){let t=100;return e.lcp&&e.lcp>this.thresholds.lcp.good&&(t-=e.lcp>this.thresholds.lcp.poor?30:15),e.fid&&e.fid>this.thresholds.fid.good&&(t-=e.fid>this.thresholds.fid.poor?25:10),e.cls&&e.cls>this.thresholds.cls.good&&(t-=e.cls>this.thresholds.cls.poor?20:10),e.componentRenderTime>this.thresholds.renderTime.good&&(t-=e.componentRenderTime>this.thresholds.renderTime.poor?20:10),e.memoryUsage>this.thresholds.memoryUsage.good&&(t-=e.memoryUsage>this.thresholds.memoryUsage.poor?15:5),Math.max(0,t)}startMonitoring(){this.isMonitoring=!0,this.startMemoryMonitoring()}stopMonitoring(){this.isMonitoring=!1,this.observer&&this.observer.disconnect()}startMemoryMonitoring(){this.isMonitoring&&(this.updateMetric(`memoryUsage`,this.getMemoryUsage()),setTimeout(()=>this.startMemoryMonitoring(),5e3))}measureComponentRender(e,t){let n=`baroiplayer-render-${e}-start`,r=`baroiplayer-render-${e}-end`,i=`baroiplayer-render-${e}`;performance.mark(n);let a=t();performance.mark(r);try{performance.measure(i,n,r)}catch(e){console.warn(`Performance measurement failed:`,e)}return a}subscribe(e){return this.listeners.add(e),()=>this.listeners.delete(e)}getLatestMetrics(){return this.metrics[this.metrics.length-1]||null}getAllMetrics(){return[...this.metrics]}getAverageMetrics(e=10){let t=this.metrics.slice(-e);if(t.length===0)return{};let n={};return[`lcp`,`fid`,`cls`,`fcp`,`ttfb`,`inp`,`componentRenderTime`,`bundleLoadTime`,`mediaLoadTime`,`memoryUsage`,`performanceScore`].forEach(e=>{let r=t.map(t=>t[e]).filter(e=>typeof e==`number`&&!isNaN(e));r.length>0&&(n[e]=r.reduce((e,t)=>e+t,0)/r.length)}),n}getThresholds(){return this.thresholds}updateThresholds(e){this.thresholds={...this.thresholds,...e}}},o=new a;function s(){let[e,t]=(0,n.useState)(null),[r,i]=(0,n.useState)(!0);return(0,n.useEffect)(()=>{if(i(typeof window<`u`&&`performance`in window),!r)return;o.startMonitoring();let e=o.subscribe(t);return()=>{e(),o.stopMonitoring()}},[r]),{metrics:e,isSupported:r,measureRender:(0,n.useCallback)((e,t)=>o.measureComponentRender(e,t),[]),averageMetrics:o.getAverageMetrics(),allMetrics:o.getAllMetrics(),thresholds:o.getThresholds()}}function c(e,t){let i=t||e.displayName||e.name||`Component`;function a(t){let a=(0,n.useRef)(0),{measureRender:o}=s(),c=(0,n.useState)(()=>Math.random())[0];return(0,n.useEffect)(()=>{a.current+=1}),o(`${i}-${c}`,()=>(0,r.jsx)(e,{...t}))}return a.displayName=`withPerformanceMonitoring(${i})`,a}var l=class{constructor(){t.r(this,`baselineMetrics`,null),t.r(this,`regressionThreshold`,.2)}setBaseline(e){this.baselineMetrics=e}detectRegression(e){if(!this.baselineMetrics)return[];let t=[];return[`componentRenderTime`,`bundleLoadTime`,`mediaLoadTime`,`memoryUsage`].forEach(n=>{let r=this.baselineMetrics[n],i=e[n];if(r&&i&&r>0){let e=(i-r)/r;e>this.regressionThreshold&&t.push({metric:n,baseline:r,current:i,degradation:e})}}),t}setRegressionThreshold(e){this.regressionThreshold=Math.max(0,Math.min(1,e))}};function u({className:e=``,showAdvanced:t=!1}){let{metrics:n,averageMetrics:i,thresholds:a,isSupported:o}=s();if(!o||!n)return(0,r.jsx)(`div`,{className:`performance-dashboard ${e}`,children:(0,r.jsx)(`p`,{children:`Performance monitoring not supported in this environment`})});let c=e=>e>=90?`text-green-600`:e>=70?`text-yellow-600`:`text-red-600`,l=e=>`${(e/1024/1024).toFixed(2)} MB`;return(0,r.jsxs)(`div`,{className:`performance-dashboard rounded-lg bg-white p-4 shadow ${e}`,children:[(0,r.jsx)(`h3`,{className:`mb-4 font-semibold text-lg`,children:`Performance Dashboard`}),(0,r.jsxs)(`div`,{className:`mb-4`,children:[(0,r.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,r.jsx)(`span`,{children:`Performance Score`}),(0,r.jsx)(`span`,{className:`font-bold ${c(n.performanceScore)}`,children:n.performanceScore.toFixed(0)})]}),(0,r.jsx)(`div`,{className:`mt-1 h-2 w-full rounded-full bg-gray-200`,children:(0,r.jsx)(`div`,{className:`h-2 rounded-full transition-all duration-300 ${n.performanceScore>=90?`bg-green-500`:n.performanceScore>=70?`bg-yellow-500`:`bg-red-500`}`,style:{width:`${n.performanceScore}%`}})})]}),(0,r.jsxs)(`div`,{className:`mb-4 grid grid-cols-2 gap-4`,children:[(0,r.jsxs)(`div`,{children:[(0,r.jsx)(`h4`,{className:`mb-2 font-medium`,children:`Core Web Vitals`}),(0,r.jsxs)(`div`,{className:`space-y-1 text-sm`,children:[n.lcp&&(0,r.jsxs)(`div`,{children:[`LCP: `,n.lcp.toFixed(0),`ms`]}),n.fid&&(0,r.jsxs)(`div`,{children:[`FID: `,n.fid.toFixed(0),`ms`]}),n.cls&&(0,r.jsxs)(`div`,{children:[`CLS: `,n.cls.toFixed(3)]})]})]}),(0,r.jsxs)(`div`,{children:[(0,r.jsx)(`h4`,{className:`mb-2 font-medium`,children:`Custom Metrics`}),(0,r.jsxs)(`div`,{className:`space-y-1 text-sm`,children:[(0,r.jsxs)(`div`,{children:[`Render: `,n.componentRenderTime.toFixed(2),`ms`]}),(0,r.jsxs)(`div`,{children:[`Memory: `,l(n.memoryUsage)]}),n.bundleLoadTime>0&&(0,r.jsxs)(`div`,{children:[`Bundle: `,n.bundleLoadTime.toFixed(0),`ms`]})]})]})]}),t&&(0,r.jsxs)(`div`,{children:[(0,r.jsx)(`h4`,{className:`mb-2 font-medium`,children:`Advanced Metrics`}),(0,r.jsxs)(`div`,{className:`space-y-1 text-sm`,children:[(0,r.jsxs)(`div`,{children:[`Average Render Time: `,(i.componentRenderTime||0).toFixed(2),`ms`]}),(0,r.jsxs)(`div`,{children:[`Average Memory: `,l(i.memoryUsage||0)]}),(0,r.jsxs)(`div`,{children:[`Average Score: `,(i.performanceScore||0).toFixed(0)]})]})]})]})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return u}});
+//# sourceMappingURL=performance-monitor-wNFKmqMr.cjs.map

package/dist/performance-monitor-wNFKmqMr.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"performance-monitor-wNFKmqMr.cjs","names":[],"sources":["../src/core/performance/performance-monitor.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback, useReducer } from \"react\"\n// Import type safely with fallback\ntype ReportHandler = (metric: { name: string; value: number }) => void\n\n// Performance metrics types\nexport interface PerformanceMetrics {\n\t// Core Web Vitals\n\tlcp?: number // Largest Contentful Paint\n\tfid?: number // First Input Delay\n\tcls?: number // Cumulative Layout Shift\n\tfcp?: number // First Contentful Paint\n\tttfb?: number // Time to First Byte\n\tinp?: number // Interaction to Next Paint\n\n\t// Custom metrics\n\tcomponentRenderTime: number\n\tbundleLoadTime: number\n\tmediaLoadTime: number\n\tmemoryUsage: number\n\n\t// Performance scores\n\tperformanceScore: number\n\ttimestamp: number\n}\n\nexport interface PerformanceThresholds {\n\tlcp: { good: number; poor: number }\n\tfid: { good: number; poor: number }\n\tcls: { good: number; poor: number }\n\trenderTime: { good: number; poor: number }\n\tmemoryUsage: { good: number; poor: number }\n}\n\nexport const defaultThresholds: PerformanceThresholds = {\n\tlcp: { good: 2500, poor: 4000 },\n\tfid: { good: 100, poor: 300 },\n\tcls: { good: 0.1, poor: 0.25 },\n\trenderTime: { good: 16, poor: 100 }, // Target 60fps = 16.67ms per frame\n\tmemoryUsage: { good: 50 * 1024 * 1024, poor: 100 * 1024 * 1024 } // 50MB good, 100MB poor\n}\n\n// Performance monitoring class\nexport class PerformanceMonitor {\n\tprivate metrics: PerformanceMetrics[] = []\n\tprivate listeners: Set<(metrics: PerformanceMetrics) => void> = new Set()\n\tprivate thresholds: PerformanceThresholds\n\tprivate observer?: PerformanceObserver\n\tprivate isMonitoring = false\n\n\tconstructor(thresholds: PerformanceThresholds = defaultThresholds) {\n\t\tthis.thresholds = thresholds\n\t\tthis.initializeWebVitals()\n\t\tthis.initializePerformanceObserver()\n\t}\n\n\tprivate async initializeWebVitals() {\n\t\tif (typeof window === \"undefined\") return\n\n\t\ttry {\n\t\t\t// Try to import web-vitals dynamically and handle different versions\n\t\t\tconst webVitals = await import(\"web-vitals\").catch(() => null)\n\n\t\t\tif (!webVitals) {\n\t\t\t\tconsole.warn(\"web-vitals package not available, Core Web Vitals tracking disabled\")\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tconst reportHandler: ReportHandler = (metric) => {\n\t\t\t\tthis.updateMetric(metric.name.toLowerCase() as keyof PerformanceMetrics, metric.value)\n\t\t\t}\n\n\t\t\t// Handle different web-vitals versions safely\n\t\t\tconst vitalsAny = webVitals as any\n\t\t\tif (vitalsAny.getCLS) vitalsAny.getCLS(reportHandler)\n\t\t\tif (vitalsAny.getFID) vitalsAny.getFID(reportHandler)\n\t\t\tif (vitalsAny.getFCP) vitalsAny.getFCP(reportHandler)\n\t\t\tif (vitalsAny.getLCP) vitalsAny.getLCP(reportHandler)\n\t\t\tif (vitalsAny.getTTFB) vitalsAny.getTTFB(reportHandler)\n\t\t\tif (vitalsAny.onINP) vitalsAny.onINP(reportHandler)\n\t\t} catch (error) {\n\t\t\tconsole.warn(\"Web Vitals initialization failed:\", error)\n\t\t}\n\t}\n\n\tprivate initializePerformanceObserver() {\n\t\tif (typeof window === \"undefined\" || !(\"PerformanceObserver\" in window)) return\n\n\t\ttry {\n\t\t\tthis.observer = new PerformanceObserver((list) => {\n\t\t\t\tfor (const entry of list.getEntries()) {\n\t\t\t\t\tthis.handlePerformanceEntry(entry)\n\t\t\t\t}\n\t\t\t})\n\n\t\t\tthis.observer.observe({ entryTypes: [\"measure\", \"navigation\", \"resource\", \"paint\"] })\n\t\t} catch (error) {\n\t\t\tconsole.warn(\"PerformanceObserver not supported:\", error)\n\t\t}\n\t}\n\n\tprivate handlePerformanceEntry(entry: PerformanceEntry) {\n\t\tswitch (entry.entryType) {\n\t\t\tcase \"measure\":\n\t\t\t\tif (entry.name.startsWith(\"baroiplayer-render\")) {\n\t\t\t\t\tthis.updateMetric(\"componentRenderTime\", entry.duration)\n\t\t\t\t}\n\t\t\t\tbreak\n\n\t\t\tcase \"resource\":\n\t\t\t\tif (entry.name.includes(\".js\") || entry.name.includes(\".css\")) {\n\t\t\t\t\tthis.updateMetric(\"bundleLoadTime\", entry.duration)\n\t\t\t\t}\n\t\t\t\tbreak\n\n\t\t\tcase \"paint\":\n\t\t\t\tif (entry.name === \"first-contentful-paint\") {\n\t\t\t\t\tthis.updateMetric(\"fcp\", entry.startTime)\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\tprivate updateMetric(key: keyof PerformanceMetrics, value: number) {\n\t\tconst currentMetrics = this.getCurrentMetrics()\n\t\tconst updatedMetrics = {\n\t\t\t...currentMetrics,\n\t\t\t[key]: value,\n\t\t\ttimestamp: Date.now(),\n\t\t\tperformanceScore: this.calculatePerformanceScore({ ...currentMetrics, [key]: value })\n\t\t}\n\n\t\tthis.metrics.push(updatedMetrics)\n\n\t\t// Keep only last 100 metrics\n\t\tif (this.metrics.length > 100) {\n\t\t\tthis.metrics = this.metrics.slice(-100)\n\t\t}\n\n\t\tthis.listeners.forEach((listener) => listener(updatedMetrics))\n\t}\n\n\tprivate getCurrentMetrics(): PerformanceMetrics {\n\t\tconst latest = this.metrics[this.metrics.length - 1]\n\t\treturn (\n\t\t\tlatest || {\n\t\t\t\tcomponentRenderTime: 0,\n\t\t\t\tbundleLoadTime: 0,\n\t\t\t\tmediaLoadTime: 0,\n\t\t\t\tmemoryUsage: this.getMemoryUsage(),\n\t\t\t\tperformanceScore: 0,\n\t\t\t\ttimestamp: Date.now()\n\t\t\t}\n\t\t)\n\t}\n\n\tprivate getMemoryUsage(): number {\n\t\tif (\"memory\" in performance) {\n\t\t\treturn (performance as any).memory.usedJSHeapSize || 0\n\t\t}\n\t\treturn 0\n\t}\n\n\tprivate calculatePerformanceScore(metrics: PerformanceMetrics): number {\n\t\tlet score = 100\n\n\t\t// Penalize based on thresholds\n\t\tif (metrics.lcp && metrics.lcp > this.thresholds.lcp.good) {\n\t\t\tscore -= metrics.lcp > this.thresholds.lcp.poor ? 30 : 15\n\t\t}\n\n\t\tif (metrics.fid && metrics.fid > this.thresholds.fid.good) {\n\t\t\tscore -= metrics.fid > this.thresholds.fid.poor ? 25 : 10\n\t\t}\n\n\t\tif (metrics.cls && metrics.cls > this.thresholds.cls.good) {\n\t\t\tscore -= metrics.cls > this.thresholds.cls.poor ? 20 : 10\n\t\t}\n\n\t\tif (metrics.componentRenderTime > this.thresholds.renderTime.good) {\n\t\t\tscore -= metrics.componentRenderTime > this.thresholds.renderTime.poor ? 20 : 10\n\t\t}\n\n\t\tif (metrics.memoryUsage > this.thresholds.memoryUsage.good) {\n\t\t\tscore -= metrics.memoryUsage > this.thresholds.memoryUsage.poor ? 15 : 5\n\t\t}\n\n\t\treturn Math.max(0, score)\n\t}\n\n\t// Public API\n\tpublic startMonitoring() {\n\t\tthis.isMonitoring = true\n\t\tthis.startMemoryMonitoring()\n\t}\n\n\tpublic stopMonitoring() {\n\t\tthis.isMonitoring = false\n\t\tif (this.observer) {\n\t\t\tthis.observer.disconnect()\n\t\t}\n\t}\n\n\tprivate startMemoryMonitoring() {\n\t\tif (!this.isMonitoring) return\n\n\t\tthis.updateMetric(\"memoryUsage\", this.getMemoryUsage())\n\t\tsetTimeout(() => this.startMemoryMonitoring(), 5000) // Check every 5 seconds\n\t}\n\n\tpublic measureComponentRender(componentName: string, renderFn: () => any): any {\n\t\tconst startMark = `baroiplayer-render-${componentName}-start`\n\t\tconst endMark = `baroiplayer-render-${componentName}-end`\n\t\tconst measureName = `baroiplayer-render-${componentName}`\n\n\t\tperformance.mark(startMark)\n\t\tconst result = renderFn()\n\t\tperformance.mark(endMark)\n\n\t\ttry {\n\t\t\tperformance.measure(measureName, startMark, endMark)\n\t\t} catch (error) {\n\t\t\tconsole.warn(\"Performance measurement failed:\", error)\n\t\t}\n\n\t\treturn result\n\t}\n\n\tpublic subscribe(listener: (metrics: PerformanceMetrics) => void): () => void {\n\t\tthis.listeners.add(listener)\n\t\treturn () => this.listeners.delete(listener)\n\t}\n\n\tpublic getLatestMetrics(): PerformanceMetrics | null {\n\t\treturn this.metrics[this.metrics.length - 1] || null\n\t}\n\n\tpublic getAllMetrics(): PerformanceMetrics[] {\n\t\treturn [...this.metrics]\n\t}\n\n\tpublic getAverageMetrics(count = 10): Partial<PerformanceMetrics> {\n\t\tconst recentMetrics = this.metrics.slice(-count)\n\t\tif (recentMetrics.length === 0) return {}\n\n\t\tconst averages: Partial<PerformanceMetrics> = {}\n\t\tconst keys: Array<keyof PerformanceMetrics> = [\n\t\t\t\"lcp\",\n\t\t\t\"fid\",\n\t\t\t\"cls\",\n\t\t\t\"fcp\",\n\t\t\t\"ttfb\",\n\t\t\t\"inp\",\n\t\t\t\"componentRenderTime\",\n\t\t\t\"bundleLoadTime\",\n\t\t\t\"mediaLoadTime\",\n\t\t\t\"memoryUsage\",\n\t\t\t\"performanceScore\"\n\t\t]\n\n\t\tkeys.forEach((key) => {\n\t\t\tconst values = recentMetrics\n\t\t\t\t.map((m) => m[key] as number)\n\t\t\t\t.filter((v) => typeof v === \"number\" && !isNaN(v))\n\n\t\t\tif (values.length > 0) {\n\t\t\t\t;(averages as any)[key] = values.reduce((sum, v) => sum + v, 0) / values.length\n\t\t\t}\n\t\t})\n\n\t\treturn averages\n\t}\n\n\tpublic getThresholds(): PerformanceThresholds {\n\t\treturn this.thresholds\n\t}\n\n\tpublic updateThresholds(newThresholds: Partial<PerformanceThresholds>) {\n\t\tthis.thresholds = { ...this.thresholds, ...newThresholds }\n\t}\n}\n\n// Global performance monitor instance\nexport const performanceMonitor = new PerformanceMonitor()\n\n// React hook for performance monitoring\nexport function usePerformanceMonitor() {\n\tconst [metrics, setMetrics] = useState<PerformanceMetrics | null>(null)\n\tconst [isSupported, setIsSupported] = useState(true)\n\n\tuseEffect(() => {\n\t\tsetIsSupported(typeof window !== \"undefined\" && \"performance\" in window)\n\n\t\tif (!isSupported) return\n\n\t\tperformanceMonitor.startMonitoring()\n\t\tconst unsubscribe = performanceMonitor.subscribe(setMetrics)\n\n\t\treturn () => {\n\t\t\tunsubscribe()\n\t\t\tperformanceMonitor.stopMonitoring()\n\t\t}\n\t}, [isSupported])\n\n\tconst measureRender = useCallback((componentName: string, renderFn: () => any): any => {\n\t\treturn performanceMonitor.measureComponentRender(componentName, renderFn)\n\t}, [])\n\n\treturn {\n\t\tmetrics,\n\t\tisSupported,\n\t\tmeasureRender,\n\t\taverageMetrics: performanceMonitor.getAverageMetrics(),\n\t\tallMetrics: performanceMonitor.getAllMetrics(),\n\t\tthresholds: performanceMonitor.getThresholds()\n\t}\n}\n\n// HOC for performance monitoring\nexport function withPerformanceMonitoring(\n\tWrappedComponent: React.ComponentType<any>,\n\tcomponentName?: string\n) {\n\tconst displayName =\n\t\tcomponentName || WrappedComponent.displayName || WrappedComponent.name || \"Component\"\n\n\tfunction PerformanceMonitoredComponent(props: any) {\n\t\tconst renderRef = useRef(0)\n\t\tconst { measureRender } = usePerformanceMonitor()\n\n\t\t// Use a simple counter that increments during render but doesn't access the ref value\n\t\tconst renderKey = useState(() => Math.random())[0]\n\n\t\t// Update ref in effect to track count without accessing during render\n\t\tuseEffect(() => {\n\t\t\trenderRef.current += 1\n\t\t})\n\n\t\treturn measureRender(`${displayName}-${renderKey}`, () => <WrappedComponent {...props} />)\n\t}\n\n\tPerformanceMonitoredComponent.displayName = `withPerformanceMonitoring(${displayName})`\n\treturn PerformanceMonitoredComponent\n}\n\n// Performance regression detector\nexport class PerformanceRegressionDetector {\n\tprivate baselineMetrics: PerformanceMetrics | null = null\n\tprivate regressionThreshold = 0.2 // 20% degradation threshold\n\n\tsetBaseline(metrics: PerformanceMetrics) {\n\t\tthis.baselineMetrics = metrics\n\t}\n\n\tdetectRegression(currentMetrics: PerformanceMetrics): Array<{\n\t\tmetric: keyof PerformanceMetrics\n\t\tbaseline: number\n\t\tcurrent: number\n\t\tdegradation: number\n\t}> {\n\t\tif (!this.baselineMetrics) return []\n\n\t\tconst regressions: Array<{\n\t\t\tmetric: keyof PerformanceMetrics\n\t\t\tbaseline: number\n\t\t\tcurrent: number\n\t\t\tdegradation: number\n\t\t}> = []\n\n\t\tconst metricsToCheck: Array<keyof PerformanceMetrics> = [\n\t\t\t\"componentRenderTime\",\n\t\t\t\"bundleLoadTime\",\n\t\t\t\"mediaLoadTime\",\n\t\t\t\"memoryUsage\"\n\t\t]\n\n\t\tmetricsToCheck.forEach((metric) => {\n\t\t\tconst baseline = this.baselineMetrics![metric] as number\n\t\t\tconst current = currentMetrics[metric] as number\n\n\t\t\tif (baseline && current && baseline > 0) {\n\t\t\t\tconst degradation = (current - baseline) / baseline\n\t\t\t\tif (degradation > this.regressionThreshold) {\n\t\t\t\t\tregressions.push({ metric, baseline, current, degradation })\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\n\t\treturn regressions\n\t}\n\n\tsetRegressionThreshold(threshold: number) {\n\t\tthis.regressionThreshold = Math.max(0, Math.min(1, threshold))\n\t}\n}\n\n// Development dashboard component\nexport interface PerformanceDashboardProps {\n\tclassName?: string\n\tshowAdvanced?: boolean\n}\n\nexport function PerformanceDashboard({\n\tclassName = \"\",\n\tshowAdvanced = false\n}: PerformanceDashboardProps) {\n\tconst { metrics, averageMetrics, thresholds, isSupported } = usePerformanceMonitor()\n\n\tif (!isSupported || !metrics) {\n\t\treturn (\n\t\t\t<div className={`performance-dashboard ${className}`}>\n\t\t\t\t<p>Performance monitoring not supported in this environment</p>\n\t\t\t</div>\n\t\t)\n\t}\n\n\tconst getScoreColor = (score: number) => {\n\t\tif (score >= 90) return \"text-green-600\"\n\t\tif (score >= 70) return \"text-yellow-600\"\n\t\treturn \"text-red-600\"\n\t}\n\n\tconst formatBytes = (bytes: number) => {\n\t\treturn `${(bytes / 1024 / 1024).toFixed(2)} MB`\n\t}\n\n\treturn (\n\t\t<div className={`performance-dashboard rounded-lg bg-white p-4 shadow ${className}`}>\n\t\t\t<h3 className=\"mb-4 font-semibold text-lg\">Performance Dashboard</h3>\n\n\t\t\t{/* Performance Score */}\n\t\t\t<div className=\"mb-4\">\n\t\t\t\t<div className=\"flex items-center justify-between\">\n\t\t\t\t\t<span>Performance Score</span>\n\t\t\t\t\t<span className={`font-bold ${getScoreColor(metrics.performanceScore)}`}>\n\t\t\t\t\t\t{metrics.performanceScore.toFixed(0)}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"mt-1 h-2 w-full rounded-full bg-gray-200\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={`h-2 rounded-full transition-all duration-300 ${\n\t\t\t\t\t\t\tmetrics.performanceScore >= 90\n\t\t\t\t\t\t\t\t? \"bg-green-500\"\n\t\t\t\t\t\t\t\t: metrics.performanceScore >= 70\n\t\t\t\t\t\t\t\t\t? \"bg-yellow-500\"\n\t\t\t\t\t\t\t\t\t: \"bg-red-500\"\n\t\t\t\t\t\t}`}\n\t\t\t\t\t\tstyle={{ width: `${metrics.performanceScore}%` }}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/* Core Web Vitals */}\n\t\t\t<div className=\"mb-4 grid grid-cols-2 gap-4\">\n\t\t\t\t<div>\n\t\t\t\t\t<h4 className=\"mb-2 font-medium\">Core Web Vitals</h4>\n\t\t\t\t\t<div className=\"space-y-1 text-sm\">\n\t\t\t\t\t\t{metrics.lcp && <div>LCP: {metrics.lcp.toFixed(0)}ms</div>}\n\t\t\t\t\t\t{metrics.fid && <div>FID: {metrics.fid.toFixed(0)}ms</div>}\n\t\t\t\t\t\t{metrics.cls && <div>CLS: {metrics.cls.toFixed(3)}</div>}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div>\n\t\t\t\t\t<h4 className=\"mb-2 font-medium\">Custom Metrics</h4>\n\t\t\t\t\t<div className=\"space-y-1 text-sm\">\n\t\t\t\t\t\t<div>Render: {metrics.componentRenderTime.toFixed(2)}ms</div>\n\t\t\t\t\t\t<div>Memory: {formatBytes(metrics.memoryUsage)}</div>\n\t\t\t\t\t\t{metrics.bundleLoadTime > 0 && <div>Bundle: {metrics.bundleLoadTime.toFixed(0)}ms</div>}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/* Advanced metrics */}\n\t\t\t{showAdvanced && (\n\t\t\t\t<div>\n\t\t\t\t\t<h4 className=\"mb-2 font-medium\">Advanced Metrics</h4>\n\t\t\t\t\t<div className=\"space-y-1 text-sm\">\n\t\t\t\t\t\t<div>Average Render Time: {(averageMetrics.componentRenderTime || 0).toFixed(2)}ms</div>\n\t\t\t\t\t\t<div>Average Memory: {formatBytes(averageMetrics.memoryUsage || 0)}</div>\n\t\t\t\t\t\t<div>Average Score: {(averageMetrics.performanceScore || 0).toFixed(0)}</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n\nexport default PerformanceMonitor\n"],"mappings":"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"}

package/dist/rolldown-runtime-BmowowmI.js

@@ -0,0 +1,14 @@
+//#region \0rolldown/runtime.js
+var e = Object.defineProperty, t = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), n = (t, n) => {
+	let r = {};
+	for (var i in t) e(r, i, {
+		get: t[i],
+		enumerable: !0
+	});
+	return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
+}, r = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
+	if (typeof require < "u") return require.apply(this, arguments);
+	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
+});
+//#endregion
+export { n, r, t };

package/dist/rolldown-runtime-mLOUI7ql.cjs

@@ -0,0 +1 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t),e=null),t.exports),s=(e,n)=>{let r={};for(var i in e)t(r,i,{get:e[i],enumerable:!0});return n||t(r,Symbol.toStringTag,{value:`Module`}),r},c=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},l=(n,r,a)=>(a=n==null?{}:e(i(n)),c(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});

package/dist/utils-D2gQ7c2R.js

@@ -0,0 +1,64 @@
+import { _ as e, v as t } from "./enhanced-components-BwjBqSA1.js";
+//#region ../ui/src/lib/utils.ts
+function n(...n) {
+	return e(t(...n));
+}
+//#endregion
+//#region ../../node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.mjs
+var r = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), i = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), a = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), o = (e) => {
+	let t = a(e);
+	return t.charAt(0).toUpperCase() + t.slice(1);
+}, s = (e) => {
+	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
+	return !1;
+};
+//#endregion
+//#region src/lib/async-utils.ts
+function c(e, t, n = {
+	leading: !0,
+	trailing: !0
+}) {
+	let r, i = 0, a = null, { leading: o = !0, trailing: s = !0 } = n;
+	return ((...n) => {
+		let c = Date.now(), l = t - (c - i), u = () => {
+			i = Date.now(), a = null, r = e(...n);
+		};
+		return i ? l <= 0 ? (a && (clearTimeout(a), a = null), r = e(...n), i = c) : s && !a && (a = setTimeout(() => u(), l)) : (o && (r = e(...n)), i = c), r;
+	});
+}
+function l(e, t, n = {}) {
+	let r = null, { immediate: i = !1 } = n;
+	return ((...n) => {
+		let a = () => (r = null, e(...n)), o = () => {
+			if (r = null, !i) return e(...n);
+		}, s = i && !r ? e(...n) : void 0;
+		return r && clearTimeout(r), r = setTimeout(i ? o : a, t), s;
+	});
+}
+function u(e, t) {
+	let n = e, r = 0, i = e;
+	return {
+		update: (e) => {
+			n = e;
+			let a = Date.now();
+			a - r >= t && (i = e, r = a);
+		},
+		getThrottledValue: () => i,
+		getLatestValue: () => n,
+		forceUpdate: () => {
+			i = n, r = Date.now();
+		}
+	};
+}
+function d(e) {
+	let t = [], n = !1, r = () => {
+		t.length > 0 && (e(t), t = []), n = !1;
+	};
+	return (...e) => {
+		t.push(e), n || (n = !0, setTimeout(() => r(), 0));
+	};
+}
+//#endregion
+export { s as a, r as c, c as i, n as l, u as n, o, l as r, i as s, d as t };
+
+//# sourceMappingURL=utils-D2gQ7c2R.js.map

package/dist/utils-D2gQ7c2R.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-D2gQ7c2R.js","names":[],"sources":["../../ui/src/lib/utils.ts","../../../node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.mjs","../../../node_modules/lucide-react/dist/esm/shared/src/utils/toKebabCase.mjs","../../../node_modules/lucide-react/dist/esm/shared/src/utils/toCamelCase.mjs","../../../node_modules/lucide-react/dist/esm/shared/src/utils/toPascalCase.mjs","../../../node_modules/lucide-react/dist/esm/shared/src/utils/hasA11yProp.mjs","../src/lib/async-utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(...inputs));\n}\n","/**\n * @license lucide-react v1.24.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst mergeClasses = (...classes) => classes.filter((className, index, array) => {\n  return Boolean(className) && className.trim() !== \"\" && array.indexOf(className) === index;\n}).join(\" \").trim();\n\nexport { mergeClasses };\n//# sourceMappingURL=mergeClasses.mjs.map\n","/**\n * @license lucide-react v1.24.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\n\nexport { toKebabCase };\n//# sourceMappingURL=toKebabCase.mjs.map\n","/**\n * @license lucide-react v1.24.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst toCamelCase = (string) => string.replace(\n  /^([A-Z])|[\\s-_]+(\\w)/g,\n  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()\n);\n\nexport { toCamelCase };\n//# sourceMappingURL=toCamelCase.mjs.map\n","/**\n * @license lucide-react v1.24.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { toCamelCase } from './toCamelCase.mjs';\n\nconst toPascalCase = (string) => {\n  const camelCase = toCamelCase(string);\n  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);\n};\n\nexport { toPascalCase };\n//# sourceMappingURL=toPascalCase.mjs.map\n","/**\n * @license lucide-react v1.24.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst hasA11yProp = (props) => {\n  for (const prop in props) {\n    if (prop.startsWith(\"aria-\") || prop === \"role\" || prop === \"title\") {\n      return true;\n    }\n  }\n  return false;\n};\n\nexport { hasA11yProp };\n//# sourceMappingURL=hasA11yProp.mjs.map\n","/**\n * Async utilities for performance optimization\n * Provides throttle and debounce functions for controlling event frequency\n */\n\n/**\n * Throttle function that ensures a function is only called at most once\n * within a specified time period. Includes options for leading and trailing calls.\n *\n * @param func - The function to throttle\n * @param limit - The time limit in milliseconds\n * @param options - Options for leading/trailing edge calls\n * @returns The throttled function\n *\n * @example\n * // Throttle a click handler to at most once per 250ms\n * const throttledClick = throttle(handleClick, 250);\n *\n * // For timeupdate events with leading edge disabled\n * const throttledUpdate = throttle(handleUpdate, 250, { leading: false });\n */\nexport function throttle<T extends (...args: Parameters<T>) => ReturnType<T>>(\n\tfunc: T,\n\tlimit: number,\n\toptions: { leading?: boolean; trailing?: boolean } = {\n\t\tleading: true,\n\t\ttrailing: true\n\t}\n): T {\n\tlet lastResult: ReturnType<T> | undefined\n\tlet lastCallTime = 0\n\tlet timeoutId: ReturnType<typeof setTimeout> | null = null\n\tconst { leading = true, trailing = true } = options\n\n\treturn ((...args: Parameters<T>): ReturnType<T> => {\n\t\tconst now = Date.now()\n\t\tconst remaining = limit - (now - lastCallTime)\n\n\t\tconst call = () => {\n\t\t\tlastCallTime = Date.now()\n\t\t\ttimeoutId = null\n\t\t\tlastResult = func(...args)\n\t\t}\n\n\t\tif (!lastCallTime) {\n\t\t\t// First call - respect leading option\n\t\t\tif (leading) {\n\t\t\t\tlastResult = func(...args)\n\t\t\t}\n\t\t\tlastCallTime = now\n\t\t} else if (remaining <= 0) {\n\t\t\t// Time limit reached\n\t\t\tif (timeoutId) {\n\t\t\t\tclearTimeout(timeoutId)\n\t\t\t\ttimeoutId = null\n\t\t\t}\n\t\t\tlastResult = func(...args)\n\t\t\tlastCallTime = now\n\t\t} else if (trailing && !timeoutId) {\n\t\t\t// Schedule trailing call\n\t\t\ttimeoutId = setTimeout(() => call(), remaining)\n\t\t}\n\n\t\treturn lastResult as ReturnType<T>\n\t}) as T\n}\n\n/**\n * Debounce function that delays calling a function until after a specified\n * wait period has elapsed since the last time the debounced function was called.\n *\n * @param func - The function to debounce\n * @param wait - The wait period in milliseconds\n * @param options - Options for immediate invocation\n * @returns The debounced function\n *\n * @example\n * // Debounce a resize handler\n * const debouncedResize = debounce(handleResize, 150);\n *\n * // Debounce with immediate option for form validation\n * const immediateValidate = debounce(validateForm, 300, { immediate: true });\n */\nexport function debounce<T extends (...args: Parameters<T>) => ReturnType<T>>(\n\tfunc: T,\n\twait: number,\n\toptions: { immediate?: boolean } = {}\n): T {\n\tlet timeoutId: ReturnType<typeof setTimeout> | null = null\n\tconst { immediate = false } = options\n\n\treturn ((...args: Parameters<T>): ReturnType<T> => {\n\t\tconst call = () => {\n\t\t\ttimeoutId = null\n\t\t\treturn func(...args)\n\t\t}\n\n\t\tconst later = () => {\n\t\t\ttimeoutId = null\n\t\t\tif (!immediate) {\n\t\t\t\treturn func(...args)\n\t\t\t}\n\t\t}\n\n\t\tconst callNow = immediate && !timeoutId\n\t\tconst result = callNow ? func(...args) : undefined\n\n\t\tif (timeoutId) {\n\t\t\tclearTimeout(timeoutId)\n\t\t}\n\n\t\ttimeoutId = setTimeout(immediate ? later : call, wait)\n\n\t\treturn result as ReturnType<T>\n\t}) as T\n}\n\n/**\n * Creates a throttled callback that only updates the value at most once\n * per interval, but always returns the latest value when called.\n * Useful for UI updates that should be throttled but need to show final state.\n *\n * @param initialValue - The initial value\n * @param limit - The time limit in milliseconds\n * @returns An object with update function and getter functions\n *\n * @example\n * const { update, getThrottledValue, getLatestValue } = createThrottledValue(0, 250);\n */\nexport function createThrottledValue<T>(initialValue: T, limit: number) {\n\tlet latestValue = initialValue\n\tlet lastUpdateTime = 0\n\tlet throttledValue = initialValue\n\n\tconst update = (value: T) => {\n\t\tlatestValue = value\n\t\tconst now = Date.now()\n\t\tif (now - lastUpdateTime >= limit) {\n\t\t\tthrottledValue = value\n\t\t\tlastUpdateTime = now\n\t\t}\n\t}\n\n\tconst getThrottledValue = () => throttledValue\n\tconst getLatestValue = () => latestValue\n\tconst forceUpdate = () => {\n\t\tthrottledValue = latestValue\n\t\tlastUpdateTime = Date.now()\n\t}\n\n\treturn { update, getThrottledValue, getLatestValue, forceUpdate }\n}\n\n/**\n * Batch multiple rapid calls into a single call at the end of the event loop.\n * Useful for React state updates that should be batched.\n *\n * @param func - The function to call with batched arguments\n * @returns A function that batches arguments and calls the original function once\n *\n * @example\n * const batchUpdate = batch((updates) => {\n *   updates.forEach(update => setState(prev => ({ ...prev, ...update })));\n * });\n *\n * // Multiple rapid calls will be batched\n * batchUpdate({ a: 1 });\n * batchUpdate({ a: 2 });\n * batchUpdate({ a: 3 });\n */\nexport function batch<T extends (...args: Parameters<T>) => void>(\n\tfunc: (args: Parameters<T>[]) => void\n): (...args: Parameters<T>) => void {\n\tlet batchedArgs: Parameters<T>[] = []\n\tlet scheduled = false\n\n\tconst flush = () => {\n\t\tif (batchedArgs.length > 0) {\n\t\t\tfunc(batchedArgs)\n\t\t\tbatchedArgs = []\n\t\t}\n\t\tscheduled = false\n\t}\n\n\treturn (...args: Parameters<T>) => {\n\t\tbatchedArgs.push(args)\n\t\tif (!scheduled) {\n\t\t\tscheduled = true\n\t\t\t// Use setImmediate/setTimeout pattern for cross-environment compatibility\n\t\t\t// In browsers this schedules as a macrotask, in tests with fake timers it will fire\n\t\t\tsetTimeout(() => flush(), 0)\n\t\t}\n\t}\n}\n"],"x_google_ignoreList":[1,2,3,4,5],"mappings":";;AAGA,SAAgB,EAAG,GAAG,GAAsB;CAC1C,OAAO,EAAQ,EAAK,GAAG,CAAM,CAAC;AAChC;;;ACEA,IAAM,KAAgB,GAAG,MAAY,EAAQ,QAAQ,GAAW,GAAO,MAC9D,EAAQ,KAAc,EAAU,KAAK,MAAM,MAAM,EAAM,QAAQ,CAAS,MAAM,CACtF,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,GCFZ,KAAe,MAAW,EAAO,QAAQ,sBAAsB,OAAO,CAAC,CAAC,YAAY,GCApF,KAAe,MAAW,EAAO,QACrC,0BACC,GAAO,GAAI,MAAO,IAAK,EAAG,YAAY,IAAI,EAAG,YAAY,CAC5D,GCDM,KAAgB,MAAW;CAC/B,IAAM,IAAY,EAAY,CAAM;CACpC,OAAO,EAAU,OAAO,CAAC,CAAC,CAAC,YAAY,IAAI,EAAU,MAAM,CAAC;AAC9D,GCLM,KAAe,MAAU;CAC7B,KAAK,IAAM,KAAQ,GACjB,IAAI,EAAK,WAAW,OAAO,KAAK,MAAS,UAAU,MAAS,SAC1D,OAAO;CAGX,OAAO;AACT;;;ACOA,SAAgB,EACf,GACA,GACA,IAAqD;CACpD,SAAS;CACT,UAAU;AACX,GACI;CACJ,IAAI,GACA,IAAe,GACf,IAAkD,MAChD,EAAE,aAAU,IAAM,cAAW,OAAS;CAE5C,SAAS,GAAG,MAAuC;EAClD,IAAM,IAAM,KAAK,IAAI,GACf,IAAY,KAAS,IAAM,IAE3B,UAAa;GAGlB,AAFA,IAAe,KAAK,IAAI,GACxB,IAAY,MACZ,IAAa,EAAK,GAAG,CAAI;EAC1B;EAqBA,OAnBK,IAMM,KAAa,KAEnB,MACH,aAAa,CAAS,GACtB,IAAY,OAEb,IAAa,EAAK,GAAG,CAAI,GACzB,IAAe,KACL,KAAY,CAAC,MAEvB,IAAY,iBAAiB,EAAK,GAAG,CAAS,MAd1C,MACH,IAAa,EAAK,GAAG,CAAI,IAE1B,IAAe,IAcT;CACR;AACD;AAkBA,SAAgB,EACf,GACA,GACA,IAAmC,CAAC,GAChC;CACJ,IAAI,IAAkD,MAChD,EAAE,eAAY,OAAU;CAE9B,SAAS,GAAG,MAAuC;EAClD,IAAM,WACL,IAAY,MACL,EAAK,GAAG,CAAI,IAGd,UAAc;GAEnB,IADA,IAAY,MACR,CAAC,GACJ,OAAO,EAAK,GAAG,CAAI;EAErB,GAGM,IADU,KAAa,CAAC,IACL,EAAK,GAAG,CAAI,IAAI,KAAA;EAQzC,OANI,KACH,aAAa,CAAS,GAGvB,IAAY,WAAW,IAAY,IAAQ,GAAM,CAAI,GAE9C;CACR;AACD;AAcA,SAAgB,EAAwB,GAAiB,GAAe;CACvE,IAAI,IAAc,GACd,IAAiB,GACjB,IAAiB;CAkBrB,OAAO;EAAE,SAhBO,MAAa;GAC5B,IAAc;GACd,IAAM,IAAM,KAAK,IAAI;GACrB,AAAI,IAAM,KAAkB,MAC3B,IAAiB,GACjB,IAAiB;EAEnB;EASiB,yBAPe;EAOI,sBANP;EAMuB,mBAL1B;GAEzB,AADA,IAAiB,GACjB,IAAiB,KAAK,IAAI;EAC3B;CAEgE;AACjE;AAmBA,SAAgB,EACf,GACmC;CACnC,IAAI,IAA+B,CAAC,GAChC,IAAY,IAEV,UAAc;EAKnB,AAJI,EAAY,SAAS,MACxB,EAAK,CAAW,GAChB,IAAc,CAAC,IAEhB,IAAY;CACb;CAEA,QAAQ,GAAG,MAAwB;EAElC,AADA,EAAY,KAAK,CAAI,GAChB,MACJ,IAAY,IAGZ,iBAAiB,EAAM,GAAG,CAAC;CAE7B;AACD"}

package/dist/utils-DJaAwiZ9.cjs

@@ -0,0 +1,2 @@
+const e=require("./enhanced-components-C-ka-XLp.cjs");function t(...t){return e._(e.v(...t))}var n=(...e)=>e.filter((e,t,n)=>!!e&&e.trim()!==``&&n.indexOf(e)===t).join(` `).trim(),r=e=>e.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).toLowerCase(),i=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,n)=>n?n.toUpperCase():t.toLowerCase()),a=e=>{let t=i(e);return t.charAt(0).toUpperCase()+t.slice(1)},o=e=>{for(let t in e)if(t.startsWith(`aria-`)||t===`role`||t===`title`)return!0;return!1};function s(e,t,n={leading:!0,trailing:!0}){let r,i=0,a=null,{leading:o=!0,trailing:s=!0}=n;return((...n)=>{let c=Date.now(),l=t-(c-i),u=()=>{i=Date.now(),a=null,r=e(...n)};return i?l<=0?(a&&(clearTimeout(a),a=null),r=e(...n),i=c):s&&!a&&(a=setTimeout(()=>u(),l)):(o&&(r=e(...n)),i=c),r})}function c(e,t,n={}){let r=null,{immediate:i=!1}=n;return((...n)=>{let a=()=>(r=null,e(...n)),o=()=>{if(r=null,!i)return e(...n)},s=i&&!r?e(...n):void 0;return r&&clearTimeout(r),r=setTimeout(i?o:a,t),s})}function l(e,t){let n=e,r=0,i=e;return{update:e=>{n=e;let a=Date.now();a-r>=t&&(i=e,r=a)},getThrottledValue:()=>i,getLatestValue:()=>n,forceUpdate:()=>{i=n,r=Date.now()}}}function u(e){let t=[],n=!1,r=()=>{t.length>0&&(e(t),t=[]),n=!1};return(...e)=>{t.push(e),n||(n=!0,setTimeout(()=>r(),0))}}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return u}});
+//# sourceMappingURL=utils-DJaAwiZ9.cjs.map

package/dist/utils-DJaAwiZ9.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-DJaAwiZ9.cjs","names":[],"sources":["../../ui/src/lib/utils.ts","../../../node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.mjs","../../../node_modules/lucide-react/dist/esm/shared/src/utils/toKebabCase.mjs","../../../node_modules/lucide-react/dist/esm/shared/src/utils/toCamelCase.mjs","../../../node_modules/lucide-react/dist/esm/shared/src/utils/toPascalCase.mjs","../../../node_modules/lucide-react/dist/esm/shared/src/utils/hasA11yProp.mjs","../src/lib/async-utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(...inputs));\n}\n","/**\n * @license lucide-react v1.24.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst mergeClasses = (...classes) => classes.filter((className, index, array) => {\n  return Boolean(className) && className.trim() !== \"\" && array.indexOf(className) === index;\n}).join(\" \").trim();\n\nexport { mergeClasses };\n//# sourceMappingURL=mergeClasses.mjs.map\n","/**\n * @license lucide-react v1.24.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\n\nexport { toKebabCase };\n//# sourceMappingURL=toKebabCase.mjs.map\n","/**\n * @license lucide-react v1.24.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst toCamelCase = (string) => string.replace(\n  /^([A-Z])|[\\s-_]+(\\w)/g,\n  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()\n);\n\nexport { toCamelCase };\n//# sourceMappingURL=toCamelCase.mjs.map\n","/**\n * @license lucide-react v1.24.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { toCamelCase } from './toCamelCase.mjs';\n\nconst toPascalCase = (string) => {\n  const camelCase = toCamelCase(string);\n  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);\n};\n\nexport { toPascalCase };\n//# sourceMappingURL=toPascalCase.mjs.map\n","/**\n * @license lucide-react v1.24.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst hasA11yProp = (props) => {\n  for (const prop in props) {\n    if (prop.startsWith(\"aria-\") || prop === \"role\" || prop === \"title\") {\n      return true;\n    }\n  }\n  return false;\n};\n\nexport { hasA11yProp };\n//# sourceMappingURL=hasA11yProp.mjs.map\n","/**\n * Async utilities for performance optimization\n * Provides throttle and debounce functions for controlling event frequency\n */\n\n/**\n * Throttle function that ensures a function is only called at most once\n * within a specified time period. Includes options for leading and trailing calls.\n *\n * @param func - The function to throttle\n * @param limit - The time limit in milliseconds\n * @param options - Options for leading/trailing edge calls\n * @returns The throttled function\n *\n * @example\n * // Throttle a click handler to at most once per 250ms\n * const throttledClick = throttle(handleClick, 250);\n *\n * // For timeupdate events with leading edge disabled\n * const throttledUpdate = throttle(handleUpdate, 250, { leading: false });\n */\nexport function throttle<T extends (...args: Parameters<T>) => ReturnType<T>>(\n\tfunc: T,\n\tlimit: number,\n\toptions: { leading?: boolean; trailing?: boolean } = {\n\t\tleading: true,\n\t\ttrailing: true\n\t}\n): T {\n\tlet lastResult: ReturnType<T> | undefined\n\tlet lastCallTime = 0\n\tlet timeoutId: ReturnType<typeof setTimeout> | null = null\n\tconst { leading = true, trailing = true } = options\n\n\treturn ((...args: Parameters<T>): ReturnType<T> => {\n\t\tconst now = Date.now()\n\t\tconst remaining = limit - (now - lastCallTime)\n\n\t\tconst call = () => {\n\t\t\tlastCallTime = Date.now()\n\t\t\ttimeoutId = null\n\t\t\tlastResult = func(...args)\n\t\t}\n\n\t\tif (!lastCallTime) {\n\t\t\t// First call - respect leading option\n\t\t\tif (leading) {\n\t\t\t\tlastResult = func(...args)\n\t\t\t}\n\t\t\tlastCallTime = now\n\t\t} else if (remaining <= 0) {\n\t\t\t// Time limit reached\n\t\t\tif (timeoutId) {\n\t\t\t\tclearTimeout(timeoutId)\n\t\t\t\ttimeoutId = null\n\t\t\t}\n\t\t\tlastResult = func(...args)\n\t\t\tlastCallTime = now\n\t\t} else if (trailing && !timeoutId) {\n\t\t\t// Schedule trailing call\n\t\t\ttimeoutId = setTimeout(() => call(), remaining)\n\t\t}\n\n\t\treturn lastResult as ReturnType<T>\n\t}) as T\n}\n\n/**\n * Debounce function that delays calling a function until after a specified\n * wait period has elapsed since the last time the debounced function was called.\n *\n * @param func - The function to debounce\n * @param wait - The wait period in milliseconds\n * @param options - Options for immediate invocation\n * @returns The debounced function\n *\n * @example\n * // Debounce a resize handler\n * const debouncedResize = debounce(handleResize, 150);\n *\n * // Debounce with immediate option for form validation\n * const immediateValidate = debounce(validateForm, 300, { immediate: true });\n */\nexport function debounce<T extends (...args: Parameters<T>) => ReturnType<T>>(\n\tfunc: T,\n\twait: number,\n\toptions: { immediate?: boolean } = {}\n): T {\n\tlet timeoutId: ReturnType<typeof setTimeout> | null = null\n\tconst { immediate = false } = options\n\n\treturn ((...args: Parameters<T>): ReturnType<T> => {\n\t\tconst call = () => {\n\t\t\ttimeoutId = null\n\t\t\treturn func(...args)\n\t\t}\n\n\t\tconst later = () => {\n\t\t\ttimeoutId = null\n\t\t\tif (!immediate) {\n\t\t\t\treturn func(...args)\n\t\t\t}\n\t\t}\n\n\t\tconst callNow = immediate && !timeoutId\n\t\tconst result = callNow ? func(...args) : undefined\n\n\t\tif (timeoutId) {\n\t\t\tclearTimeout(timeoutId)\n\t\t}\n\n\t\ttimeoutId = setTimeout(immediate ? later : call, wait)\n\n\t\treturn result as ReturnType<T>\n\t}) as T\n}\n\n/**\n * Creates a throttled callback that only updates the value at most once\n * per interval, but always returns the latest value when called.\n * Useful for UI updates that should be throttled but need to show final state.\n *\n * @param initialValue - The initial value\n * @param limit - The time limit in milliseconds\n * @returns An object with update function and getter functions\n *\n * @example\n * const { update, getThrottledValue, getLatestValue } = createThrottledValue(0, 250);\n */\nexport function createThrottledValue<T>(initialValue: T, limit: number) {\n\tlet latestValue = initialValue\n\tlet lastUpdateTime = 0\n\tlet throttledValue = initialValue\n\n\tconst update = (value: T) => {\n\t\tlatestValue = value\n\t\tconst now = Date.now()\n\t\tif (now - lastUpdateTime >= limit) {\n\t\t\tthrottledValue = value\n\t\t\tlastUpdateTime = now\n\t\t}\n\t}\n\n\tconst getThrottledValue = () => throttledValue\n\tconst getLatestValue = () => latestValue\n\tconst forceUpdate = () => {\n\t\tthrottledValue = latestValue\n\t\tlastUpdateTime = Date.now()\n\t}\n\n\treturn { update, getThrottledValue, getLatestValue, forceUpdate }\n}\n\n/**\n * Batch multiple rapid calls into a single call at the end of the event loop.\n * Useful for React state updates that should be batched.\n *\n * @param func - The function to call with batched arguments\n * @returns A function that batches arguments and calls the original function once\n *\n * @example\n * const batchUpdate = batch((updates) => {\n *   updates.forEach(update => setState(prev => ({ ...prev, ...update })));\n * });\n *\n * // Multiple rapid calls will be batched\n * batchUpdate({ a: 1 });\n * batchUpdate({ a: 2 });\n * batchUpdate({ a: 3 });\n */\nexport function batch<T extends (...args: Parameters<T>) => void>(\n\tfunc: (args: Parameters<T>[]) => void\n): (...args: Parameters<T>) => void {\n\tlet batchedArgs: Parameters<T>[] = []\n\tlet scheduled = false\n\n\tconst flush = () => {\n\t\tif (batchedArgs.length > 0) {\n\t\t\tfunc(batchedArgs)\n\t\t\tbatchedArgs = []\n\t\t}\n\t\tscheduled = false\n\t}\n\n\treturn (...args: Parameters<T>) => {\n\t\tbatchedArgs.push(args)\n\t\tif (!scheduled) {\n\t\t\tscheduled = true\n\t\t\t// Use setImmediate/setTimeout pattern for cross-environment compatibility\n\t\t\t// In browsers this schedules as a macrotask, in tests with fake timers it will fire\n\t\t\tsetTimeout(() => flush(), 0)\n\t\t}\n\t}\n}\n"],"x_google_ignoreList":[1,2,3,4,5],"mappings":"sDAGA,SAAgB,EAAG,GAAG,EAAsB,CAC1C,OAAO,EAAA,EAAQ,EAAA,EAAK,GAAG,CAAM,CAAC,CAChC,CCEA,IAAM,GAAgB,GAAG,IAAY,EAAQ,QAAQ,EAAW,EAAO,IAC9D,EAAQ,GAAc,EAAU,KAAK,IAAM,IAAM,EAAM,QAAQ,CAAS,IAAM,CACtF,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,ECFZ,EAAe,GAAW,EAAO,QAAQ,qBAAsB,OAAO,CAAC,CAAC,YAAY,ECApF,EAAe,GAAW,EAAO,QACrC,yBACC,EAAO,EAAI,IAAO,EAAK,EAAG,YAAY,EAAI,EAAG,YAAY,CAC5D,ECDM,EAAgB,GAAW,CAC/B,IAAM,EAAY,EAAY,CAAM,EACpC,OAAO,EAAU,OAAO,CAAC,CAAC,CAAC,YAAY,EAAI,EAAU,MAAM,CAAC,CAC9D,ECLM,EAAe,GAAU,CAC7B,IAAK,IAAM,KAAQ,EACjB,GAAI,EAAK,WAAW,OAAO,GAAK,IAAS,QAAU,IAAS,QAC1D,MAAO,GAGX,MAAO,EACT,ECOA,SAAgB,EACf,EACA,EACA,EAAqD,CACpD,QAAS,GACT,SAAU,EACX,EACI,CACJ,IAAI,EACA,EAAe,EACf,EAAkD,KAChD,CAAE,UAAU,GAAM,WAAW,IAAS,EAE5C,QAAS,GAAG,IAAuC,CAClD,IAAM,EAAM,KAAK,IAAI,EACf,EAAY,GAAS,EAAM,GAE3B,MAAa,CAClB,EAAe,KAAK,IAAI,EACxB,EAAY,KACZ,EAAa,EAAK,GAAG,CAAI,CAC1B,EAqBA,OAnBK,EAMM,GAAa,GAEnB,IACH,aAAa,CAAS,EACtB,EAAY,MAEb,EAAa,EAAK,GAAG,CAAI,EACzB,EAAe,GACL,GAAY,CAAC,IAEvB,EAAY,eAAiB,EAAK,EAAG,CAAS,IAd1C,IACH,EAAa,EAAK,GAAG,CAAI,GAE1B,EAAe,GAcT,CACR,EACD,CAkBA,SAAgB,EACf,EACA,EACA,EAAmC,CAAC,EAChC,CACJ,IAAI,EAAkD,KAChD,CAAE,YAAY,IAAU,EAE9B,QAAS,GAAG,IAAuC,CAClD,IAAM,OACL,EAAY,KACL,EAAK,GAAG,CAAI,GAGd,MAAc,CAEnB,GADA,EAAY,KACR,CAAC,EACJ,OAAO,EAAK,GAAG,CAAI,CAErB,EAGM,EADU,GAAa,CAAC,EACL,EAAK,GAAG,CAAI,EAAI,IAAA,GAQzC,OANI,GACH,aAAa,CAAS,EAGvB,EAAY,WAAW,EAAY,EAAQ,EAAM,CAAI,EAE9C,CACR,EACD,CAcA,SAAgB,EAAwB,EAAiB,EAAe,CACvE,IAAI,EAAc,EACd,EAAiB,EACjB,EAAiB,EAkBrB,MAAO,CAAE,OAhBO,GAAa,CAC5B,EAAc,EACd,IAAM,EAAM,KAAK,IAAI,EACjB,EAAM,GAAkB,IAC3B,EAAiB,EACjB,EAAiB,EAEnB,EASiB,sBAPe,EAOI,mBANP,EAMuB,gBAL1B,CACzB,EAAiB,EACjB,EAAiB,KAAK,IAAI,CAC3B,CAEgE,CACjE,CAmBA,SAAgB,EACf,EACmC,CACnC,IAAI,EAA+B,CAAC,EAChC,EAAY,GAEV,MAAc,CACf,EAAY,OAAS,IACxB,EAAK,CAAW,EAChB,EAAc,CAAC,GAEhB,EAAY,EACb,EAEA,OAAQ,GAAG,IAAwB,CAClC,EAAY,KAAK,CAAI,EAChB,IACJ,EAAY,GAGZ,eAAiB,EAAM,EAAG,CAAC,EAE7B,CACD"}

package/dist/utils.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./utils-CFOue_9K.cjs");exports.batch=e.batch;exports.cn=e.cn;exports.createThrottledValue=e.createThrottledValue;exports.debounce=e.debounce;exports.formatTime=e.formatTime;exports.parseTime=e.parseTime;exports.throttle=e.throttle;
-//# sourceMappingURL=utils.js.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./enhanced-components-C-ka-XLp.cjs"),t=require("./utils-DJaAwiZ9.cjs");exports.batch=t.t,exports.cn=e.g,exports.createThrottledValue=t.n,exports.debounce=t.r,exports.formatTime=e.p,exports.parseTime=e.m,exports.throttle=t.i;

package/dist/utils.mjs

@@ -1,11 +1,3 @@
-import { j as t, c as s, i as r, g as o, f as c, p as m, e as f } from "./utils-Dzpl2ArK.js";
-export {
-  t as batch,
-  s as cn,
-  r as createThrottledValue,
-  o as debounce,
-  c as formatTime,
-  m as parseTime,
-  f as throttle
-};
-//# sourceMappingURL=utils.mjs.map
+import { g as e, m as t, p as n } from "./enhanced-components-BwjBqSA1.js";
+import { i as r, n as i, r as a, t as o } from "./utils-D2gQ7c2R.js";
+export { o as batch, e as cn, i as createThrottledValue, a as debounce, n as formatTime, t as parseTime, r as throttle };