@burdenoff/fe-libs 2026.529.6 → 2026.530.1

package/dist/shared/pages/SearchPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchPage.d.ts","sourceRoot":"","sources":["../../../src/shared/pages/SearchPage.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH,OAAO,EAEL,KAAK,aAAa,EAKnB,MAAM,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAkB,YAAY,EAAE,MAAM,UAAU,CAAC;AAwB7D,MAAM,WAAW,eAAe;IAC9B,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5D,8DAA8D;IAC9D,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IAC9E,sDAAsD;IACtD,cAAc,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACzD,wDAAwD;IACxD,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;IACjC,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,KAAK,OAAO,CAAC,YAAY,EAAE,CAAC,CAAC;CACzF;AAED,wBAAgB,UAAU,CAAC,EACzB,iBAAuC,EACvC,eAAmC,EACnC,cAAgC,EAChC,qBAA0B,EAC1B,WAA8D,EAC9D,QAAyD,EACzD,kBAAkB,GACnB,GAAE,eAAoB,2CAwnBtB"}
+{"version":3,"file":"SearchPage.d.ts","sourceRoot":"","sources":["../../../src/shared/pages/SearchPage.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH,OAAO,EAEL,KAAK,aAAa,EAKnB,MAAM,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAkB,YAAY,EAAE,MAAM,UAAU,CAAC;AAwB7D,MAAM,WAAW,eAAe;IAC9B,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5D,8DAA8D;IAC9D,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IAC9E,sDAAsD;IACtD,cAAc,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACzD,wDAAwD;IACxD,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;IACjC,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,KAAK,OAAO,CAAC,YAAY,EAAE,CAAC,CAAC;CACzF;AAED,wBAAgB,UAAU,CAAC,EACzB,iBAAuC,EACvC,eAAmC,EACnC,cAAgC,EAChC,qBAA0B,EAC1B,WAA8D,EAC9D,QAAyD,EACzD,kBAAkB,GACnB,GAAE,eAAoB,2CAooBtB"}

package/dist/shared/pages/SearchPage.js

@@ -203,158 +203,176 @@ function d({ entityTypeOptions: d = a, entityTypeIcons: he = i, productOptions:
 						children: ye
 					})]
 				}),
