@usace/groundwork 4.3.1 → 5.0.0

package/dist/es/composite/header/navbar-links.js

@@ -0,0 +1,71 @@
+import e from "../../components/navigation/link.js";
+import { Fragment as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Menu as a, MenuItem as o, MenuItems as s } from "@headlessui/react";
+//#region lib/composite/header/navbar-links.jsx
+var c = (...e) => e.filter(Boolean).join(" ");
+function l({ link: l, ...u }) {
+	let [d, f] = n(!1), p = c("gw:inline-block gw:relative gw:h-12 gw:inline-flex gw:w-auto gw:justify-center gw:items-center gw:px-3 gw:text-sm gw:text-nowrap", d ? "gw:bg-nav-dark-gray gw:text-white" : "gw:text-nav-light-gray", l.children ? "gw:after:content-['▼'] gw:after:text-[10px] gw:after:ml-2" : "");
+	return /* @__PURE__ */ i(a, {
+		as: "li",
+		className: "gw:relative",
+		onMouseOver: () => f(!0),
+		onMouseLeave: () => f(!1),
+		children: [/* @__PURE__ */ r(e, {
+			href: l?.href,
+			target: l?.target,
+			rel: l?.rel,
+			className: p,
+			...u,
+			children: l.text
+		}), l.children && d && /* @__PURE__ */ r(s, {
+			static: !0,
+			as: "ul",
+			className: "gw:absolute gw:left-0 gw:top-12 gw:bg-nav-dark-gray gw:z-20! gw:w-max gw:p-0",
+			children: l.children.map((n) => /* @__PURE__ */ r(o, {
+				as: t,
+				children: n.children ? /* @__PURE__ */ i("div", {
+					className: "gw:relative gw:group",
+					children: [/* @__PURE__ */ r(e, {
+						href: n?.href,
+						target: n?.target,
+						rel: n?.rel,
+						className: "after:gw:content-['►'] gw:after:ml-2 gw:after:text-[10px] gw:block gw:text-sm gw:border-b gw:border-nav-black gw:bg-nav-dark-gray gw:hover:bg-nav-translucent-gray gw:text-nav-light-gray gw:hover:text-white gw:text-nowrap gw:font-semibold gw:px-3 gw:py-2 gw:bg-none",
+						children: n.text
+					}), /* @__PURE__ */ r(s, {
+						static: !0,
+						as: "ul",
+						className: "gw:absolute gw:left-full gw:top-0 gw:bg-nav-dark-gray gw:z-30! gw:w-max gw:p-0 gw:shadow-lg gw:hidden gw:group-hover:block",
+						children: n.children.map((t) => (t.children || console.warn("Header items can only be 2 levels deep. Please reorganize your header links. This helps to avoid CSS issues."), /* @__PURE__ */ r(o, { children: /* @__PURE__ */ r(e, {
+							href: t?.href,
+							target: t?.target,
+							rel: t?.rel,
+							className: "gw:block gw:text-sm gw:border-b gw:border-nav-black gw:bg-nav-dark-gray gw:hover:bg-nav-translucent-gray gw:text-nav-light-gray gw:hover:text-white gw:text-nowrap gw:font-semibold gw:px-3 gw:py-2 gw:bg-none",
+							children: t.text
+						}) }, t.id || t.text)))
+					})]
+				}) : /* @__PURE__ */ r(e, {
+					href: n?.href,
+					target: n?.target,
+					rel: n?.rel,
+					className: "gw:block gw:text-sm gw:border-b gw:border-nav-black gw:bg-nav-dark-gray gw:hover:bg-nav-translucent-gray gw:text-nav-light-gray gw:hover:text-white gw:text-nowrap gw:font-semibold gw:px-3 gw:py-2 gw:bg-none",
+					children: n.text
+				})
+			}, n.id || n.text))
+		})]
+	});
+}
+function u({ links: e, ...t }) {
+	return /* @__PURE__ */ r("ul", {
+		role: "list",
+		className: "gw:flex gw:flex-row gw:flex-wrap gw:justify-start gw:m-0 gw:pl-0 gw:w-full",
+		...t,
+		children: e.map((e) => /* @__PURE__ */ r(l, { link: e }, e.id || e.text))
+	});
+}
+var d = ({ links: e = [] }) => /* @__PURE__ */ r("div", {
+	className: "gw:hidden gw:md:flex gw:flex-row gw:content-center gw:justify-between gw:w-full gw:min-h-12 gw:pr-3",
+	children: /* @__PURE__ */ r(u, { links: e })
+});
+//#endregion
+export { d as NavbarLinks, d as default };

