@usace/groundwork 4.3.2 → 5.0.1

package/dist/es/components/display/loader.js

@@ -0,0 +1,10 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region lib/components/display/loader.jsx
+function t() {
+	return /* @__PURE__ */ e("div", {
+		className: "gw:h-full gw:flex gw:flex-col gw:align-center gw:justify-center",
+		children: /* @__PURE__ */ e("span", { className: "gwloader" })
+	});
+}
+//#endregion
+export { t as Loader, t as default };

package/dist/es/components/display/modal.js

@@ -0,0 +1,39 @@
+import e from "../../gw-merge.js";
+import { WIDTH_OPTIONS as t } from "../../utils/sizes.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Description as i, Dialog as a, DialogBackdrop as o, DialogPanel as s, DialogTitle as c } from "@headlessui/react";
+//#region lib/components/display/modal.jsx
+var l = ["dialog", "alertdialog"];
+function u({ opened: u = !1, onClose: d, dialogTitle: f, dialogDescription: p, isStatic: m = !1, autoFocus: h = !1, dialogTransition: g = !1, dialogPanelTransition: _ = !1, unmount: v = !0, role: y = "dialog", buttons: b, size: x = "2xl", className: S, children: C }) {
+	return t[x] || (console.error(`Invalid size prop: ${x}. Must be one of: 'sx', 'sm', 'md', 'lg', 'xl', '2xl', '4xl', 'full'`), console.warn(`Defaulting to '2xl' for size of <Modal modalTitle="${f}" .../>`), x = "2xl"), l.includes(y) || (console.error(`Invalid role option for dialog ${y}. Must be one of: 'dialog','alertdialog'`), console.warn(`Defaulting to 'dialog' for role of <Modal modalTitle="${f}" .../>`), y = "dialog"), /* @__PURE__ */ r(a, {
+		open: u,
+		onClose: d,
+		static: m,
+		autoFocus: h,
+		transition: g,
+		unmount: v,
+		role: y,
+		className: e("gw:relative", "gw:z-200", S),
+		children: [/* @__PURE__ */ n(o, { className: "gw:fixed gw:inset-0 gw:bg-black/30" }), /* @__PURE__ */ n("div", {
+			className: "gw:fixed gw:inset-0 gw:w-screen gw:overflow-auto gw:p-4",
+			children: /* @__PURE__ */ n("div", {
+				className: "gw:flex gw:min-h-full gw:items-center gw:justify-center",
+				children: /* @__PURE__ */ r(s, {
+					className: e(t[x], "gw:space-y-4", "gw:border", "gw:rounded-lg", "gw:shadow-lg", "gw:bg-white", "gw:p-12"),
+					transition: _,
+					children: [
+						f && /* @__PURE__ */ n(c, {
+							className: "gw:font-bold gw:text-center",
+							children: f
+						}),
+						p && /* @__PURE__ */ n(i, { children: p }),
+						C,
+						b
+					]
+				})
+			})
+		})]
+	});
+}
+//#endregion
+export { u as Modal, u as default };

package/dist/es/components/display/progress-bar.js

@@ -0,0 +1,20 @@
+import e from "../../gw-merge.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region lib/components/display/progress-bar.jsx
+var n = ({ progress: n, hideOnDone: r = !0, showProgress: i, bgColor: a = "gw:bg-blue-600", textColor: o = "gw:text-blue-100", className: s, baseDuration: c = 300, ...l }) => {
+	if (typeof n != "number") throw Error("Progress is expected to be a number!");
+	return n < 0 && (n = 0), n > 100 && (n = 100), /* @__PURE__ */ t("div", {
+		className: e("gw:w-full gw:bg-gray-200 gw:rounded-full gw:dark:bg-gray-700", r && n === 100 ? "gw:hidden" : ""),
+		children: /* @__PURE__ */ t("div", {
+			className: e(a, o, i && "gw:min-h-4", "gw:text-xs gw:font-medium gw:text-center gw:p-0.5 gw:leading-none gw:rounded-full", s),
+			style: {
+				width: `${Math.round(n)}%`,
+				transition: `width ${c}ms ease-in-out`
+			},
+			...l,
+			children: i && n > 5 ? `${n.toFixed(0)} %` : ""
+		})
+	});
+};
+//#endregion
+export { n as ProgressBar, n as default };

