@burdenoff/fe-libs 2026.510.126

package/dist/shared/tours/TourTooltip.js

@@ -0,0 +1,272 @@
+import { memo as e, useEffect as t, useMemo as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/shared/tours/TourTooltip.tsx
+var o = 320, s = 16, c = 10;
+function l(e, t) {
+	if (!e) return {
+		top: window.innerHeight / 2 - 100,
+		left: window.innerWidth / 2 - o / 2,
+		arrowPosition: "top"
+	};
+	let n = window.innerWidth, r = window.innerHeight, i = e.top, a = r - e.bottom, l = e.left, u = n - e.right, d = t;
+	(t === "AUTO" || t === "CENTER") && (d = a >= 200 + s ? "BOTTOM" : i >= 200 + s ? "TOP" : u >= o + s ? "RIGHT" : l >= o + s ? "LEFT" : "BOTTOM");
+	let f, p, m;
+	switch (d) {
+		case "TOP":
+			f = e.top - 200 - c - s, p = e.left + e.width / 2 - o / 2, m = "bottom";
+			break;
+		case "BOTTOM":
+			f = e.bottom + c + s, p = e.left + e.width / 2 - o / 2, m = "top";
+			break;
+		case "LEFT":
+			f = e.top + e.height / 2 - 200 / 2, p = e.left - o - c - s, m = "right";
+			break;
+		case "RIGHT":
+			f = e.top + e.height / 2 - 200 / 2, p = e.right + c + s, m = "left";
+			break;
+		default: f = e.bottom + c + s, p = e.left + e.width / 2 - o / 2, m = "top";
+	}
+	return p < s ? p = s : p + o > n - s && (p = n - o - s), f < s ? f = s : f + 200 > r - s && (f = r - 200 - s), {
+		top: f,
+		left: p,
+		arrowPosition: m
+	};
+}
+var u = e(function({ step: e, stepIndex: s, totalSteps: u, onNext: d, onPrevious: f, onSkip: p, onComplete: m, canGoNext: h, canGoPrevious: g, isLastStep: _, placement: v, targetRect: y }) {
+	let [b, x] = r(!1);
+	t(() => {
+		let e = setTimeout(() => x(!0), 50);
+		return () => clearTimeout(e);
+	}, [e.id]);
+	let S = n(() => l(y, v), [y, v]), C = e.media?.filter((e) => e.position === "HEADER") ?? [], w = e.media?.filter((e) => e.position === "INLINE" || e.position === "BODY") ?? [];
+	return /* @__PURE__ */ a("div", {
+		className: "tour-tooltip",
+		style: {
+			position: "fixed",
+			top: S.top,
+			left: S.left,
+			width: o,
+			zIndex: 1e4,
+			opacity: +!!b,
+			transform: b ? "translateY(0)" : "translateY(10px)",
+			transition: "opacity 0.2s ease-out, transform 0.2s ease-out"
+		},
+		role: "dialog",
+		"aria-labelledby": `tour-step-title-${e.id}`,
+		"aria-describedby": `tour-step-content-${e.id}`,
+		children: [/* @__PURE__ */ a("div", {
+			style: {
+				backgroundColor: "white",
+				borderRadius: 12,
+				boxShadow: "0 10px 40px rgba(0, 0, 0, 0.2)",
+				overflow: "hidden"
+			},
+			children: [
+				C.length > 0 && /* @__PURE__ */ i("div", {
+					style: {
+						width: "100%",
+						maxHeight: 160,
+						overflow: "hidden"
+					},
+					children: C.map((e) => e.media.type === "IMAGE" ? /* @__PURE__ */ i("img", {
+						src: e.media.cdnUrl,
+						alt: e.media.altText || e.media.name,
+						style: {
+							width: "100%",
+							height: "auto",
+							display: "block"
+						}
+					}, e.id) : e.media.type === "VIDEO" ? /* @__PURE__ */ i("video", {
+						src: e.media.cdnUrl,
+						controls: !0,
+						style: {
+							width: "100%",
+							height: "auto"
+						}
+					}, e.id) : null)
+				}),
+				/* @__PURE__ */ a("div", {
+					style: { padding: 20 },
+					children: [
+						/* @__PURE__ */ a("div", {
+							style: {
+								display: "flex",
+								alignItems: "center",
+								justifyContent: "space-between",
+								marginBottom: 12
+							},
+							children: [/* @__PURE__ */ a("span", {
+								style: {
+									fontSize: 12,
+									color: "#6b7280",
+									fontWeight: 500
+								},
+								children: [
+									"Step ",
+									s + 1,
+									" of ",
+									u
+								]
+							}), /* @__PURE__ */ i("div", {
+								style: {
+									display: "flex",
+									gap: 4
+								},
+								children: Array.from({ length: u }).map((e, t) => /* @__PURE__ */ i("div", { style: {
+									width: 8,
+									height: 8,
+									borderRadius: "50%",
+									backgroundColor: t <= s ? "#3b82f6" : "#e5e7eb",
+									transition: "background-color 0.2s"
+								} }, t))
+							})]
+						}),
+						/* @__PURE__ */ i("h3", {
+							id: `tour-step-title-${e.id}`,
+							style: {
+								fontSize: 18,
+								fontWeight: 600,
+								color: "#111827",
+								margin: "0 0 8px 0",
+								lineHeight: 1.3
+							},
+							children: e.title
+						}),
+						/* @__PURE__ */ i("p", {
+							id: `tour-step-content-${e.id}`,
+							style: {
+								fontSize: 14,
+								color: "#4b5563",
+								margin: 0,
+								lineHeight: 1.6
+							},
+							children: e.content
+						}),
+						w.length > 0 && /* @__PURE__ */ i("div", {
+							style: { marginTop: 12 },
+							children: w.map((e) => e.media.type === "IMAGE" ? /* @__PURE__ */ i("img", {
+								src: e.media.cdnUrl,
+								alt: e.media.altText || e.media.name,
+								style: {
+									width: "100%",
+									height: "auto",
+									borderRadius: 8
+								}
+							}, e.id) : null)
+						})
+					]
+				}),
+				/* @__PURE__ */ a("div", {
+					style: {
+						display: "flex",
+						alignItems: "center",
+						justifyContent: "space-between",
+						padding: "12px 20px",
+						borderTop: "1px solid #e5e7eb",
+						backgroundColor: "#f9fafb"
+					},
+					children: [/* @__PURE__ */ i("button", {
+						onClick: p,
+						style: {
+							padding: "8px 12px",
+							fontSize: 14,
+							color: "#6b7280",
+							backgroundColor: "transparent",
+							border: "none",
+							borderRadius: 6,
+							cursor: "pointer",
+							transition: "color 0.2s"
+						},
+						onMouseEnter: (e) => e.currentTarget.style.color = "#111827",
+						onMouseLeave: (e) => e.currentTarget.style.color = "#6b7280",
+						children: "Skip tour"
+					}), /* @__PURE__ */ a("div", {
+						style: {
+							display: "flex",
+							gap: 8
+						},
+						children: [g && /* @__PURE__ */ i("button", {
+							onClick: f,
+							style: {
+								padding: "8px 16px",
+								fontSize: 14,
+								color: "#374151",
+								backgroundColor: "white",
+								border: "1px solid #d1d5db",
+								borderRadius: 6,
+								cursor: "pointer",
+								transition: "all 0.2s"
+							},
+							onMouseEnter: (e) => {
+								e.currentTarget.style.backgroundColor = "#f3f4f6";
+							},
+							onMouseLeave: (e) => {
+								e.currentTarget.style.backgroundColor = "white";
+							},
+							children: "Previous"
+						}), /* @__PURE__ */ i("button", {
+							onClick: _ ? m : d,
+							disabled: !h,
+							style: {
+								padding: "8px 16px",
+								fontSize: 14,
+								fontWeight: 500,
+								color: "white",
+								backgroundColor: h ? "#3b82f6" : "#93c5fd",
+								border: "none",
+								borderRadius: 6,
+								cursor: h ? "pointer" : "not-allowed",
+								transition: "background-color 0.2s"
+							},
+							onMouseEnter: (e) => {
+								h && (e.currentTarget.style.backgroundColor = "#2563eb");
+							},
+							onMouseLeave: (e) => {
+								e.currentTarget.style.backgroundColor = h ? "#3b82f6" : "#93c5fd";
+							},
+							children: _ ? "Finish" : "Next"
+						})]
+					})]
+				})
+			]
+		}), /* @__PURE__ */ i("div", { style: {
+			position: "absolute",
+			width: 0,
+			height: 0,
+			...S.arrowPosition === "top" && {
+				top: -c,
+				left: "50%",
+				marginLeft: -c,
+				borderLeft: `${c}px solid transparent`,
+				borderRight: `${c}px solid transparent`,
+				borderBottom: `${c}px solid white`
+			},
+			...S.arrowPosition === "bottom" && {
+				bottom: -c,
+				left: "50%",
+				marginLeft: -c,
+				borderLeft: `${c}px solid transparent`,
+				borderRight: `${c}px solid transparent`,
+				borderTop: `${c}px solid white`
+			},
+			...S.arrowPosition === "left" && {
+				left: -c,
+				top: "50%",
+				marginTop: -c,
+				borderTop: `${c}px solid transparent`,
+				borderBottom: `${c}px solid transparent`,
+				borderRight: `${c}px solid white`
+			},
+			...S.arrowPosition === "right" && {
+				right: -c,
+				top: "50%",
+				marginTop: -c,
+				borderTop: `${c}px solid transparent`,
+				borderBottom: `${c}px solid transparent`,
+				borderLeft: `${c}px solid white`
+			}
+		} })]
+	});
+});
+//#endregion
+export { u as TourTooltip };

package/dist/shared/tours/TourTrigger.d.ts

@@ -0,0 +1,6 @@
+/**
+ * TourTrigger — Header button showing available page tours.
+ * Responsive: dropdown on desktop, bottom sheet on mobile.
+ */
+export declare function TourTrigger(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=TourTrigger.d.ts.map

package/dist/shared/tours/TourTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TourTrigger.d.ts","sourceRoot":"","sources":["../../../src/shared/tours/TourTrigger.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAsDH,wBAAgB,WAAW,mDAmQ1B"}

package/dist/shared/tours/TourTrigger.js

@@ -0,0 +1,236 @@
+import { useSafeShellUi as e } from "../providers/shell/ShellUiProvider.js";
+import { usePlayTour as t } from "./TourPlayer.js";
+import { useSafeToursContext as n } from "./ToursContext.js";
+import { useEffect as r, useRef as i, useState as a } from "react";
+import { ChevronRight as o, HelpCircle as s, Play as c, Sparkles as l, X as u } from "lucide-react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/shared/tours/TourTrigger.tsx
+var m = "bg-bg-muted text-text-tertiary", h = {
+	COMPLETED: {
+		label: "Completed",
+		className: "bg-status-success-bg-subtle text-status-success-text"
+	},
+	IN_PROGRESS: {
+		label: "In progress",
+		className: "bg-status-info-bg-subtle text-status-info-text"
+	},
+	SKIPPED: {
+		label: "Skipped",
+		className: m
+	},
+	DISMISSED: {
+		label: "Dismissed",
+		className: m
+	}
+};
+function g({ status: e }) {
+	if (!e) return null;
+	let t = h[e];
+	return t ? /* @__PURE__ */ f("span", {
+		className: `shrink-0 inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${t.className}`,
+		children: t.label
+	}) : null;
+}
+function _() {
+	let [m, h] = a(!1), [_, v] = a(!1), y = i(null), b = i(null), { pageTours: x, loading: S } = n(), C = t(), w = e()?.pageAccessDenied ?? !1;
+	r(() => {
+		let e = () => {
+			v(window.innerWidth < 768);
+		};
+		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, []), r(() => {
+		let e = (e) => {
+			b.current && !b.current.contains(e.target) && y.current && !y.current.contains(e.target) && h(!1);
+		};
+		return m && (document.addEventListener("mousedown", e), _ && (document.body.style.overflow = "hidden")), () => {
+			document.removeEventListener("mousedown", e), document.body.style.overflow = "";
+		};
+	}, [m, _]), r(() => {
+		let e = (e) => {
+			e.key === "Escape" && h(!1);
+		};
+		return m && document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [m]);
+	let T = (e) => {
+		h(!1), setTimeout(() => {
+			C(e);
+		}, 100);
+	}, E = x.filter((e) => e.steps && e.steps.length > 0), D = E.length > 0, O = w;
+	return r(() => {
+		O && m && h(!1);
+	}, [O, m]), O ? null : /* @__PURE__ */ p("div", {
+		className: "relative",
+		children: [
+			/* @__PURE__ */ p("button", {
+				ref: y,
+				onClick: () => h(!m),
+				className: `
+          relative p-2 rounded-button transition-colors
+          ${m ? "bg-action-ghost-bg-hover" : "hover:bg-action-ghost-bg-hover"}
+          ${D ? "text-text-primary" : "text-text-tertiary"}
+        `,
+				"aria-label": "Help & Tours",
+				"aria-expanded": m,
+				"aria-haspopup": "true",
+				title: "Help & Tours",
+				children: [/* @__PURE__ */ f(s, { className: "w-5 h-5" }), D && /* @__PURE__ */ f("span", { className: "absolute top-1 right-1 w-2 h-2 bg-action-primary-bg rounded-full" })]
+			}),
+			m && _ && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("div", {
+				className: "fixed inset-0 bg-black/50 z-[100] animate-in fade-in duration-200",
+				onClick: () => h(!1)
+			}), /* @__PURE__ */ p("div", {
+				ref: b,
+				className: "fixed inset-x-0 bottom-0 z-[101] bg-bg-surface rounded-t-2xl shadow-xl animate-in slide-in-from-bottom duration-300 max-h-[80vh] flex flex-col",
+				children: [
+					/* @__PURE__ */ f("div", {
+						className: "flex justify-center pt-3 pb-2",
+						children: /* @__PURE__ */ f("div", { className: "w-10 h-1 bg-border-default rounded-full" })
+					}),
+					/* @__PURE__ */ p("div", {
+						className: "flex items-center justify-between px-4 pb-3 border-b border-border-subtle",
+						children: [/* @__PURE__ */ p("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ f(l, { className: "w-5 h-5 text-action-primary-bg" }), /* @__PURE__ */ f("h2", {
+								className: "text-lg font-semibold text-text-primary",
+								children: "Page Tours"
+							})]
+						}), /* @__PURE__ */ f("button", {
+							onClick: () => h(!1),
+							className: "p-2 hover:bg-action-ghost-bg-hover rounded-full",
+							"aria-label": "Close",
+							children: /* @__PURE__ */ f(u, { className: "w-5 h-5" })
+						})]
+					}),
+					/* @__PURE__ */ f("div", {
+						className: "flex-1 overflow-y-auto p-4",
+						children: S ? /* @__PURE__ */ f("div", {
+							className: "flex items-center justify-center py-8",
+							children: /* @__PURE__ */ f("div", { className: "animate-spin rounded-full h-6 w-6 border-2 border-action-primary-bg border-t-transparent" })
+						}) : E.length > 0 ? /* @__PURE__ */ p("div", {
+							className: "space-y-3",
+							children: [/* @__PURE__ */ f("p", {
+								className: "text-sm text-text-secondary mb-4",
+								children: "Take a guided tour to learn about this page:"
+							}), E.map((e) => /* @__PURE__ */ f("button", {
+								onClick: () => T(e),
+								className: "w-full p-4 bg-bg-muted hover:bg-action-ghost-bg-hover rounded-xl transition-colors text-left group",
+								children: /* @__PURE__ */ p("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ p("div", {
+										className: "flex-1 min-w-0",
+										children: [
+											/* @__PURE__ */ p("div", {
+												className: "flex items-center gap-2 min-w-0",
+												children: [/* @__PURE__ */ f("h3", {
+													className: "min-w-0 flex-1 font-medium text-text-primary truncate",
+													children: e.name
+												}), /* @__PURE__ */ f(g, { status: e.myProgress?.status })]
+											}),
+											e.description && /* @__PURE__ */ f("p", {
+												className: "text-sm text-text-secondary mt-1 line-clamp-2",
+												children: e.description
+											}),
+											/* @__PURE__ */ p("div", {
+												className: "flex items-center gap-3 mt-2 text-xs text-text-tertiary",
+												children: [
+													/* @__PURE__ */ p("span", { children: [e.steps?.length || 0, " steps"] }),
+													/* @__PURE__ */ f("span", { children: "•" }),
+													/* @__PURE__ */ p("span", { children: [
+														"~",
+														Math.ceil((e.steps?.length || 0) * .5),
+														" min"
+													] })
+												]
+											})
+										]
+									}), /* @__PURE__ */ f("div", {
+										className: "ml-3 p-2 bg-action-primary-bg rounded-full text-action-primary-text group-hover:scale-110 transition-transform",
+										children: /* @__PURE__ */ f(c, { className: "w-4 h-4" })
+									})]
+								})
+							}, e.id))]
+						}) : /* @__PURE__ */ p("div", {
+							className: "text-center py-8",
+							children: [
+								/* @__PURE__ */ f(s, { className: "w-12 h-12 mx-auto text-text-tertiary mb-3" }),
+								/* @__PURE__ */ f("p", {
+									className: "text-text-secondary",
+									children: "No tours available for this page"
+								}),
+								/* @__PURE__ */ f("p", {
+									className: "text-sm text-text-tertiary mt-1",
+									children: "Check back later or explore other pages"
+								})
+							]
+						})
+					}),
+					/* @__PURE__ */ f("div", { className: "h-safe-area-inset-bottom" })
+				]
+			})] }),
+			m && !_ && /* @__PURE__ */ p("div", {
+				ref: b,
+				className: "absolute right-0 top-full mt-2 w-80 bg-bg-surface rounded-lg shadow-xl border border-border-subtle z-50 animate-in fade-in slide-in-from-top-2 duration-200",
+				children: [
+					/* @__PURE__ */ p("div", {
+						className: "flex items-center gap-2 px-4 py-3 border-b border-border-subtle",
+						children: [/* @__PURE__ */ f(l, { className: "w-4 h-4 text-action-primary-bg" }), /* @__PURE__ */ f("h3", {
+							className: "font-medium text-text-primary",
+							children: "Page Tours"
+						})]
+					}),
+					/* @__PURE__ */ f("div", {
+						className: "max-h-80 overflow-y-auto",
+						children: S ? /* @__PURE__ */ f("div", {
+							className: "flex items-center justify-center py-6",
+							children: /* @__PURE__ */ f("div", { className: "animate-spin rounded-full h-5 w-5 border-2 border-action-primary-bg border-t-transparent" })
+						}) : E.length > 0 ? /* @__PURE__ */ f("div", {
+							className: "p-2",
+							children: E.map((e) => /* @__PURE__ */ f("button", {
+								onClick: () => T(e),
+								className: "w-full p-3 hover:bg-action-ghost-bg-hover rounded-md transition-colors text-left group",
+								children: /* @__PURE__ */ p("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ p("div", {
+										className: "flex-1 min-w-0",
+										children: [
+											/* @__PURE__ */ p("div", {
+												className: "flex items-center gap-2 min-w-0",
+												children: [/* @__PURE__ */ f("h4", {
+													className: "min-w-0 flex-1 font-medium text-text-primary text-sm truncate",
+													children: e.name
+												}), /* @__PURE__ */ f(g, { status: e.myProgress?.status })]
+											}),
+											e.description && /* @__PURE__ */ f("p", {
+												className: "text-xs text-text-secondary mt-0.5 line-clamp-1",
+												children: e.description
+											}),
+											/* @__PURE__ */ f("div", {
+												className: "flex items-center gap-2 mt-1 text-xs text-text-tertiary",
+												children: /* @__PURE__ */ p("span", { children: [e.steps?.length || 0, " steps"] })
+											})
+										]
+									}), /* @__PURE__ */ f(o, { className: "w-4 h-4 text-text-tertiary group-hover:text-action-primary-bg group-hover:translate-x-0.5 transition-all" })]
+								})
+							}, e.id))
+						}) : /* @__PURE__ */ f("div", {
+							className: "text-center py-6 px-4",
+							children: /* @__PURE__ */ f("p", {
+								className: "text-sm text-text-secondary",
+								children: "No tours available for this page"
+							})
+						})
+					}),
+					E.length > 0 && /* @__PURE__ */ f("div", {
+						className: "px-4 py-2 border-t border-border-subtle bg-bg-muted/50 rounded-b-lg",
+						children: /* @__PURE__ */ f("p", {
+							className: "text-xs text-text-tertiary text-center",
+							children: "Click a tour to start the guided walkthrough"
+						})
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { _ as TourTrigger };

package/dist/shared/tours/ToursContext.d.ts

@@ -0,0 +1,41 @@
+import { ReactNode } from 'react';
+import { Tour } from './types';
+export interface ToursContextValue {
+    tours: Tour[];
+    pageTours: Tour[];
+    loading: boolean;
+    error: Error | null;
+    refetch: () => void;
+    trackProgress: (tourId: string, status: "started" | "completed" | "skipped", stepId?: string) => Promise<void>;
+    recordStepCompletion: (tourId: string, stepId: string) => Promise<void>;
+    trackEvent: (eventType: "TOUR_STARTED" | "TOUR_COMPLETED" | "TOUR_SKIPPED" | "TOUR_DISMISSED" | "STEP_VIEWED" | "STEP_COMPLETED" | "STEP_SKIPPED" | "INTERACTION", tourId: string, options?: {
+        stepId?: string;
+        stepOrder?: number;
+        duration?: number;
+        metadata?: Record<string, unknown>;
+    }) => Promise<void>;
+    autoStartTour: Tour | null;
+    moduleId: string | undefined;
+    pageId: string | undefined;
+}
+export interface ToursProviderProps {
+    children: ReactNode;
+    /** Default page ID when path is "/" (e.g., "workspaces", "fluidgrids") */
+    defaultPageId?: string;
+    /** Custom function to derive pageId from pathname (overrides default) */
+    getPageIdFromPath?: (pathname: string) => string | undefined;
+    /** Disable automatic tour bootstrap for the current route tree */
+    disabled?: boolean;
+}
+export declare function ToursProvider({ children, defaultPageId, getPageIdFromPath, disabled, }: ToursProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useToursContext(): ToursContextValue;
+export declare function useSafeToursContext(): ToursContextValue;
+export declare function useTours(): {
+    tours: Tour[];
+    loading: boolean;
+    error: Error | null;
+    refetch: () => void;
+    trackProgress: (tourId: string, status: "started" | "completed" | "skipped", stepId?: string) => Promise<void>;
+};
+export declare function useAutoStartTour(): Tour | null;
+//# sourceMappingURL=ToursContext.d.ts.map

package/dist/shared/tours/ToursContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToursContext.d.ts","sourceRoot":"","sources":["../../../src/shared/tours/ToursContext.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAQf,OAAO,EAAoB,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AAwTtD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,SAAS,EAAE,IAAI,EAAE,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,CACb,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,EAC3C,MAAM,CAAC,EAAE,MAAM,KACZ,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxE,UAAU,EAAE,CACV,SAAS,EACL,cAAc,GACd,gBAAgB,GAChB,cAAc,GACd,gBAAgB,GAChB,aAAa,GACb,gBAAgB,GAChB,cAAc,GACd,aAAa,EACjB,MAAM,EAAE,MAAM,EACd,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KACpC,KACE,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,aAAa,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B;AAID,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,0EAA0E;IAC1E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yEAAyE;IACzE,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC7D,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,aAAsB,EACtB,iBAAiB,EACjB,QAAgB,GACjB,EAAE,kBAAkB,2CAoepB;AAED,wBAAgB,eAAe,IAAI,iBAAiB,CAMnD;AAED,wBAAgB,mBAAmB,IAAI,iBAAiB,CAkBvD;AAED,wBAAgB,QAAQ;;;;mBAjjBP,IAAI;4BAET,MAAM,UACN,SAAS,GAAG,WAAW,GAAG,SAAS,WAClC,MAAM,KACZ,OAAO,CAAC,IAAI,CAAC;EAqjBnB;AAED,wBAAgB,gBAAgB,IAAI,IAAI,GAAG,IAAI,CAG9C"}