package/dist/es/composite/header/overlay-links.js

@@ -0,0 +1,68 @@
+import e from "../../components/navigation/link.js";
+import { Button as t } from "../../components/button.js";
+import { useState as n } from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { FaCaretDown as o, FaCaretUp as s } from "react-icons/fa";
+import { VscClose as c } from "react-icons/vsc";
+//#region lib/composite/header/overlay-links.jsx
+function l({ link: t, close: c }) {
+	let [l, d] = n(!1);
+	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a("div", {
+		className: "gw:flex gw:justify-between gw:items-center gw:text-white gw:text-xl gw:font-semibold gw:px-4 gw:py-2",
+		children: [/* @__PURE__ */ i(e, {
+			href: t.href,
+			onClick: c,
+			children: t.text
+		}), /* @__PURE__ */ i("span", {
+			className: "gw:grow",
+			onClick: () => {
+				d(!l);
+			},
+			children: /* @__PURE__ */ i("span", {
+				className: "gw:flex gw:justify-end",
+				children: t.children && i(l ? s : o, {})
+			})
+		})]
+	}), t.children && l ? /* @__PURE__ */ i("div", {
+		className: "gw:pl-5",
+		children: /* @__PURE__ */ i(u, {
+			links: t.children,
+			close: c
+		})
+	}) : null] });
+}
+function u({ links: e, close: t }) {
+	return /* @__PURE__ */ i("ul", {
+		className: "gw:flex gw:flex-col",
+		children: e.map((e) => /* @__PURE__ */ i(l, {
+			link: e,
+			close: t
+		}, e.id || e.text))
+	});
+}
+function d({ links: e = [], onClose: n }) {
+	let r = () => {
+		n && typeof n == "function" && n();
+	};
+	return /* @__PURE__ */ a("div", {
+		className: "gw:fixed gw:top-0 gw:left-0 gw:h-full gw:right-0 gw:bg-nav-black gw:bg-opacity-90 gw:z-50",
+		children: [/* @__PURE__ */ i("div", {
+			className: "gw:flex gw:justify-end",
+			children: /* @__PURE__ */ i(t, {
+				style: "plain",
+				color: "white",
+				size: "lg",
+				onClick: r,
+				children: /* @__PURE__ */ i(c, {})
+			})
+		}), /* @__PURE__ */ i("div", {
+			className: "gw:relative  gw:h-full gw:overflow-y-auto gw:hide-scrollbar",
+			children: /* @__PURE__ */ i(u, {
+				links: e,
+				close: r
+			})
+		})]
+	});
+}
+//#endregion
+export { d as OverlayLinks, d as default };

package/dist/es/composite/header/usa-banner/USABanner.js

