@thewhatmatters/wmds 0.2.0

package/dist/components/organisms/Dialog/OverlayPanelHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayPanelHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Dialog/OverlayPanelHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiBvC,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,4FAA4F;IAC5F,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4DAA4D;IAC5D,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gGAAgG;IAChG,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mFAAmF;IACnF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,aAAa,EACb,KAAK,EACL,WAAW,EACX,cAAiC,EACjC,oBAA0C,EAC1C,WAAW,EACX,SAAgB,EAChB,UAAoB,EACpB,OAAO,EACP,UAAkB,EAClB,SAAS,GACV,EAAE,uBAAuB,sCA4DzB"}

package/dist/components/organisms/Dialog/OverlayPanelHeader.js

@@ -0,0 +1,50 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { IconButton as t } from "../../atoms/IconButton/IconButton.js";
+import { cardSubtitleClasses as n, cardTitleClasses as r } from "../../molecules/Card/cardStyles.js";
+import { Card as i } from "../../molecules/Card/Card.js";
+import { overlayPanelHeaderClasses as a, overlayPanelHeaderDelineatedInnerClasses as o, overlayPanelHeaderHairlineClasses as s, overlayPanelHeaderStartClusterClasses as c, overlayPanelHeaderStartSlotClasses as l } from "./dialogStyles.js";
+import { X as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/organisms/Dialog/OverlayPanelHeader.tsx
+function p({ titleId: p, descriptionId: m, title: h, description: g, titleClassName: _ = r, descriptionClassName: v = n, headerStart: y, showClose: b = !0, closeLabel: x = "Close", onClose: S, delineated: C = !1, className: w }) {
+	let T = h != null, E = g != null;
+	if (!T && !b && y == null) return null;
+	let D = /* @__PURE__ */ d(i.Header, {
+		className: e(a, C ? o : void 0, w),
+		start: y != null || T ? /* @__PURE__ */ f("div", {
+			className: c,
+			children: [y == null ? null : /* @__PURE__ */ d("div", {
+				className: l,
+				children: y
+			}), T ? /* @__PURE__ */ f("div", {
+				className: "flex min-w-0 flex-col gap-0",
+				children: [/* @__PURE__ */ d("h2", {
+					id: p,
+					className: _,
+					children: h
+				}), E ? /* @__PURE__ */ d("p", {
+					id: m,
+					className: v,
+					children: g
+				}) : null]
+			}) : null]
+		}) : null,
+		end: b ? /* @__PURE__ */ d(t, {
+			size: "sm",
+			role: "ghost",
+			icon: /* @__PURE__ */ d(u, { strokeWidth: 2 }),
+			"aria-label": x,
+			onClick: () => S?.()
+		}) : null
+	});
+	return C ? /* @__PURE__ */ f("div", {
+		className: e(a, "w-full"),
+		children: [D, /* @__PURE__ */ d("hr", {
+			className: s,
+			"aria-hidden": "true"
+		})]
+	}) : D;
+}
+//#endregion
+export { p as OverlayPanelHeader };

package/dist/components/organisms/Dialog/dialogStyles.d.ts

@@ -0,0 +1,66 @@
+export declare const dialogSizes: readonly ["sm", "md", "lg"];
+export type DialogSize = (typeof dialogSizes)[number];
+/** Full-viewport stack — backdrop + centered panel. */
+export declare const dialogOverlayRootClasses = "fixed inset-0 z-[100] flex items-center justify-center p-4";
+/** Scrim — `--color-overlay` token. */
+export declare const dialogBackdropClasses: string;
+/** Centered panel width — layout-only on the Card shell. */
+export declare const dialogPanelSizeClasses: Record<DialogSize, string>;
+/** Dialog body copy — typography only; horizontal inset comes from section stack / header. */
+export declare const dialogBodyCopyClasses: string;
+/** Muted copy in the dialog body slot — shared by **Dialog** and **AlertDialog**. */
+export declare const dialogBodyMutedClasses: string;
+/** AlertDialog title — **Card** subheading scale; brief confirm, not page section. */
+export declare const alertDialogTitleClasses: string;
+/** @deprecated Prefer {@link dialogBodyCopyClasses} inside {@link overlayPanelBodyScrollClasses}. */
+export declare const dialogBodyClasses: string;
+/** Dialog / AlertDialog footer — full-width row, actions end-aligned. */
+export declare const dialogFooterClasses: string;
+/** AlertDialog footer — same alignment as {@link dialogFooterClasses}. */
+export declare const alertDialogFooterClasses: string;
+/** End-aligned action cluster in footer. */
+export declare const dialogFooterActionsClasses = "flex shrink-0 items-center justify-end gap-2";
+/**
+ * Overlay chrome — header and footer stay visible; only the body slot scrolls.
+ * Flex + overflow hidden (not `position: fixed`) — footer pins to the panel bottom.
+ */
+export declare const overlayPanelChromeClasses = "flex min-h-0 flex-col overflow-hidden";
+/** Viewport cap for centered **Dialog** / **AlertDialog** panels. */
+export declare const overlayPanelMaxHeightClasses = "max-h-[min(85vh,100%)]";
+export declare const overlayPanelHeaderClasses = "shrink-0";
+/** Full-width section hairline — sibling of inset header/footer rows (**Sheet** / **Panel**). */
+export declare const overlayPanelHairlineClasses = "m-0 w-full shrink-0 border-0 border-border p-0";
+export declare const overlayPanelHeaderHairlineClasses: string;
+export declare const overlayPanelFooterHairlineClasses: string;
+/** @deprecated Prefer {@link overlayPanelHeaderHairlineClasses} below padded **Card.Header**. */
+export declare const overlayPanelHeaderDelineatedShellClasses: string;
+/** Header inner pad when a scroll body or footer follows. */
+export declare const overlayPanelHeaderDelineatedInnerClasses = "pb-3";
+/** @deprecated Use {@link overlayPanelHeaderDelineatedShellClasses} + inner pad on **Card.Header**. */
+export declare const overlayPanelHeaderDelineatedClasses: string;
+/** Title row + optional leading slot — mirrors **Card.Header** `start` cluster. */
+export declare const overlayPanelHeaderStartClusterClasses = "flex min-w-0 flex-1 items-start gap-3";
+/** Leading icon or **Badge** — 20px Lucide scale. */
+export declare const overlayPanelHeaderStartSlotClasses = "flex shrink-0 items-center pt-0.5 text-muted [&>svg]:size-5 [&>svg]:shrink-0 [&>svg]:stroke-current";
+/** Muted description under the title (in header). */
+export declare const dialogDescriptionClasses: string;
+/** Shared vertical stack — header, body, footer with section gaps. */
+export declare const overlayPanelStackClasses = "flex min-h-0 flex-col gap-3";
+export declare const overlayPanelSectionStackClasses: string;
+export declare const overlayPanelBodyScrollClasses: string;
+export declare const overlayPanelFooterClasses: string;
+/** Borderless **Dialog** / **AlertDialog** shell — 16px section rhythm (roomier than **Sheet** chrome). */
+export declare const dialogPanelShellClasses = "gap-4";
+/** Dialog body scroll — horizontal inset + light vertical pad for copy blocks. */
+export declare const overlayPanelDialogBodyScrollClasses: string;
+/** Dialog footer — top inset without hairlines. */
+export declare const overlayPanelDialogFooterClasses: string;
+/** Footer shell when a scroll body precedes the footer. */
+export declare const overlayPanelFooterDelineatedShellClasses = "shrink-0 w-full";
+/** Footer inner pad when a scroll body precedes the footer. */
+export declare const overlayPanelFooterDelineatedInnerClasses: string;
+/** @deprecated Use {@link overlayPanelFooterHairlineClasses} + inner row. */
+export declare const overlayPanelFooterDelineatedClasses: string;
+/** @deprecated Use delineated shell + inner classes on **Sheet** / **Panel** footers. */
+export declare const overlayPanelFooterShellClasses: string;
+//# sourceMappingURL=dialogStyles.d.ts.map

package/dist/components/organisms/Dialog/dialogStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialogStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Dialog/dialogStyles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,WAAW,6BAA8B,CAAC;AAEvD,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,uDAAuD;AACvD,eAAO,MAAM,wBAAwB,+DAA+D,CAAC;AAErG,uCAAuC;AACvC,eAAO,MAAM,qBAAqB,QAIjC,CAAC;AAEF,4DAA4D;AAC5D,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAI7D,CAAC;AAEF,8FAA8F;AAC9F,eAAO,MAAM,qBAAqB,QAAyC,CAAC;AAE5E,qFAAqF;AACrF,eAAO,MAAM,sBAAsB,QAA0C,CAAC;AAE9E,sFAAsF;AACtF,eAAO,MAAM,uBAAuB,QAAmB,CAAC;AAExD,qGAAqG;AACrG,eAAO,MAAM,iBAAiB,QAAoC,CAAC;AAEnE,yEAAyE;AACzE,eAAO,MAAM,mBAAmB,QAG/B,CAAC;AAEF,0EAA0E;AAC1E,eAAO,MAAM,wBAAwB,QAAsB,CAAC;AAE5D,4CAA4C;AAC5C,eAAO,MAAM,0BAA0B,iDAAiD,CAAC;AAEzF;;;GAGG;AACH,eAAO,MAAM,yBAAyB,0CAA0C,CAAC;AAEjF,qEAAqE;AACrE,eAAO,MAAM,4BAA4B,2BAA2B,CAAC;AAErE,eAAO,MAAM,yBAAyB,aAAa,CAAC;AAEpD,iGAAiG;AACjG,eAAO,MAAM,2BAA2B,mDAAmD,CAAC;AAE5F,eAAO,MAAM,iCAAiC,QAA8C,CAAC;AAE7F,eAAO,MAAM,iCAAiC,QAA8C,CAAC;AAE7F,iGAAiG;AACjG,eAAO,MAAM,wCAAwC,QAGpD,CAAC;AAEF,6DAA6D;AAC7D,eAAO,MAAM,wCAAwC,SAAS,CAAC;AAE/D,uGAAuG;AACvG,eAAO,MAAM,mCAAmC,QAG/C,CAAC;AAEF,mFAAmF;AACnF,eAAO,MAAM,qCAAqC,0CACT,CAAC;AAE1C,qDAAqD;AACrD,eAAO,MAAM,kCAAkC,wGACwD,CAAC;AAExG,qDAAqD;AACrD,eAAO,MAAM,wBAAwB,QAA+C,CAAC;AAErF,sEAAsE;AACtE,eAAO,MAAM,wBAAwB,gCAAgC,CAAC;AAEtE,eAAO,MAAM,+BAA+B,QAAyC,CAAC;AAEtF,eAAO,MAAM,6BAA6B,QAIzC,CAAC;AAEF,eAAO,MAAM,yBAAyB,QAAsC,CAAC;AAE7E,2GAA2G;AAC3G,eAAO,MAAM,uBAAuB,UAAU,CAAC;AAE/C,kFAAkF;AAClF,eAAO,MAAM,mCAAmC,QAG/C,CAAC;AAEF,mDAAmD;AACnD,eAAO,MAAM,+BAA+B,QAAwC,CAAC;AAErF,2DAA2D;AAC3D,eAAO,MAAM,wCAAwC,oBAAoB,CAAC;AAE1E,+DAA+D;AAC/D,eAAO,MAAM,wCAAwC,QAGpD,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,mCAAmC,QAG/C,CAAC;AAEF,yFAAyF;AACzF,eAAO,MAAM,8BAA8B,QAG1C,CAAC"}

package/dist/components/organisms/Dialog/dialogStyles.js

@@ -0,0 +1,24 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { typographyClass as t } from "../../../lib/typography.js";
+import { motionTransition as n } from "../../../lib/motion.js";
+import { cardLayoutSectionInsetXClasses as r, cardTitleClasses as i } from "../../molecules/Card/cardStyles.js";
+//#region src/components/organisms/Dialog/dialogStyles.ts
+var a = [
+	"sm",
+	"md",
+	"lg"
+], o = "fixed inset-0 z-[100] flex items-center justify-center p-4", s = e("absolute inset-0 bg-overlay", "transition-opacity", n("medium")), c = {
+	sm: "w-full max-w-sm",
+	md: "w-full max-w-lg",
+	lg: "w-full max-w-2xl"
+}, l = e(t("body"), "text-fg"), u = e(l, "text-muted"), d = i;
+e(l, "px-4");
+var f = e(r, "flex w-full items-center justify-end gap-2"), p = "flex shrink-0 items-center justify-end gap-2", m = "flex min-h-0 flex-col overflow-hidden", h = "max-h-[min(85vh,100%)]", g = "shrink-0", _ = "m-0 w-full shrink-0 border-0 border-border p-0", v = e(_, "border-b"), y = e(_, "border-t"), b = e(g, "border-b border-border"), x = "pb-3";
+e(b, x);
+var S = "flex min-w-0 flex-1 items-start gap-3", C = "flex shrink-0 items-center pt-0.5 text-muted [&>svg]:size-5 [&>svg]:shrink-0 [&>svg]:stroke-current";
+e(l, "pt-1 text-muted");
+var w = "flex min-h-0 flex-col gap-3", T = e(w, "h-full"), E = e(l, r, "min-h-0 flex-1 overflow-y-auto overscroll-contain"), D = e(f, "shrink-0"), O = "gap-4", k = e(E, "py-1"), A = e(D, "pt-2"), j = "shrink-0 w-full", M = e(f, "pt-3 pb-4"), N = e(j, "border-t border-border pt-3");
+e(N, "pb-4");
+//#endregion
+export { d as alertDialogTitleClasses, s as dialogBackdropClasses, l as dialogBodyCopyClasses, u as dialogBodyMutedClasses, p as dialogFooterActionsClasses, f as dialogFooterClasses, o as dialogOverlayRootClasses, O as dialogPanelShellClasses, c as dialogPanelSizeClasses, a as dialogSizes, E as overlayPanelBodyScrollClasses, m as overlayPanelChromeClasses, k as overlayPanelDialogBodyScrollClasses, A as overlayPanelDialogFooterClasses, D as overlayPanelFooterClasses, N as overlayPanelFooterDelineatedClasses, M as overlayPanelFooterDelineatedInnerClasses, j as overlayPanelFooterDelineatedShellClasses, y as overlayPanelFooterHairlineClasses, _ as overlayPanelHairlineClasses, g as overlayPanelHeaderClasses, x as overlayPanelHeaderDelineatedInnerClasses, b as overlayPanelHeaderDelineatedShellClasses, v as overlayPanelHeaderHairlineClasses, S as overlayPanelHeaderStartClusterClasses, C as overlayPanelHeaderStartSlotClasses, h as overlayPanelMaxHeightClasses, T as overlayPanelSectionStackClasses, w as overlayPanelStackClasses };

package/dist/components/organisms/FooterReveal/FooterReveal.d.ts

@@ -0,0 +1,78 @@
+import { type MotionValue } from "motion/react";
+import { type MouseEventHandler, type ReactNode } from "react";
+import { footerRevealFieldClasses, footerRevealFieldLinkClasses, footerRevealRuledFieldClasses } from "./footerRevealStyles";
+import { FooterRevealRuled } from "./FooterRevealRuled";
+export { footerRevealFieldClasses, footerRevealFieldLinkClasses, footerRevealRuledFieldClasses };
+export type { FooterRevealRuledLink, FooterRevealRuledProps, } from "./FooterRevealRuled";
+export { footerRevealRuledEmailHref } from "./FooterRevealRuled";
+/** Layout-only — placement. Do not add overflow clipping; it breaks the sticky footer. */
+export type FooterRevealLayoutClassName = string;
+export interface FooterRevealProps {
+    /** **FooterReveal.Content** then **FooterReveal.Footer**. */
+    children?: ReactNode;
+    className?: FooterRevealLayoutClassName;
+}
+export interface FooterRevealContentProps {
+    /** Page body that covers the sticky footer until scroll. Needs an opaque background. */
+    children?: ReactNode;
+    className?: FooterRevealLayoutClassName;
+}
+export interface FooterRevealFooterProps {
+    /** Footer contents — any node, including a composed marketing footer. */
+    children?: ReactNode;
+    /** Merged onto the fading field. Put the field color here (`footerRevealFieldClasses`). */
+    className?: FooterRevealLayoutClassName;
+}
+/**
+ * Reveal progress from the enclosing **FooterReveal** (0 covered, 1 uncovered).
+ * Stays at 1 when the reader prefers reduced motion.
+ */
+export declare function useFooterRevealProgress(): MotionValue<number>;
+/**
+ * Sticky under-page footer. The page cover sits at z-index 1 with the page
+ * background. The footer is sticky to the bottom at z-index -1 inside an
+ * isolate wrapper, and scrubs opacity, scale, and blur across one footer-height
+ * of scroll. Content starts near `blur(12px)` and transparent, then sharpens.
+ * Reduced motion shows the footer fully opaque at scale 1 with no blur.
+ */
+declare function FooterRevealRoot({ children, className }: FooterRevealProps): import("react").JSX.Element;
+declare function FooterRevealContent({ children, className }: FooterRevealContentProps): import("react").JSX.Element;
+declare function FooterRevealFooter({ children, className }: FooterRevealFooterProps): import("react").JSX.Element;
+export interface FooterRevealSocialLink {
+    label: string;
+    href: string;
+}
+/** Content is the app's: `headline`, `ctaLabel`, and `wordmark` are required, with no defaults. */
+export interface FooterRevealBrandProps {
+    /** Centered display headline, e.g. `We Build WhatMatters`. */
+    headline: string;
+    /** Sentence-case label on the surface CTA, e.g. `Start a project`. */
+    ctaLabel: string;
+    /**
+     * Click handler for the CTA. The control is a `<button type="button">`
+     * (it opens a modal — there is no default route).
+     */
+    onCtaClick?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Optional navigation target. When set, the CTA renders as an anchor.
+     * Omit it to keep the button.
+     */
+    ctaHref?: string;
+    /** Decorative wordmark along the bottom edge. Spans the footer width, e.g. `WHATMATTERS`. */
+    wordmark: string;
+    /** Underlined text row. `https` links open in a new tab with `rel="noopener"`. Omit to render none. */
+    socialLinks?: readonly FooterRevealSocialLink[];
+    className?: FooterRevealLayoutClassName;
+}
+/**
+ * Brand footer for the reveal field: centered headline, inverse CTA, underlined
+ * social row, and a wordmark that spans the footer width and bleeds off the bottom edge.
+ */
+declare function FooterRevealBrand({ headline, ctaLabel, onCtaClick, ctaHref, wordmark, socialLinks, className, }: FooterRevealBrandProps): import("react").JSX.Element;
+export declare const FooterReveal: typeof FooterRevealRoot & {
+    Content: typeof FooterRevealContent;
+    Footer: typeof FooterRevealFooter;
+    Brand: typeof FooterRevealBrand;
+    Ruled: typeof FooterRevealRuled;
+};
+//# sourceMappingURL=FooterReveal.d.ts.map

package/dist/components/organisms/FooterReveal/FooterReveal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterReveal.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/FooterReveal/FooterReveal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,WAAW,EACjB,MAAM,cAAc,CAAC;AACtB,OAAO,EAOL,KAAK,iBAAiB,EACtB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAIf,OAAO,EAOL,wBAAwB,EAIxB,4BAA4B,EAM5B,6BAA6B,EAI9B,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,wBAAwB,EAAE,4BAA4B,EAAE,6BAA6B,EAAE,CAAC;AACjG,YAAY,EACV,qBAAqB,EACrB,sBAAsB,GACvB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAC;AAEjE,0FAA0F;AAC1F,MAAM,MAAM,2BAA2B,GAAG,MAAM,CAAC;AAEjD,MAAM,WAAW,iBAAiB;IAChC,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,2BAA2B,CAAC;CACzC;AAED,MAAM,WAAW,wBAAwB;IACvC,wFAAwF;IACxF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,2BAA2B,CAAC;CACzC;AAED,MAAM,WAAW,uBAAuB;IACtC,yEAAyE;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2FAA2F;IAC3F,SAAS,CAAC,EAAE,2BAA2B,CAAC;CACzC;AA8CD;;;GAGG;AACH,wBAAgB,uBAAuB,IAAI,WAAW,CAAC,MAAM,CAAC,CAE7D;AAED;;;;;;GAMG;AACH,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAkEnE;AAED,iBAAS,mBAAmB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,wBAAwB,+BAY7E;AAiBD,iBAAS,kBAAkB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,uBAAuB,+BA8C3E;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,mGAAmG;AACnG,MAAM,WAAW,sBAAsB;IACrC,8DAA8D;IAC9D,QAAQ,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,UAAU,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAClD;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6FAA6F;IAC7F,QAAQ,EAAE,MAAM,CAAC;IACjB,uGAAuG;IACvG,WAAW,CAAC,EAAE,SAAS,sBAAsB,EAAE,CAAC;IAChD,SAAS,CAAC,EAAE,2BAA2B,CAAC;CACzC;AA0ED;;;GAGG;AACH,iBAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACR,WAAgB,EAChB,SAAS,GACV,EAAE,sBAAsB,+BA6BxB;AAED,eAAO,MAAM,YAAY;;;;;CAKvB,CAAC"}

package/dist/components/organisms/FooterReveal/FooterReveal.js

@@ -0,0 +1,208 @@
+"use client";
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { Button as t } from "../../atoms/Button/Button.js";
+import { footerRevealAt as n } from "./footerRevealAt.js";
+import { footerRevealBrandClasses as r, footerRevealBrandCopyClasses as i, footerRevealBrandHeadlineClasses as a, footerRevealContentClasses as o, footerRevealExternalLinkProps as s, footerRevealFadeClasses as c, footerRevealFieldClasses as l, footerRevealFieldContentClasses as u, footerRevealFieldGuideClasses as d, footerRevealFieldGuideFrameClasses as f, footerRevealFieldLinkClasses as p, footerRevealRootClasses as m, footerRevealRuledFieldClasses as h, footerRevealScaleClasses as g, footerRevealSocialLinkClasses as _, footerRevealSocialListClasses as v, footerRevealStickyClasses as y, footerRevealWordmarkClasses as b, footerRevealWordmarkFontSize as x, footerRevealWordmarkFrameClasses as S } from "./footerRevealStyles.js";
+import { syncFooterRevealWordmark as C } from "./footerRevealWordmark.js";
+import { FooterRevealRuled as w, footerRevealRuledEmailHref as T } from "./FooterRevealRuled.js";
+import { createContext as E, useContext as D, useLayoutEffect as O, useRef as k, useState as A, useSyncExternalStore as j } from "react";
+import { jsx as M, jsxs as N } from "react/jsx-runtime";
+import { MotionConfigContext as P, motion as F, useMotionTemplate as I, useScroll as L, useTransform as R } from "motion/react";
+//#region src/components/organisms/FooterReveal/FooterReveal.tsx
+var z = E(null), B = "(prefers-reduced-motion: reduce)";
+function V(e) {
+	let t = window.matchMedia(B);
+	return t.addEventListener("change", e), () => t.removeEventListener("change", e);
+}
+function H() {
+	return window.matchMedia(B).matches;
+}
+function U() {
+	return j(V, H, () => !0);
+}
+function W(e) {
+	let t = D(z);
+	if (!t) throw Error(`${e} must be rendered inside FooterReveal.`);
+	return t;
+}
+function G() {
+	return W("useFooterRevealProgress").reveal;
+}
+function K({ children: t, className: r }) {
+	let i = k(null), a = k(null), [o, s] = A(.35), { reducedMotion: c } = D(P), l = U() || c === "always";
+	O(() => {
+		let e = a.current;
+		if (!e || typeof ResizeObserver > "u") return;
+		let t = () => {
+			s(n(e.offsetHeight, window.innerHeight || 1));
+		};
+		t();
+		let r = new ResizeObserver(t);
+		return r.observe(e), window.addEventListener("resize", t), () => {
+			r.disconnect(), window.removeEventListener("resize", t);
+		};
+	}, []);
+	let { scrollYProgress: u } = L({
+		target: i,
+		offset: ["end end", "end start"]
+	}), d = R(u, [0, o], [0, 1]), f = R(d, (e) => l ? 1 : e), p = R(u, [0, o], l ? [1, 1] : [.9, 1]), h = R(u, [0, o], l ? [0, 0] : [12, 0]), g = {
+		reveal: f,
+		reduceMotion: l,
+		contentRef: i,
+		footerRef: a,
+		scale: p,
+		filter: I`blur(${h}px)`,
+		opacityWillChange: R(u, (e) => !l && e > 1e-4 && e < o ? "opacity" : "auto"),
+		contentWillChange: R(u, (e) => !l && e > 1e-4 && e < o ? "transform, filter" : "auto")
+	};
+	return /* @__PURE__ */ M(z.Provider, {
+		value: g,
+		children: /* @__PURE__ */ M("div", {
+			className: e(m, r),
+			"data-footer-reveal": "root",
+			children: t
+		})
+	});
+}
+function q({ children: t, className: n }) {
+	let { contentRef: r } = W("FooterReveal.Content");
+	return /* @__PURE__ */ M("div", {
+		ref: r,
+		className: e(o, n),
+		"data-footer-reveal": "content",
+		children: t
+	});
+}
+function J({ children: e }) {
+	return /* @__PURE__ */ N("div", {
+		className: "relative",
+		children: [/* @__PURE__ */ M("div", {
+			className: d,
+			"data-footer-reveal": "guides",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ M("div", {
+				className: f,
+				children: /* @__PURE__ */ M("div", { className: "grid-guides-cols" })
+			})
+		}), /* @__PURE__ */ M("div", {
+			className: u,
+			"data-footer-reveal": "field",
+			children: e
+		})]
+	});
+}
+function Y({ children: t, className: n }) {
+	let { footerRef: r, reveal: i, reduceMotion: a, scale: o, filter: s, opacityWillChange: l, contentWillChange: u } = W("FooterReveal.Footer");
+	return /* @__PURE__ */ M("footer", {
+		ref: r,
+		className: y,
+		"data-footer-reveal": "sticky",
+		children: a ? /* @__PURE__ */ M("div", {
+			className: e(c, n),
+			style: { opacity: 1 },
+			"data-footer-reveal": "fade",
+			children: /* @__PURE__ */ M("div", {
+				className: g,
+				style: {
+					transform: "none",
+					filter: "none",
+					transformOrigin: "50% 100%"
+				},
+				"data-footer-reveal": "scale",
+				children: /* @__PURE__ */ M(J, { children: t })
+			})
+		}) : /* @__PURE__ */ M(F.div, {
+			className: e(c, n),
+			style: {
+				opacity: i,
+				willChange: l
+			},
+			"data-footer-reveal": "fade",
+			children: /* @__PURE__ */ M(F.div, {
+				className: g,
+				style: {
+					scale: o,
+					filter: s,
+					transformOrigin: "50% 100%",
+					willChange: u
+				},
+				"data-footer-reveal": "scale",
+				children: /* @__PURE__ */ M(J, { children: t })
+			})
+		})
+	});
+}
+function X({ text: e }) {
+	let t = k(null), n = k(null);
+	return O(() => {
+		let e = t.current, r = n.current;
+		if (!e || !r) return;
+		let i = -1, a = () => {
+			let t = e.clientWidth;
+			t <= 0 || Math.abs(t - i) < .5 && e.style.getPropertyValue("--footer-wordmark-em") || (i = t, C(r, e));
+		};
+		a();
+		let o = typeof ResizeObserver > "u" ? null : new ResizeObserver(() => {
+			Math.abs(e.clientWidth - i) < .5 || (i = -1, a());
+		});
+		o?.observe(e);
+		let s = document.fonts, c = () => {
+			i = -1, a();
+		};
+		return s?.addEventListener?.("loadingdone", c), s?.ready && s.ready.then(c).catch(() => {}), () => {
+			o?.disconnect(), s?.removeEventListener?.("loadingdone", c);
+		};
+	}, [e]), /* @__PURE__ */ M("div", {
+		ref: t,
+		className: S,
+		"data-footer-reveal": "wordmark-frame",
+		children: /* @__PURE__ */ M("p", {
+			ref: n,
+			className: b,
+			style: { fontSize: x },
+			"aria-hidden": "true",
+			"data-footer-reveal": "wordmark",
+			children: e
+		})
+	});
+}
+function Z({ headline: n, ctaLabel: o, onCtaClick: c, ctaHref: l, wordmark: u, socialLinks: d = [], className: f }) {
+	return /* @__PURE__ */ N("div", {
+		className: e(r, f),
+		children: [/* @__PURE__ */ N("div", {
+			className: i,
+			children: [
+				/* @__PURE__ */ M("h2", {
+					className: a,
+					children: n
+				}),
+				/* @__PURE__ */ M(t, {
+					role: "inverse",
+					size: "lg",
+					type: "button",
+					onClick: c,
+					render: l ? /* @__PURE__ */ M("a", { href: l }) : void 0,
+					children: o
+				}),
+				d.length > 0 ? /* @__PURE__ */ M("ul", {
+					className: v,
+					children: d.map((e) => /* @__PURE__ */ M("li", { children: /* @__PURE__ */ M("a", {
+						href: e.href,
+						className: _,
+						...s(e.href),
+						children: e.label
+					}) }, e.label))
+				}) : null
+			]
+		}), /* @__PURE__ */ M(X, { text: u })]
+	});
+}
+var Q = Object.assign(K, {
+	Content: q,
+	Footer: Y,
+	Brand: Z,
+	Ruled: w
+});
+//#endregion
+export { Q as FooterReveal, l as footerRevealFieldClasses, p as footerRevealFieldLinkClasses, T as footerRevealRuledEmailHref, h as footerRevealRuledFieldClasses, G as useFooterRevealProgress };

package/dist/components/organisms/FooterReveal/FooterRevealRuled.d.ts

@@ -0,0 +1,40 @@
+export interface FooterRevealRuledLink {
+    label: string;
+    href: string;
+}
+/**
+ * Content is the app's: there are no content defaults. `wordmark` is required; every other slot
+ * renders only when its prop is set.
+ */
+export interface FooterRevealRuledProps {
+    /** Display wordmark that fills the footer width, e.g. `WhatMatters`. */
+    wordmark: string;
+    /** Small sans line beside the mark, e.g. `WhatMatters © 2026`. Omit to render none. */
+    copyright?: string;
+    /** Typographic mark beside the copyright, e.g. `WM` (there is no logo asset). Omit to render none. */
+    mark?: string;
+    /** Centered footer nav. Omit or pass `[]` to render no nav. */
+    links?: readonly FooterRevealRuledLink[];
+    /** Visible email address, centered in the quiet row. Omit to render none. */
+    email?: string;
+    /** Defaults to `mailto:` plus `email`. */
+    emailHref?: string;
+    /** Credit line on the end of the quiet row. Omit to render none. */
+    credit?: string;
+    /** Layout only — width or margin. */
+    className?: string;
+}
+/** `mailto:` when the caller does not pass an href. */
+export declare function footerRevealRuledEmailHref(email: string, emailHref?: string): string;
+/**
+ * Marketing footer on the page background. The shell is at least `100vh` and
+ * grows when the content is taller. The link stack, fitted wordmark, and quiet
+ * row are one block, vertically centered in the field when that block fits.
+ * Top padding still clears the pinned site nav (`--site-nav-height` plus its
+ * 1rem pin); a short viewport keeps the block under that nav. A centered link
+ * stack, a wordmark fitted to the footer width, then a quiet row: mark and
+ * copyright, the email, and the credit. The nav, wordmark, and quiet row are
+ * fully visible — they do not crop.
+ */
+export declare function FooterRevealRuled({ wordmark, copyright, mark, links, email, emailHref, credit, className, }: FooterRevealRuledProps): import("react").JSX.Element;
+//# sourceMappingURL=FooterRevealRuled.d.ts.map

package/dist/components/organisms/FooterReveal/FooterRevealRuled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterRevealRuled.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/FooterReveal/FooterRevealRuled.tsx"],"names":[],"mappings":"AAwBA,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,wEAAwE;IACxE,QAAQ,EAAE,MAAM,CAAC;IACjB,uFAAuF;IACvF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sGAAsG;IACtG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,KAAK,CAAC,EAAE,SAAS,qBAAqB,EAAE,CAAC;IACzC,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,uDAAuD;AACvD,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAGpF;AAkFD;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,KAAU,EACV,KAAK,EACL,SAAS,EACT,MAAM,EACN,SAAS,GACV,EAAE,sBAAsB,+BAwDxB"}

package/dist/components/organisms/FooterReveal/FooterRevealRuled.js

@@ -0,0 +1,120 @@
+"use client";
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { TextLink as t } from "../../atoms/TextLink/TextLink.js";
+import { footerRevealExternalLinkProps as n, footerRevealRuledContactClasses as r, footerRevealRuledCopyrightClasses as i, footerRevealRuledCreditClasses as a, footerRevealRuledCreditCopyClasses as o, footerRevealRuledEmailClasses as s, footerRevealRuledIdentityClasses as c, footerRevealRuledLinkListClasses as l, footerRevealRuledLinksClasses as u, footerRevealRuledMarkClasses as d, footerRevealRuledMetaClasses as f, footerRevealRuledNavLinkClasses as p, footerRevealRuledRootClasses as m, footerRevealRuledWordmarkClasses as h, footerRevealRuledWordmarkFrameClasses as g, footerRevealWordmarkFontSize as _ } from "./footerRevealStyles.js";
+import { syncFooterRevealWordmark as v } from "./footerRevealWordmark.js";
+import { useLayoutEffect as y, useRef as b } from "react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+//#region src/components/organisms/FooterReveal/FooterRevealRuled.tsx
+function C(e, t) {
+	return t || `mailto:${e}`;
+}
+function w(e) {
+	let t = b(null), n = b(null);
+	return y(() => {
+		let e = t.current, r = n.current;
+		if (!e || !r) return;
+		let i = -1, a = () => {
+			let t = e.clientWidth;
+			t <= 0 || Math.abs(t - i) < .5 && e.style.getPropertyValue("--footer-wordmark-em") || (i = t, v(r, e));
+		};
+		a();
+		let o = typeof ResizeObserver > "u" ? null : new ResizeObserver(() => {
+			Math.abs(e.clientWidth - i) < .5 || (i = -1, a());
+		});
+		o?.observe(e);
+		let s = document.fonts, c = () => {
+			i = -1, a();
+		};
+		return s?.addEventListener?.("loadingdone", c), s?.ready && s.ready.then(c).catch(() => {}), () => {
+			o?.disconnect(), s?.removeEventListener?.("loadingdone", c);
+		};
+	}, [e]), {
+		frameRef: t,
+		textRef: n
+	};
+}
+function T({ text: e, frameClassName: t, textClassName: n, slot: r }) {
+	let { frameRef: i, textRef: a } = w(e);
+	return /* @__PURE__ */ x("div", {
+		ref: i,
+		className: t,
+		"data-footer-ruled": `${r}-frame`,
+		children: /* @__PURE__ */ x("p", {
+			ref: a,
+			className: n,
+			style: { fontSize: _ },
+			"aria-hidden": "true",
+			"data-footer-ruled": r,
+			children: e
+		})
+	});
+}
+function E({ wordmark: _, copyright: v, mark: y, links: b = [], email: w, emailHref: E, credit: D, className: O }) {
+	let k = w ? C(w, E) : void 0;
+	return /* @__PURE__ */ S("div", {
+		className: e(m, O),
+		"data-footer-ruled": "root",
+		children: [
+			b.length > 0 ? /* @__PURE__ */ x("nav", {
+				"aria-label": "Footer",
+				className: u,
+				"data-footer-ruled": "links",
+				children: /* @__PURE__ */ x("ul", {
+					className: l,
+					children: b.map((e) => /* @__PURE__ */ x("li", { children: /* @__PURE__ */ x(t, {
+						href: e.href,
+						external: /^https?:\/\//i.test(e.href),
+						className: p,
+						children: e.label
+					}) }, e.href))
+				})
+			}) : null,
+			/* @__PURE__ */ x(T, {
+				text: _,
+				frameClassName: g,
+				textClassName: h,
+				slot: "wordmark"
+			}),
+			/* @__PURE__ */ S("div", {
+				className: f,
+				"data-footer-ruled": "meta",
+				children: [
+					/* @__PURE__ */ S("div", {
+						className: c,
+						"data-footer-ruled": "identity",
+						children: [y ? /* @__PURE__ */ x("span", {
+							className: d,
+							"aria-hidden": "true",
+							children: y
+						}) : null, v ? /* @__PURE__ */ x("p", {
+							className: i,
+							children: v
+						}) : null]
+					}),
+					/* @__PURE__ */ x("div", {
+						className: r,
+						"data-footer-ruled": "contact",
+						children: w && k ? /* @__PURE__ */ x("a", {
+							href: k,
+							className: s,
+							...n(k),
+							children: w
+						}) : null
+					}),
+					/* @__PURE__ */ x("div", {
+						className: a,
+						"data-footer-ruled": "credit",
+						children: D ? /* @__PURE__ */ x("p", {
+							className: o,
+							children: D
+						}) : null
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { E as FooterRevealRuled, C as footerRevealRuledEmailHref };

package/dist/components/organisms/FooterReveal/footerRevealAt.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Scroll progress at which the footer reveal finishes.
+ * `useScroll` offset `["end end", "end start"]` runs across one viewport of
+ * travel; the scrub itself is one footer-height, clamped so a tiny or
+ * oversized footer still completes inside the viewport.
+ */
+export declare function footerRevealAt(footerHeight: number, viewportHeight: number): number;
+//# sourceMappingURL=footerRevealAt.d.ts.map

package/dist/components/organisms/FooterReveal/footerRevealAt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footerRevealAt.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/FooterReveal/footerRevealAt.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,GAAG,MAAM,CAGnF"}

package/dist/components/organisms/FooterReveal/footerRevealAt.js

@@ -0,0 +1,7 @@
+"use client";
+//#region src/components/organisms/FooterReveal/footerRevealAt.ts
+function e(e, t) {
+	return Math.min(.95, Math.max(.05, e / (t > 0 ? t : 1)));
+}
+//#endregion
+export { e as footerRevealAt };