package/dist/es/components/display/skeleton.js

@@ -0,0 +1,9 @@
+import e from "../../gw-merge.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region lib/components/display/skeleton.jsx
+var n = ({ type: n, className: r, ...i }) => /* @__PURE__ */ t("div", {
+	className: e("gw:animate-pulse gw:rounded-md gw:bg-gray-400", n === "card" ? "gw:w-80 gw:h-36" : "gw:w-12 gw:h-5", r),
+	...i
+});
+//#endregion
+export { n as Skeleton, n as default };

package/dist/es/components/display/text.js

@@ -0,0 +1,31 @@
+import e from "../../gw-merge.js";
+import t from "../navigation/link.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region lib/components/display/text.jsx
+function r({ className: t, ...r }) {
+	return /* @__PURE__ */ n("p", {
+		...r,
+		"data-slot": "text",
+		className: e("gw:text-sm/6 gw:text-zinc-500 gw:md:text-base/6 gw:dark:text-zinc-400", t)
+	});
+}
+function i({ className: r, ...i }) {
+	return /* @__PURE__ */ n(t, {
+		...i,
+		className: e("gw:text-zinc-950 gw:underline gw:decoration-zinc-950/50 gw:data-hover:decoration-zinc-950 gw:dark:text-white gw:dark:decoration-white/50 dark:data-[hover]:decoration-white", r)
+	});
+}
+function a({ className: t, ...r }) {
+	return /* @__PURE__ */ n("strong", {
+		...r,
+		className: e("gw:font-medium gw:text-zinc-950 gw:dark:text-white", t)
+	});
+}
+function o({ className: t, ...r }) {
+	return /* @__PURE__ */ n("code", {
+		...r,
+		className: e("gw:rounded gw:border gw:border-zinc-950/10 gw:bg-zinc-950/2.5 gw:px-0.5 gw:text-sm gw:font-medium gw:text-zinc-950 gw:sm:text-[0.8125rem] gw:dark:border-white/20 gw:dark:bg-white/5 gw:dark:text-white", t)
+	});
+}
+//#endregion
+export { o as Code, a as Strong, r as Text, i as TextLink };

package/dist/es/components/form/checkboxes.js