-				/* @__PURE__ */ u(re, {
-					inputValue: dt,
-					placeholder: ve,
-					onInputChange: ft,
-					onSubmit: gt,
-					onClear: () => {
-						ft(""), Ve("");
-					}
+				/* @__PURE__ */ u("div", {
+					"data-tour": "search-input",
+					children: /* @__PURE__ */ u(re, {
+						inputValue: dt,
+						placeholder: ve,
+						onInputChange: ft,
+						onSubmit: gt,
+						onClear: () => {
+							ft(""), Ve("");
+						}
+					})
 				}),
-				/* @__PURE__ */ u(ie, {
-					searchMode: g,
-					sortBy: _,
-					showFilters: lt,
-					activeFilterCount: Ct,
-					onSearchModeChange: (e) => {
-						He(e), Y(1);
-					},
-					onSortByChange: (e) => {
-						Ue(e), Y(1);
-					},
-					onToggleFilters: () => ut(!lt),
-					onClearFilters: St
+				/* @__PURE__ */ u("div", {
+					"data-tour": "search-toolbar",
+					children: /* @__PURE__ */ u(ie, {
+						searchMode: g,
+						sortBy: _,
+						showFilters: lt,
+						activeFilterCount: Ct,
+						onSearchModeChange: (e) => {
+							He(e), Y(1);
+						},
+						onSortByChange: (e) => {
+							Ue(e), Y(1);
+						},
+						onToggleFilters: () => ut(!lt),
+						onClearFilters: St
+					})
 				}),
-				lt && /* @__PURE__ */ u(ae, {
-					entityTypeOptions: d,
-					selectedTypes: v,
-					excludedTypes: y,
-					availableProductOptions: Dt,
-					selectedProducts: b,
-					facets: ot,
-					projectId: C,
-					createdBy: x,
-					updatedBy: S,
-					dateFrom: w,
-					dateTo: T,
-					updatedDateFrom: D,
-					updatedDateTo: k,
-					tagIdsInput: M,
-					tagKeysInput: P,
-					tagPathsInput: I,
-					tagVocabularyKeysInput: R,
-					tagMatchAll: B,
-					includeDescendants: H,
-					tagDepth: W,
-					metadataConditions: K,
-					onToggleEntityType: _t,
-					onToggleExcludedType: vt,
-					onToggleProductSource: Ot,
-					onProjectIdChange: (e) => {
-						Ye(e), Y(1);
-					},
-					onCreatedByChange: (e) => {
-						qe(e), Y(1);
-					},
-					onUpdatedByChange: (e) => {
-						Je(e), Y(1);
-					},
-					onDateFromChange: (e) => {
-						Xe(e), Y(1);
-					},
-					onDateToChange: (e) => {
-						E(e), Y(1);
-					},
-					onUpdatedDateFromChange: (e) => {
-						O(e), Y(1);
-					},
-					onUpdatedDateToChange: (e) => {
-						Ze(e), Y(1);
-					},
-					onTagIdsChange: (e) => {
-						N(e), Y(1);
-					},
-					onTagKeysChange: (e) => {
-						F(e), Y(1);
-					},
-					onTagPathsChange: (e) => {
-						L(e), Y(1);
-					},
-					onTagVocabularyKeysChange: (e) => {
-						z(e), Y(1);
-					},
-					onTagMatchAllChange: (e) => {
-						V(e), Y(1);
-					},
-					onIncludeDescendantsChange: (e) => {
-						U(e), Y(1);
-					},
-					onTagDepthChange: (e) => {
-						G(e), Y(1);
-					},
-					onAddMetadataCondition: yt,
-					onUpdateMetadataCondition: bt,
-					onRemoveMetadataCondition: xt,
-					children: /* @__PURE__ */ u(oe, {
-						excludeIdsInput: A,
+				lt && /* @__PURE__ */ u("div", {
+					"data-tour": "search-filters-panel",
+					children: /* @__PURE__ */ u(ae, {
+						entityTypeOptions: d,
 						selectedTypes: v,
 						excludedTypes: y,
-						selectedProducts: b,
-						entityTypeOptions: d,
 						availableProductOptions: Dt,
+						selectedProducts: b,
+						facets: ot,
+						projectId: C,
 						createdBy: x,
 						updatedBy: S,
-						projectId: C,
 						dateFrom: w,
 						dateTo: T,
 						updatedDateFrom: D,
 						updatedDateTo: k,
-						builtTagFilter: $,
-						normalizedMetadataConditionsCount: Q.length,
-						normalizedExcludeIds: Z,
-						activeFilterCount: Ct,
-						onExcludeIdsChange: (e) => {
-							j(e), Y(1);
-						},
+						tagIdsInput: M,
+						tagKeysInput: P,
+						tagPathsInput: I,
+						tagVocabularyKeysInput: R,
+						tagMatchAll: B,
+						includeDescendants: H,
+						tagDepth: W,
+						metadataConditions: K,
 						onToggleEntityType: _t,
 						onToggleExcludedType: vt,
 						onToggleProductSource: Ot,
-						onClearCreatedBy: () => qe(""),
-						onClearUpdatedBy: () => Je(""),
-						onClearProjectId: () => Ye(""),
-						onClearCreatedDateRange: () => {
-							Xe(""), E("");
+						onProjectIdChange: (e) => {
+							Ye(e), Y(1);
+						},
+						onCreatedByChange: (e) => {
+							qe(e), Y(1);
 						},
-						onClearUpdatedDateRange: () => {
-							O(""), Ze("");
+						onUpdatedByChange: (e) => {
+							Je(e), Y(1);
 						},
-						onClearTagFilter: () => {
-							N(""), F(""), L(""), z(""), V(!1), U(!0), G("");
+						onDateFromChange: (e) => {
+							Xe(e), Y(1);
 						},
-						onClearMetadataConditions: () => q([]),
-						onClearExcludeIds: () => j("")
+						onDateToChange: (e) => {
+							E(e), Y(1);
+						},
+						onUpdatedDateFromChange: (e) => {
+							O(e), Y(1);
+						},
+						onUpdatedDateToChange: (e) => {
+							Ze(e), Y(1);
+						},
+						onTagIdsChange: (e) => {
+							N(e), Y(1);
+						},
+						onTagKeysChange: (e) => {
+							F(e), Y(1);
+						},
+						onTagPathsChange: (e) => {
+							L(e), Y(1);
+						},
+						onTagVocabularyKeysChange: (e) => {
+							z(e), Y(1);
+						},
+						onTagMatchAllChange: (e) => {
+							V(e), Y(1);
+						},
+						onIncludeDescendantsChange: (e) => {
+							U(e), Y(1);
+						},
+						onTagDepthChange: (e) => {
+							G(e), Y(1);
+						},
+						onAddMetadataCondition: yt,
+						onUpdateMetadataCondition: bt,
+						onRemoveMetadataCondition: xt,
+						children: /* @__PURE__ */ u(oe, {
+							excludeIdsInput: A,
+							selectedTypes: v,
+							excludedTypes: y,
+							selectedProducts: b,
+							entityTypeOptions: d,
+							availableProductOptions: Dt,
+							createdBy: x,
+							updatedBy: S,
+							projectId: C,
+							dateFrom: w,
+							dateTo: T,
+							updatedDateFrom: D,
+							updatedDateTo: k,
+							builtTagFilter: $,
+							normalizedMetadataConditionsCount: Q.length,
+							normalizedExcludeIds: Z,
+							activeFilterCount: Ct,
+							onExcludeIdsChange: (e) => {
+								j(e), Y(1);
+							},
+							onToggleEntityType: _t,
+							onToggleExcludedType: vt,
+							onToggleProductSource: Ot,
+							onClearCreatedBy: () => qe(""),
+							onClearUpdatedBy: () => Je(""),
+							onClearProjectId: () => Ye(""),
+							onClearCreatedDateRange: () => {
+								Xe(""), E("");
+							},
+							onClearUpdatedDateRange: () => {
+								O(""), Ze("");
+							},
+							onClearTagFilter: () => {
+								N(""), F(""), L(""), z(""), V(!1), U(!0), G("");
+							},
+							onClearMetadataConditions: () => q([]),
+							onClearExcludeIds: () => j("")
+						})
 					})
 				}),
-				h && /* @__PURE__ */ u(se, {
-					isSearching: we,
-					error: ct,
-					total: et,
-					searchTimeMs: it
+				h && /* @__PURE__ */ u("div", {
+					"data-tour": "search-results-status",
+					children: /* @__PURE__ */ u(se, {
+						isSearching: we,
+						error: ct,
+						total: et,
+						searchTimeMs: it
+					})
 				}),
-				/* @__PURE__ */ u(ce, {
-					isSearching: we,
-					error: ct,
-					query: h,
-					results: Qe,
-					getEntityIcon: Et,
-					onResultClick: Tt
+				/* @__PURE__ */ u("div", {
+					"data-tour": "search-results-list",
+					children: /* @__PURE__ */ u(ce, {
+						isSearching: we,
+						error: ct,
+						query: h,
+						results: Qe,
+						getEntityIcon: Et,
+						onResultClick: Tt
+					})
 				}),
-				Qe.length > 0 && wt > 1 && /* @__PURE__ */ u(le, {
-					currentPage: J,
-					totalPages: wt,
-					hasMore: nt,
-					onPageChange: Y
+				Qe.length > 0 && wt > 1 && /* @__PURE__ */ u("div", {
+					"data-tour": "search-pagination",
+					children: /* @__PURE__ */ u(le, {
+						currentPage: J,
+						totalPages: wt,
+						hasMore: nt,
+						onPageChange: Y
+					})
 				})
 			]
 		})

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

@@ -1,7 +1,9 @@
 import { TourTooltipProps } from './types';
 /**
  * TourTooltip Component
- * Displays tour step content with navigation controls
+ * Displays tour step content with navigation controls. Responsive across all
+ * screen sizes: the body scrolls when tall, the navigation footer stays pinned
+ * and on-screen, and the card never exceeds the viewport.
  */
 export declare const TourTooltip: import('react').NamedExoticComponent<TourTooltipProps>;
 //# sourceMappingURL=TourTooltip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TourTooltip.d.ts","sourceRoot":"","sources":["../../../src/shared/tours/TourTooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAiB,MAAM,SAAS,CAAC;AA0G/D;;;GAGG;AACH,eAAO,MAAM,WAAW,wDA2StB,CAAC"}
+{"version":3,"file":"TourTooltip.d.ts","sourceRoot":"","sources":["../../../src/shared/tours/TourTooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAiB,MAAM,SAAS,CAAC;AAmJ/D;;;;;GAKG;AACH,eAAO,MAAM,WAAW,wDAkVtB,CAAC"}

package/dist/shared/tours/TourTooltip.js

@@ -1,74 +1,129 @@
-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";
+import { memo as e, useEffect as t, useLayoutEffect as n, useMemo as r, useRef as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/shared/tours/TourTooltip.tsx
-var o = 320, s = 16, c = 10;
-function l(e, t) {
+var c = 320, l = 16, u = 10, d = 18;
+function f() {
+	return typeof window > "u" ? {
+		vw: 1024,
+		vh: 768
+	} : {
+		vw: window.innerWidth,
+		vh: window.innerHeight
+	};
+}
+function p(e, t, n) {
+	let { vw: r, vh: i } = f(), { width: a, height: o } = n, s = Math.max(l, r - a - l), c = Math.max(l, i - o - l), p = (e) => Math.min(Math.max(e, l), s), m = (e) => Math.min(Math.max(e, l), c);
 	if (!e) return {
-		top: window.innerHeight / 2 - 100,
-		left: window.innerWidth / 2 - o / 2,
-		arrowPosition: "top"
+		top: m((i - o) / 2),
+		left: p((r - a) / 2),
+		arrowPosition: "none",
+		arrowOffset: 0
 	};
-	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) {
+	let h = e.top, g = i - e.bottom, _ = e.left, v = r - e.right, y = o + u + l, b = a + u + l, x = g >= y, S = h >= y, C = v >= b, w = _ >= b, T = x ? "BOTTOM" : S ? "TOP" : C ? "RIGHT" : w ? "LEFT" : "BOTTOM", E = t;
+	t === "AUTO" || t === "CENTER" ? E = T : t === "BOTTOM" && x || t === "TOP" && S || t === "RIGHT" && C || t === "LEFT" && w || (E = T);
+	let D = e.left + e.width / 2, O = e.top + e.height / 2, k, A, j;
+	switch (E) {
 		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";
+			k = e.top - o - u - l, A = D - a / 2, j = "bottom";
 			break;
 		case "LEFT":
-			f = e.top + e.height / 2 - 200 / 2, p = e.left - o - c - s, m = "right";
+			k = O - o / 2, A = e.left - a - u - l, j = "right";
 			break;
 		case "RIGHT":
-			f = e.top + e.height / 2 - 200 / 2, p = e.right + c + s, m = "left";
+			k = O - o / 2, A = e.right + u + l, j = "left";
+			break;
+		default:
+			k = e.bottom + u + l, A = D - a / 2, j = "top";
 			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
+	let M = p(A), N = m(k), P = 0;
+	if (j === "top" || j === "bottom") {
+		let e = D - M;
+		e < 0 || e > a ? j = "none" : P = Math.min(Math.max(e, d), a - d);
+	} else {
+		let e = O - N;
+		e < 0 || e > o ? j = "none" : P = Math.min(Math.max(e, d), o - d);
+	}
+	return {
+		top: N,
+		left: M,
+		arrowPosition: j,
+		arrowOffset: P
 	};
 }
-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);
+var m = e(function({ step: e, stepIndex: d, totalSteps: m, onNext: h, onPrevious: g, onSkip: _, onComplete: v, canGoNext: y, canGoPrevious: b, isLastStep: x, placement: S, targetRect: C }) {
+	let [w, T] = a(!1), E = i(null), [D, O] = a(f), [k, A] = a({
+		width: c,
+		height: 220
+	}), j = Math.min(c, D.vw - 2 * l), M = D.vh - 2 * l, N = Math.min(k.height, M);
 	t(() => {
-		let e = setTimeout(() => x(!0), 50);
+		T(!1);
+		let e = setTimeout(() => T(!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", {
+	}, [e.id]), n(() => {
+		let e = () => {
+			O(f());
+			let e = E.current;
+			if (!e) return;
+			let t = e.getBoundingClientRect();
+			A((e) => Math.abs(e.width - t.width) > 1 || Math.abs(e.height - t.height) > 1 ? {
+				width: t.width,
+				height: t.height
+			} : e);
+		};
+		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, [
+		e.id,
+		e.title,
+		e.content,
+		j
+	]);
+	let P = r(() => p(C, S, {
+		width: j,
+		height: N
+	}), [
+		C,
+		S,
+		j,
+		N,
+		D.vw,
+		D.vh
+	]), F = e.media?.filter((e) => e.position === "HEADER") ?? [], I = e.media?.filter((e) => e.position === "INLINE" || e.position === "BODY") ?? [];
+	return /* @__PURE__ */ s("div", {
 		className: "tour-tooltip",
 		style: {
 			position: "fixed",
-			top: S.top,
-			left: S.left,
-			width: o,
+			top: P.top,
+			left: P.left,
+			width: j,
 			zIndex: 1e4,
-			opacity: +!!b,
-			transform: b ? "translateY(0)" : "translateY(10px)",
+			opacity: +!!w,
+			transform: w ? "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", {
+		children: [/* @__PURE__ */ s("div", {
+			ref: E,
 			style: {
-				backgroundColor: "white",
+				display: "flex",
+				flexDirection: "column",
+				maxHeight: M,
+				backgroundColor: "var(--color-bg-surface)",
 				borderRadius: 12,
 				boxShadow: "0 10px 40px rgba(0, 0, 0, 0.2)",
 				overflow: "hidden"
 			},
 			children: [
-				C.length > 0 && /* @__PURE__ */ i("div", {
+				F.length > 0 && /* @__PURE__ */ o("div", {
 					style: {
 						width: "100%",
 						maxHeight: 160,
-						overflow: "hidden"
+						overflow: "hidden",
+						flexShrink: 0
 					},
-					children: C.map((e) => e.media.type === "IMAGE" ? /* @__PURE__ */ i("img", {
+					children: F.map((e) => e.media.type === "IMAGE" ? /* @__PURE__ */ o("img", {
 						src: e.media.cdnUrl,
 						alt: e.media.altText || e.media.name,
 						style: {
@@ -76,7 +131,7 @@ var u = e(function({ step: e, stepIndex: s, totalSteps: u, onNext: d, onPrevious
 							height: "auto",
 							display: "block"
 						}
-					}, e.id) : e.media.type === "VIDEO" ? /* @__PURE__ */ i("video", {
+					}, e.id) : e.media.type === "VIDEO" ? /* @__PURE__ */ o("video", {
 						src: e.media.cdnUrl,
 						controls: !0,
 						style: {
@@ -85,66 +140,75 @@ var u = e(function({ step: e, stepIndex: s, totalSteps: u, onNext: d, onPrevious
 						}
 					}, e.id) : null)
 				}),
-				/* @__PURE__ */ a("div", {
-					style: { padding: 20 },
+				/* @__PURE__ */ s("div", {
+					style: {
+						flex: "1 1 auto",
+						minHeight: 0,
+						overflowY: "auto",
+						padding: 20
+					},
 					children: [
-						/* @__PURE__ */ a("div", {
+						/* @__PURE__ */ s("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								justifyContent: "space-between",
-								marginBottom: 12
+								marginBottom: 12,
+								gap: 8
 							},
-							children: [/* @__PURE__ */ a("span", {
+							children: [/* @__PURE__ */ s("span", {
 								style: {
 									fontSize: 12,
-									color: "#6b7280",
-									fontWeight: 500
+									color: "var(--color-text-secondary)",
+									fontWeight: 500,
+									whiteSpace: "nowrap"
 								},
 								children: [
 									"Step ",
-									s + 1,
+									d + 1,
 									" of ",
-									u
+									m
 								]
-							}), /* @__PURE__ */ i("div", {
+							}), /* @__PURE__ */ o("div", {
 								style: {
 									display: "flex",
-									gap: 4
+									gap: 4,
+									flexWrap: "wrap",
+									justifyContent: "flex-end"
 								},
-								children: Array.from({ length: u }).map((e, t) => /* @__PURE__ */ i("div", { style: {
+								children: Array.from({ length: m }).map((e, t) => /* @__PURE__ */ o("div", { style: {
 									width: 8,
 									height: 8,
 									borderRadius: "50%",
-									backgroundColor: t <= s ? "#3b82f6" : "#e5e7eb",
+									backgroundColor: t <= d ? "var(--color-action-primary-bg)" : "var(--color-border-default)",
 									transition: "background-color 0.2s"
 								} }, t))
 							})]
 						}),
-						/* @__PURE__ */ i("h3", {
+						/* @__PURE__ */ o("h3", {
 							id: `tour-step-title-${e.id}`,
 							style: {
 								fontSize: 18,
 								fontWeight: 600,
-								color: "#111827",
+								color: "var(--color-text-primary)",
 								margin: "0 0 8px 0",
 								lineHeight: 1.3
 							},
 							children: e.title
 						}),
-						/* @__PURE__ */ i("p", {
+						/* @__PURE__ */ o("p", {
 							id: `tour-step-content-${e.id}`,
 							style: {
 								fontSize: 14,
-								color: "#4b5563",
+								color: "var(--color-text-secondary)",
 								margin: 0,
 								lineHeight: 1.6
 							},
 							children: e.content
 						}),
-						w.length > 0 && /* @__PURE__ */ i("div", {
+						I.length > 0 && /* @__PURE__ */ o("div", {
 							style: { marginTop: 12 },
-							children: w.map((e) => e.media.type === "IMAGE" ? /* @__PURE__ */ i("img", {
+							children: I.map((e) => e.media.type === "IMAGE" ? /* @__PURE__ */ o("img", {
 								src: e.media.cdnUrl,
 								alt: e.media.altText || e.media.name,
 								style: {
@@ -156,120 +220,125 @@ var u = e(function({ step: e, stepIndex: s, totalSteps: u, onNext: d, onPrevious
 						})
 					]
 				}),
-				/* @__PURE__ */ a("div", {
+				/* @__PURE__ */ s("div", {
 					style: {
 						display: "flex",
 						alignItems: "center",
 						justifyContent: "space-between",
 						padding: "12px 20px",
-						borderTop: "1px solid #e5e7eb",
-						backgroundColor: "#f9fafb"
+						borderTop: "1px solid var(--color-border-default)",
+						backgroundColor: "var(--color-bg-canvas)",
+						flexShrink: 0,
+						gap: 8
 					},
-					children: [/* @__PURE__ */ i("button", {
+					children: [/* @__PURE__ */ o("button", {
 						type: "button",
-						onClick: p,
+						onClick: _,
 						style: {
 							padding: "8px 12px",
 							fontSize: 14,
-							color: "#6b7280",
+							color: "var(--color-text-tertiary)",
 							backgroundColor: "transparent",
 							border: "none",
 							borderRadius: 6,
 							cursor: "pointer",
-							transition: "color 0.2s"
+							transition: "color 0.2s",
+							whiteSpace: "nowrap"
 						},
-						onMouseEnter: (e) => e.currentTarget.style.color = "#111827",
-						onMouseLeave: (e) => e.currentTarget.style.color = "#6b7280",
+						onMouseEnter: (e) => e.currentTarget.style.color = "var(--color-text-primary)",
+						onMouseLeave: (e) => e.currentTarget.style.color = "var(--color-text-tertiary)",
 						children: "Skip tour"
-					}), /* @__PURE__ */ a("div", {
+					}), /* @__PURE__ */ s("div", {
 						style: {
 							display: "flex",
 							gap: 8
 						},
-						children: [g && /* @__PURE__ */ i("button", {
+						children: [b && /* @__PURE__ */ o("button", {
 							type: "button",
-							onClick: f,
+							onClick: g,
 							style: {
 								padding: "8px 16px",
 								fontSize: 14,
-								color: "#374151",
-								backgroundColor: "white",
-								border: "1px solid #d1d5db",
+								color: "var(--color-text-primary)",
+								backgroundColor: "var(--color-bg-surface)",
+								border: "1px solid var(--color-border-default)",
 								borderRadius: 6,
 								cursor: "pointer",
-								transition: "all 0.2s"
+								transition: "all 0.2s",
+								whiteSpace: "nowrap"
 							},
 							onMouseEnter: (e) => {
-								e.currentTarget.style.backgroundColor = "#f3f4f6";
+								e.currentTarget.style.backgroundColor = "var(--color-bg-muted)";
 							},
 							onMouseLeave: (e) => {
-								e.currentTarget.style.backgroundColor = "white";
+								e.currentTarget.style.backgroundColor = "var(--color-bg-surface)";
 							},
 							children: "Previous"
-						}), /* @__PURE__ */ i("button", {
+						}), /* @__PURE__ */ o("button", {
 							type: "button",
-							onClick: _ ? m : d,
-							disabled: !h,
+							onClick: x ? v : h,
+							disabled: !y,
 							style: {
 								padding: "8px 16px",
 								fontSize: 14,
 								fontWeight: 500,
-								color: "white",
-								backgroundColor: h ? "#3b82f6" : "#93c5fd",
+								color: "var(--color-action-primary-text)",
+								backgroundColor: y ? "var(--color-action-primary-bg)" : "var(--color-action-primary-bgDisabled)",
 								border: "none",
 								borderRadius: 6,
-								cursor: h ? "pointer" : "not-allowed",
-								transition: "background-color 0.2s"
+								cursor: y ? "pointer" : "not-allowed",
+								transition: "background-color 0.2s",
+								whiteSpace: "nowrap"
 							},
 							onMouseEnter: (e) => {
-								h && (e.currentTarget.style.backgroundColor = "#2563eb");
+								y && (e.currentTarget.style.backgroundColor = "var(--color-action-primary-bgHover)");
 							},
 							onMouseLeave: (e) => {
-								e.currentTarget.style.backgroundColor = h ? "#3b82f6" : "#93c5fd";
+								e.currentTarget.style.backgroundColor = y ? "var(--color-action-primary-bg)" : "var(--color-action-primary-bgDisabled)";
 							},
-							children: _ ? "Finish" : "Next"
+							children: x ? "Finish" : "Next"
 						})]
 					})]
 				})
 			]
-		}), /* @__PURE__ */ i("div", { style: {
+		}), P.arrowPosition !== "none" && /* @__PURE__ */ o("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`
+			...P.arrowPosition === "top" && {
+				top: -u,
+				left: P.arrowOffset,
+				marginLeft: -u,
+				borderLeft: `${u}px solid transparent`,
+				borderRight: `${u}px solid transparent`,
+				borderBottom: `${u}px solid var(--color-bg-surface)`
 			},
-			...S.arrowPosition === "bottom" && {
-				bottom: -c,
-				left: "50%",
-				marginLeft: -c,
-				borderLeft: `${c}px solid transparent`,
-				borderRight: `${c}px solid transparent`,
-				borderTop: `${c}px solid white`
+			...P.arrowPosition === "bottom" && {
+				bottom: -u,
+				left: P.arrowOffset,
+				marginLeft: -u,
+				borderLeft: `${u}px solid transparent`,
+				borderRight: `${u}px solid transparent`,
+				borderTop: `${u}px solid var(--color-bg-surface)`
 			},
-			...S.arrowPosition === "left" && {
-				left: -c,
-				top: "50%",
-				marginTop: -c,
-				borderTop: `${c}px solid transparent`,
-				borderBottom: `${c}px solid transparent`,
-				borderRight: `${c}px solid white`
+			...P.arrowPosition === "left" && {
+				left: -u,
+				top: P.arrowOffset,
+				marginTop: -u,
+				borderTop: `${u}px solid transparent`,
+				borderBottom: `${u}px solid transparent`,
+				borderRight: `${u}px solid var(--color-bg-surface)`
 			},
-			...S.arrowPosition === "right" && {
-				right: -c,
-				top: "50%",
-				marginTop: -c,
-				borderTop: `${c}px solid transparent`,
-				borderBottom: `${c}px solid transparent`,
-				borderLeft: `${c}px solid white`
+			...P.arrowPosition === "right" && {
+				right: -u,
+				top: P.arrowOffset,
+				marginTop: -u,
+				borderTop: `${u}px solid transparent`,
+				borderBottom: `${u}px solid transparent`,
+				borderLeft: `${u}px solid var(--color-bg-surface)`
 			}
 		} })]
 	});
 });
 //#endregion
-export { u as TourTooltip };
+export { m as TourTooltip };

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

@@ -1 +1 @@
-{"version":3,"file":"routeCatalog.d.ts","sourceRoot":"","sources":["../../../src/shared/tours/routeCatalog.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACpC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CACnC;AAgQD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAGtD;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,CACtC,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACpC,OAAO,EAAE,SAAS,qBAAqB,EAAE,GACxC,MAAM,IAAI,CA+BZ;AAED,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,qBAAqB,EAAE,CAQjG;AAED,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,qBAAqB,EAAE,CAejG;AAED,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACpC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAClC,mBAAmB,EAAE,CAWvB;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,iBAAiB,GAAG,MAAM,GAAG,SAAS,CAuBjF;AAED,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,iBAAiB,EACvB,OAAO,EAAE,kBAAkB,GAC1B,OAAO,CAqBT;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,iBAAiB,EAAE,OAAO,EAAE,kBAAkB,GAAG,MAAM,CAK/F"}
+{"version":3,"file":"routeCatalog.d.ts","sourceRoot":"","sources":["../../../src/shared/tours/routeCatalog.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACpC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CACnC;AAuYD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAGtD;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,CACtC,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACpC,OAAO,EAAE,SAAS,qBAAqB,EAAE,GACxC,MAAM,IAAI,CA+BZ;AAED,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,qBAAqB,EAAE,CAQjG;AAED,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,qBAAqB,EAAE,CAejG;AAED,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACpC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAClC,mBAAmB,EAAE,CAWvB;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,iBAAiB,GAAG,MAAM,GAAG,SAAS,CAuBjF;AAED,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,iBAAiB,EACvB,OAAO,EAAE,kBAAkB,GAC1B,OAAO,CAqBT;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,iBAAiB,EAAE,OAAO,EAAE,kBAAkB,GAAG,MAAM,CAK/F"}

package/dist/shared/tours/routeCatalog.js

@@ -230,6 +230,141 @@ var e = { vibecontrols: [
 		pageId: "settings",
 		pageLabel: "Settings",
 		path: "/conversations/settings"
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "auth",
+		moduleLabel: "Auth",
+		pageId: "home",
+		pageLabel: "Auth",
+		path: "/auth/security",
+		isModuleHome: !0
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "groups",
+		moduleLabel: "Groups and Teams",
+		pageId: "home",
+		pageLabel: "Groups and Teams",
+		path: "/groups",
+		isModuleHome: !0
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "tags",
+		moduleLabel: "Tags",
+		pageId: "home",
+		pageLabel: "Tags",
+		path: "/tags",
+		isModuleHome: !0
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "files",
+		moduleLabel: "Files",
+		pageId: "home",
+		pageLabel: "Files",
+		path: "/files/browse",
+		isModuleHome: !0
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "security",
+		moduleLabel: "Vault",
+		pageId: "home",
+		pageLabel: "Vault",
+		path: "/security",
+		isModuleHome: !0
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "integrations",
+		moduleLabel: "Integrations",
+		pageId: "home",
+		pageLabel: "Integrations",
+		path: "/integrations",
+		isModuleHome: !0
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "export",
+		moduleLabel: "Exports",
+		pageId: "home",
+		pageLabel: "Exports",
+		path: "/export",
+		isModuleHome: !0
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "organizations",
+		moduleLabel: "Organizations",
+		pageId: "home",
+		pageLabel: "Organizations",
+		path: "/organizations",
+		isModuleHome: !0
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "workspaces",
+		moduleLabel: "Workspaces",
+		pageId: "home",
+		pageLabel: "Workspaces",
+		path: "/workspaces",
+		isModuleHome: !0
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "billing",
+		moduleLabel: "Billing",
+		pageId: "home",
+		pageLabel: "Billing",
+		path: "/billing/overview",
+		isModuleHome: !0
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "store",
+		moduleLabel: "Marketplace",
+		pageId: "home",
+		pageLabel: "Marketplace",
+		path: "/store/marketplace",
+		isModuleHome: !0
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "channels",
+		moduleLabel: "Channels",
+		pageId: "home",
+		pageLabel: "Channels",
+		path: "/channels",
+		isModuleHome: !0
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "devportal",
+		moduleLabel: "Developer Portal",
+		pageId: "home",
+		pageLabel: "Developer Portal",
+		path: "/devportal",
+		isModuleHome: !0
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "feature-previews",
+		moduleLabel: "Feature Previews",
+		pageId: "home",
+		pageLabel: "Feature Previews",
+		path: "/feature-previews",
+		isModuleHome: !0
+	},
+	{
+		productId: "vibecontrols",
+		moduleId: "search",
+		moduleLabel: "Search",
+		pageId: "home",
+		pageLabel: "Search",
+		path: "/search",
+		isModuleHome: !0
 	}
 ] }, t = /* @__PURE__ */ new Map();
 function n(e) {

package/dist/ui/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/ui/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,iBAAS,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAkBzF;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/ui/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,iBAAS,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAuBzF;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/ui/switch.js

@@ -7,11 +7,11 @@ import * as n from "@radix-ui/react-switch";
 function r({ className: r, ...i }) {
 	return /* @__PURE__ */ t(n.Root, {
 		"data-slot": "switch",
-		className: e("peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", r),
+		className: e("peer inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-border-default shadow-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:ring-action-primary-bg/40 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-action-primary-bg data-[state=checked]:bg-action-primary-bg data-[state=unchecked]:bg-bg-sunken", r),
 		...i,
 		children: /* @__PURE__ */ t(n.Thumb, {
 			"data-slot": "switch-thumb",
-			className: e("bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0")
+			className: e("pointer-events-none block size-4 rounded-full border border-border-default bg-bg-surface shadow-sm ring-0 transition-transform dark:bg-text-primary data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0")
 		})
 	});
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/fe-libs",
-  "version": "2026.529.6",
+  "version": "2026.530.1",
   "description": "Burdenoff frontend primitives and domain libraries",
   "type": "module",
   "imports": {