@usace/groundwork 4.3.2 → 5.0.0

package/dist/es/components/profile-dropdown.js

@@ -0,0 +1,61 @@
+import e from "./navigation/link.js";
+import { useEffect as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Menu as a, MenuButton as o, MenuItem as s, MenuItems as c } from "@headlessui/react";
+//#region lib/components/profile-dropdown.jsx
+function l(e) {
+	let t = new TextEncoder().encode(e);
+	return window.crypto.subtle.digest("SHA-256", t).then((e) => Array.from(new Uint8Array(e)).map((e) => e.toString(16).padStart(2, "0")).join(""));
+}
+function u({ email: e }) {
+	let [i, a] = n("https://www.gravatar.com/avatar/unknown?d=identicon");
+	return t(() => {
+		async function t() {
+			let t = await l(e);
+			a(`https://www.gravatar.com/avatar/${t}?d=identicon`);
+		}
+		t();
+	}, [e]), /* @__PURE__ */ r("img", {
+		className: "gw:h-8 gw:w-8 gw:rounded-full",
+		src: i,
+		"aria-label": "Gravatar profile image",
+		alt: "Gravatar profile image"
+	});
+}
+function d({ username: t, email: n, links: l = [], showLogout: d = !1, onLogout: f }) {
+	let p = l.length > 0 || d;
+	return /* @__PURE__ */ i(a, {
+		as: "div",
+		className: "gw:relative gw:ml-4 gw:shrink-0",
+		children: [/* @__PURE__ */ r("div", { children: /* @__PURE__ */ i(o, {
+			className: "gw:relative gw:flex gw:rounded-full gw:bg-white gw:focus:gw:outline-none gw:hover:cursor-pointer",
+			children: [
+				/* @__PURE__ */ r("span", { className: "gw:absolute gw:-inset-1.gw:5" }),
+				/* @__PURE__ */ r("span", {
+					className: "gw:sr-only",
+					children: "Open user menu"
+				}),
+				n ? /* @__PURE__ */ r(u, { email: n }) : /* @__PURE__ */ r("strong", {
+					className: "gw:inline-block gw:h-8 gw:w-8 gw:rounded-full gw:overflow-hidden gw:text-nav-black gw:text-xl gw:bg-nav-gray",
+					children: /* @__PURE__ */ r("span", {
+						className: "gw:align-middle",
+						children: t ? t[0].toUpperCase() : "U"
+					})
+				})
+			]
+		}) }), p ? /* @__PURE__ */ i(c, {
+			className: "gw:absolute gw:right-0 gw:z-10 gw:mt-2 gw:w-48 gw:origin-top-right gw:rounded-sm gw:bg-white gw:py-1 gw:shadow-lg gw:ring-1 gw:ring-black/5 gw:focus:gw:outline-none",
+			children: [l.map((t) => /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r(e, {
+				href: t.href,
+				className: "gw:block gw:px-4 gw:py-2 gw:text-sm gw:text-gray-700 gw:hover:bg-gray-100 gw:hover:cursor-pointer",
+				children: t.text
+			}, t.id) }, t.text)), d ? /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r("button", {
+				onClick: f,
+				className: "gw:block gw:w-full gw:px-4 gw:py-2 gw:text-sm gw:text-left gw:text-gray-700 gw:hover:bg-gray-100 gw:hover:cursor-pointer",
+				children: "Logout"
+			}) }) : null]
+		}) : null]
+	});
+}
+//#endregion
+export { d as ProfileDropdown };

package/dist/es/components/search.js

