@thewhatmatters/wmds 0.2.0

package/dist/components/organisms/ScrollHorizontal/ScrollHorizontalIntro.d.ts

@@ -0,0 +1,41 @@
+import { type ReactNode } from "react";
+export interface ScrollHorizontalIntroAction {
+    /** Visible label, sentence case. The accessible name keeps this casing. */
+    label: string;
+    /**
+     * Button click — a modal or other action. **Button** `type="button"`.
+     * Not with `href`.
+     */
+    onClick?: () => void;
+    /**
+     * Navigation URL. **Button** chrome on an anchor (`render={<a href />}`).
+     * Not with `onClick`.
+     */
+    href?: string;
+}
+export interface ScrollHorizontalIntroProps {
+    /**
+     * Section label. Rendered as the **Badge** label pill and names the section
+     * (`aria-labelledby`), replacing `heading`. Pass the short label, for example
+     * `SELECTED WORK`.
+     */
+    eyebrow: string;
+    /**
+     * Display statement. Rendered as the section `h2` through **TextSequence**
+     * (`emphasis="none"`, `trigger="inView"`). Mix text with **TextSequence.Shape**.
+     * The heading keeps the plain sentence as its accessible name.
+     */
+    statement: ReactNode;
+    /** Secondary action under the statement. Omit for a statement with no button. */
+    action?: ScrollHorizontalIntroAction;
+}
+/**
+ * First panel of **ScrollHorizontal**. Composes the **Badge** label pill
+ * (neutral, sm, solid — the category pill), a `type-display-2` **TextSequence**
+ * inside the `h2` (display-2 leading, same as **HeroIntro**), and **Button**
+ * `role="secondary"` with no extra className. Secondary has no icon slot.
+ * The badge is the section's accessible name. The statement is the `h2`.
+ * The sequence runs once, when the statement scrolls into view.
+ */
+export declare function ScrollHorizontalIntro({ eyebrow, statement, action }: ScrollHorizontalIntroProps): import("react").JSX.Element;
+//# sourceMappingURL=ScrollHorizontalIntro.d.ts.map

package/dist/components/organisms/ScrollHorizontal/ScrollHorizontalIntro.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollHorizontalIntro.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ScrollHorizontal/ScrollHorizontalIntro.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAWnD,MAAM,WAAW,2BAA2B;IAC1C,2EAA2E;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,0BAA0B;IACzC;;;;OAIG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,SAAS,EAAE,SAAS,CAAC;IACrB,iFAAiF;IACjF,MAAM,CAAC,EAAE,2BAA2B,CAAC;CACtC;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,0BAA0B,+BA0B/F"}

package/dist/components/organisms/ScrollHorizontal/ScrollHorizontalIntro.js

