@freedom-code-compliance/fcc-redesign 0.1.27 → 0.1.28

package/dist/index.js

@@ -85,17 +85,17 @@ function ne() {
 }
 //#endregion
 //#region src/context/ThemeContext.jsx
-var W = e(void 0), re = "dark", ie = "fcc-theme";
-function ae(e) {
+var re = e(void 0), ie = "dark", ae = "fcc-theme";
+function oe(e) {
 	if (typeof document > "u") return;
 	let t = document.documentElement;
 	t.classList.remove("dark", "light"), e === "light" && t.classList.add("light");
 }
-function G({ children: e, defaultTheme: t = re, storageKey: n = ie }) {
+function se({ children: e, defaultTheme: t = ie, storageKey: n = ae }) {
 	let [r, i] = u(() => typeof window > "u" ? t : window.localStorage.getItem(n) || t);
 	return o(() => {
-		typeof window < "u" && window.localStorage.setItem(n, r), ae(r);
-	}, [n, r]), /* @__PURE__ */ z(W.Provider, {
+		typeof window < "u" && window.localStorage.setItem(n, r), oe(r);
+	}, [n, r]), /* @__PURE__ */ z(re.Provider, {
 		value: {
 			theme: r,
 			setTheme: i,
@@ -106,23 +106,23 @@ function G({ children: e, defaultTheme: t = re, storageKey: n = ie }) {
 		children: e
 	});
 }
-function K() {
-	let e = a(W);
+function W() {
+	let e = a(re);
 	if (!e) throw Error("useTheme must be used within a ThemeProvider");
 	return e;
 }
 //#endregion
 //#region src/lib/FCCDesignProvider.jsx
-function oe({ children: e, ...t }) {
-	return /* @__PURE__ */ z(G, {
+function ce({ children: e, ...t }) {
+	return /* @__PURE__ */ z(se, {
 		...t,
 		children: /* @__PURE__ */ z(te, { children: e })
 	});
 }
 //#endregion
 //#region src/components/layout/FCCSidePanel.jsx
-var q = (...e) => e.filter(Boolean).join(" "), se = 300;
-function J({ open: e = !1, width: t = 320, expandedWidth: n, expanded: r = !1, panel: i, children: a, className: s = "", contentClassName: c = "", panelClassName: d = "" }) {
+var G = (...e) => e.filter(Boolean).join(" "), le = 300;
+function ue({ open: e = !1, width: t = 320, expandedWidth: n, expanded: r = !1, panel: i, children: a, className: s = "", contentClassName: c = "", panelClassName: d = "" }) {
 	let f = r && n ? n : t, p = l(null), m = l(null), [h, g] = u(e ? i : null), [_, v] = u(f), [y, b] = u(e && !!i);
 	o(() => () => {
 		p.current &&= (window.cancelAnimationFrame(p.current), null), m.current &&= (window.clearTimeout(m.current), null);
@@ -140,29 +140,29 @@ function J({ open: e = !1, width: t = 320, expandedWidth: n, expanded: r = !1, p
 	]), o(() => {
 		if (!(e || !y)) return m.current = window.setTimeout(() => {
 			b(!1), g(null), m.current = null;
-		}, se), () => {
+		}, le), () => {
 			m.current &&= (window.clearTimeout(m.current), null);
 		};
 	}, [e, y]);
 	let x = !e && y, S = e ? i : y ? h : null, C = e ? f : y ? _ : f, w = e && !!i || !!S;
 	return /* @__PURE__ */ B("div", {
-		className: q("fcc-side-panel-layout", s),
+		className: G("fcc-side-panel-layout", s),
 		children: [/* @__PURE__ */ z("div", {
-			className: q("fcc-side-panel-content", c),
+			className: G("fcc-side-panel-content", c),
 			children: a
 		}), /* @__PURE__ */ z("div", {
-			className: q("fcc-side-panel-rail", w && "has-panel", e && w && "open", x && "closing"),
+			className: G("fcc-side-panel-rail", w && "has-panel", e && w && "open", x && "closing"),
 			style: { "--fcc-side-panel-width": `${C}px` },
 			children: /* @__PURE__ */ z("div", {
-				className: q("fcc-side-panel-inner", d),
+				className: G("fcc-side-panel-inner", d),
 				children: S
 			})
 		})]
 	});
 }
-function ce({ title: e, subtitle: t, onClose: n, actions: r, className: i = "" }) {
+function de({ title: e, subtitle: t, onClose: n, actions: r, className: i = "" }) {
 	return /* @__PURE__ */ B("div", {
-		className: q("fcc-side-panel-header", i),
+		className: G("fcc-side-panel-header", i),
 		children: [/* @__PURE__ */ B("div", {
 			className: "fcc-side-panel-header-copy",
 			children: [/* @__PURE__ */ z("div", {
@@ -183,25 +183,25 @@ function ce({ title: e, subtitle: t, onClose: n, actions: r, className: i = "" }
 		})]
 	});
 }
-function le({ children: e, className: t = "" }) {
+function fe({ children: e, className: t = "" }) {
 	return /* @__PURE__ */ z("div", {
-		className: q("fcc-side-panel-body", t),
+		className: G("fcc-side-panel-body", t),
 		children: e
 	});
 }
-function ue({ tabs: e = [], activeTab: t = 0, onTabChange: n, className: r = "" }) {
+function pe({ tabs: e = [], activeTab: t = 0, onTabChange: n, className: r = "" }) {
 	return /* @__PURE__ */ z("div", {
-		className: q("fcc-side-panel-tabs", r),
+		className: G("fcc-side-panel-tabs", r),
 		children: e.map((e, r) => /* @__PURE__ */ z("button", {
-			className: q("fcc-side-panel-tab", t === r && "active"),
+			className: G("fcc-side-panel-tab", t === r && "active"),
 			onClick: () => n?.(r),
 			children: e
 		}, e))
 	});
 }
-function de({ placeholder: e = "Search...", value: t, onChange: n, className: r = "" }) {
+function me({ placeholder: e = "Search...", value: t, onChange: n, className: r = "" }) {
 	return /* @__PURE__ */ B("div", {
-		className: q("fcc-side-panel-search", r),
+		className: G("fcc-side-panel-search", r),
 		children: [/* @__PURE__ */ z(N, { size: 13 }), n ? /* @__PURE__ */ z("input", {
 			className: "fcc-side-panel-search-input",
 			type: "text",
@@ -214,15 +214,15 @@ function de({ placeholder: e = "Search...", value: t, onChange: n, className: r
 		})]
 	});
 }
-function fe({ children: e, className: t = "" }) {
+function he({ children: e, className: t = "" }) {
 	return /* @__PURE__ */ z("div", {
-		className: q("fcc-side-panel-group-label", t),
+		className: G("fcc-side-panel-group-label", t),
 		children: e
 	});
 }
-function pe({ dot: e, label: t, detail: n, time: r, onClick: i, className: a = "" }) {
+function ge({ dot: e, label: t, detail: n, time: r, onClick: i, className: a = "" }) {
 	return /* @__PURE__ */ B("div", {
-		className: q("fcc-side-panel-item", a),
+		className: G("fcc-side-panel-item", a),
 		onClick: i,
 		children: [
 			e && /* @__PURE__ */ z("span", {
@@ -246,9 +246,9 @@ function pe({ dot: e, label: t, detail: n, time: r, onClick: i, className: a = "
 		]
 	});
 }
-function me({ avatar: e, title: t, detail: n, time: r, unread: i, onClick: a, className: o = "" }) {
+function _e({ avatar: e, title: t, detail: n, time: r, unread: i, onClick: a, className: o = "" }) {
 	return /* @__PURE__ */ B("div", {
-		className: q("fcc-side-panel-card", o),
+		className: G("fcc-side-panel-card", o),
 		onClick: a,
 		children: [/* @__PURE__ */ z("div", {
 			className: "fcc-side-panel-card-avatar",
@@ -272,9 +272,9 @@ function me({ avatar: e, title: t, detail: n, time: r, unread: i, onClick: a, cl
 		})]
 	});
 }
-function he({ avatar: e, name: t, time: n, active: r, online: i, onClick: a, className: o = "" }) {
+function ve({ avatar: e, name: t, time: n, active: r, online: i, onClick: a, className: o = "" }) {
 	return /* @__PURE__ */ B("div", {
-		className: q("fcc-side-panel-contact", r && "active", o),
+		className: G("fcc-side-panel-contact", r && "active", o),
 		onClick: a,
 		children: [
 			/* @__PURE__ */ B("div", {
@@ -292,22 +292,22 @@ function he({ avatar: e, name: t, time: n, active: r, online: i, onClick: a, cla
 		]
 	});
 }
-function ge({ children: e, onClick: t, className: n = "" }) {
+function ye({ children: e, onClick: t, className: n = "" }) {
 	return /* @__PURE__ */ z("div", {
-		className: q("fcc-side-panel-action", n),
+		className: G("fcc-side-panel-action", n),
 		onClick: t,
 		children: e
 	});
 }
-function _e({ children: e, className: t = "" }) {
+function be({ children: e, className: t = "" }) {
 	return /* @__PURE__ */ z("div", {
-		className: q("fcc-side-panel-chat-wrap", t),
+		className: G("fcc-side-panel-chat-wrap", t),
 		children: e
 	});
 }
-function ve({ title: e, headerActions: t, messages: n = [], input: r, className: i = "" }) {
+function xe({ title: e, headerActions: t, messages: n = [], input: r, className: i = "" }) {
 	return /* @__PURE__ */ B("div", {
-		className: q("fcc-side-panel-conversation", i),
+		className: G("fcc-side-panel-conversation", i),
 		children: [
 			/* @__PURE__ */ B("div", {
 				className: "fcc-side-panel-conv-header",
@@ -330,22 +330,22 @@ function ve({ title: e, headerActions: t, messages: n = [], input: r, className:
 		]
 	});
 }
-function ye({ from: e = "other", meta: t, children: n, className: r = "" }) {
+function Se({ from: e = "other", meta: t, children: n, className: r = "" }) {
 	let i = e === "you";
 	return /* @__PURE__ */ B("div", {
-		className: q("fcc-side-panel-msg-row", i ? "fcc-msg-right" : "fcc-msg-left", r),
+		className: G("fcc-side-panel-msg-row", i ? "fcc-msg-right" : "fcc-msg-left", r),
 		children: [t && /* @__PURE__ */ z("div", {
 			className: "fcc-side-panel-msg-meta",
 			children: t
 		}), /* @__PURE__ */ z("div", {
-			className: q("fcc-side-panel-msg-bubble", i ? "fcc-bubble-you" : "fcc-bubble-other"),
+			className: G("fcc-side-panel-msg-bubble", i ? "fcc-bubble-you" : "fcc-bubble-other"),
 			children: n
 		})]
 	});
 }
 //#endregion
 //#region src/components/layout/FCCBreadcrumbs.jsx
-function be(e, t) {
+function Ce(e, t) {
 	let n = [
 		"fcc-breadcrumb-item",
 		t ? "current" : "",
@@ -368,7 +368,7 @@ function be(e, t) {
 		children: e.label
 	});
 }
-function xe({ items: e = [], className: t = "" }) {
+function we({ items: e = [], className: t = "" }) {
 	let n = e.filter((e) => e?.label);
 	return n.length === 0 ? null : /* @__PURE__ */ z("nav", {
 		className: ["fcc-breadcrumbs", t].filter(Boolean).join(" "),
@@ -380,25 +380,25 @@ function xe({ items: e = [], className: t = "" }) {
 				children: [t > 0 && /* @__PURE__ */ z("span", {
 					className: "fcc-breadcrumb-sep",
 					children: "/"
-				}), be(e, r)]
+				}), Ce(e, r)]
 			}, e.key || e.label || t);
 		})
 	});
 }
 //#endregion
 //#region src/components/layout/FCCHeaderStatus.jsx
-var Se = {
+var Te = {
 	success: "fcc-header-status-success",
 	warning: "fcc-header-status-warning",
 	danger: "fcc-header-status-danger",
 	info: "fcc-header-status-info",
 	neutral: "fcc-header-status-neutral"
 };
-function Ce({ label: e, tone: t = "success", dotColor: n, className: r = "" }) {
+function K({ label: e, tone: t = "success", dotColor: n, className: r = "" }) {
 	return e ? /* @__PURE__ */ B("div", {
 		className: [
 			"fcc-header-status",
-			Se[t] || Se.neutral,
+			Te[t] || Te.neutral,
 			r
 		].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ z("span", {
@@ -409,16 +409,16 @@ function Ce({ label: e, tone: t = "success", dotColor: n, className: r = "" }) {
 }
 //#endregion
 //#region src/components/layout/FCCWorkspaceHeader.jsx
-function we({ breadcrumbs: e = [], status: t, actions: n, leftSlot: r, rightSlot: i, className: a = "" }) {
+function q({ breadcrumbs: e = [], status: t, actions: n, leftSlot: r, rightSlot: i, className: a = "" }) {
 	return /* @__PURE__ */ B("header", {
 		className: ["fcc-workspace-header", a].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ z("div", {
 			className: "fcc-workspace-header-left",
-			children: r || /* @__PURE__ */ z(xe, { items: e })
+			children: r || /* @__PURE__ */ z(we, { items: e })
 		}), /* @__PURE__ */ B("div", {
 			className: "fcc-workspace-header-right",
 			children: [
-				t && /* @__PURE__ */ z(Ce, { ...t }),
+				t && /* @__PURE__ */ z(K, { ...t }),
 				n,
 				i
 			]
@@ -427,8 +427,8 @@ function we({ breadcrumbs: e = [], status: t, actions: n, leftSlot: r, rightSlot
 }
 //#endregion
 //#region src/components/layout/FCCMainWindow.jsx
-function Te({ breadcrumbs: e = [], status: t, headerActions: n, header: r, children: i, overlay: a, sidePanel: o, className: s = "", headerClassName: c = "", contentClassName: l = "" }) {
-	let u = o ? /* @__PURE__ */ z(J, {
+function Ee({ breadcrumbs: e = [], status: t, headerActions: n, header: r, children: i, overlay: a, sidePanel: o, className: s = "", headerClassName: c = "", contentClassName: l = "" }) {
+	let u = o ? /* @__PURE__ */ z(ue, {
 		open: o.open,
 		width: o.width,
 		expandedWidth: o.expandedWidth,
@@ -442,7 +442,7 @@ function Te({ breadcrumbs: e = [], status: t, headerActions: n, header: r, child
 	return /* @__PURE__ */ B("div", {
 		className: ["fcc-main-window", s].filter(Boolean).join(" "),
 		children: [
-			r || /* @__PURE__ */ z(we, {
+			r || /* @__PURE__ */ z(q, {
 				breadcrumbs: e,
 				status: t,
 				actions: n,
@@ -462,7 +462,7 @@ function Te({ breadcrumbs: e = [], status: t, headerActions: n, header: r, child
 }
 //#endregion
 //#region src/components/layout/FCCSidebar.jsx
-function Ee(e, t) {
+function De(e, t) {
 	if (!e.disabled) {
 		if (e.onClick) {
 			e.onClick(e);
@@ -471,10 +471,10 @@ function Ee(e, t) {
 		t?.(e);
 	}
 }
-function De(e, t) {
+function Oe(e, t) {
 	return !e.childrenSections?.length || !t ? !1 : e.childrenSections.some((e) => e.items?.some((e) => e.key === t));
 }
-function Oe(e, t) {
+function ke(e, t) {
 	if (!t.trim()) return e;
 	let n = t.trim().toLowerCase();
 	return e.map((e) => ({
@@ -482,7 +482,7 @@ function Oe(e, t) {
 		items: e.items.filter((e) => e.label.toLowerCase().includes(n) || e.pageTitle?.toLowerCase().includes(n) || e.summary?.toLowerCase().includes(n))
 	})).filter((e) => e.items.length > 0);
 }
-function ke({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, onNavigate: i, user: a, footer: o, onLogout: s, className: c = "" }) {
+function Ae({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, onNavigate: i, user: a, footer: o, onLogout: s, className: c = "" }) {
 	let [l, d] = u({}), [f, p] = u({});
 	function m(e, t) {
 		p((n) => ({
@@ -507,7 +507,7 @@ function ke({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, on
 				className: "fcc-sidebar-nav",
 				"aria-label": `${e} navigation`,
 				children: n.map((e) => {
-					let t = e.childrenSections?.length > 0, n = De(e, r), a = e.key === r || n || (r?.startsWith?.(`${e.key}/`) ?? !1), o = t && (f[e.key] ?? a), s = l[e.key] || "", c = t ? Oe(e.childrenSections, s) : [];
+					let t = e.childrenSections?.length > 0, n = Oe(e, r), a = e.key === r || n || (r?.startsWith?.(`${e.key}/`) ?? !1), o = t && (f[e.key] ?? a), s = l[e.key] || "", c = t ? ke(e.childrenSections, s) : [];
 					return /* @__PURE__ */ B("div", {
 						className: [
 							"fcc-sidebar-entry",
@@ -522,7 +522,7 @@ function ke({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, on
 								e.disabled ? "disabled" : ""
 							].filter(Boolean).join(" "),
 							onClick: () => {
-								t && m(e.key, !0), Ee(e, i);
+								t && m(e.key, !0), De(e, i);
 							},
 							"aria-current": a ? "page" : void 0,
 							disabled: e.disabled,
@@ -584,7 +584,7 @@ function ke({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, on
 										children: e.items.map((e) => /* @__PURE__ */ z("button", {
 											type: "button",
 											className: ["fcc-sidebar-child-item", e.key === r ? "active" : ""].filter(Boolean).join(" "),
-											onClick: () => Ee(e, i),
+											onClick: () => De(e, i),
 											title: e.label,
 											children: /* @__PURE__ */ z("span", {
 												className: "fcc-sidebar-label",
@@ -633,10 +633,10 @@ function ke({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, on
 }
 //#endregion
 //#region src/components/layout/FCCAppShell.jsx
-function Ae({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, onNavigate: i, user: a, footer: o, onLogout: s, breadcrumbs: c = [], status: l, headerActions: u, header: d, children: f, overlay: p, sidePanel: m, className: h = "", sidebarClassName: g = "", mainClassName: _ = "", headerClassName: v = "", contentClassName: y = "" }) {
+function je({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, onNavigate: i, user: a, footer: o, onLogout: s, breadcrumbs: c = [], status: l, headerActions: u, header: d, children: f, overlay: p, sidePanel: m, className: h = "", sidebarClassName: g = "", mainClassName: _ = "", headerClassName: v = "", contentClassName: y = "" }) {
 	return /* @__PURE__ */ B("div", {
 		className: ["fcc-app-shell", h].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ z(ke, {
+		children: [/* @__PURE__ */ z(Ae, {
 			appName: e,
 			logo: t,
 			navItems: n,
@@ -646,7 +646,7 @@ function Ae({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, on
 			footer: o,
 			onLogout: s,
 			className: g
-		}), /* @__PURE__ */ z(Te, {
+		}), /* @__PURE__ */ z(Ee, {
 			breadcrumbs: c,
 			status: l,
 			headerActions: u,
@@ -662,8 +662,8 @@ function Ae({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, on
 }
 //#endregion
 //#region src/components/layout/FCCBrandLogo.jsx
-function je({ darkSrc: e, lightSrc: t, alt: n = "FCC", className: r = "", ...i }) {
-	let { theme: a } = K(), o = a === "dark" ? e || t : t || e;
+function Me({ darkSrc: e, lightSrc: t, alt: n = "FCC", className: r = "", ...i }) {
+	let { theme: a } = W(), o = a === "dark" ? e || t : t || e;
 	return o ? /* @__PURE__ */ z("img", {
 		src: o,
 		alt: n,
@@ -673,8 +673,8 @@ function je({ darkSrc: e, lightSrc: t, alt: n = "FCC", className: r = "", ...i }
 }
 //#endregion
 //#region src/components/layout/FCCThemeToggle.jsx
-function Me({ className: e = "" }) {
-	let { theme: t, toggleTheme: n } = K(), r = t === "dark";
+function Ne({ className: e = "" }) {
+	let { theme: t, toggleTheme: n } = W(), r = t === "dark";
 	return /* @__PURE__ */ z("button", {
 		type: "button",
 		onClick: n,
@@ -692,7 +692,7 @@ function Me({ className: e = "" }) {
 }
 //#endregion
 //#region src/components/ui/AppLoader.jsx
-function Ne({ label: e = "Loading...", fullscreen: t = !1, className: n = "" }) {
+function Pe({ label: e = "Loading...", fullscreen: t = !1, className: n = "" }) {
 	return t ? /* @__PURE__ */ B("div", {
 		className: `loader-fullscreen ${n}`,
 		children: [/* @__PURE__ */ z(O, {
@@ -713,13 +713,13 @@ function Ne({ label: e = "Loading...", fullscreen: t = !1, className: n = "" })
 		})]
 	});
 }
-function Pe({ size: e = 16, className: t = "" }) {
+function Fe({ size: e = 16, className: t = "" }) {
 	return /* @__PURE__ */ z(O, {
 		size: e,
 		className: `loader-spin ${t}`
 	});
 }
-function Fe({ label: e = "Loading...", fullscreen: t = !1, size: n = 64, darkSrc: r, lightSrc: i, alt: a = "FCC", className: o = "" }) {
+function Ie({ label: e = "Loading...", fullscreen: t = !1, size: n = 64, darkSrc: r, lightSrc: i, alt: a = "FCC", className: o = "" }) {
 	let s = /* @__PURE__ */ B("div", {
 		className: "fcc-loader-stage",
 		style: { "--fcc-loader-size": `${n}px` },
@@ -727,7 +727,7 @@ function Fe({ label: e = "Loading...", fullscreen: t = !1, size: n = 64, darkSrc
 		children: [
 			/* @__PURE__ */ z("span", { className: "fcc-loader-ring" }),
 			/* @__PURE__ */ z("span", { className: "fcc-loader-glow" }),
-			/* @__PURE__ */ z(je, {
+			/* @__PURE__ */ z(Me, {
 				darkSrc: r,
 				lightSrc: i,
 				alt: a,
@@ -764,7 +764,7 @@ function Fe({ label: e = "Loading...", fullscreen: t = !1, size: n = 64, darkSrc
 }
 //#endregion
 //#region src/components/ui/FCCDetailsPanel.jsx
-function Ie({ open: e, onClose: t, title: n, header: r, children: a, loading: s = !1, loadingLabel: c = "Loading...", loaderSize: d = 64, loaderDarkSrc: f, loaderLightSrc: p, width: m, zIndex: h = 1100, showBackdrop: g = !0, resizable: _ = !0, minWidth: v = 360, storageKey: y, className: b = "" }) {
+function Le({ open: e, onClose: t, title: n, header: r, children: a, loading: s = !1, loadingLabel: c = "Loading...", loaderSize: d = 64, loaderDarkSrc: f, loaderLightSrc: p, width: m, zIndex: h = 1100, showBackdrop: g = !0, resizable: _ = !0, minWidth: v = 360, storageKey: y, className: b = "" }) {
 	let [x, S] = u(!1), [C, w] = u(!1), [T, E] = u(!1), [D, O] = u(() => {
 		if (!y || typeof window > "u") return null;
 		let e = window.localStorage.getItem(y), t = e ? parseInt(e, 10) : NaN;
@@ -844,7 +844,7 @@ function Ie({ open: e, onClose: t, title: n, header: r, children: a, loading: s
 					className: "fcc-details-panel-body",
 					children: s ? /* @__PURE__ */ z("div", {
 						className: "fcc-details-panel-loading",
-						children: /* @__PURE__ */ z(Fe, {
+						children: /* @__PURE__ */ z(Ie, {
 							label: c,
 							size: d,
 							darkSrc: f,
@@ -858,7 +858,7 @@ function Ie({ open: e, onClose: t, title: n, header: r, children: a, loading: s
 }
 //#endregion
 //#region src/components/ui/Accordion.jsx
-function Le({ title: e, header: t, defaultOpen: n = !1, className: r = "", children: i }) {
+function Re({ title: e, header: t, defaultOpen: n = !1, className: r = "", children: i }) {
 	let [a, o] = u(n);
 	return /* @__PURE__ */ B("div", {
 		className: `accordion-item ${r}`,
@@ -886,7 +886,7 @@ function Le({ title: e, header: t, defaultOpen: n = !1, className: r = "", child
 		})]
 	});
 }
-function Re({ items: e = [], className: t = "" }) {
+function ze({ items: e = [], className: t = "" }) {
 	let [n, r] = u(/* @__PURE__ */ new Set());
 	function i(e) {
 		r((t) => {
@@ -928,12 +928,12 @@ function Re({ items: e = [], className: t = "" }) {
 }
 //#endregion
 //#region src/components/ui/Avatar.jsx
-var ze = {
+var Be = {
 	sm: "avatar-sm",
 	md: "",
 	lg: "avatar-lg",
 	xl: "avatar-xl"
-}, Be = [
+}, Ve = [
 	"#5e6ad2",
 	"#5bb98e",
 	"#c9a84e",
@@ -942,13 +942,13 @@ var ze = {
 	"#5a8ebf",
 	"#c4a06a"
 ];
-function Ve(e) {
+function He(e) {
 	let t = 0;
 	for (let n = 0; n < e.length; n++) t = e.charCodeAt(n) + ((t << 5) - t);
-	return Be[Math.abs(t) % Be.length];
+	return Ve[Math.abs(t) % Ve.length];
 }
-function Y({ imageUrl: e, initials: t, name: n, size: r = "md", className: i = "", style: a = {} }) {
-	let [o, s] = u(!1), c = t || (n ? n.split(" ").map((e) => e[0]).join("").slice(0, 2).toUpperCase() : "?"), l = a.background || Ve(c), d = ze[r] || "";
+function J({ imageUrl: e, initials: t, name: n, size: r = "md", className: i = "", style: a = {} }) {
+	let [o, s] = u(!1), c = t || (n ? n.split(" ").map((e) => e[0]).join("").slice(0, 2).toUpperCase() : "?"), l = a.background || He(c), d = Be[r] || "";
 	return e && !o ? /* @__PURE__ */ z("img", {
 		src: e,
 		alt: n || "",
@@ -969,7 +969,7 @@ function Y({ imageUrl: e, initials: t, name: n, size: r = "md", className: i = "
 }
 //#endregion
 //#region src/components/ui/Badge.jsx
-var He = {
+var Y = {
 	default: "var(--text-quaternary)",
 	secondary: "var(--text-quaternary)",
 	success: "var(--accent-green)",
@@ -981,7 +981,7 @@ var He = {
 	orange: "var(--accent-orange)"
 };
 function X({ variant: e = "default", className: t = "", children: n, showDot: r = !0, ...i }) {
-	let a = He[e] || He.default;
+	let a = Y[e] || Y.default;
 	return /* @__PURE__ */ B("span", {
 		className: `badge ${r ? "" : "badge--no-dot"} ${t}`.trim(),
 		...i,
@@ -1334,7 +1334,7 @@ function dt({ className: e = "" }) {
 //#endregion
 //#region src/components/ui/SearchableSelect.jsx
 function ft({ options: e = [], value: t, onChange: n, placeholder: r = "Select...", searchPlaceholder: i = "Search...", allowEmpty: a = !1, disabled: s = !1, className: c = "" }) {
-	let [d, f] = u(!1), [p, m] = u(""), [g, _] = u(0), y = l(null), b = l(null), x = e.filter((e) => e.label.toLowerCase().includes(p.toLowerCase()) || e.description && e.description.toLowerCase().includes(p.toLowerCase())), S = e.find((e) => e.value === t);
+	let [d, f] = u(!1), [p, m] = u(""), [g, _] = u(-1), y = l(null), b = l(null), x = e.filter((e) => e.label.toLowerCase().includes(p.toLowerCase()) || e.description && e.description.toLowerCase().includes(p.toLowerCase())), S = e.find((e) => e.value === t);
 	o(() => {
 		d && b.current && b.current.focus();
 	}, [d]), o(() => {
@@ -1344,14 +1344,16 @@ function ft({ options: e = [], value: t, onChange: n, placeholder: r = "Select..
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, []);
 	function C(e) {
-		e.key === "ArrowDown" ? (e.preventDefault(), _((e) => Math.min(e + 1, x.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), _((e) => Math.max(e - 1, 0))) : e.key === "Enter" && x[g] ? (n?.(x[g].value), f(!1), m("")) : e.key === "Escape" && (f(!1), m(""));
+		e.key === "ArrowDown" ? (e.preventDefault(), _((e) => Math.min(e + 1, x.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), _((e) => Math.max(e - 1, 0))) : e.key === "Enter" && g >= 0 && x[g] ? (n?.(x[g].value), f(!1), m("")) : e.key === "Escape" && (f(!1), m(""));
 	}
 	return /* @__PURE__ */ B("div", {
 		ref: y,
 		className: `searchable-select ${c}`,
 		children: [/* @__PURE__ */ B("button", {
 			className: "searchable-select-trigger",
-			onClick: () => !s && f(!d),
+			onClick: () => {
+				s || (d || _(-1), f(!d));
+			},
 			disabled: s,
 			type: "button",
 			children: [/* @__PURE__ */ z("span", {
@@ -1391,6 +1393,7 @@ function ft({ options: e = [], value: t, onChange: n, placeholder: r = "Select..
 						onClick: () => {
 							n?.(null), f(!1), m("");
 						},
+						onMouseEnter: () => _(-1),
 						children: /* @__PURE__ */ z("span", {
 							style: {
 								color: "var(--text-tertiary)",
@@ -1887,7 +1890,7 @@ function Mt({ items: e = [], className: t = "" }) {
 			className: "activity-item",
 			children: [/* @__PURE__ */ z("div", {
 				className: "activity-avatar",
-				children: /* @__PURE__ */ z(Y, {
+				children: /* @__PURE__ */ z(J, {
 					name: e.user,
 					size: "sm"
 				})
@@ -2233,7 +2236,7 @@ function Vt({ priority: e, id: t, statusColor: n = "var(--accent-yellow)", title
 	function R(e) {
 		D && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), T());
 	}
-	let V = x || w || b, H = C || (y ? void 0 : { background: "var(--accent-blue)" }), U = g || (h === "warning" ? f : S), ee = v || (y || b || V ? /* @__PURE__ */ z(Y, {
+	let V = x || w || b, H = C || (y ? void 0 : { background: "var(--accent-blue)" }), U = g || (h === "warning" ? f : S), ee = v || (y || b || V ? /* @__PURE__ */ z(J, {
 		imageUrl: y,
 		initials: b,
 		name: V,
@@ -2426,7 +2429,7 @@ function Wt({ notifications: e = [], onMarkRead: t, onMarkAllRead: n, className:
 				className: `notification-item ${e.read ? "" : "unread"}`,
 				onClick: () => !e.read && t?.(e.id),
 				children: [
-					/* @__PURE__ */ z(Y, {
+					/* @__PURE__ */ z(J, {
 						name: e.user,
 						size: "sm"
 					}),
@@ -2978,4 +2981,4 @@ function Cn() {
 	});
 }
 //#endregion
-export { Re as Accordion, Le as AccordionItem, Mt as ActivityFeed, Ne as AppLoader, Y as Avatar, X as Badge, yn as BellIcon, Ge as Button, bn as CalendarIcon, qe as Card, Ze as CardContent, Xe as CardDescription, Qe as CardFooter, Je as CardHeader, Ye as CardTitle, _n as CheckIcon, en as ChevronDown, tn as ChevronUp, gn as CloseIcon, Nt as CommandBar, vn as CopyIcon, Tt as DEFAULT_ICON_BY_VALUE, Et as DEFAULT_VIEW_MODE_OPTIONS, Pt as DataTable, et as Dialog, it as DialogBody, rt as DialogDescription, at as DialogFooter, tt as DialogHeader, nt as DialogTitle, st as DropdownMenu, lt as DropdownMenuCheckboxItem, ct as DropdownMenuItem, ut as DropdownMenuLabel, dt as DropdownMenuSeparator, $t as EditIcon, Ae as FCCAppShell, je as FCCBrandLogo, xe as FCCBreadcrumbs, oe as FCCDesignProvider, Ie as FCCDetailsPanel, Ce as FCCHeaderStatus, Fe as FCCLoader, Te as FCCMainWindow, J as FCCSidePanel, ge as FCCSidePanelAction, le as FCCSidePanelBody, me as FCCSidePanelCard, _e as FCCSidePanelChatWrap, he as FCCSidePanelContact, ve as FCCSidePanelConversation, fe as FCCSidePanelGroupLabel, ce as FCCSidePanelHeader, pe as FCCSidePanelItem, ye as FCCSidePanelMessage, de as FCCSidePanelSearch, ue as FCCSidePanelTabs, ke as FCCSidebar, Me as FCCThemeToggle, we as FCCWorkspaceHeader, Ft as FilterBar, xn as FilterIcon, Gt as InboxIcon, Yt as InitiativesIcon, ot as Input, Kt as IssuesIcon, Ht as KPICard, It as KanbanBoard, Rt as KanbanCard, Lt as KanbanColumn, Cn as LabelIcon, pn as LinkIcon, Zt as MoreIcon, Wt as NotificationsPanel, un as PriorityHigh, fn as PriorityLow, dn as PriorityMedium, ln as PriorityUrgent, Xt as ProjectsIcon, Jt as PulseIcon, qt as ReviewsIcon, Qt as SearchIcon, ft as SearchableSelect, hn as SettingsIcon, pt as Sheet, mt as SheetFooter, Pe as Spinner, nn as StarIcon, Ut as StatCard, sn as StatusBacklog, cn as StatusCancelled, an as StatusDone, rn as StatusInProgress, _t as StatusMetric, on as StatusTodo, vt as Switch, zt as TableBoard, Bt as TableBoardGroup, Vt as TableBoardRow, yt as Tabs, St as TabsContent, bt as TabsList, xt as TabsTrigger, Ct as Textarea, G as ThemeProvider, te as ToastProvider, wt as Tooltip, mn as TrashIcon, Sn as UserIcon, kt as ViewModeToggle, jt as WorkspaceTabs, K as useTheme, ne as useToast };
+export { ze as Accordion, Re as AccordionItem, Mt as ActivityFeed, Pe as AppLoader, J as Avatar, X as Badge, yn as BellIcon, Ge as Button, bn as CalendarIcon, qe as Card, Ze as CardContent, Xe as CardDescription, Qe as CardFooter, Je as CardHeader, Ye as CardTitle, _n as CheckIcon, en as ChevronDown, tn as ChevronUp, gn as CloseIcon, Nt as CommandBar, vn as CopyIcon, Tt as DEFAULT_ICON_BY_VALUE, Et as DEFAULT_VIEW_MODE_OPTIONS, Pt as DataTable, et as Dialog, it as DialogBody, rt as DialogDescription, at as DialogFooter, tt as DialogHeader, nt as DialogTitle, st as DropdownMenu, lt as DropdownMenuCheckboxItem, ct as DropdownMenuItem, ut as DropdownMenuLabel, dt as DropdownMenuSeparator, $t as EditIcon, je as FCCAppShell, Me as FCCBrandLogo, we as FCCBreadcrumbs, ce as FCCDesignProvider, Le as FCCDetailsPanel, K as FCCHeaderStatus, Ie as FCCLoader, Ee as FCCMainWindow, ue as FCCSidePanel, ye as FCCSidePanelAction, fe as FCCSidePanelBody, _e as FCCSidePanelCard, be as FCCSidePanelChatWrap, ve as FCCSidePanelContact, xe as FCCSidePanelConversation, he as FCCSidePanelGroupLabel, de as FCCSidePanelHeader, ge as FCCSidePanelItem, Se as FCCSidePanelMessage, me as FCCSidePanelSearch, pe as FCCSidePanelTabs, Ae as FCCSidebar, Ne as FCCThemeToggle, q as FCCWorkspaceHeader, Ft as FilterBar, xn as FilterIcon, Gt as InboxIcon, Yt as InitiativesIcon, ot as Input, Kt as IssuesIcon, Ht as KPICard, It as KanbanBoard, Rt as KanbanCard, Lt as KanbanColumn, Cn as LabelIcon, pn as LinkIcon, Zt as MoreIcon, Wt as NotificationsPanel, un as PriorityHigh, fn as PriorityLow, dn as PriorityMedium, ln as PriorityUrgent, Xt as ProjectsIcon, Jt as PulseIcon, qt as ReviewsIcon, Qt as SearchIcon, ft as SearchableSelect, hn as SettingsIcon, pt as Sheet, mt as SheetFooter, Fe as Spinner, nn as StarIcon, Ut as StatCard, sn as StatusBacklog, cn as StatusCancelled, an as StatusDone, rn as StatusInProgress, _t as StatusMetric, on as StatusTodo, vt as Switch, zt as TableBoard, Bt as TableBoardGroup, Vt as TableBoardRow, yt as Tabs, St as TabsContent, bt as TabsList, xt as TabsTrigger, Ct as Textarea, se as ThemeProvider, te as ToastProvider, wt as Tooltip, mn as TrashIcon, Sn as UserIcon, kt as ViewModeToggle, jt as WorkspaceTabs, W as useTheme, ne as useToast };