@@ -0,0 +1,37 @@
+import e from "../img/Magnifying_glass_icon.js";
+import { useState as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region lib/components/search.jsx
+function r({ value: t, onChange: r, placeholder: i = "Search", ...a }) {
+	return /* @__PURE__ */ n("input", {
+		type: "text",
+		placeholder: i,
+		value: t,
+		onChange: r,
+		...a,
+		style: {
+			order: 2,
+			backgroundImage: `url("${e}")`,
+			backgroundSize: "13px",
+			backgroundRepeat: "no-repeat",
+			backgroundPosition: "10px center"
+		},
+		className: "gw:bg-white gw:border-gray-200 gw:border-2 gw:rounded gw:h-8 gw:m-2 gw:text-sm gw:text-black gw:w-full gw:pl-8"
+	});
+}
+function i({ accessKey: e, affiliate: i, placeholder: a, ...o }) {
+	let [s, c] = t([]);
+	return /* @__PURE__ */ n(r, {
+		value: s,
+		onChange: (e) => {
+			c(e.target.value);
+		},
+		onKeyUp: (t) => {
+			t.key === "Enter" && (window.location = `https://search.usa.gov/search?affiliate=${i}&access_key=${e}&query=${s}`), t.key === "Escape" && c("");
+		},
+		placeholder: a,
+		...o
+	});
+}
+//#endregion
+export { r as Search, r as default, i as SearchDotGov };

package/dist/es/components/table.js

@@ -0,0 +1,101 @@
+"use client";
+import e from "../gw-merge.js";
+import t from "./navigation/link.js";
+import n from "../hooks/useScrollFade.js";
+import { createContext as r, useContext as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region lib/components/table.jsx
+var c = r({
+	bleed: !1,
+	dense: !1,
+	grid: !1,
+	striped: !1,
+	overflow: !1,
+	overflowHeight: "gw:max-h-[65vh]",
+	stickyHeader: !1
+});
+function l({ bleed: t = !1, dense: r = !1, grid: i = !1, striped: a = !1, className: l, children: u, overflow: d = !1, overflowHeight: f = "gw:max-h-[65vh]", stickyHeader: p = !1, ...m }) {
+	let { scrollRef: h, showFade: g } = n();
+	return /* @__PURE__ */ o(c.Provider, {
+		value: {
+			bleed: t,
+			dense: r,
+			grid: i,
+			striped: a,
+			overflow: d,
+			overflowHeight: f,
+			stickyHeader: p
+		},
+		children: /* @__PURE__ */ o("div", {
+			className: "gw:flow-root",
+			children: /* @__PURE__ */ s("div", {
+				...m,
+				className: e("gw:-mx-(--gutter) gw:overflow-x-auto gw:whitespace-nowrap", "gw:relative", l),
+				children: [/* @__PURE__ */ o("div", {
+					ref: h,
+					className: e("gw:inline-block gw:min-w-full gw:align-middle", !t && "gw:sm:px-(--gutter)", d && "gw:overflow-y-auto", d && f && f),
+					children: /* @__PURE__ */ o("table", {
+						role: "presentation",
+						className: "gw:min-w-full gw:text-left gw:text-sm/6",
+						children: u
+					})
+				}), g && d && /* @__PURE__ */ o("div", { className: "gw:pointer-events-none gw:absolute gw:bottom-0 gw:left-0 gw:right-0 gw:h-8 gw:bg-linear-to-t gw:from-white gw:dark:from-zinc-950 gw:to-transparent" })]
+			})
+		})
+	});
+}
+function u({ className: t, ...n }) {
+	let { overflow: r, stickyHeader: a } = i(c);
+	return !r && a && console.warn("stickyHeader is set to true but overflow is not set. This will not work as expected. Please set overflow to true."), /* @__PURE__ */ o("thead", {
+		className: e("gw:text-zinc-500 gw:dark:text-zinc-400", t, r && a && "gw:z-10 gw:sticky gw:top-0 gw:bg-white gw:box-shadow gw:dark:bg-zinc-950/50 gw:backdrop-blur-(--backdrop-blur)"),
+		...n
+	});
+}
+function d(e) {
+	return /* @__PURE__ */ o("tbody", { ...e });
+}
+var f = r({
+	href: void 0,
+	target: void 0,
+	title: void 0
+});
+function p({ href: t, target: n, title: r, className: a, children: s, ...l }) {
+	let { striped: u } = i(c);
+	return /* @__PURE__ */ o(f.Provider, {
+		value: {
+			href: t,
+			target: n,
+			title: r
+		},
+		children: /* @__PURE__ */ o("tr", {
+			...l,
+			className: e(t && "gw:has-[[data-row-link][data-focus]]:outline gw:has-[[data-row-link][data-focus]]:-outline-offset-2 gw:has-[[data-row-link][data-focus]]:outline-blue-500 gw:dark:focus-within:bg-white/2.5", u && "gw:even:bg-zinc-950/2.5 gw:dark:even:bg-white/2.5", t && u && "gw:hover:bg-zinc-950/5 gw:dark:hover:bg-white/5", t && !u && "gw:hover:bg-zinc-950/2.5 gw:dark:hover:bg-white/2.5", a),
+			children: s
+		})
+	});
+}
+function m({ className: t, ...n }) {
+	let { bleed: r, grid: a } = i(c);
+	return /* @__PURE__ */ o("th", {
+		...n,
+		className: e("gw:border-b gw:border-b-zinc-950/10 gw:px-4 gw:py-2 gw:font-medium gw:first:pl-(--gutter,--spacing(2)) gw:last:pr-(--gutter,--spacing(2)) gw:dark:border-b-white/10", a && "gw:border-l gw:border-l-zinc-950/5 gw:first:border-l-0 gw:dark:border-l-white/5", !r && "gw:sm:first:pl-2 gw:sm:last:pr-2", t)
+	});
+}
+function h({ className: n, children: r, ...l }) {
+	let { bleed: u, dense: d, grid: p, striped: m } = i(c), { href: h, target: g, title: _ } = i(f), [v, y] = a(null);
+	return /* @__PURE__ */ s("td", {
+		ref: h ? y : void 0,
+		...l,
+		className: e("gw:relative gw:px-4 gw:first:pl-(--gutter,--spacing(2)) gw:last:pr-(--gutter,--spacing(2))", !m && "gw:border-b gw:border-zinc-950/5 gw:dark:border-white/5", p && "gw:border-l gw:border-l-zinc-950/5 gw:first:border-l-0 gw:dark:border-l-white/5", d ? "gw:py-2.5" : "gw:py-4", !u && "gw:sm:first:pl-2 gw:sm:last:pr-2", n),
+		children: [h && /* @__PURE__ */ o(t, {
+			"data-row-link": !0,
+			href: h,
+			target: g,
+			"aria-label": _,
+			tabIndex: v?.previousElementSibling === null ? 0 : -1,
+			className: "gw:absolute gw:inset-0 gw:focus:gw:outline-none"
+		}), r]
+	});
+}
+//#endregion
+export { l as Table, d as TableBody, h as TableCell, u as TableHead, m as TableHeader, p as TableRow };

package/dist/es/composite/footer/essayons.js

@@ -0,0 +1,22 @@
+import { useEffect as e, useState as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region lib/composite/footer/essayons.jsx
+function r() {
+	let [r, i] = t(null);
+	return e(() => {
+		let e = !1;
+		return import("../../img/essayonscrest.js").then((t) => {
+			e || i(t.default);
+		}), () => {
+			e = !0;
+		};
+	}, []), r ? /* @__PURE__ */ n("img", {
+		"aria-label": "USACE Castle",
+		alt: "USACE Castle",
+		src: r,
+		className: "gw:absolute gw:bottom-[56px] gw:left-[50%] gw:h-[125px] gw:w-[112px] gw:ml-[-56px]",
+		role: "presentation"
+	}) : null;
+}
+//#endregion
+export { r as Essayons, r as default };

package/dist/es/composite/footer/footer-links.js

@@ -0,0 +1,28 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region lib/composite/footer/footer-links.jsx
+function t({ links: t = [], columnCount: n = 2 }) {
+	return /* @__PURE__ */ e("ul", {
+		className: "gw:list-none",
+		style: {
+			columnCount: n,
+			columnGap: "40px",
+			margin: 0,
+			padding: "0 0 0 2px"
+		},
+		children: t.map((t, n) => {
+			let r = t.href.startsWith("http") ? "_blank" : "", i = t.href.startsWith("http") ? "noopener noreferrer" : "";
+			return /* @__PURE__ */ e("li", {
+				className: "gw:mb-2",
+				children: /* @__PURE__ */ e("a", {
+					href: t.href,
+					target: r,
+					rel: i,
+					className: "gw:hover:underline",
+					children: t.text
+				})
+			}, t.text + n);
+		})
+	});
+}
+//#endregion
+export { t as FooterLinks, t as default };

package/dist/es/composite/footer/index.js

@@ -0,0 +1,147 @@
+import { Container as e } from "../../components/layout/container.js";
+import { Text as t } from "../../components/display/text.js";
+import { Essayons as n } from "./essayons.js";
+import { LogoBanner as r } from "./logo-banner.js";
+import { SocialLinks as i } from "./social-links.js";
+import { FooterLinks as a } from "./footer-links.js";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region lib/composite/footer/index.jsx
+var l = [
+	{
+		href: "https://www.lrd.usace.army.mil/about/connect-with-us/",
+		text: "Contact"
+	},
+	{
+		href: "https://www.lrd.usace.army.mil/Careers/",
+		text: "Join Our Team"
+	},
+	{
+		href: "https://www.lrd.usace.army.mil/Wetlands-Permits/",
+		text: "Request a Permit (Regulatory)"
+	},
+	{
+		href: "https://www.lrd.usace.army.mil/FOIA/",
+		text: "Records Request (FOIA)"
+	},
+	{
+		href: "https://www.usace.army.mil/About/Offices-and-Units/Engineer-Inspector-General/",
+		text: "File a Complaint (IG)"
+	},
+	{
+		href: "https://www.lrd.usace.army.mil/Business-With-Us/",
+		text: "Business With Us"
+	},
+	{
+		href: "https://www.lrd.usace.army.mil/Equal-Employment-Opportunity/",
+		text: "Equal Employment Opportunity (EEO)"
+	},
+	{
+		href: "https://www.usace.army.mil/LinkDisclaimer.aspx",
+		text: "Link Disclaimer"
+	},
+	{
+		href: "https://www.usace.army.mil/PrivacyandSecurity.aspx",
+		text: "Privacy and Security"
+	},
+	{
+		href: "https://www.lrd.usace.army.mil/SiteMap.aspx",
+		text: "Site Map"
+	}
+], u = [
+	{
+		href: "https://dodcio.defense.gov/DoDSection508/Std_Stmt.aspx",
+		text: "Accessibility (Section 508)"
+	},
+	{
+		href: "http://www.esd.whs.mil/DD/plainlanguage",
+		text: "Plain Writing Act"
+	},
+	{
+		href: "https://prhome.defense.gov/nofear",
+		text: "No FEAR Act"
+	},
+	{
+		href: "https://open.defense.gov/",
+		text: "Open Government"
+	},
+	{
+		href: "https://business.defense.gov/",
+		text: "Small Business Act"
+	},
+	{
+		href: "https://www.inscom.army.mil/isalute/",
+		text: "Report Suspicious Activity"
+	},
+	{
+		href: "https://www.usa.gov",
+		text: "Find Government Services (USA.gov)"
+	}
+];
+function d({ fluidNav: d, missionText: f, aboutText: p, facebookUrl: m, twitterUrl: h, youtubeUrl: g, flickrUrl: _, instagramUrl: v, linkedInUrl: y, usaceLinks: b = l, externalLinks: x = u, armyLogo: S, army250Logo: C, usaceLogo: w, usace250Logo: T, rsgisLogo: E, cwbiLogo: D }) {
+	return /* @__PURE__ */ c("footer", {
+		className: "gw:relative gw:text-footer-light-gray gw:text-sm gw:bg-footer-black gw:border-t-gray-600 gw:border-t-4 gw:pb-[128px]",
+		children: [/* @__PURE__ */ s(n, {}), /* @__PURE__ */ c("div", {
+			className: "gw:bg-footer-gray gw:pt-8 gw:pb-16",
+			children: [/* @__PURE__ */ s(e, {
+				fluid: d,
+				children: /* @__PURE__ */ c("div", {
+					className: "gw:grid gw:grid-cols-12 gw:gap-2 gw:lg:gap-10",
+					children: [
+						/* @__PURE__ */ s("div", {
+							className: "gw:col-span-12 gw:lg:col-span-6",
+							children: /* @__PURE__ */ c("div", {
+								className: "gw:grid gw:grid-cols-12 gw:gap-2",
+								children: [/* @__PURE__ */ s("div", {
+									className: "gw:col-span-12 gw:lg:col-span-12",
+									children: f && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("h2", {
+										className: "gw:text-lg",
+										children: "Our Mission"
+									}), /* @__PURE__ */ s(t, {
+										className: "gw:text-gray-300 dark:gw:text-gray-200",
+										children: f
+									})] })
+								}), /* @__PURE__ */ s("div", {
+									className: "gw:col-span-12 gw:mt-4",
+									children: p && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("h2", {
+										className: "gw:text-lg",
+										children: "About this Website"
+									}), /* @__PURE__ */ s(t, {
+										className: "gw:text-gray-300 dark:gw:text-gray-200",
+										children: p
+									})] })
+								})]
+							})
+						}),
+						/* @__PURE__ */ c("div", {
+							className: "gw:col-span-12 gw:mt-8 gw:lg:mt-2 gw:md:col-span-4",
+							children: [/* @__PURE__ */ s(i, {
+								facebook: m,
+								twitter: h,
+								youtube: g,
+								flickr: _,
+								instagram: v,
+								linkedIn: y
+							}), /* @__PURE__ */ s(a, { links: b })]
+						}),
+						/* @__PURE__ */ s("div", {
+							className: "gw:col-span-8 gw:md:mt-20 gw:lg:mt-14  gw:md:col-span-2",
+							children: /* @__PURE__ */ s(a, {
+								links: x,
+								columnCount: 1
+							})
+						})
+					]
+				})
+			}), /* @__PURE__ */ s(r, {
+				army: S,
+				army250: C,
+				usace: w,
+				usace250: T,
+				rsgis: E,
+				cwbi: D
+			})]
+		})]
+	});
+}
+//#endregion
+export { d as Footer, d as default };