@@ -0,0 +1,130 @@
+import e from "../../../gw-merge.js";
+/* empty css           */
+import t from "../../../img/us_flag_small.js";
+import n from "../../../img/icon-dot-gov.js";
+import r from "../../../img/icon-https.js";
+import { useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region lib/composite/header/usa-banner/USABanner.jsx
+function s(...e) {
+	return e.filter(Boolean).join(" ");
+}
+var c = ({ fluidNav: c }) => {
+	let [l, u] = i(!1);
+	return /* @__PURE__ */ a("div", {
+		className: "header_banner_container gw:bg-gov-banner-black gw:text-white",
+		children: /* @__PURE__ */ o("div", {
+			className: e("header_banner_inner gw:sm:my-0 gw:sm:mx-auto gw:sm:font-sm", c ? "gw:max-w-screen" : "gw:px-4 gw:max-w-(--gw:breakpoint-2xl)"),
+			children: [/* @__PURE__ */ o("div", {
+				className: "header_banner_flag gw:fill-gov-banner-gray gw:py-1.5 gw:h-12 gw:sm:h-8 gw:px-0 gw:text-sm gw:box-border gw:flex gw:items-center gw:justify-start",
+				children: [
+					/* @__PURE__ */ a("img", {
+						src: t,
+						className: "gw:mr-2",
+						role: "presentation",
+						"aria-label": "U.S. Government Flag",
+						alt: "U.S. Government Flag"
+					}),
+					"An official website of the United States government",
+					/* @__PURE__ */ a("div", {
+						className: "header_banner_accordion gw:text-gov-banner-gray gw:border-0 gw:cursor-pointer gw:text-sm gw:outline-hidden gw:text-left gw:transition-all gw:duration-300 gw:ease-out gw:my-0 gw:ms-1 gw:me-2.5 gw:sm:me-0 gw:inline-block focus:outline-5 focus:outline-focus-ring",
+						tabIndex: 0,
+						children: /* @__PURE__ */ o("u", {
+							onClick: () => {
+								u(!l);
+							},
+							children: ["Here's how you know", /* @__PURE__ */ a("span", {
+								className: s("expand-more-container gw:inline-block gw:align-top", l ? "gw:transform gw:rotate-180" : ""),
+								children: /* @__PURE__ */ o("svg", {
+									xmlns: "http://www.w3.org/2000/svg",
+									height: "24",
+									viewBox: "0 0 24 24",
+									width: "24",
+									className: "gw:inline-block gw:relative gw:transition-all gw:delay-300 gw:ease-out gw:align-middle gw:h-[18px] gw:w-[18px]",
+									children: [/* @__PURE__ */ a("path", {
+										d: "M0 0h24v24H0z",
+										fill: "none"
+									}), /* @__PURE__ */ a("path", {
+										className: "expand-more",
+										d: "M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"
+									})]
+								})
+							})]
+						})
+					})
+				]
+			}), l ? /* @__PURE__ */ o("div", {
+				className: "header_banner_panel gw:flex gw:flex-col gw:md:flex-row gw:my-0 gw:mx-auto gw:overflow-hidden gw:pt-6 gw:pb-4 gw:max-h-[328px] active",
+				children: [/* @__PURE__ */ o("div", {
+					className: "header_banner_panel_item",
+					children: [/* @__PURE__ */ a("img", {
+						src: n,
+						alt: "Generic government building icon",
+						"aria-label": "Generic government building icon",
+						className: "gw:h-[50px] gw:w-[50px] gw:mr-4"
+					}), /* @__PURE__ */ o("div", {
+						id: "dnn_ctl03_bannerContentLeft",
+						className: "header_banner_content gw:text-sm gw:leading-7 gw:w-full gw:mb-2.5 gw:-tracking-tighter",
+						children: [
+							/* @__PURE__ */ a("p", {
+								className: "banner-contentLeft-text mb-0 gw:text-lg gw:text-white",
+								children: /* @__PURE__ */ a("strong", { children: " Official websites use .mil " })
+							}),
+							"A ",
+							/* @__PURE__ */ a("strong", { children: ".mil" }),
+							" website belongs to an official U.S. Department of Defense organization in the United States."
+						]
+					})]
+				}), /* @__PURE__ */ o("div", {
+					className: "header_banner_panel_item https",
+					children: [/* @__PURE__ */ a("img", {
+						src: r,
+						alt: "HTTPS secure lock icon",
+						"aria-label": "HTTPS secure lock icon",
+						className: "gw:h-[50px] gw:w-[50px] gw:mr-4"
+					}), /* @__PURE__ */ o("div", {
+						id: "dnn_ctl03_bannerContentRight",
+						className: "header_banner_content gw:text-sm gw:leading-7 gw:w-full gw:mb-2.5 gw:-tracking-tighter",
+						children: [/* @__PURE__ */ a("p", {
+							className: "banner-contentRight-text mb-0 gw:text-lg gw:text-white",
+							children: /* @__PURE__ */ a("strong", { children: "Secure .mil websites use HTTPS" })
+						}), /* @__PURE__ */ o("div", { children: [
+							" ",
+							"A",
+							" ",
+							/* @__PURE__ */ o("strong", { children: [
+								"lock (",
+								/* @__PURE__ */ a("span", {
+									className: "header_banner_icon_lock gw:inline-block gw:h-[15px] gw:w-[15px] gw:my-0 gw:mx-2 gw:relative",
+									children: /* @__PURE__ */ o("svg", {
+										xmlns: "http://www.w3.org/2000/svg",
+										width: "52",
+										height: "64",
+										viewBox: "0 0 52 64",
+										className: "gw:fill-black gw:h-[15px] gw:w-[15px]",
+										children: [
+											/* @__PURE__ */ a("title", { children: "lock " }),
+											/* @__PURE__ */ a("path", {
+												className: "icon_lock gw:fill-white",
+												fillRule: "evenodd",
+												d: "M26 0c10.493 0 19 8.507 19 19v9h3a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4h3v-9C7 8.507 15.507 0 26 0zm0 8c-5.979 0-10.843 4.77-10.996 10.712L15 19v9h22v-9c0-6.075-4.925-11-11-11z"
+											}),
+											" "
+										]
+									})
+								}),
+								")"
+							] }),
+							" ",
+							"or ",
+							/* @__PURE__ */ a("strong", { children: " https://" }),
+							" means you’ve safely connected to the .mil website. Share sensitive information only on official, secure websites."
+						] })]
+					})]
+				})]
+			}) : null]
+		})
+	});
+};
+//#endregion
+export { c as USABanner, c as default };

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

@@ -0,0 +1,102 @@
+import { UsaceBox as e } from "../../components/layout/usace-box.js";
+import t from "../../components/navigation/link.js";
+import { useIsMobile as n } from "../../hooks/useIsMobile.js";
+import { Dropdown as r } from "../../components/form/dropdown.js";
+import { flattenLinks as i } from "../../utils/paths.js";
+import { PopoutMenu as a } from "../../components/buttons/popover.js";
+import { useRef as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region lib/composite/sidebar/index.jsx
+var l = 3, u = `Maximum sidebar nesting level of ${l} is exceeded for %s. To ensure a clean and readable sidebar, please reduce the nesting level of your links by moving some of them to the top level.`;
+function d({ link: e, selectedPath: n, enablePopout: r, popoutDirection: i = "right", maxScrollHeight: o = "50vh", level: f = 0 }) {
+	typeof o != "string" && (console.warn("maxScrollHeight must be a string. Something like '50vh' or '100px'. Defaulting to '50vh'"), o = "50vh");
+	let p = n === e?.href;
+	return f > l ? (console.error(u.replaceAll("%s", e?.text)), null) : /* @__PURE__ */ s("div", {
+		className: "gw:py-2 gw:border-b gw:border-b-gray-200 gw:hover:bg-gray-100 ",
+		children: e?.children ? /* @__PURE__ */ c(a, {
+			title: e?.text,
+			level: f,
+			direction: i,
+			children: [/* @__PURE__ */ s(t, {
+				href: e?.href,
+				target: e?.target,
+				rel: e?.rel,
+				className: `gw:sticky gw:top-0 gw:flex gw:items-center gw:gap-1 gw:p-2 gw:border-b-[1px] gw:border-b-gray-200 gw:bg-gray-100 gw:font-bold ${p ? "gw:bg-gray-100 gw:rounded" : ""}`,
+				children: e?.text
+			}, e?.id), /* @__PURE__ */ s("div", {
+				className: "gw:overflow-y-auto",
+				style: { maxHeight: o },
+				children: e?.children?.map((e) => d({
+					link: e,
+					selectedPath: n,
+					enablePopout: r,
+					popoutDirection: i,
+					maxScrollHeight: o,
+					level: f + 1
+				}))
+			})]
+		}) : /* @__PURE__ */ s(t, {
+			href: e?.href,
+			target: e?.target,
+			rel: e?.rel,
+			className: "gw:z-20 gw:flex gw:items-center gw:px-1",
+			children: e?.text
+		}, e?.id)
+	}, e?.id);
+}
+function f(e, n, r = 0) {
+	let i = n === e?.href, a = { paddingLeft: `${r * 20}px` };
+	return r > l ? (console.error(u.replaceAll("%s", e?.text)), null) : /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s(t, {
+		href: e?.href,
+		target: e?.target,
+		rel: e?.rel,
+		children: /* @__PURE__ */ c("div", {
+			className: `gw:text-lg ${r === 0 ? "gw:font-bold" : ""} gw:pl-1 gw:py-1 gw:flex gw:justify-between gw:items-center ${e?.href ? "gw:cursor-pointer gw:hover:bg-gray-100" : "gw:cursor-default"} ${i ? "gw:bg-gray-100 gw:rounded" : ""}`,
+			style: a,
+			children: [e?.text, i]
+		})
+	}), e?.children && /* @__PURE__ */ s("div", { children: e?.children.map((e) => f(e, n, r + 1)) })] }, e?.id);
+}
+function p({ title: a = "Contents", selectedPath: l, sidebarLinks: u, enablePopout: p, popoutDirection: m, maxScrollHeight: h }) {
+	let g = n(), _ = o(null), v = o(null);
+	if (m && !p) throw Error("popoutDirection can only be used when enablePopout is true");
+	return g ? /* @__PURE__ */ s(e, {
+		ref: _,
+		title: a,
+		className: "gw:text-sm gw:my-5",
+		id: "sidebar",
+		children: /* @__PURE__ */ c("div", {
+			className: "gw:w-full gw:m-auto gw:flex gw:justify-between gw:items-center gw:gap-2",
+			children: [/* @__PURE__ */ s(r, {
+				className: "gw:w-5/6 gw:m-auto",
+				value: l,
+				onChange: (e) => {
+					v.current.href = e.target.value, v.current.click();
+				},
+				options: i(u).map((e, t) => /* @__PURE__ */ s("option", {
+					value: e?.href,
+					className: "gw:pl-2",
+					children: `${"\xA0".repeat(e?.level * 2)}${e?.text}`
+				}, t + e?.href + "-mobile-sidebar"))
+			}), /* @__PURE__ */ s(t, {
+				className: "hidden",
+				href: "#",
+				ref: v,
+				"aria-hidden": "true"
+			})]
+		})
+	}) : /* @__PURE__ */ s(e, {
+		ref: _,
+		title: a,
+		id: "sidebar",
+		children: u.map((e) => p ? d({
+			link: e,
+			selectedPath: l,
+			enablePopout: p,
+			maxScrollHeight: h,
+			popoutDirection: m
+		}) : f(e, l))
+	});
+}
+//#endregion
+export { p as Sidebar, p as default };