@@ -0,0 +1,72 @@
+import e from "../../gw-merge.js";
+import { Fieldset as t } from "./fieldset.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region lib/components/form/checkboxes.jsx
+function i({ content: i, legend: a, className: o, ...s }) {
+	return !i || !Array.isArray(i) || i.length === 0 ? (console.warn("Checkboxes component requires a non-empty array of content items."), null) : /* @__PURE__ */ r(t, {
+		className: o,
+		...s,
+		children: [a && /* @__PURE__ */ n("legend", {
+			className: "gw:sr-only",
+			children: a
+		}), i.map((t, i) => /* @__PURE__ */ n("div", {
+			className: "gw:space-y-5",
+			children: /* @__PURE__ */ r("div", {
+				className: "gw:flex gw:gap-3",
+				children: [/* @__PURE__ */ n("div", {
+					className: "gw:flex gw:h-6 gw:shrink-0 gw:items-center",
+					children: /* @__PURE__ */ r("div", {
+						className: "gw:group gw:grid gw:size-4 gw:grid-cols-1",
+						children: [/* @__PURE__ */ n("input", {
+							defaultChecked: t?.defaultChecked || !1,
+							disabled: t?.disabled || !1,
+							onClick: t?.onClick,
+							onChange: t?.onChange,
+							...t?.inputProps,
+							id: t?.id || `checkbox-${i}-${a}`,
+							name: t?.name || `checkbox-${i}-${a}`,
+							type: "checkbox",
+							"aria-describedby": t?.ariaDescribedBy || t?.name || `checkbox-${i}-${a}-description`,
+							className: e("gw:col-start-1 gw:row-start-1 gw:appearance-none gw:rounded gw:border gw:border-gray-300 gw:bg-white", "gw:checked:border-indigo-600 gw:checked:bg-indigo-600 gw:indeterminate:border-indigo-600 gw:indeterminate:bg-indigo-600", "gw:focus-visible:outline gw:focus-visible:outline-2 gw:focus-visible:outline-offset-2 gw:focus-visible:outline-indigo-600 gw:disabled:border-gray-300", "gw:disabled:bg-gray-100 gw:disabled:checked:bg-gray-100 gw:forced-colors:appearance-auto", t?.inputProps?.className)
+						}), /* @__PURE__ */ r("svg", {
+							fill: "none",
+							viewBox: "0 0 14 14",
+							className: "gw:pointer-events-none gw:col-start-1 gw:row-start-1 gw:size-3.5 gw:self-center gw:justify-self-center gw:stroke-white gw:group-has-disabled:stroke-gray-950/25",
+							children: [/* @__PURE__ */ n("path", {
+								d: "M3 8L6 11L11 3.5",
+								strokeWidth: 2,
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								className: "gw:group-has-[:checked]:gw:opacity-100"
+							}), /* @__PURE__ */ n("path", {
+								d: "M3 7H11",
+								strokeWidth: 2,
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								className: "gw:opacity-0 gw:group-has-indeterminate:opacity-100"
+							})]
+						})]
+					})
+				}), /* @__PURE__ */ r("div", {
+					className: "text-sm/6",
+					children: [t?.label && /* @__PURE__ */ n("label", {
+						htmlFor: "comments",
+						className: "gw:font-medium gw:text-gray-900",
+						...t?.labelProps,
+						children: t.label
+					}), t?.description && /* @__PURE__ */ n("p", {
+						id: `comments-${t?.id}-description`,
+						className: e("gw:text-gray-500", t?.className),
+						children: t.description
+					})]
+				})]
+			})
+		}, [
+			i,
+			"checkbox",
+			a
+		].join("-")))]
+	});
+}
+//#endregion
+export { i as Checkboxes, i as default };

package/dist/es/components/form/dropdown.js

@@ -0,0 +1,20 @@
+import e from "../../gw-merge.js";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region lib/components/form/dropdown.jsx
+function i({ label: i, options: a, labelClassName: o = "", className: s = "", onChange: c, value: l, ...u }) {
+	return !a || a.length === 0 ? (console.error(`Dropdown ${i} must have at least one option with value and text.`), null) : /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("label", {
+		htmlFor: i + "-id",
+		className: e("gw:block gw:text-sm gw:font-medium gw:leading-6 gw:text-gray-900", o),
+		children: i
+	}), /* @__PURE__ */ n("select", {
+		id: i,
+		name: i,
+		onChange: c,
+		className: e("gw:mt-2 gw:pr-5 gw:w-full gw:rounded-md gw:border-0 gw:py-1.5 gw:pl-3 gw:border-r-8 gw:border-transparent gw:text-gray-600 gw:ring-1  gw:ring-gray-300 gw:focus:ring-2 gw:focus:ring-indigo-600 gw:sm:text-sm gw:sm:leading-6", s),
+		value: l,
+		...u,
+		children: a
+	})] });
+}
+//#endregion
+export { i as Dropdown, i as default };

package/dist/es/components/form/fieldset.js