package/dist/es/composite/footer/logo-banner.js

@@ -0,0 +1,100 @@
+import { useEffect as e, useState as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region lib/composite/footer/logo-banner.jsx
+var i = {
+	army: () => import("../../img/armystar-logo-rb.js"),
+	army250: () => import("../../img/Army-250-year-logo.js"),
+	usace: () => import("../../img/usace-logo-color.js"),
+	usace250: () => import("../../img/USACE-250-year-logo.js"),
+	rsgis: () => import("../../img/rsgis-logo.js"),
+	cwbi: () => import("../../img/cwbi-logo.js")
+};
+function a({ loader: r, ...i }) {
+	let [a, o] = t(null);
+	return e(() => {
+		let e = !1;
+		return r().then((t) => {
+			e || o(t.default);
+		}), () => {
+			e = !0;
+		};
+	}, [r]), a ? /* @__PURE__ */ n("img", {
+		src: a,
+		...i
+	}) : null;
+}
+function o({ army: e, army250: t, usace: o, usace250: s, rsgis: c, cwbi: l }) {
+	return /* @__PURE__ */ r("div", {
+		className: "gw:flex gw:flex-row gw:justify-center gw:align-middle gw:gap-6 gw:mb-4 gw:mt-4",
+		children: [
+			e && /* @__PURE__ */ n("a", {
+				href: "https://www.army.mil",
+				target: "_blank",
+				rel: "noopener",
+				children: /* @__PURE__ */ n(a, {
+					loader: i.army,
+					"aria-label": "U.S. Army Logo",
+					alt: "U.S. Army",
+					className: "gw:max-h-[75px]"
+				})
+			}),
+			t && /* @__PURE__ */ n("a", {
+				href: "https://www.army.mil",
+				target: "_blank",
+				rel: "noopener",
+				children: /* @__PURE__ */ n(a, {
+					loader: i.army250,
+					"aria-label": "U.S. Army 250 Year Anniversary Logo",
+					alt: "U.S. Army",
+					className: "gw:max-h-[75px]"
+				})
+			}),
+			o && /* @__PURE__ */ n("a", {
+				href: "https://www.usace.army.mil",
+				target: "_blank",
+				rel: "noopener",
+				children: /* @__PURE__ */ n(a, {
+					loader: i.usace,
+					"aria-label": "U.S. Army Corps of Engineers",
+					alt: "U.S. Army Corps of Engineers",
+					className: "gw:max-h-[75px] gw:h-[75px] gw:w-auto"
+				})
+			}),
+			s && /* @__PURE__ */ n("a", {
+				href: "https://www.usace.army.mil",
+				target: "_blank",
+				rel: "noopener",
+				children: /* @__PURE__ */ n(a, {
+					loader: i.usace250,
+					"aria-label": "U.S. Army Corps of Engineers",
+					alt: "U.S. Army Corps of Engineers",
+					className: "gw:max-h-[75px] gw:h-[75px] gw:w-auto"
+				})
+			}),
+			c && /* @__PURE__ */ n("a", {
+				href: "https://www.erdc.usace.army.mil/Media/Fact-Sheets/Fact-Sheet-Article-View/article/476649/remote-sensinggeographic-information-systems-center/",
+				target: "_blank",
+				rel: "noopener",
+				children: /* @__PURE__ */ n(a, {
+					loader: i.rsgis,
+					"aria-label": "Remote Sensing - GIS Center of Expertise Logo",
+					alt: "Remote Sensing - GIS Center of Expertise",
+					className: "gw:max-h-[75px]"
+				})
+			}),
+			l && /* @__PURE__ */ n("a", {
+				href: "https://cwbi.sec.usace.army.mil",
+				target: "_blank",
+				rel: "noopener",
+				children: /* @__PURE__ */ n(a, {
+					loader: i.cwbi,
+					"aria-label": "Civil Works Business Intelligence Logo",
+					alt: "Civil Works Business Intelligence",
+					className: "gw:max-h-[75px]"
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { o as LogoBanner, o as default };

package/dist/es/composite/footer/social-links.js

@@ -0,0 +1,55 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { FaFacebook as n, FaFlickr as r, FaInstagram as i, FaLinkedin as a, FaYoutube as o } from "react-icons/fa";
+import { FaXTwitter as s } from "react-icons/fa6";
+//#region lib/composite/footer/social-links.jsx
+function c({ facebook: c, twitter: l, youtube: u, flickr: d, instagram: f, linkedIn: p }) {
+	return /* @__PURE__ */ t("ul", {
+		className: "gw:text-2xl gw:flex gw:flex-row gw:flex-wrap gw:gap-2 gw:list-none gw:mb-6",
+		children: [
+			c && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("a", {
+				href: c,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				title: "Facebook",
+				children: /* @__PURE__ */ e(n, {})
+			}) }),
+			l && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("a", {
+				href: l,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				title: "Twitter",
+				children: /* @__PURE__ */ e(s, {})
+			}) }),
+			u && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("a", {
+				href: u,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				title: "YouTube",
+				children: /* @__PURE__ */ e(o, {})
+			}) }),
+			d && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("a", {
+				href: d,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				title: "Flickr",
+				children: /* @__PURE__ */ e(r, {})
+			}) }),
+			f && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("a", {
+				href: f,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				title: "Instagram",
+				children: /* @__PURE__ */ e(i, {})
+			}) }),
+			p && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("a", {
+				href: p,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				title: "LinkedIn",
+				children: /* @__PURE__ */ e(a, {})
+			}) })
+		]
+	});
+}
+//#endregion
+export { c as SocialLinks, c as default };