package/dist/es/composite/site-wrapper/dod-warning.js

@@ -0,0 +1,46 @@
+import { Modal as e } from "../../components/display/modal.js";
+import { Button as t } from "../../components/button.js";
+import { useEffect as n, useState as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region lib/composite/site-wrapper/dod-warning.jsx
+function s(e = 1e3 * 60 * 60 * 24 * 30) {
+	let t = !1;
+	if (t = window.localStorage.getItem("gw:dod-warn-accept") || !1, t) try {
+		/* @__PURE__ */ new Date() - new Date(t) > e ? (window.localStorage.removeItem("gw:dod-warn-accept"), t = !1) : t = !0;
+	} catch {
+		return !1;
+	}
+	return t;
+}
+function c() {
+	window.localStorage.setItem("gw:dod-warn-accept", (/* @__PURE__ */ new Date()).getTime());
+}
+function l({ warningTimeout: l }) {
+	let [u, d] = r(!s(l));
+	return n(() => {
+		u || c();
+	}, [u]), /* @__PURE__ */ a(e, {
+		opened: u,
+		onClose: () => d(!1),
+		dialogTitle: "US Department of Defense Warning Statement",
+		dialogDescription: /* @__PURE__ */ a(i, { children: "You are accessing a U.S. Government (USG) website that is provided for USG-authorized use only. By visiting this website, you consent to the following conditions:" }),
+		size: "2xl",
+		buttons: /* @__PURE__ */ a(t, {
+			className: "gw:w-full",
+			onClick: () => d(!1),
+			children: "I Agree"
+		}),
+		children: /* @__PURE__ */ o("ul", {
+			className: "gw:list-disc gw:p-3",
+			children: [
+				/* @__PURE__ */ a("li", { children: "The USG routinely intercepts and monitors communications on this website for purposes including, but not limited to, penetration testing, COMSEC, monitoring, network operations and defense, personnel misconduct (PM), law enforcement (LE), and counterintelligence (CI) investigations." }),
+				/* @__PURE__ */ a("li", { children: "At any time, the USG may inspect and seize data stored on this website." }),
+				/* @__PURE__ */ a("li", { children: "Communications using, or data stored on, this website are not private, are subject to routine monitoring, interception, and search, and may be disclosed or used for any USG-authorized purpose." }),
+				/* @__PURE__ */ a("li", { children: "This website includes security measures (e.g., authentication and access controls) to protect USG interests — not for your personal benefit or privacy." }),
+				/* @__PURE__ */ a("li", { children: "Notwithstanding the above, using this website does not constitute consent to PM, LE or CI investigative searching or monitoring of the content of privileged communications, or work product, related to personal representation or services by attorneys, psychotherapists, or clergy, and their assistants. Such communications and work product are private and confidential." })
+			]
+		})
+	});
+}
+//#endregion
+export { l as default };

package/dist/es/composite/site-wrapper/index.js

@@ -0,0 +1,49 @@
+import { Header as e } from "../header/index.js";
+import { Footer as t } from "../footer/index.js";
+import { USABanner as n } from "../header/usa-banner/USABanner.js";
+import r from "./dod-warning.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region lib/composite/site-wrapper/index.jsx
+function o({ children: o, navRight: s = void 0, showFooter: c = !0, links: l, usaBanner: u = !0, msgBanner: d = void 0, msgBannerPosition: f = "top", title: p = "US Army Corps of Engineers", homeUrl: m = "#", fluidNav: h = !1, subtitle: g = "", missionText: _ = "", aboutText: v = "", facebookUrl: y = "", twitterUrl: b = "", youtubeUrl: x = "", flickrUrl: S = "", instagramUrl: C = "", linkedInUrl: w = "", usaceLinks: T = [], externalLinks: E = [], armyLogo: D = !0, army250Logo: O = !1, usaceLogo: k = !0, usace250Logo: A = !1, rsgisLogo: j = !1, cwbiLogo: M = !1, showWarning: N = !1, warningTimeout: P = void 0 }) {
+	return ["top", "bottom"].includes(f) || console.warn("You must specify top or bottom for messageBannerPosition. Ignoring parameter"), /* @__PURE__ */ a("div", {
+		className: "gw:grid gw:min-h-screen gw:grid-rows-1fr-auto",
+		children: [
+			/* @__PURE__ */ a("div", { children: [
+				u && /* @__PURE__ */ i(n, { fluidNav: h }),
+				d && f === "top" ? d : null,
+				/* @__PURE__ */ i(e, {
+					links: l,
+					title: p,
+					subtitle: g,
+					navRight: s,
+					fluidNav: h,
+					homeUrl: m
+				}),
+				d && f === "bottom" ? d : null,
+				o
+			] }),
+			c && /* @__PURE__ */ i(t, {
+				fluidNav: h,
+				missionText: _,
+				aboutText: v,
+				facebookUrl: y,
+				twitterUrl: b,
+				youtubeUrl: x,
+				flickrUrl: S,
+				instagramUrl: C,
+				linkedInUrl: w,
+				usaceLinks: T,
+				externalLinks: E,
+				armyLogo: D,
+				army250Logo: O,
+				usaceLogo: k,
+				usace250Logo: A,
+				rsgisLogo: j,
+				cwbiLogo: M
+			}),
+			N && /* @__PURE__ */ i(r, { warningTimeout: P })
+		]
+	});
+}
+//#endregion
+export { o as SiteWrapper, o as default };

package/dist/es/gw-merge.js

@@ -0,0 +1,11 @@
+import { extendTailwindMerge as e } from "tailwind-merge";
+//#region lib/gw-merge.js
+var t = ["gw", "gww"], n = e({ experimentalParseClassName: ({ className: e, parseClassName: n }) => {
+	let r = n(e);
+	return Array.isArray(r.modifiers) && r.modifiers.length && t.some((e) => r.modifiers.includes(e)) ? {
+		...r,
+		modifiers: r.modifiers.filter((e) => !t.includes(e))
+	} : r;
+} });
+//#endregion
+export { n as default, n as gwMerge };

package/dist/es/hooks/useIsMobile.js

@@ -0,0 +1,32 @@
+import { useEffect as e, useState as t } from "react";
+//#region lib/hooks/useIsMobile.js
+function n(n = "768px") {
+	if (n = n.replace("px", ""), n = parseInt(n), isNaN(n)) throw Error("Invalid breakpoint. Must be number > 1.");
+	if (n <= 0) throw Error("Breakpoint must be greater than 0.");
+	switch (n) {
+		case "sm":
+			n = 640;
+			break;
+		case "md":
+			n = 768;
+			break;
+		case "lg":
+			n = 1024;
+			break;
+		case "xl":
+			n = 1280;
+			break;
+		case "2xl":
+			n = 1536;
+			break;
+		default: break;
+	}
+	n += "px";
+	let [r, i] = t(!1);
+	return e(() => {
+		let e = window.matchMedia(`(max-width: ${n})`), t = () => i(e.matches);
+		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, [n]), r;
+}
+//#endregion
+export { n as useIsMobile };

package/dist/es/hooks/useScrollFade.js

@@ -0,0 +1,19 @@
+import { useEffect as e, useRef as t, useState as n } from "react";
+//#region lib/hooks/useScrollFade.js
+function r() {
+	let r = t(null), [i, a] = n(!1);
+	return e(() => {
+		let e = r.current;
+		if (!e) return;
+		let t = () => {
+			let t = e.scrollHeight > e.clientHeight && e.scrollTop + e.clientHeight < e.scrollHeight;
+			a(t);
+		};
+		return t(), e.addEventListener("scroll", t), () => e.removeEventListener("scroll", t);
+	}, []), {
+		scrollRef: r,
+		showFade: i
+	};
+}
+//#endregion
+export { r as default };