@@ -0,0 +1,60 @@
+import e from "../../gw-merge.js";
+import { useMemo as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { Description as r, Field as i, Fieldset as a, Label as o, Legend as s } from "@headlessui/react";
+//#region lib/components/form/fieldset.jsx
+function c({ className: r, ...i }) {
+	let o = t(() => e("gw:[&>*+[data-slot=control]]:mt-6 gw:*:data-[slot=text]:mt-1", r), [r]);
+	return /* @__PURE__ */ n(a, {
+		...i,
+		className: o
+	});
+}
+function l({ ...r }) {
+	let i = t(() => e("gw:text-base/6 gw:font-semibold gw:text-zinc-950 gw:data-disabled:opacity-50 gw:sm:text-sm/6 gw:dark:text-white", r.className), [r.className]);
+	return /* @__PURE__ */ n(s, {
+		...r,
+		"data-slot": "legend",
+		className: i
+	});
+}
+function u({ className: r, ...i }) {
+	let a = t(() => e("gw:space-y-8", r), [r]);
+	return /* @__PURE__ */ n("div", {
+		...i,
+		"data-slot": "control",
+		className: a
+	});
+}
+function d({ className: r, ...a }) {
+	return /* @__PURE__ */ n(i, {
+		className: t(() => e("gw:[&>[data-slot=label]+[data-slot=control]]:mt-3", "gw:[&>[data-slot=label]+[data-slot=description]]:mt-1", "gw:[&>[data-slot=description]+[data-slot=control]]:mt-3", "gw:[&>[data-slot=control]+[data-slot=description]]:mt-3", "gw:[&>[data-slot=control]+[data-slot=error]]:mt-3", "gw:*:data-[slot=label]:font-medium", r), [r]),
+		...a
+	});
+}
+function f({ className: r, ...i }) {
+	let a = t(() => e("gw:select-none gw:text-base/6 gw:text-zinc-950 gw:data-disabled:opacity-50 gw:sm:text-sm/6 gw:dark:text-white", r), [r]);
+	return /* @__PURE__ */ n(o, {
+		...i,
+		"data-slot": "label",
+		className: a
+	});
+}
+function p({ className: i, ...a }) {
+	let o = t(() => e("gw:text-base/6 gw:text-zinc-500 gw:data-disabled:opacity-50 gw:sm:text-sm/6 gw:dark:text-zinc-400", i), [i]);
+	return /* @__PURE__ */ n(r, {
+		...a,
+		"data-slot": "description",
+		className: o
+	});
+}
+function m({ className: i, ...a }) {
+	let o = t(() => e("gw:text-base/6 gw:text-red-600 gw:data-disabled:opacity-50 gw:sm:text-sm/6 gw:dark:text-red-500", i), [i]);
+	return /* @__PURE__ */ n(r, {
+		...a,
+		"data-slot": "error",
+		className: o
+	});
+}
+//#endregion
+export { p as Description, m as ErrorMessage, d as Field, u as FieldGroup, c as Fieldset, f as Label, l as Legend };

package/dist/es/components/form/input.js

@@ -0,0 +1,55 @@
+import e from "../../gw-merge.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { Input as r } from "@headlessui/react";
+//#region lib/components/form/input.jsx
+var i = [
+	"date",
+	"datetime-local",
+	"month",
+	"time",
+	"week"
+], a = t(function({ className: t, ...a }, o) {
+	return /* @__PURE__ */ n("span", {
+		"data-slot": "control",
+		className: e([
+			"gw:relative gw:block gw:w-full",
+			"gw:before:absolute gw:before:inset-px gw:before:rounded-sm gw:before:bg-white gw:before:shadow-sm",
+			"gw:dark:before:hidden",
+			"gw:after:pointer-events-none gw:after:absolute gw:after:inset-0 gw:after:rounded-lg gw:after:ring-inset gw:after:ring-transparent sm:after:gw:focus-within:ring-2 sm:after:gw:focus-within:gw:ring-blue-500",
+			"gw:has-data-disabled:opacity-50 gw:has-data-disabled:before:bg-zinc-950/5 gw:has-data-disabled:before:shadow-none",
+			"gw:has-data-invalid:before:shadow-red-500/10",
+			t
+		]),
+		children: /* @__PURE__ */ n(r, {
+			ref: o,
+			className: e([
+				a.type && i.includes(a.type) && [
+					"gw:[&::-webkit-datetime-edit-fields-wrapper]:p-0",
+					"gw:[&::-webkit-date-and-time-value]:min-h-[1.5em]",
+					"gw:[&::-webkit-datetime-edit]:inline-flex",
+					"gw:[&::-webkit-datetime-edit]:p-0",
+					"gw:[&::-webkit-datetime-edit-year-field]:p-0",
+					"gw:[&::-webkit-datetime-edit-month-field]:p-0",
+					"gw:[&::-webkit-datetime-edit-day-field]:p-0",
+					"gw:[&::-webkit-datetime-edit-hour-field]:p-0",
+					"gw:[&::-webkit-datetime-edit-minute-field]:p-0",
+					"gw:[&::-webkit-datetime-edit-second-field]:p-0",
+					"gw:[&::-webkit-datetime-edit-millisecond-field]:p-0",
+					"gw:[&::-webkit-datetime-edit-meridiem-field]:p-0"
+				],
+				"gw:relative gw:block gw:w-full gw:appearance-none gw:rounded-lg gw:px-[calc(--spacing(3.5)-1px)] gw:py-[calc(--spacing(2.5)-1px)] gw:sm:px-[calc(--spacing(3)-1px)] gw:sm:py-[calc(--spacing(1.5)-1px)]",
+				"gw:text-base/6 gw:text-zinc-950 gw:placeholder:text-zinc-500 gw:sm:text-sm/6 gw:dark:text-white",
+				"gw:border gw:border-zinc-950/10 gw:data-hover:border-zinc-950/20 gw:dark:border-white/10 gw:dark:data-hover:border-white/20",
+				"gw:bg-transparent gw:dark:bg-white/5",
+				"gw:focus:outline-hidden",
+				"gw:data-invalid:border-red-500 gw:data-invalid:data-hover:border-red-500 gw:dark:data-invalid:border-red-500 gw:dark:data-invalid:data-hover:border-red-500",
+				"gw:data-disabled:border-zinc-950/20 dark:gw:data-[hover]:data-[disabled]:gw:border-white/15 gw:dark:data-disabled:border-white/15 gw:dark:data-disabled:bg-white/2.5",
+				"gw:file:bg-gray-100 gw:file:text-gray-900 gw:file:px-2 gw:file:rounded-sm gw:file:border-1 gw:file:border-gray-500"
+			]),
+			...a
+		})
+	});
+});
+//#endregion
+export { a as Input };

package/dist/es/components/form/radio-group.js

@@ -0,0 +1,57 @@
+import e from "../../gw-merge.js";
+import { Fieldset as t } from "./fieldset.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region lib/components/form/radio-group.jsx
+function i({ legend: i, content: a, label: o, defaultChecked: s, className: c, ...l }) {
+	if (!a) throw Error("content is required for radio group!");
+	return /* @__PURE__ */ r(t, {
+		className: e("gw:my-2", c),
+		...l,
+		children: [
+			i && /* @__PURE__ */ n("legend", {
+				className: "gw:text-sm/6 gw:font-semibold gw:text-gray-900",
+				children: i
+			}),
+			o && /* @__PURE__ */ n("p", {
+				className: "gw:mt-1 gw:text-sm/6 gw:text-gray-600",
+				children: o
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "gw:mt-6 gw:space-y-6",
+				children: a.map((t, i) => {
+					let a = t?.id || `radio-${o}-${i}`;
+					return /* @__PURE__ */ r("div", {
+						className: "gw:flex gw:items-center",
+						children: [/* @__PURE__ */ n("input", {
+							defaultChecked: a === s,
+							onClick: t?.onClick,
+							onChange: t?.onChange,
+							id: a,
+							name: "notification-method",
+							type: "radio",
+							className: "gw:relative gw:size-4 gw:appearance-none gw:rounded-full gw:border gw:border-gray-300 gw:bg-white gw:before:absolute gw:before:inset-1 gw:before:rounded-full gw:before:bg-white gw:checked:border-indigo-600 gw:checked:bg-indigo-600 gw:focus-visible:outline gw:focus-visible:outline-2 gw:focus-visible:outline-offset-2 gw:focus-visible:outline-indigo-600 gw:disabled:border-gray-300 gw:disabled:bg-gray-100 gw:disabled:before:bg-gray-400 gw:forced-colors:appearance-auto forced-colors:gw:before:gw:hidden [&:not(:checked)]:gw:before:gw:hidden"
+						}), /* @__PURE__ */ n("label", {
+							htmlFor: a,
+							className: e("gw:ml-3 gw:block gw:text-sm/6 gw:font-medium gw:text-gray-900", t?.className),
+							children: t.text
+						})]
+					}, a);
+				})
+			})
+		]
+	});
+}
+i.defaultProps = {
+	legend: "string",
+	content: [{
+		id: 0,
+		text: "string"
+	}],
+	label: "string",
+	onClick: () => {},
+	onChange: () => {},
+	defaultChecked: "string",
+	className: "string"
+};
+//#endregion
+export { i as RadioGroup, i as default };

package/dist/es/components/form/textarea.js

@@ -0,0 +1,34 @@
+import e from "../../gw-merge.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { Textarea as r } from "@headlessui/react";
+//#region lib/components/form/textarea.jsx
+var i = t(function({ className: t, resizable: i = !0, ...a }, o) {
+	return /* @__PURE__ */ n("span", {
+		"data-slot": "control",
+		className: e([
+			t,
+			"gw:relative gw:block gw:w-full",
+			"gw:before:absolute gw:before:inset-px gw:before:rounded-sm gw:before:bg-white gw:before:shadow-sm",
+			"gw:dark:before:hidden",
+			"gw:after:pointer-events-none gw:after:absolute gw:after:inset-0 gw:after:rounded-lg gw:after:ring-inset gw:after:ring-transparent gw:sm:focus-within:after:ring-2 gw:sm:focus-within:after:ring-blue-500",
+			"gw:has-data-disabled:opacity-50 gw:has-data-disabled:before:bg-zinc-950/5 gw:has-data-disabled:before:shadow-none"
+		]),
+		children: /* @__PURE__ */ n(r, {
+			ref: o,
+			className: e([
+				"gw:relative gw:block gw:h-full gw:w-full gw:appearance-none gw:rounded-lg gw:px-[calc(--spacing(3.5)-1px)] gw:py-[calc(--spacing(2.5)-1px)] gw:sm:px-[calc(--spacing(3)-1px)] gw:sm:py-[calc(--spacing(1.5)-1px)]",
+				"gw:text-base/6 gw:text-zinc-950 gw:placeholder:text-zinc-500 gw:sm:text-sm/6 gw:dark:text-white",
+				"gw:border gw:border-zinc-950/10 gw:data-hover:border-zinc-950/20 gw:dark:border-white/10 gw:dark:data-hover:border-white/20",
+				"gw:bg-transparent gw:dark:bg-white/5",
+				"gw:focus:outline-hidden",
+				"gw:data-invalid:border-red-500 gw:data-invalid:data-hover:border-red-500 gw:dark:data-invalid:border-red-600 gw:dark:data-invalid:data-hover:border-red-600",
+				"gw:disabled:border-zinc-950/20 gw:dark:disabled:border-white/15 gw:dark:disabled:bg-white/2.5 gw:dark:data-hover:disabled:border-white/15",
+				i ? "gw:resize-y" : "gw:resize-none"
+			]),
+			...a
+		})
+	});
+});
+//#endregion
+export { i as Textarea };

package/dist/es/components/hero.js

@@ -0,0 +1,67 @@
+import { Container as e } from "./layout/container.js";
+import { useEffect as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region lib/components/hero.jsx
+function a({ title: a, subtitle: o, image: s, alt: c, children: l, duration_ms: u = 12e3, imgHeight: d, imgWidth: f, opacity: p = .5 }) {
+	let m = Array.isArray(s), h = Array.isArray(c), [g, _] = n(m ? s[0] : s), [v, y] = n(h ? c[0] : c);
+	function b(e) {
+		return Math.floor(Math.random() * e);
+	}
+	if (t(() => {
+		if (!m) return;
+		let e = setInterval(() => {
+			let e = b(s.length);
+			_(s[e]), c && y(c[e]);
+		}, u);
+		return () => clearInterval(e);
+	}, [
+		s,
+		c,
+		u,
+		m
+	]), m && h && s.length !== c.length) throw Error("Error rendering hero image. Your image and alt text arrays must be the same length.");
+	return /* @__PURE__ */ i("div", {
+		className: "gw:relative",
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: "gw:h-56 gw:w-full gw:overflow-clip gw:bg-zinc-950 gw:md:h-1/5 gw:md:max-h-[500px]",
+				children: /* @__PURE__ */ r("img", {
+					src: g,
+					alt: v,
+					"aria-label": c,
+					className: "gw:object-cover gw:object-center gw:w-full gw:h-full",
+					style: {
+						height: d,
+						width: f
+					}
+				})
+			}),
+			/* @__PURE__ */ r("div", {
+				style: { opacity: p },
+				className: "gw:absolute gw:inset-0 gw:bg-zinc-950"
+			}),
+			l && /* @__PURE__ */ r("div", {
+				className: "gw:absolute gw:inset-0 gw:flex gw:items-center gw:justify-center",
+				children: l
+			}),
+			a && /* @__PURE__ */ r(e, {
+				className: "gw:relative",
+				children: /* @__PURE__ */ r("div", {
+					className: "gw:absolute gw:bottom-0 gw:left-0 gw:max-w-7xl gw:mx-auto gw:px-4",
+					children: /* @__PURE__ */ i("div", {
+						className: "gw:pb-8",
+						children: [/* @__PURE__ */ r("h1", {
+							className: "gw:text-4xl gw:font-extrabold gw:tracking-tight gw:text-white gw:sm:text-5xl gw:lg:text-6xl",
+							children: a
+						}), /* @__PURE__ */ r("p", {
+							className: "gw:mt-1 gw:text-xl gw:text-zinc-200",
+							children: o
+						})]
+					})
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { a as Hero, a as default };

package/dist/es/components/layout/container.js

@@ -0,0 +1,12 @@
+import e from "../../gw-merge.js";
+import { useMemo as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region lib/components/layout/container.jsx
+function r({ className: r, children: i, fluid: a }) {
+	return /* @__PURE__ */ n("div", {
+		className: t(() => e("gw:w-full gw:mx-auto gw:px-4 gw:box-border", a ? "gw:max-w-screen" : "gw:max-w-(--gw:breakpoint-2xl)", r), [r, a]),
+		children: i
+	});
+}
+//#endregion
+export { r as Container, r as default };

package/dist/es/components/layout/usace-box.js

@@ -0,0 +1,18 @@
+import e from "../../gw-merge.js";
+import { forwardRef as t, useMemo as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region lib/components/layout/usace-box.jsx
+var a = t(function({ children: t, className: a, title: o, customTitle: s, id: c }, l) {
+	let u = s;
+	return /* @__PURE__ */ i("div", {
+		ref: l,
+		className: n(() => e("gw:mb-10 gw:relative", "gw:before:block gw:before:bg-usace-box-light-gray gw:before:h-8 gw:before:mb-[-12px] gw:before:w-full", "gw:after:block gw:after:absolute gw:after:top-0 gw:after:left-0 gw:after:bg-usace-box-red gw:after:h-[5px] gw:after:w-[50px] gw:after:z-2", a), [a]),
+		id: c,
+		children: [/* @__PURE__ */ i("h2", {
+			className: "gw:font-bold gw:mb-5 gw:text-[1.3rem]",
+			children: [o, u && /* @__PURE__ */ r(u, {})]
+		}), t]
+	});
+});
+//#endregion
+export { a as UsaceBox, a as default };

package/dist/es/components/navigation/breadcrumbs.js

@@ -0,0 +1,39 @@
+import e from "../../gw-merge.js";
+import t from "./link.js";
+import { useMemo as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { VscChevronRight as a } from "react-icons/vsc";
+import { MdHome as o } from "react-icons/md";
+//#region lib/components/navigation/breadcrumbs.jsx
+function s({ className: o, href: s, text: c }) {
+	return /* @__PURE__ */ r("li", {
+		className: n(() => e("gw:text-gray-500 gw:hover:text-gray-700 gw:last:text-gray-900", o), [o]),
+		children: /* @__PURE__ */ i("div", {
+			className: "gw:flex gw:items-center",
+			children: [/* @__PURE__ */ r(a, {
+				size: 18,
+				"aria-hidden": "true",
+				color: "gw:text-gray-500"
+			}), /* @__PURE__ */ r(t, {
+				href: s,
+				className: "gw:ml-2 gw:text-nowrap",
+				children: c
+			})]
+		})
+	});
+}
+function c({ className: a, children: s, baseUrl: c }) {
+	return /* @__PURE__ */ i("ol", {
+		className: n(() => e("gw:flex gw:flex-nowrap gw:items-center gw:space-x-2 gw:py-4 gw:overflow-x-auto gw:hide-scrollbar", a), [a]),
+		children: [/* @__PURE__ */ r("li", { children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ i(t, {
+			href: c,
+			className: "gw:text-gray-500 gw:hover:text-gray-700",
+			children: [/* @__PURE__ */ r(o, { size: 22 }), /* @__PURE__ */ r("span", {
+				className: "gw:sr-only",
+				children: "Home"
+			})]
+		}) }) }), s]
+	});
+}
+//#endregion
+export { s as BreadcrumbItem, c as Breadcrumbs, c as default };

package/dist/es/components/navigation/link-provider.js

@@ -0,0 +1,15 @@
+import { createContext as e, useContext as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region lib/components/navigation/link-provider.jsx
+var r = e({
+	component: "a",
+	hrefMap: "href"
+}), i = ({ component: e, hrefMap: t, children: i }) => /* @__PURE__ */ n(r.Provider, {
+	value: {
+		component: e,
+		hrefMap: t
+	},
+	children: i
+}), a = () => t(r);
+//#endregion
+export { i as LinkProvider, a as useLinkComponent };

package/dist/es/components/navigation/link.js

@@ -0,0 +1,15 @@
+import { useLinkComponent as e } from "./link-provider.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region lib/components/navigation/link.jsx
+var r = ({ href: t, children: r, ...i }, a) => {
+	let { component: o, hrefMap: s } = e();
+	return /* @__PURE__ */ n(o || "a", {
+		[s || "href"]: t,
+		...i,
+		ref: a,
+		children: r
+	});
+}, i = t(r), a = t(r);
+//#endregion
+export { i as Link, a as default };

package/dist/es/components/navigation/tabs.js

@@ -0,0 +1,35 @@
+import e from "../../gw-merge.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Tab as r, TabGroup as i, TabList as a, TabPanel as o, TabPanels as s } from "@headlessui/react";
+//#region lib/components/navigation/tabs.jsx
+function c({ tabs: c, fill: l = !1, defaultIndex: u = 0 }) {
+	return /* @__PURE__ */ n(i, {
+		defaultIndex: u,
+		children: [/* @__PURE__ */ t(a, {
+			className: "gw:flex gw:flex-wrap gw:gap-x-1 gw:text-gray-500 gw:font-semibold gw:border-b-2 gw:border-gray-300 g",
+			children: c.map((i, a) => /* @__PURE__ */ t(r, {
+				onClick: typeof i.onClick == "function" ? i.onClick : void 0,
+				className: ({ selected: t }) => e("gw:px-4 gw:py-2 gw:shadow gw:hover:bg-gray-100", l ? "gw:flex-auto" : "", t ? "gw:bg-gray-50" : ""),
+				children: /* @__PURE__ */ n("span", {
+					className: `gw:flex ${i.justify === "space-between" ? "gw:justify-between" : "gw:justify-center"} gw:items-center gw:hover:cursor-pointer`,
+					children: [
+						i.leftSection && /* @__PURE__ */ t("span", {
+							className: "gw:mr-2",
+							children: i.leftSection
+						}),
+						i.name,
+						i.rightSection && /* @__PURE__ */ t("span", {
+							className: "gw:ml-2",
+							children: i.rightSection
+						})
+					]
+				})
+			}, a))
+		}), /* @__PURE__ */ t(s, { children: c.map((e) => /* @__PURE__ */ t(o, {
+			className: "gw:bg-white gw:p-0",
+			children: e.content
+		}, e.name)) })]
+	});
+}
+//#endregion
+export { c as Tabs, c as default };