@countermeasure-platform/web-components 0.2.0

package/dist/navigation-menu-CR-D1doi.js

@@ -0,0 +1,622 @@
+import { n as e, t } from "./dist-BOvRuqYp.js";
+import { t as n } from "./utils-B7XIe3qq.js";
+import { a as r, n as i, o as a, r as o, t as s } from "./dist-CuA1lYwd.js";
+import { t as c } from "./dist-DHddbHrS.js";
+import { t as l } from "./dist-BHlnF6po.js";
+import { t as u } from "./dist-CuEY-E_Y.js";
+import { t as d } from "./dist--GaXbmRw2.js";
+import { t as f } from "./dist-DLCJ6BjJ.js";
+import { t as p } from "./chevron-down-CsLpP_71.js";
+import { t as m } from "./dist-DtNafQtQ2.js";
+import { t as h } from "./dist-hG2PgpV-2.js";
+import { t as g } from "./dist-D6Fo4Qkc.js";
+import { t as _ } from "./dist-CXvCjmkw.js";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import * as x from "react";
+import S from "react-dom";
+//#region node_modules/@radix-ui/react-navigation-menu/dist/index.mjs
+var C = "NavigationMenu", [w, T, E] = m(C), [D, O, k] = m(C), [A, ee] = r(C, [E, k]), [te, j] = A(C), [ne, re] = A(C), M = x.forwardRef((t, n) => {
+	let { __scopeNavigationMenu: r, value: i, onValueChange: a, defaultValue: o, delayDuration: c = 200, skipDelayDuration: u = 300, orientation: d = "horizontal", dir: f, ...p } = t, [m, g] = x.useState(null), _ = e(n, (e) => g(e)), v = h(f), b = x.useRef(0), S = x.useRef(0), w = x.useRef(0), [T, E] = x.useState(!0), [D, O] = l({
+		prop: i,
+		onChange: (e) => {
+			let t = e !== "", n = u > 0;
+			t ? (window.clearTimeout(w.current), n && E(!1)) : (window.clearTimeout(w.current), w.current = window.setTimeout(() => E(!0), u)), a?.(e);
+		},
+		defaultProp: o ?? "",
+		caller: C
+	}), k = x.useCallback(() => {
+		window.clearTimeout(S.current), S.current = window.setTimeout(() => O(""), 150);
+	}, [O]), A = x.useCallback((e) => {
+		window.clearTimeout(S.current), O(e);
+	}, [O]), ee = x.useCallback((e) => {
+		D === e ? window.clearTimeout(S.current) : b.current = window.setTimeout(() => {
+			window.clearTimeout(S.current), O(e);
+		}, c);
+	}, [
+		D,
+		O,
+		c
+	]);
+	return x.useEffect(() => () => {
+		window.clearTimeout(b.current), window.clearTimeout(S.current), window.clearTimeout(w.current);
+	}, []), /* @__PURE__ */ y(ae, {
+		scope: r,
+		isRootMenu: !0,
+		value: D,
+		dir: v,
+		orientation: d,
+		rootNavigationMenu: m,
+		onTriggerEnter: (e) => {
+			window.clearTimeout(b.current), T ? ee(e) : A(e);
+		},
+		onTriggerLeave: () => {
+			window.clearTimeout(b.current), k();
+		},
+		onContentEnter: () => window.clearTimeout(S.current),
+		onContentLeave: k,
+		onItemSelect: (e) => {
+			O((t) => t === e ? "" : e);
+		},
+		onItemDismiss: () => O(""),
+		children: /* @__PURE__ */ y(s.nav, {
+			"aria-label": "Main",
+			"data-orientation": d,
+			dir: v,
+			...p,
+			ref: _
+		})
+	});
+});
+M.displayName = C;
+var N = "NavigationMenuSub", ie = x.forwardRef((e, t) => {
+	let { __scopeNavigationMenu: n, value: r, onValueChange: i, defaultValue: a, orientation: o = "horizontal", ...c } = e, u = j(N, n), [d, f] = l({
+		prop: r,
+		onChange: i,
+		defaultProp: a ?? "",
+		caller: N
+	});
+	return /* @__PURE__ */ y(ae, {
+		scope: n,
+		isRootMenu: !1,
+		value: d,
+		dir: u.dir,
+		orientation: o,
+		rootNavigationMenu: u.rootNavigationMenu,
+		onTriggerEnter: (e) => f(e),
+		onItemSelect: (e) => f(e),
+		onItemDismiss: () => f(""),
+		children: /* @__PURE__ */ y(s.div, {
+			"data-orientation": o,
+			...c,
+			ref: t
+		})
+	});
+});
+ie.displayName = N;
+var ae = (e) => {
+	let { scope: t, isRootMenu: n, rootNavigationMenu: r, dir: i, orientation: a, children: o, value: s, onItemSelect: l, onItemDismiss: d, onTriggerEnter: f, onTriggerLeave: p, onContentEnter: m, onContentLeave: h } = e, [_, v] = x.useState(null), [b, S] = x.useState(/* @__PURE__ */ new Map()), [C, T] = x.useState(null);
+	return /* @__PURE__ */ y(te, {
+		scope: t,
+		isRootMenu: n,
+		rootNavigationMenu: r,
+		value: s,
+		previousValue: g(s),
+		baseId: c(),
+		dir: i,
+		orientation: a,
+		viewport: _,
+		onViewportChange: v,
+		indicatorTrack: C,
+		onIndicatorTrackChange: T,
+		onTriggerEnter: u(f),
+		onTriggerLeave: u(p),
+		onContentEnter: u(m),
+		onContentLeave: u(h),
+		onItemSelect: u(l),
+		onItemDismiss: u(d),
+		onViewportContentChange: x.useCallback((e, t) => {
+			S((n) => (n.set(e, t), new Map(n)));
+		}, []),
+		onViewportContentRemove: x.useCallback((e) => {
+			S((t) => t.has(e) ? (t.delete(e), new Map(t)) : t);
+		}, []),
+		children: /* @__PURE__ */ y(w.Provider, {
+			scope: t,
+			children: /* @__PURE__ */ y(ne, {
+				scope: t,
+				items: b,
+				children: o
+			})
+		})
+	});
+}, oe = "NavigationMenuList", se = x.forwardRef((e, t) => {
+	let { __scopeNavigationMenu: n, ...r } = e, i = j(oe, n), a = /* @__PURE__ */ y(s.ul, {
+		"data-orientation": i.orientation,
+		...r,
+		ref: t
+	});
+	return /* @__PURE__ */ y(s.div, {
+		style: { position: "relative" },
+		ref: i.onIndicatorTrackChange,
+		children: /* @__PURE__ */ y(w.Slot, {
+			scope: n,
+			children: i.isRootMenu ? /* @__PURE__ */ y(ge, {
+				asChild: !0,
+				children: a
+			}) : a
+		})
+	});
+});
+se.displayName = oe;
+var ce = "NavigationMenuItem", [le, P] = A(ce), ue = x.forwardRef((e, t) => {
+	let { __scopeNavigationMenu: n, value: r, ...i } = e, a = c(), o = r || a || "LEGACY_REACT_AUTO_VALUE", l = x.useRef(null), u = x.useRef(null), d = x.useRef(null), f = x.useRef(() => {}), p = x.useRef(!1), m = x.useCallback((e = "start") => {
+		if (l.current) {
+			f.current();
+			let t = q(l.current);
+			t.length && J(e === "start" ? t : t.reverse());
+		}
+	}, []), h = x.useCallback(() => {
+		if (l.current) {
+			let e = q(l.current);
+			e.length && (f.current = be(e));
+		}
+	}, []);
+	return /* @__PURE__ */ y(le, {
+		scope: n,
+		value: o,
+		triggerRef: u,
+		contentRef: l,
+		focusProxyRef: d,
+		wasEscapeCloseRef: p,
+		onEntryKeyDown: m,
+		onFocusProxyEnter: m,
+		onRootContentClose: h,
+		onContentFocusOutside: h,
+		children: /* @__PURE__ */ y(s.li, {
+			...i,
+			ref: t
+		})
+	});
+});
+ue.displayName = ce;
+var F = "NavigationMenuTrigger", I = x.forwardRef((t, n) => {
+	let { __scopeNavigationMenu: r, disabled: i, ...o } = t, c = j(F, t.__scopeNavigationMenu), l = P(F, t.__scopeNavigationMenu), u = x.useRef(null), d = e(u, l.triggerRef, n), f = xe(c.baseId, l.value), p = Se(c.baseId, l.value), m = x.useRef(!1), h = x.useRef(!1), g = l.value === c.value;
+	return /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(w.ItemSlot, {
+		scope: r,
+		value: l.value,
+		children: /* @__PURE__ */ y(ye, {
+			asChild: !0,
+			children: /* @__PURE__ */ y(s.button, {
+				id: f,
+				disabled: i,
+				"data-disabled": i ? "" : void 0,
+				"data-state": X(g),
+				"aria-expanded": g,
+				"aria-controls": p,
+				...o,
+				ref: d,
+				onPointerEnter: a(t.onPointerEnter, () => {
+					h.current = !1, l.wasEscapeCloseRef.current = !1;
+				}),
+				onPointerMove: a(t.onPointerMove, Z(() => {
+					i || h.current || l.wasEscapeCloseRef.current || m.current || (c.onTriggerEnter(l.value), m.current = !0);
+				})),
+				onPointerLeave: a(t.onPointerLeave, Z(() => {
+					i || (c.onTriggerLeave(), m.current = !1);
+				})),
+				onClick: a(t.onClick, () => {
+					c.onItemSelect(l.value), h.current = g;
+				}),
+				onKeyDown: a(t.onKeyDown, (e) => {
+					let t = {
+						horizontal: "ArrowDown",
+						vertical: c.dir === "rtl" ? "ArrowLeft" : "ArrowRight"
+					}[c.orientation];
+					g && e.key === t && (l.onEntryKeyDown(), e.preventDefault());
+				})
+			})
+		})
+	}), g && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(_, {
+		"aria-hidden": !0,
+		tabIndex: 0,
+		ref: l.focusProxyRef,
+		onFocus: (e) => {
+			let t = l.contentRef.current, n = e.relatedTarget, r = n === u.current, i = t?.contains(n);
+			(r || !i) && l.onFocusProxyEnter(r ? "start" : "end");
+		}
+	}), c.viewport && /* @__PURE__ */ y("span", { "aria-owns": p })] })] });
+});
+I.displayName = F;
+var de = "NavigationMenuLink", L = "navigationMenu.linkSelect", R = x.forwardRef((e, t) => {
+	let { __scopeNavigationMenu: n, active: r, onSelect: o, ...c } = e;
+	return /* @__PURE__ */ y(ye, {
+		asChild: !0,
+		children: /* @__PURE__ */ y(s.a, {
+			"data-active": r ? "" : void 0,
+			"aria-current": r ? "page" : void 0,
+			...c,
+			ref: t,
+			onClick: a(e.onClick, (e) => {
+				let t = e.target, n = new CustomEvent(L, {
+					bubbles: !0,
+					cancelable: !0
+				});
+				t.addEventListener(L, (e) => o?.(e), { once: !0 }), i(t, n), !n.defaultPrevented && !e.metaKey && i(t, new CustomEvent(U, {
+					bubbles: !0,
+					cancelable: !0
+				}));
+			}, { checkForDefaultPrevented: !1 })
+		})
+	});
+});
+R.displayName = de;
+var z = "NavigationMenuIndicator", B = x.forwardRef((e, t) => {
+	let { forceMount: n, ...r } = e, i = j(z, e.__scopeNavigationMenu), a = !!i.value;
+	return i.indicatorTrack ? S.createPortal(/* @__PURE__ */ y(f, {
+		present: n || a,
+		children: /* @__PURE__ */ y(fe, {
+			...r,
+			ref: t
+		})
+	}), i.indicatorTrack) : null;
+});
+B.displayName = z;
+var fe = x.forwardRef((e, t) => {
+	let { __scopeNavigationMenu: n, ...r } = e, i = j(z, n), a = T(n), [o, c] = x.useState(null), [l, u] = x.useState(null), d = i.orientation === "horizontal", f = !!i.value;
+	x.useEffect(() => {
+		let e = a().find((e) => e.value === i.value)?.ref.current;
+		e && c(e);
+	}, [a, i.value]);
+	let p = () => {
+		o && u({
+			size: d ? o.offsetWidth : o.offsetHeight,
+			offset: d ? o.offsetLeft : o.offsetTop
+		});
+	};
+	return Y(o, p), Y(i.indicatorTrack, p), l ? /* @__PURE__ */ y(s.div, {
+		"aria-hidden": !0,
+		"data-state": f ? "visible" : "hidden",
+		"data-orientation": i.orientation,
+		...r,
+		ref: t,
+		style: {
+			position: "absolute",
+			...d ? {
+				left: 0,
+				width: l.size + "px",
+				transform: `translateX(${l.offset}px)`
+			} : {
+				top: 0,
+				height: l.size + "px",
+				transform: `translateY(${l.offset}px)`
+			},
+			...r.style
+		}
+	}) : null;
+}), V = "NavigationMenuContent", H = x.forwardRef((t, n) => {
+	let { forceMount: r, ...i } = t, o = j(V, t.__scopeNavigationMenu), s = P(V, t.__scopeNavigationMenu), c = e(s.contentRef, n), l = s.value === o.value, u = {
+		value: s.value,
+		triggerRef: s.triggerRef,
+		focusProxyRef: s.focusProxyRef,
+		wasEscapeCloseRef: s.wasEscapeCloseRef,
+		onContentFocusOutside: s.onContentFocusOutside,
+		onRootContentClose: s.onRootContentClose,
+		...i
+	};
+	return o.viewport ? /* @__PURE__ */ y(pe, {
+		forceMount: r,
+		...u,
+		ref: c
+	}) : /* @__PURE__ */ y(f, {
+		present: r || l,
+		children: /* @__PURE__ */ y(W, {
+			"data-state": X(l),
+			...u,
+			ref: c,
+			onPointerEnter: a(t.onPointerEnter, o.onContentEnter),
+			onPointerLeave: a(t.onPointerLeave, Z(o.onContentLeave)),
+			style: {
+				pointerEvents: !l && o.isRootMenu ? "none" : void 0,
+				...u.style
+			}
+		})
+	});
+});
+H.displayName = V;
+var pe = x.forwardRef((e, t) => {
+	let { onViewportContentChange: n, onViewportContentRemove: r } = j(V, e.__scopeNavigationMenu);
+	return o(() => {
+		n(e.value, {
+			ref: t,
+			...e
+		});
+	}, [
+		e,
+		t,
+		n
+	]), o(() => () => r(e.value), [e.value, r]), null;
+}), U = "navigationMenu.rootContentDismiss", W = x.forwardRef((t, n) => {
+	let { __scopeNavigationMenu: r, value: i, triggerRef: o, focusProxyRef: s, wasEscapeCloseRef: c, onRootContentClose: l, onContentFocusOutside: u, ...f } = t, p = j(V, r), m = x.useRef(null), h = e(m, n), g = xe(p.baseId, i), _ = Se(p.baseId, i), v = T(r), b = x.useRef(null), { onItemDismiss: S } = p;
+	x.useEffect(() => {
+		let e = m.current;
+		if (p.isRootMenu && e) {
+			let t = () => {
+				S(), l(), e.contains(document.activeElement) && o.current?.focus();
+			};
+			return e.addEventListener(U, t), () => e.removeEventListener(U, t);
+		}
+	}, [
+		p.isRootMenu,
+		t.value,
+		o,
+		S,
+		l
+	]);
+	let C = x.useMemo(() => {
+		let e = v().map((e) => e.value);
+		p.dir === "rtl" && e.reverse();
+		let t = e.indexOf(p.value), n = e.indexOf(p.previousValue), r = i === p.value, a = n === e.indexOf(i);
+		if (!r && !a) return b.current;
+		let o = (() => {
+			if (t !== n) {
+				if (r && n !== -1) return t > n ? "from-end" : "from-start";
+				if (a && t !== -1) return t > n ? "to-start" : "to-end";
+			}
+			return null;
+		})();
+		return b.current = o, o;
+	}, [
+		p.previousValue,
+		p.value,
+		p.dir,
+		v,
+		i
+	]);
+	return /* @__PURE__ */ y(ge, {
+		asChild: !0,
+		children: /* @__PURE__ */ y(d, {
+			id: _,
+			"aria-labelledby": g,
+			"data-motion": C,
+			"data-orientation": p.orientation,
+			...f,
+			ref: h,
+			disableOutsidePointerEvents: !1,
+			onDismiss: () => {
+				let e = new Event(U, {
+					bubbles: !0,
+					cancelable: !0
+				});
+				m.current?.dispatchEvent(e);
+			},
+			onFocusOutside: a(t.onFocusOutside, (e) => {
+				u();
+				let t = e.target;
+				p.rootNavigationMenu?.contains(t) && e.preventDefault();
+			}),
+			onPointerDownOutside: a(t.onPointerDownOutside, (e) => {
+				let t = e.target, n = v().some((e) => e.ref.current?.contains(t)), r = p.isRootMenu && p.viewport?.contains(t);
+				(n || r || !p.isRootMenu) && e.preventDefault();
+			}),
+			onKeyDown: a(t.onKeyDown, (e) => {
+				let t = e.altKey || e.ctrlKey || e.metaKey;
+				if (e.key === "Tab" && !t) {
+					let t = q(e.currentTarget), n = document.activeElement, r = t.findIndex((e) => e === n);
+					J(e.shiftKey ? t.slice(0, r).reverse() : t.slice(r + 1, t.length)) ? e.preventDefault() : s.current?.focus();
+				}
+			}),
+			onEscapeKeyDown: a(t.onEscapeKeyDown, (e) => {
+				c.current = !0;
+			})
+		})
+	});
+}), G = "NavigationMenuViewport", K = x.forwardRef((e, t) => {
+	let { forceMount: n, ...r } = e, i = !!j(G, e.__scopeNavigationMenu).value;
+	return /* @__PURE__ */ y(f, {
+		present: n || i,
+		children: /* @__PURE__ */ y(me, {
+			...r,
+			ref: t
+		})
+	});
+});
+K.displayName = G;
+var me = x.forwardRef((n, r) => {
+	let { __scopeNavigationMenu: i, children: o, ...c } = n, l = j(G, i), u = e(r, l.onViewportChange), d = re(V, n.__scopeNavigationMenu), [p, m] = x.useState(null), [h, g] = x.useState(null), _ = p ? p?.width + "px" : void 0, v = p ? p?.height + "px" : void 0, b = !!l.value, S = b ? l.value : l.previousValue;
+	return Y(h, () => {
+		h && m({
+			width: h.offsetWidth,
+			height: h.offsetHeight
+		});
+	}), /* @__PURE__ */ y(s.div, {
+		"data-state": X(b),
+		"data-orientation": l.orientation,
+		...c,
+		ref: u,
+		style: {
+			pointerEvents: !b && l.isRootMenu ? "none" : void 0,
+			"--radix-navigation-menu-viewport-width": _,
+			"--radix-navigation-menu-viewport-height": v,
+			...c.style
+		},
+		onPointerEnter: a(n.onPointerEnter, l.onContentEnter),
+		onPointerLeave: a(n.onPointerLeave, Z(l.onContentLeave)),
+		children: Array.from(d.items).map(([e, { ref: n, forceMount: r, ...i }]) => {
+			let a = S === e;
+			return /* @__PURE__ */ y(f, {
+				present: r || a,
+				children: /* @__PURE__ */ y(W, {
+					...i,
+					ref: t(n, (e) => {
+						a && e && g(e);
+					})
+				})
+			}, e);
+		})
+	});
+}), he = "FocusGroup", ge = x.forwardRef((e, t) => {
+	let { __scopeNavigationMenu: n, ...r } = e, i = j(he, n);
+	return /* @__PURE__ */ y(D.Provider, {
+		scope: n,
+		children: /* @__PURE__ */ y(D.Slot, {
+			scope: n,
+			children: /* @__PURE__ */ y(s.div, {
+				dir: i.dir,
+				...r,
+				ref: t
+			})
+		})
+	});
+}), _e = [
+	"ArrowRight",
+	"ArrowLeft",
+	"ArrowUp",
+	"ArrowDown"
+], ve = "FocusGroupItem", ye = x.forwardRef((e, t) => {
+	let { __scopeNavigationMenu: n, ...r } = e, i = O(n), o = j(ve, n);
+	return /* @__PURE__ */ y(D.ItemSlot, {
+		scope: n,
+		children: /* @__PURE__ */ y(s.button, {
+			...r,
+			ref: t,
+			onKeyDown: a(e.onKeyDown, (e) => {
+				if ([
+					"Home",
+					"End",
+					..._e
+				].includes(e.key)) {
+					let t = i().map((e) => e.ref.current);
+					if ([
+						o.dir === "rtl" ? "ArrowRight" : "ArrowLeft",
+						"ArrowUp",
+						"End"
+					].includes(e.key) && t.reverse(), _e.includes(e.key)) {
+						let n = t.indexOf(e.currentTarget);
+						t = t.slice(n + 1);
+					}
+					setTimeout(() => J(t)), e.preventDefault();
+				}
+			})
+		})
+	});
+});
+function q(e) {
+	let t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { acceptNode: (e) => {
+		let t = e.tagName === "INPUT" && e.type === "hidden";
+		return e.disabled || e.hidden || t ? NodeFilter.FILTER_SKIP : e.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+	} });
+	for (; n.nextNode();) t.push(n.currentNode);
+	return t;
+}
+function J(e) {
+	let t = document.activeElement;
+	return e.some((e) => e === t ? !0 : (e.focus(), document.activeElement !== t));
+}
+function be(e) {
+	return e.forEach((e) => {
+		e.dataset.tabindex = e.getAttribute("tabindex") || "", e.setAttribute("tabindex", "-1");
+	}), () => {
+		e.forEach((e) => {
+			let t = e.dataset.tabindex;
+			e.setAttribute("tabindex", t);
+		});
+	};
+}
+function Y(e, t) {
+	let n = u(t);
+	o(() => {
+		let t = 0;
+		if (e) {
+			let r = new ResizeObserver(() => {
+				cancelAnimationFrame(t), t = window.requestAnimationFrame(n);
+			});
+			return r.observe(e), () => {
+				window.cancelAnimationFrame(t), r.unobserve(e);
+			};
+		}
+	}, [e, n]);
+}
+function X(e) {
+	return e ? "open" : "closed";
+}
+function xe(e, t) {
+	return `${e}-trigger-${t}`;
+}
+function Se(e, t) {
+	return `${e}-content-${t}`;
+}
+function Z(e) {
+	return (t) => t.pointerType === "mouse" ? e(t) : void 0;
+}
+var Ce = M, we = se, Te = ue, Ee = I, De = R, Oe = B, ke = H, Ae = K;
+//#endregion
+//#region src/react/primitives/navigation-menu.tsx
+function je({ className: e, children: t, ...r }) {
+	return /* @__PURE__ */ b(Ce, {
+		"data-slot": "navigation-menu",
+		className: n("relative z-10 flex max-w-max flex-1 items-center justify-center", e),
+		...r,
+		children: [t, /* @__PURE__ */ y($, {})]
+	});
+}
+function Me({ className: e, ...t }) {
+	return /* @__PURE__ */ y(we, {
+		"data-slot": "navigation-menu-list",
+		className: n("group flex flex-1 list-none items-center justify-center gap-1", e),
+		...t
+	});
+}
+function Ne({ ...e }) {
+	return /* @__PURE__ */ y(Te, {
+		"data-slot": "navigation-menu-item",
+		...e
+	});
+}
+var Q = "group inline-flex h-9 w-max items-center justify-center rounded-lg px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-foreground focus:bg-accent focus:text-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent/50 data-[active]:bg-accent/50 text-foreground-secondary";
+function Pe({ className: e, children: t, ...r }) {
+	return /* @__PURE__ */ b(Ee, {
+		"data-slot": "navigation-menu-trigger",
+		className: n(Q, "group", e),
+		...r,
+		children: [t, /* @__PURE__ */ y(p, {
+			className: "relative top-px ml-1 size-3 transition-transform duration-200 group-data-[state=open]:rotate-180",
+			"aria-hidden": "true"
+		})]
+	});
+}
+function Fe({ className: e, ...t }) {
+	return /* @__PURE__ */ y(ke, {
+		"data-slot": "navigation-menu-content",
+		className: n("data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52", "left-0 top-0 w-full md:absolute md:w-auto", e),
+		...t
+	});
+}
+function Ie({ className: e, ...t }) {
+	return /* @__PURE__ */ y(De, {
+		"data-slot": "navigation-menu-link",
+		className: n(Q, e),
+		...t
+	});
+}
+function $({ className: e, ...t }) {
+	return /* @__PURE__ */ y("div", {
+		className: "absolute top-full left-0 flex justify-center",
+		children: /* @__PURE__ */ y(Ae, {
+			"data-slot": "navigation-menu-viewport",
+			className: n("origin-top-center data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-xl border shadow-xl md:w-[var(--radix-navigation-menu-viewport-width)]", "border-border-glass bg-popover backdrop-blur-xl", "transition-[width,height] duration-300", e),
+			...t
+		})
+	});
+}
+function Le({ className: e, ...t }) {
+	return /* @__PURE__ */ y(Oe, {
+		"data-slot": "navigation-menu-indicator",
+		className: n("data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden", e),
+		...t,
+		children: /* @__PURE__ */ y("div", { className: "bg-border-glass relative top-[60%] size-2 rotate-45 rounded-tl-sm shadow-md" })
+	});
+}
+//#endregion
+export { Ie as a, $ as c, Ne as i, Q as l, Fe as n, Me as o, Le as r, Pe as s, je as t };
+
+//# sourceMappingURL=navigation-menu-CR-D1doi.js.map