package/dist/es/composite/header/index.js

@@ -0,0 +1,91 @@
+import e from "../../gw-merge.js";
+import t from "../../components/navigation/link.js";
+import { NavbarLinks as n } from "./navbar-links.js";
+import { Button as r } from "../../components/button.js";
+import { OverlayLinks as i } from "./overlay-links.js";
+import a from "../../img/usace-logo-color.js";
+import { useState as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { GiHamburgerMenu as u } from "react-icons/gi";
+//#region lib/composite/header/index.jsx
+function d({ title: e = "", subtitle: t = "" }) {
+	return /* @__PURE__ */ l("div", {
+		style: { order: 2 },
+		className: "gw:w-full gw:text-white gw:sm:text-usace-black",
+		children: [/* @__PURE__ */ c("strong", {
+			className: "gw:font-normal gw:sm:font-bold gw:text-lg gw:sm:text-sm gw:leading-4 gw:sm:leading-normal gw:block gw:sm:inline gw:mr-1",
+			children: e
+		}), /* @__PURE__ */ c("span", {
+			className: "gw:text-md gw:sm:text-sm gw:mt-2 gw:sm:mt-0 gw:font-thin gw:sm:font-normal gw:block gw:sm:inline",
+			children: t
+		})]
+	});
+}
+function f({ homeUrl: e }) {
+	return /* @__PURE__ */ l("div", {
+		className: "gw:relative gw:w-[70px] gw:sm:w-[82px] gw:shrink-0 gw:sm:top-3",
+		children: [/* @__PURE__ */ c(t, {
+			href: e,
+			children: /* @__PURE__ */ c("img", {
+				className: "gw:w-[50px] gw:sm:w-[60px] gw:h-auto",
+				src: a,
+				alt: "U.S. Army Corps of Engineers",
+				"aria-label": "Visit the homepage of this site"
+			})
+		}), /* @__PURE__ */ c("div", {
+			className: "gw:absolute gw:left-[55px] gw:sm:left-[65px] gw:bottom-[-10px] gw:sm:bottom-[-9px] gw:text-sm gw:text-gray-400",
+			children: "®"
+		})]
+	});
+}
+function p({ links: t, title: a, subtitle: p, navRight: m, fluidNav: h, homeUrl: g }) {
+	let [_, v] = o(!1), y = e("gw:w-full gw:mx-auto gw:px-4 gw:box-border", h ? "gw:max-w-screen" : "gw:max-w-(--gw:breakpoint-2xl)");
+	return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("header", {
+		className: "gw:flex gw:flex-col gw:w-full gw:sticky gw:top-0 gw:z-20",
+		children: /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("div", {
+			className: "gw:min-h-12 gw:bg-nav-black gw:text-white",
+			children: /* @__PURE__ */ c("div", {
+				className: y,
+				children: /* @__PURE__ */ l("div", {
+					className: "gw:flex gw:justify-between gw:items-center",
+					children: [
+						/* @__PURE__ */ c(f, { homeUrl: g }),
+						/* @__PURE__ */ c(n, { links: t }),
+						/* @__PURE__ */ c("span", {
+							className: "gw:flex gw:flex-row-reverse gw:justify-end gw:items-center gw:w-full gw:md:max-w-[300px] gw:mr-2",
+							children: m || null
+						}),
+						/* @__PURE__ */ c(r, {
+							style: "plain",
+							color: "white",
+							className: "gw:md:hidden",
+							onClick: () => {
+								v(!0);
+							},
+							children: /* @__PURE__ */ c(u, {})
+						})
+					]
+				})
+			})
+		}), /* @__PURE__ */ c("div", {
+			className: "gw:min-h-4 gw:py-2 gw:sm:py-0 gw:bg-nav-dark-gray gw:sm:bg-nav-gray",
+			children: /* @__PURE__ */ c("div", {
+				className: y,
+				children: /* @__PURE__ */ l("div", {
+					className: "gw:flex gw:justify-between gw:items-center",
+					children: [/* @__PURE__ */ c("span", { className: "gw:sm:w-[94px] gw:shrink-0 " }), /* @__PURE__ */ c(d, {
+						title: a,
+						subtitle: p
+					})]
+				})
+			})
+		})] })
+	}), _ ? /* @__PURE__ */ c(i, {
+		links: t,
+		onClose: () => {
+			v(!1);
+		}
+	}) : null] });
+}
+//#endregion
+export { p as Header, p as default };