@@ -0,0 +1,40 @@
+"use client";
+import { Badge as e } from "../../atoms/Badge/Badge.js";
+import { Button as t } from "../../atoms/Button/Button.js";
+import { TextSequence as n } from "../../molecules/TextSequence/TextSequence.js";
+import { ScrollHorizontalIntroContext as r } from "./scrollHorizontalIntroContext.js";
+import { scrollHorizontalIntroBodyClasses as i, scrollHorizontalIntroCopyClasses as a, scrollHorizontalIntroStatementClasses as o } from "./scrollHorizontalStyles.js";
+import { useContext as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/organisms/ScrollHorizontal/ScrollHorizontalIntro.tsx
+function u({ eyebrow: u, statement: d, action: f }) {
+	let p = s(r);
+	return /* @__PURE__ */ l("div", {
+		className: i,
+		children: [/* @__PURE__ */ l("div", {
+			className: a,
+			children: [/* @__PURE__ */ c(e, {
+				id: p,
+				children: u
+			}), /* @__PURE__ */ c("h2", {
+				className: o,
+				children: /* @__PURE__ */ c(n, {
+					trigger: "inView",
+					emphasis: "none",
+					children: d
+				})
+			})]
+		}), f ? f.href ? /* @__PURE__ */ c(t, {
+			role: "secondary",
+			render: /* @__PURE__ */ c("a", { href: f.href }),
+			children: f.label
+		}) : /* @__PURE__ */ c(t, {
+			role: "secondary",
+			type: "button",
+			onClick: f.onClick,
+			children: f.label
+		}) : null]
+	});
+}
+//#endregion
+export { u as ScrollHorizontalIntro };

package/dist/components/organisms/ScrollHorizontal/scrollHorizontalIntroContext.d.ts

@@ -0,0 +1,3 @@
+/** Id of the eyebrow that names the gallery section. Set only when `intro` is mounted. */
+export declare const ScrollHorizontalIntroContext: import("react").Context<string | undefined>;
+//# sourceMappingURL=scrollHorizontalIntroContext.d.ts.map

package/dist/components/organisms/ScrollHorizontal/scrollHorizontalIntroContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollHorizontalIntroContext.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ScrollHorizontal/scrollHorizontalIntroContext.ts"],"names":[],"mappings":"AAEA,0FAA0F;AAC1F,eAAO,MAAM,4BAA4B,6CAA+C,CAAC"}

package/dist/components/organisms/ScrollHorizontal/scrollHorizontalIntroContext.js

@@ -0,0 +1,6 @@
+"use client";
+import { createContext as e } from "react";
+//#region src/components/organisms/ScrollHorizontal/scrollHorizontalIntroContext.ts
+var t = e(void 0);
+//#endregion
+export { t as ScrollHorizontalIntroContext };

package/dist/components/organisms/ScrollHorizontal/scrollHorizontalMath.d.ts

@@ -0,0 +1,167 @@
+/**
+ * Scroll distance for ScrollHorizontal.
+ *
+ * The sticky window is one card wide and centered, so progress 0 shows the
+ * first card centered and progress 1 shows the last. The row moves by one
+ * card-pitch per item: width + gap, times the gaps between items.
+ */
+/** Desktop card. The sticky window matches this width. */
+export declare const scrollHorizontalItemWidth = 400;
+export declare const scrollHorizontalItemHeight = 500;
+/** Below `sm` (640px), the nearest system breakpoint to the 600px compact cutoff. */
+export declare const scrollHorizontalItemWidthCompact = 280;
+export declare const scrollHorizontalItemHeightCompact = 350;
+/** Tailwind `sm` min-width. Compact geometry applies below this. */
+export declare const scrollHorizontalCompactBreakpoint = 640;
+/**
+ * `gap-8` — 32px. 30px is equidistant from `gap-7` (28px) and `gap-8`;
+ * 32px sits on the 8px baseline.
+ */
+export declare const scrollHorizontalGap = 32;
+/** `gap-4` — 16px, the nearest 8px-baseline step to 15px. */
+export declare const scrollHorizontalGapCompact = 16;
+/** `rounded-xl` — `--radius-xl` is 0.75rem (12px). */
+export declare const scrollHorizontalRadiusUtility = "rounded-xl";
+/** Vertical padding on the reduced-motion scroller. `py-12` is 48px, nearest baseline step to 50px. */
+export declare const scrollHorizontalReducedPaddingUtility = "py-12";
+/**
+ * Placeholder fills. Brand navy, muted brand, neutral slate, muted info, and accent.
+ * Existing semantic tokens only — not raw hues.
+ */
+export declare const scrollHorizontalDefaultColors: readonly ["var(--color-brand)", "var(--color-brand-soft)", "var(--color-primary)", "var(--color-info-muted)", "var(--color-accent)"];
+export interface ScrollHorizontalShell {
+    /** Track length. `auto` drops the sticky scroll distance. */
+    containerHeight: "300svh" | "400svh" | "auto";
+    sticky: boolean;
+    overflowX: "clip" | "auto";
+    translate: boolean;
+}
+/**
+ * Sticky scroll, in viewports, used by the horizontal phase.
+ * A `300svh` track pins for `300 − 100` = 2 viewports.
+ */
+export declare const scrollHorizontalHorizontalViewports = 2;
+/**
+ * Extra sticky scroll, in viewports, for `expandLast`.
+ * Added on top of the horizontal phase so that phase does not speed up.
+ */
+export declare const scrollHorizontalExpandViewports = 1;
+/** Painted corner radius at rest. `--radius-xl` is 0.75rem (12px) at the default root size. */
+export declare const scrollHorizontalRadius = 12;
+/** Progress where horizontal travel finishes. `1` when `expandLast` is off. */
+export declare function scrollHorizontalHorizontalEnd(expandLast: boolean): number;
+/** Track length. `400svh` is the 300svh gallery plus one viewport of grow. */
+export declare function scrollHorizontalTrack(expandLast: boolean): "300svh" | "400svh";
+export declare function scrollHorizontalItemColor(color: string | undefined, index: number): string;
+/** Nominal card pitch before the DOM measurement lands. */
+export declare function scrollHorizontalNominalMetrics(viewportWidth: number): {
+    itemWidth: number;
+    gap: number;
+};
+export declare function scrollHorizontalParseGap(raw: string): number;
+export declare function scrollHorizontalReadMetrics(item: Element, row: Element): {
+    itemWidth: number;
+    gap: number;
+};
+/**
+ * Page-grid numbers the intro panel shares with `grid.css`.
+ * `--grid-max` is 80rem (1280px at a 16px root). Margin and gutter step at `md`.
+ * Column count steps at `md` (8) and `lg` (12). The intro spans every mobile column,
+ * 4 of 8 from `md`, and 6 of 12 from `lg` (about 42% of a 1440px viewport).
+ */
+export declare const scrollHorizontalGridMax = 1280;
+export declare function scrollHorizontalGridMetrics(viewportWidth: number): {
+    cols: number;
+    margin: number;
+    gap: number;
+    contentLeft: number;
+    contentWidth: number;
+    introSpan: number;
+    introWidth: number;
+};
+/**
+ * Travel when the first card does not start in the centered slot.
+ * `firstCardLeft` is that card's resting left (row transform removed).
+ * Progress 1 parks the last card on the horizontal center.
+ * When the first card is already centered, this matches `scrollHorizontalDistance`.
+ */
+export declare function scrollHorizontalLeadTravel(count: number, itemWidth: number, pitch: number, firstCardLeft: number, viewportWidth: number): number;
+/** Resting left of `item` inside `sticky`, with `transformed`'s translate removed. */
+export declare function scrollHorizontalRestLeft(item: HTMLElement, sticky: HTMLElement, transformed: HTMLElement): number;
+/**
+ * Clip frame when the first card does not start centered.
+ * `lastRestLeft` is the last card's measured rest left (translate removed).
+ * Travel and the grow both use that rect, then park it on the viewport center.
+ * At expand amount 1 the clip is still `inset(0)` — the layer box is the tile.
+ */
+export declare function scrollHorizontalLeadFrame(metrics: ScrollHorizontalExpandMetrics, lastRestLeft: number, count: number): {
+    distance: number;
+    frame: ScrollHorizontalExpandMetrics;
+};
+/** `(count - 1) * (itemWidth + gap)`. Zero when there is nothing to travel. */
+export declare function scrollHorizontalDistance(count: number, itemWidth: number, gap: number): number;
+/**
+ * Scroll progress 0 → 1 maps to `0 → -distance`.
+ * Reduced motion stays at 0 so the row can use native overflow instead.
+ */
+export declare function scrollHorizontalTranslateX(progress: number, distance: number, reduceMotion: boolean): number;
+export declare function scrollHorizontalShell(reduceMotion: boolean, expandLast?: boolean): ScrollHorizontalShell;
+/**
+ * Map full-track progress onto the horizontal phase.
+ * With `expandLast`, progress `2/3` is the end of that phase (2 of 3 pinned viewports).
+ */
+export declare function scrollHorizontalPhaseProgress(progress: number, horizontalEnd: number): number;
+/** 0 through the horizontal phase, then 0 → 1 across the grow. */
+export declare function scrollHorizontalExpandAmount(progress: number, horizontalEnd: number): number;
+/** Earlier tiles fade across the first part of the grow. */
+export declare function scrollHorizontalPeerOpacity(amount: number): number;
+/** Slot on the full-bleed tile. Stays clear until the tile is mostly expanded. */
+export declare function scrollHorizontalExpandedOpacity(amount: number): number;
+export interface ScrollHorizontalExpandMetrics {
+    viewportWidth: number;
+    viewportHeight: number;
+    cardWidth: number;
+    cardHeight: number;
+    /**
+     * First card's rest left, relative to the sticky window.
+     * Without an intro, the last card ends here (the centered slot).
+     */
+    cardLeft: number;
+    cardTop: number;
+    /** `cardWidth + gap`. Distance from one card's left edge to the next. */
+    pitch: number;
+    radius: number;
+    /**
+     * Last card's left at the end of horizontal travel.
+     * Omit to park on `cardLeft` (first card centered, no intro).
+     * An intro sets this to the viewport center — the first card rests further right.
+     */
+    endLeft?: number;
+}
+export interface ScrollHorizontalClipRect {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+    radius: number;
+}
+/** Resting frame before the DOM measurement lands. The card is centered in the viewport. */
+export declare function scrollHorizontalNominalExpandMetrics(viewportWidth: number, viewportHeight: number): ScrollHorizontalExpandMetrics;
+/**
+ * `translateX` from a computed transform. `none` and a Y-only translate are 0.
+ * Used to remove the row's travel from a bounding rect.
+ */
+export declare function scrollHorizontalReadTranslateX(transform: string): number;
+/** Card rect and viewport from the sticky window and the first card. Transforms are removed. */
+export declare function scrollHorizontalReadFrame(sticky: HTMLElement, item: HTMLElement, row: HTMLElement, viewportWidth: number, viewportHeight: number): ScrollHorizontalExpandMetrics;
+/**
+ * Clip rect of the full-viewport layer.
+ * Horizontal progress parks the last card on the centered card rect.
+ * Expand amount then insets that rect out to the viewport edges and takes the radius to 0.
+ * At amount 1 the clip is `inset(0)` so the layer's own box — the sticky `h-svh` window — is the tile.
+ */
+export declare function scrollHorizontalExpandClipRect(horizontalProgress: number, expandAmount: number, metrics: ScrollHorizontalExpandMetrics, count: number): ScrollHorizontalClipRect;
+export declare function scrollHorizontalExpandClip(horizontalProgress: number, expandAmount: number, metrics: ScrollHorizontalExpandMetrics, count: number): string;
+/** True when the clip no longer insets the viewport and the radius is 0. */
+export declare function scrollHorizontalClipFillsViewport(rect: ScrollHorizontalClipRect, viewportWidth: number, viewportHeight: number): boolean;
+//# sourceMappingURL=scrollHorizontalMath.d.ts.map

package/dist/components/organisms/ScrollHorizontal/scrollHorizontalMath.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollHorizontalMath.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ScrollHorizontal/scrollHorizontalMath.ts"],"names":[],"mappings":"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"}

package/dist/components/organisms/ScrollHorizontal/scrollHorizontalMath.js

@@ -0,0 +1,136 @@
+"use client";
+var e = [
+	"var(--color-brand)",
+	"var(--color-brand-soft)",
+	"var(--color-primary)",
+	"var(--color-info-muted)",
+	"var(--color-accent)"
+];
+function t(e) {
+	return e ? 2 / 3 : 1;
+}
+function n(t, n) {
+	return t?.trim() || (e[(n % e.length + e.length) % e.length] ?? e[0]);
+}
+function r(e) {
+	return !Number.isFinite(e) || e < 640 ? {
+		itemWidth: 280,
+		gap: 16
+	} : {
+		itemWidth: 400,
+		gap: 32
+	};
+}
+function i(e) {
+	let t = Number.parseFloat(e);
+	return Number.isFinite(t) && t >= 0 ? t : 0;
+}
+function a(e, t) {
+	let n = e.getBoundingClientRect().width, r = i(getComputedStyle(t).columnGap);
+	return {
+		itemWidth: Number.isFinite(n) && n > 0 ? n : 0,
+		gap: r
+	};
+}
+function o(e, t, n) {
+	let r = e.getBoundingClientRect(), i = t.getBoundingClientRect(), a = g(getComputedStyle(n).transform);
+	return r.left - a - i.left;
+}
+function s(e, t, n) {
+	let r = Number.isFinite(e.viewportWidth) && e.viewportWidth > 0 ? e.viewportWidth : 0, i = Number.isFinite(e.cardWidth) && e.cardWidth > 0 ? e.cardWidth : 0, a = r > 0 && i > 0 ? (r - i) / 2 : 0, o = Number.isFinite(e.pitch) && e.pitch > 0 ? e.pitch : i, s = Number.isFinite(n) ? Math.max(0, n - 1) : 0, c = Number.isFinite(t) ? t : a, l = s > 0 && o > 0 ? c - s * o : c;
+	return {
+		distance: Math.max(0, c - a),
+		frame: {
+			...e,
+			cardLeft: l,
+			pitch: o,
+			endLeft: a
+		}
+	};
+}
+function c(e, t, n) {
+	return !Number.isFinite(e) || e <= 1 || !Number.isFinite(t) || t <= 0 || !Number.isFinite(n) || n < 0 ? 0 : (e - 1) * (t + n);
+}
+function l(e, t, n) {
+	if (n || !Number.isFinite(e) || !Number.isFinite(t) || t <= 0) return 0;
+	let r = Math.min(1, Math.max(0, e));
+	return r === 0 ? 0 : -t * r;
+}
+function u(e) {
+	return Number.isFinite(e) ? Math.min(1, Math.max(0, e)) : 0;
+}
+function d(e, t) {
+	return !Number.isFinite(e) || !Number.isFinite(t) || t <= 0 ? 0 : u(t >= 1 ? e : e / t);
+}
+function f(e, t) {
+	return !Number.isFinite(e) || !Number.isFinite(t) || t >= 1 ? 0 : u((e - t) / (1 - t));
+}
+function p(e) {
+	let t = u(e);
+	return t <= 0 ? 1 : 1 - Math.min(1, t / .45);
+}
+function m(e) {
+	let t = u(e);
+	return t <= .62 ? 0 : (t - .62) / .38;
+}
+function h(e, t) {
+	let n = r(e), i = !Number.isFinite(e) || e < 640, a = n.itemWidth, o = i ? 350 : 500, s = Number.isFinite(e) && e > 0 ? e : a, c = Number.isFinite(t) && t > 0 ? t : o;
+	return {
+		viewportWidth: s,
+		viewportHeight: c,
+		cardWidth: a,
+		cardHeight: o,
+		cardLeft: (s - a) / 2,
+		cardTop: (c - o) / 2,
+		pitch: a + n.gap,
+		radius: 12
+	};
+}
+function g(e) {
+	if (!e || e === "none") return 0;
+	let t = e.trim(), n = t.match(/^matrix3d\((.+)\)$/);
+	if (n?.[1]) {
+		let e = n[1].split(",").map((e) => Number.parseFloat(e.trim()));
+		return Number.isFinite(e[12]) ? e[12] : 0;
+	}
+	let r = t.match(/^matrix\((.+)\)$/);
+	if (r?.[1]) {
+		let e = r[1].split(",").map((e) => Number.parseFloat(e.trim()));
+		return Number.isFinite(e[4]) ? e[4] : 0;
+	}
+	let i = t.match(/translate(?:3d|X)?\(\s*([-.\d]+)px/);
+	if (i?.[1]) {
+		let e = Number.parseFloat(i[1]);
+		return Number.isFinite(e) ? e : 0;
+	}
+	return 0;
+}
+function _(e, t, n, r, a) {
+	let o = h(r, a), s = e.getBoundingClientRect(), c = t.getBoundingClientRect(), l = g(getComputedStyle(n).transform) + g(getComputedStyle(t).transform), u = s.width > 0 ? s.width : o.viewportWidth, d = s.height > 0 ? s.height : o.viewportHeight, f = c.width > 0 ? c.width : o.cardWidth, p = c.height > 0 ? c.height : o.cardHeight, m = c.width > 0 ? c.left - l - s.left : (u - f) / 2, _ = c.height > 0 ? c.top - s.top : (d - p) / 2, v = i(getComputedStyle(n).columnGap), y = i(getComputedStyle(t).borderTopLeftRadius);
+	return {
+		viewportWidth: u,
+		viewportHeight: d,
+		cardWidth: f,
+		cardHeight: p,
+		cardLeft: m,
+		cardTop: _,
+		pitch: f + (v > 0 ? v : o.pitch - o.cardWidth),
+		radius: y > 0 ? y : 12
+	};
+}
+function v(e, t, n, r) {
+	let i = u(t), a = Number.isFinite(r) && r > 1 && n.pitch > 0 ? (r - 1) * n.pitch : 0, o = u(e), s = n.endLeft != null && Number.isFinite(n.endLeft) ? n.endLeft : n.cardLeft, c = n.cardLeft + a, l = c + (s - c) * o, d = n.cardTop, f = n.viewportWidth - l - n.cardWidth, p = n.viewportHeight - d - n.cardHeight, m = (Number.isFinite(n.radius) ? n.radius : 0) * (1 - i);
+	return {
+		top: d * (1 - i),
+		right: f * (1 - i),
+		bottom: p * (1 - i),
+		left: l * (1 - i),
+		radius: m
+	};
+}
+function y(e, t, n, r) {
+	let i = v(e, t, n, r);
+	return `inset(${i.top}px ${i.right}px ${i.bottom}px ${i.left}px round ${i.radius}px)`;
+}
+//#endregion
+export { e as scrollHorizontalDefaultColors, c as scrollHorizontalDistance, f as scrollHorizontalExpandAmount, y as scrollHorizontalExpandClip, v as scrollHorizontalExpandClipRect, m as scrollHorizontalExpandedOpacity, t as scrollHorizontalHorizontalEnd, n as scrollHorizontalItemColor, s as scrollHorizontalLeadFrame, h as scrollHorizontalNominalExpandMetrics, r as scrollHorizontalNominalMetrics, i as scrollHorizontalParseGap, p as scrollHorizontalPeerOpacity, d as scrollHorizontalPhaseProgress, _ as scrollHorizontalReadFrame, a as scrollHorizontalReadMetrics, g as scrollHorizontalReadTranslateX, o as scrollHorizontalRestLeft, l as scrollHorizontalTranslateX };

package/dist/components/organisms/ScrollHorizontal/scrollHorizontalStyles.d.ts

@@ -0,0 +1,84 @@
+/**
+ * ScrollHorizontal shell.
+ *
+ * Motion: a 300svh track (`shrink-0` so a flex parent keeps that height), a sticky svh viewport that clips inline overflow,
+ * and a centered window one card wide. The row starts with the first card
+ * filling that window. `expandLast` uses a 400svh track: the same horizontal
+ * distance, then one viewport of grow. The grow layer is the sticky window
+ * (edge longhands, not the `inset` shorthand) revealed with `clip-path`.
+ *
+ * Reduced motion (`motion-reduce` and `data-reduce="true"`): height auto,
+ * the viewport is not sticky, and the window is a native horizontal scroller
+ * with vertical padding. `!` wins over the motion utilities. The heading is
+ * `sr-only` while the window is pinned, and visible above that scroller.
+ *
+ * Card pitch: 400×500 and gap-8 from `sm`; 280×350 and gap-4 below `sm`.
+ * Radius is `rounded-xl` (`--radius-xl`, 12px).
+ */
+export declare const scrollHorizontalRootClasses: string;
+/** Same shell as the root, with one extra viewport for the grow. `shrink-0` keeps that height in a flex parent. */
+export declare const scrollHorizontalRootExpandClasses: string;
+/**
+ * Fill the sticky window from its padding edges.
+ * Four edge longhands, not the `inset` shorthand: a consuming app that emits
+ * `.inset-0` later must not be able to reset this box.
+ */
+export declare const scrollHorizontalExpandFillClasses = "absolute top-0 right-0 bottom-0 left-0";
+/**
+ * Full-viewport color layer. `clip-path` reveals it from the last card out to
+ * the sticky window. Hidden on the reduced-motion branch, which uses the static section.
+ */
+export declare const scrollHorizontalExpandLayerClasses: string;
+/** Optional content on the full-bleed tile. Fades in late. Hidden when motion is reduced. */
+export declare const scrollHorizontalExpandedSlotClasses: string;
+/**
+ * Reduced motion: the last tile as its own `h-svh` section after the scroller.
+ * `hidden` until `motion-reduce` or `data-reduce="true"`. Radius is 0.
+ */
+export declare const scrollHorizontalExpandedSectionClasses: string;
+export declare const scrollHorizontalStickyClasses: string;
+export declare const scrollHorizontalWindowClasses: string;
+export declare const scrollHorizontalRowClasses: string;
+/**
+ * Section name. `sr-only` on the pinned window so it does not sit under the
+ * floating site nav. Reduced motion shows it above the native scroller.
+ * `not-sr-only` restores a normal box; `!` padding and margin beat that reset.
+ */
+export declare const scrollHorizontalHeadingClasses: string;
+export declare const scrollHorizontalItemClasses: string;
+/** Accessible name for a placeholder tile. Not painted. */
+export declare const scrollHorizontalLabelClasses = "sr-only";
+/**
+ * Intro track. The sticky is an inline-size container so panel widths use
+ * `100cqw` (the gallery viewport, not `100vw`).
+ * The track's inline start is the page-grid content edge: the same inset as
+ * `grid-page` (`--grid-margin` inside a centered `--grid-max`). Percentage
+ * padding resolves against the sticky, so it does not depend on `cqw`.
+ * Padding is longhands only (`ps` / `pe` / `py`). A padding shorthand such as
+ * `p-0` on this element lets a consuming app's later `.p-0 { padding: 0 }`
+ * clear the inline start. The inset is on the translating track, so scroll
+ * carries the panel off the left edge with the tiles.
+ * Reduced motion stacks the panel above a native scroller and keeps the inset.
+ */
+export declare const scrollHorizontalIntroStickyClasses = "[container-type:inline-size]";
+export declare const scrollHorizontalIntroTrackClasses: string;
+/**
+ * First panel. Below `md` it is the full content box so the statement fits at 390.
+ * From `md`, 4 of 8 columns. From `lg`, 6 of 12 — the left half of the page grid.
+ * Top padding clears the compact site nav (`--site-nav-height` plus the 1rem pin offset).
+ */
+export declare const scrollHorizontalIntroPanelClasses: string;
+/** Native scroller for the cards when an intro leads the track. */
+export declare const scrollHorizontalIntroWindowClasses: string;
+/** Eyebrow, statement, and action. The statement uses the panel width as its measure. */
+export declare const scrollHorizontalIntroBodyClasses = "flex w-full min-w-0 flex-col items-start gap-8 pr-[var(--grid-column-gap)]";
+export declare const scrollHorizontalIntroCopyClasses = "flex w-full min-w-0 flex-col items-start gap-3";
+/**
+ * Statement. `type-display-2` is the largest display step that wraps to about
+ * four or five lines in the left columns. Weight is `--font-weight-normal`
+ * (display tokens bake in semibold/bold). Leading is the display-2 token, the
+ * same line-height as **HeroIntro**. `text-pretty` keeps the last word off a
+ * line by itself.
+ */
+export declare const scrollHorizontalIntroStatementClasses: string;
+//# sourceMappingURL=scrollHorizontalStyles.d.ts.map

package/dist/components/organisms/ScrollHorizontal/scrollHorizontalStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollHorizontalStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ScrollHorizontal/scrollHorizontalStyles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,eAAO,MAAM,2BAA2B,QAG7B,CAAC;AAEZ,mHAAmH;AACnH,eAAO,MAAM,iCAAiC,QAGnC,CAAC;AAEZ;;;;GAIG;AACH,eAAO,MAAM,iCAAiC,2CACJ,CAAC;AAE3C;;;GAGG;AACH,eAAO,MAAM,kCAAkC,QAKpC,CAAC;AAEZ,6FAA6F;AAC7F,eAAO,MAAM,mCAAmC,QAKrC,CAAC;AAEZ;;;GAGG;AACH,eAAO,MAAM,sCAAsC,QAIxC,CAAC;AAEZ,eAAO,MAAM,6BAA6B,QAS/B,CAAC;AAEZ,eAAO,MAAM,6BAA6B,QAQ/B,CAAC;AAEZ,eAAO,MAAM,0BAA0B,QAK5B,CAAC;AAEZ;;;;GAIG;AACH,eAAO,MAAM,8BAA8B,QAOhC,CAAC;AAEZ,eAAO,MAAM,2BAA2B,QAG7B,CAAC;AAEZ,2DAA2D;AAC3D,eAAO,MAAM,4BAA4B,YAAY,CAAC;AAEtD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,kCAAkC,iCAAiC,CAAC;AAEjF,eAAO,MAAM,iCAAiC,QAYnC,CAAC;AAEZ;;;;GAIG;AACH,eAAO,MAAM,iCAAiC,QASnC,CAAC;AAEZ,mEAAmE;AACnE,eAAO,MAAM,kCAAkC,QAMpC,CAAC;AAEZ,yFAAyF;AACzF,eAAO,MAAM,gCAAgC,+EACiC,CAAC;AAE/E,eAAO,MAAM,gCAAgC,mDAAmD,CAAC;AAEjG;;;;;;GAMG;AACH,eAAO,MAAM,qCAAqC,QAIvC,CAAC"}

package/dist/components/organisms/ScrollHorizontal/scrollHorizontalStyles.js

@@ -0,0 +1,79 @@
+"use client";
+//#region src/components/organisms/ScrollHorizontal/scrollHorizontalStyles.ts
+var e = ["group/scroll-horizontal relative h-[300svh] w-full max-w-full shrink-0", "motion-reduce:!h-auto data-[reduce=true]:!h-auto"].join(" "), t = ["group/scroll-horizontal relative h-[400svh] w-full max-w-full shrink-0", "motion-reduce:!h-auto data-[reduce=true]:!h-auto"].join(" "), n = "absolute top-0 right-0 bottom-0 left-0", r = [
+	"pointer-events-none z-20 bg-[var(--scroll-horizontal-color)] will-change-[clip-path]",
+	n,
+	"motion-reduce:!hidden",
+	"group-data-[reduce=true]/scroll-horizontal:!hidden"
+].join(" "), i = [
+	"z-30",
+	n,
+	"motion-reduce:!hidden",
+	"group-data-[reduce=true]/scroll-horizontal:!hidden"
+].join(" "), a = [
+	"relative hidden h-svh w-full max-w-full shrink-0 overflow-hidden rounded-none",
+	"motion-reduce:!block",
+	"group-data-[reduce=true]/scroll-horizontal:!block"
+].join(" "), o = [
+	"sticky top-0 flex h-svh w-full flex-col items-center justify-center overflow-x-clip",
+	"motion-reduce:!relative motion-reduce:!h-auto motion-reduce:!items-stretch motion-reduce:!justify-start motion-reduce:!overflow-x-visible motion-reduce:py-12",
+	"group-data-[reduce=true]/scroll-horizontal:!relative",
+	"group-data-[reduce=true]/scroll-horizontal:!h-auto",
+	"group-data-[reduce=true]/scroll-horizontal:!items-stretch",
+	"group-data-[reduce=true]/scroll-horizontal:!justify-start",
+	"group-data-[reduce=true]/scroll-horizontal:!overflow-x-visible",
+	"group-data-[reduce=true]/scroll-horizontal:py-12"
+].join(" "), s = [
+	"mx-auto flex w-[400px] max-w-full shrink-0 items-center overflow-visible max-sm:w-[280px]",
+	"motion-reduce:!mx-0 motion-reduce:!w-full motion-reduce:max-w-none motion-reduce:overflow-x-auto motion-reduce:scroll-fade-x",
+	"group-data-[reduce=true]/scroll-horizontal:!mx-0",
+	"group-data-[reduce=true]/scroll-horizontal:!w-full",
+	"group-data-[reduce=true]/scroll-horizontal:max-w-none",
+	"group-data-[reduce=true]/scroll-horizontal:overflow-x-auto",
+	"group-data-[reduce=true]/scroll-horizontal:scroll-fade-x"
+].join(" "), c = [
+	"m-0 flex w-max list-none gap-8 p-0 max-sm:gap-4 will-change-transform",
+	"motion-reduce:!transform-none motion-reduce:will-change-auto",
+	"group-data-[reduce=true]/scroll-horizontal:!transform-none",
+	"group-data-[reduce=true]/scroll-horizontal:will-change-auto"
+].join(" "), l = [
+	"sr-only",
+	"motion-reduce:not-sr-only motion-reduce:!mb-6 motion-reduce:!px-[var(--grid-margin)] motion-reduce:text-center",
+	"group-data-[reduce=true]/scroll-horizontal:not-sr-only",
+	"group-data-[reduce=true]/scroll-horizontal:!mb-6",
+	"group-data-[reduce=true]/scroll-horizontal:!px-[var(--grid-margin)]",
+	"group-data-[reduce=true]/scroll-horizontal:text-center"
+].join(" "), u = ["relative h-[500px] w-[400px] shrink-0 overflow-hidden rounded-xl bg-[var(--scroll-horizontal-color)]", "max-sm:h-[350px] max-sm:w-[280px]"].join(" "), d = "sr-only", f = "[container-type:inline-size]", p = [
+	"m-0 flex h-full w-max items-center self-start gap-8 py-0 pe-0 max-sm:gap-4 will-change-transform",
+	"ps-[max(var(--grid-margin),calc((100%-var(--grid-max))/2+var(--grid-margin)))]",
+	"motion-reduce:!h-auto motion-reduce:!w-full motion-reduce:!max-w-full motion-reduce:!flex-col motion-reduce:!items-stretch motion-reduce:!self-stretch motion-reduce:!transform-none motion-reduce:will-change-auto",
+	"group-data-[reduce=true]/scroll-horizontal:!h-auto",
+	"group-data-[reduce=true]/scroll-horizontal:!w-full",
+	"group-data-[reduce=true]/scroll-horizontal:!max-w-full",
+	"group-data-[reduce=true]/scroll-horizontal:!flex-col",
+	"group-data-[reduce=true]/scroll-horizontal:!items-stretch",
+	"group-data-[reduce=true]/scroll-horizontal:!self-stretch",
+	"group-data-[reduce=true]/scroll-horizontal:!transform-none",
+	"group-data-[reduce=true]/scroll-horizontal:will-change-auto"
+].join(" "), m = [
+	"box-border flex h-full min-w-0 shrink-0 flex-col justify-center self-stretch",
+	"pt-[calc(var(--site-nav-height)+var(--spacing)*4)]",
+	"w-[calc(min(100cqw,var(--grid-max))-2*var(--grid-margin))]",
+	"md:w-[calc(4*((min(100cqw,var(--grid-max))-2*var(--grid-margin)-7*var(--grid-column-gap))/8)+3*var(--grid-column-gap))]",
+	"lg:w-[calc(6*((min(100cqw,var(--grid-max))-2*var(--grid-margin)-11*var(--grid-column-gap))/12)+5*var(--grid-column-gap))]",
+	"motion-reduce:!h-auto motion-reduce:!self-auto",
+	"group-data-[reduce=true]/scroll-horizontal:!h-auto",
+	"group-data-[reduce=true]/scroll-horizontal:!self-auto"
+].join(" "), h = [
+	"flex min-w-0 items-center",
+	"motion-reduce:!w-full motion-reduce:overflow-x-auto motion-reduce:scroll-fade-x",
+	"group-data-[reduce=true]/scroll-horizontal:!w-full",
+	"group-data-[reduce=true]/scroll-horizontal:overflow-x-auto",
+	"group-data-[reduce=true]/scroll-horizontal:scroll-fade-x"
+].join(" "), g = "flex w-full min-w-0 flex-col items-start gap-8 pr-[var(--grid-column-gap)]", _ = "flex w-full min-w-0 flex-col items-start gap-3", v = [
+	"type-display-2 m-0 max-w-full min-w-0 text-left text-fg break-words text-pretty",
+	"!font-normal",
+	"!tracking-[var(--text-display-1-tracking)]"
+].join(" ");
+//#endregion
+export { n as scrollHorizontalExpandFillClasses, r as scrollHorizontalExpandLayerClasses, a as scrollHorizontalExpandedSectionClasses, i as scrollHorizontalExpandedSlotClasses, l as scrollHorizontalHeadingClasses, g as scrollHorizontalIntroBodyClasses, _ as scrollHorizontalIntroCopyClasses, m as scrollHorizontalIntroPanelClasses, v as scrollHorizontalIntroStatementClasses, f as scrollHorizontalIntroStickyClasses, p as scrollHorizontalIntroTrackClasses, h as scrollHorizontalIntroWindowClasses, u as scrollHorizontalItemClasses, d as scrollHorizontalLabelClasses, e as scrollHorizontalRootClasses, t as scrollHorizontalRootExpandClasses, c as scrollHorizontalRowClasses, o as scrollHorizontalStickyClasses, s as scrollHorizontalWindowClasses };

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

@@ -0,0 +1,44 @@
+import { type ReactNode } from "react";
+import { sheetSides, sheetSizes, type SheetSide, type SheetSize } from "./sheetStyles";
+export type { SheetSide, SheetSize } from "./sheetStyles";
+export { sheetSides, sheetSizes };
+/** Layout-only — placement and size own dimensions. */
+export type SheetLayoutClassName = string;
+export interface SheetProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Close when the scrim is clicked — default `true`. */
+    dismissOnBackdrop?: boolean;
+    /** Close on Escape — default `true`. */
+    dismissOnEscape?: boolean;
+    children: ReactNode;
+}
+export interface SheetContentProps {
+    /** Edge attachment — default `bottom`. Side sheets are full viewport height. */
+    side?: SheetSide;
+    /** Cross-axis size — width (`end` / `start`) or max-height (`bottom`). */
+    size?: SheetSize;
+    title?: ReactNode;
+    description?: ReactNode;
+    /** Leading header slot — icon, **Badge**, **Status** (**Card.Header** `start`). */
+    headerStart?: ReactNode;
+    showClose?: boolean;
+    footer?: ReactNode;
+    className?: SheetLayoutClassName;
+    children?: ReactNode;
+}
+declare function SheetRoot({ open, onOpenChange, dismissOnBackdrop, dismissOnEscape, children, }: SheetProps): import("react").JSX.Element;
+declare function SheetTrigger({ children, className, }: {
+    children: ReactNode;
+    className?: SheetLayoutClassName;
+}): import("react").JSX.Element;
+declare function SheetContent({ side, size, title, description, headerStart, showClose, footer, className, children, }: SheetContentProps): import("react").JSX.Element;
+/**
+ * Edge-attached dismissible overlay — bottom drawer or side sheet.
+ * Shares scrim/focus/scroll lock with **Dialog**; reserve **Panel** for a future persistent flyover pattern.
+ */
+export declare const Sheet: typeof SheetRoot & {
+    Trigger: typeof SheetTrigger;
+    Content: typeof SheetContent;
+};
+//# sourceMappingURL=Sheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Sheet/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAqBf,OAAO,EAQL,UAAU,EACV,UAAU,EACV,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,eAAe,CAAC;AAEvB,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC;AAElC,uDAAuD;AACvD,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC;AAE1C,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,wCAAwC;IACxC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,gFAAgF;IAChF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mFAAmF;IACnF,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAoID,iBAAS,SAAS,CAAC,EACjB,IAAI,EACJ,YAAY,EACZ,iBAAwB,EACxB,eAAsB,EACtB,QAAQ,GACT,EAAE,UAAU,+BAmBZ;AAED,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC,+BAmBA;AAED,iBAAS,YAAY,CAAC,EACpB,IAAe,EACf,IAAW,EACX,KAAK,EACL,WAAW,EACX,WAAW,EACX,SAAgB,EAChB,MAAM,EACN,SAAS,EACT,QAAQ,GACT,EAAE,iBAAiB,+BAyDnB;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK;;;CAGhB,CAAC"}