@thewhatmatters/wmds 0.4.29 → 0.4.30

package/dist/components/atoms/IconButton/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/IconButton/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAIjF,OAAO,EAIL,KAAK,UAAU,EACf,KAAK,cAAc,EACpB,MAAM,wBAAwB,CAAC;AAWhC,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErD,sEAAsE;AACtE,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,YAAY,GAAG,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CACpE;IACD,wDAAwD;IACxD,IAAI,EAAE,YAAY,CAAC;IACnB,uFAAuF;IACvF,YAAY,EAAE,MAAM,CAAC;IACrB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,qFAAqF;IACrF,IAAI,CAAC,EAAE,cAAc,GAAG,mBAAmB,CAAC;IAC5C,iGAAiG;IACjG,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0FAA0F;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC;;;;OAIG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,yBAAyB,CAAC;IACtC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAC1D,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACtD,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAgBD;;;GAGG;AACH,eAAO,MAAM,UAAU,+GAmIrB,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/IconButton/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAIjF,OAAO,EAIL,KAAK,UAAU,EACf,KAAK,cAAc,EACpB,MAAM,wBAAwB,CAAC;AAWhC,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErD,sEAAsE;AACtE,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,YAAY,GAAG,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CACpE;IACD,wDAAwD;IACxD,IAAI,EAAE,YAAY,CAAC;IACnB,uFAAuF;IACvF,YAAY,EAAE,MAAM,CAAC;IACrB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,qFAAqF;IACrF,IAAI,CAAC,EAAE,cAAc,GAAG,mBAAmB,CAAC;IAC5C,iGAAiG;IACjG,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0FAA0F;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC;;;;OAIG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,yBAAyB,CAAC;IACtC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAC1D,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACtD,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAgBD;;;GAGG;AACH,eAAO,MAAM,UAAU,+GAsIrB,CAAC"}

package/dist/components/atoms/IconButton/IconButton.js

@@ -19,7 +19,9 @@ var h = d(function({ icon: d, "aria-label": h, role: g, size: _ = "md", inset: v
 		inset: v,
 		pressed: S
 	});
-	let R = b ? "primary" : g ?? "ghost", z = C || x, B = x && !C, V = B ? (e) => e.preventDefault() : D, H = y === void 0 ? h : y, U = v ? _ : null, W = v ? s[U ?? "md"] : r[_], G = e(t, "justify-center", S === !0 ? l : n[R], W, u, v && "focus-visible:ring-offset-1 focus-visible:ring-offset-surface", b && "shadow-soft-card", E), K = x ? /* @__PURE__ */ f(a, { size: v ? "xs" : _ }) : v ? /* @__PURE__ */ f("span", {
+	let R = b ? "primary" : g ?? "ghost", z = C || x, B = z, V = B ? (e) => {
+		e.preventDefault(), e.stopPropagation();
+	} : D, H = y === void 0 ? h : y, U = v ? _ : null, W = v ? s[U ?? "md"] : r[_], G = e(t, "justify-center", S === !0 ? l : n[R], W, u, v && "focus-visible:ring-offset-1 focus-visible:ring-offset-surface", b && "shadow-soft-card", E), K = x ? /* @__PURE__ */ f(a, { size: v ? "xs" : _ }) : v ? /* @__PURE__ */ f("span", {
 		className: e("inline-flex shrink-0 items-center justify-center text-inherit [&>svg]:size-full", c[U ?? "md"]),
 		"aria-hidden": !0,
 		children: d
@@ -49,7 +51,6 @@ var h = d(function({ icon: d, "aria-label": h, role: g, size: _ = "md", inset: v
 			"data-pattern": b ? "fab" : v ? "inset" : "icon",
 			"data-loading": x || void 0,
 			title: H === "" ? void 0 : H,
-			tabIndex: C ? -1 : I.tabIndex,
 			onClick: V,
 			onKeyDown: O,
 			id: N,
@@ -61,8 +62,8 @@ var h = d(function({ icon: d, "aria-label": h, role: g, size: _ = "md", inset: v
 			...I,
 			className: G,
 			type: w,
-			disabled: C,
 			"aria-disabled": B || void 0,
+			"data-disabled": z ? "" : void 0,
 			"aria-busy": x || void 0,
 			"aria-label": h,
 			"aria-current": k,

package/dist/components/atoms/SectionCaption/SectionCaption.d.ts

@@ -6,7 +6,11 @@ export type SectionCaptionLayoutClassName = string;
 export interface SectionCaptionProps {
     /** The caption, in sentence case — for example "Metadata". The utility sets the capitals. */
     children: ReactNode;
-    /** The element. `h2` (default) when the caption names a region; `p` when it only labels a column. */
+    /**
+     * The element. `p` (default): a caption is an eyebrow in capitals, not a heading (Headings H6,
+     * Eyebrow E6). It still names a region through `id` + `aria-labelledby`. `h2`–`h4` only when the
+     * page has no sentence-case heading for that region and people jump to it.
+     */
     as?: SectionCaptionElement;
     /** For `aria-labelledby` on the region the caption names. */
     id?: string;

package/dist/components/atoms/SectionCaption/SectionCaption.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionCaption.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/SectionCaption/SectionCaption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAML,KAAK,qBAAqB,EAC3B,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,sBAAsB,EAAE,KAAK,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAE5F,8CAA8C;AAC9C,MAAM,MAAM,6BAA6B,GAAG,MAAM,CAAC;AAEnD,MAAM,WAAW,mBAAmB;IAClC,6FAA6F;IAC7F,QAAQ,EAAE,SAAS,CAAC;IACpB,qGAAqG;IACrG,EAAE,CAAC,EAAE,qBAAqB,CAAC;IAC3B,6DAA6D;IAC7D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,uEAAuE;IACvE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iDAAiD;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,kFAAkF;IAClF,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,SAAS,CAAC,EAAE,6BAA6B,CAAC;CAC3C;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,EAAE,EAAE,OAAc,EAClB,EAAE,EACF,MAAa,EACb,IAAW,EACX,GAAG,EACH,SAAS,GACV,EAAE,mBAAmB,+BAiBrB"}
+{"version":3,"file":"SectionCaption.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/SectionCaption/SectionCaption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAML,KAAK,qBAAqB,EAC3B,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,sBAAsB,EAAE,KAAK,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAE5F,8CAA8C;AAC9C,MAAM,MAAM,6BAA6B,GAAG,MAAM,CAAC;AAEnD,MAAM,WAAW,mBAAmB;IAClC,6FAA6F;IAC7F,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,EAAE,CAAC,EAAE,qBAAqB,CAAC;IAC3B,6DAA6D;IAC7D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,uEAAuE;IACvE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iDAAiD;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,kFAAkF;IAClF,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,SAAS,CAAC,EAAE,6BAA6B,CAAC;CAC3C;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,EAAE,EAAE,OAAa,EACjB,EAAE,EACF,MAAa,EACb,IAAW,EACX,GAAG,EACH,SAAS,GACV,EAAE,mBAAmB,+BAiBrB"}

package/dist/components/atoms/SectionCaption/SectionCaption.js

@@ -3,7 +3,7 @@ import { cn as e } from "../../../lib/cn.js";
 import { sectionCaptionElements as t, sectionCaptionEndClasses as n, sectionCaptionLabelClasses as r, sectionCaptionMarkerClasses as i, sectionCaptionRowClasses as a } from "./sectionCaptionStyles.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/atoms/SectionCaption/SectionCaption.tsx
-function c({ children: t, as: c = "h2", id: l, marker: u = !0, rule: d = !0, end: f, className: p }) {
+function c({ children: t, as: c = "p", id: l, marker: u = !0, rule: d = !0, end: f, className: p }) {
 	return /* @__PURE__ */ s("div", {
 		className: e(a, d && "border-b border-border-emphasized pb-3", p),
 		"data-section-caption": "",

package/dist/components/atoms/TextLink/TextLink.d.ts

@@ -18,11 +18,19 @@ export interface TextLinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorEleme
      * and weight. For headline-size text and list titles.
      */
     variant?: TextLinkVariant;
-    /** Opens in a new tab and appends the external-destination icon. */
+    /**
+     * Marks a link that leaves the site: appends the external-destination icon. Opens in the same tab unless
+     * `newTab` is set (Links rule K9).
+     */
     external?: boolean;
+    /**
+     * Opt-in: open in a new tab. Adds "(opens in a new tab)" to the accessible name and `rel="noopener noreferrer"`.
+     * Use it only when leaving the page would lose the reader's work.
+     */
+    newTab?: boolean;
     /** Layout-only: margin or placement. */
     className?: TextLinkLayoutClassName;
 }
 /** Inline text navigation — the solid-underline prose link, or a quiet link for titles. */
-export declare function TextLink({ href, render, children, variant, external, className, rel, ...anchorProps }: TextLinkProps): ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare function TextLink({ href, render, children, variant, external, newTab, className, rel, ...anchorProps }: TextLinkProps): ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 //# sourceMappingURL=TextLink.d.ts.map

package/dist/components/atoms/TextLink/TextLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextLink.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextLink/TextLink.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3E,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAE1E,8EAA8E;AAC9E,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,QAAQ,CAC7C;IACD,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAED,2FAA2F;AAC3F,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,OAAiB,EACjB,QAAgB,EAChB,SAAS,EACT,GAAG,EACH,GAAG,WAAW,EACf,EAAE,aAAa,8EA6Bf"}
+{"version":3,"file":"TextLink.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextLink/TextLink.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3E,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAE1E,8EAA8E;AAC9E,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,QAAQ,CAC7C;IACD,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAED,2FAA2F;AAC3F,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,OAAiB,EACjB,QAAgB,EAChB,MAAc,EACd,SAAS,EACT,GAAG,EACH,GAAG,WAAW,EACf,EAAE,aAAa,8EAyBf"}

package/dist/components/atoms/TextLink/TextLink.js

@@ -5,25 +5,29 @@ import { SquareArrowOutUpRight as i } from "lucide-react";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 import { useRender as c } from "@base-ui/react/use-render";
 //#region src/components/atoms/TextLink/TextLink.tsx
-function l({ href: r, render: l, children: u, variant: d = "prose", external: f = !1, className: p, rel: m, ...h }) {
-	let g = f && m == null ? "noopener noreferrer" : m;
+function l({ href: r, render: l, children: u, variant: d = "prose", external: f = !1, newTab: p = !1, className: m, rel: h, ...g }) {
+	let _ = p && h == null ? "noopener noreferrer" : h;
 	return r == null && l == null && console.warn("[WMDS TextLink] Pass `href`, or `render` with a link that carries it."), c({
 		render: l,
 		defaultTagName: "a",
 		props: {
-			...h,
+			...g,
 			...r == null ? null : { href: r },
-			...f ? { target: "_blank" } : null,
-			...g == null ? null : { rel: g },
-			className: e(n[d], p),
-			children: /* @__PURE__ */ s(a, { children: [u, f ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(i, {
-				className: t,
-				strokeWidth: 2,
-				"aria-hidden": !0
-			}), /* @__PURE__ */ o("span", {
-				className: "sr-only",
-				children: " (opens in a new tab)"
-			})] }) : null] })
+			...p ? { target: "_blank" } : null,
+			..._ == null ? null : { rel: _ },
+			className: e(n[d], m),
+			children: /* @__PURE__ */ s(a, { children: [
+				u,
+				f ? /* @__PURE__ */ o(i, {
+					className: t,
+					strokeWidth: 2,
+					"aria-hidden": !0
+				}) : null,
+				p ? /* @__PURE__ */ o("span", {
+					className: "sr-only",
+					children: " (opens in a new tab)"
+				}) : null
+			] })
 		}
 	});
 }

package/dist/components/molecules/Accordion/Accordion.d.ts

@@ -1,7 +1,7 @@
 import { type HTMLAttributes, type ReactNode } from "react";
-import { type AccordionVariant } from "./accordionStyles";
-export type { AccordionVariant } from "./accordionStyles";
-export { accordionVariants } from "./accordionStyles";
+import { type AccordionSize, type AccordionVariant } from "./accordionStyles";
+export type { AccordionSize, AccordionVariant } from "./accordionStyles";
+export { accordionSizes, accordionVariants } from "./accordionStyles";
 /** Layout-only — not for row colors or panel styling overrides. */
 export type AccordionLayoutClassName = string;
 export interface AccordionProps extends HTMLAttributes<HTMLDivElement> {
@@ -15,6 +15,11 @@ export interface AccordionProps extends HTMLAttributes<HTMLDivElement> {
      * accordion (a filter side panel). The hover band reaches 8px past each edge.
      */
     flush?: boolean;
+    /**
+     * Panel text: `ui` (default, 14px muted, app UI) or `reading` (17px regular in ink) for answers people read,
+     * such as an FAQ or a services list (Body rules B7, B9).
+     */
+    size?: AccordionSize;
     className?: AccordionLayoutClassName;
 }
 export interface AccordionItemProps {
@@ -33,7 +38,7 @@ export interface AccordionItemProps {
     onOpenChange?: (open: boolean) => void;
     className?: AccordionLayoutClassName;
 }
-declare function AccordionRoot({ variant, inset, flush: flushProp, className, children, ...props }: AccordionProps): import("react").JSX.Element;
+declare function AccordionRoot({ variant, inset, flush: flushProp, size, className, children, ...props }: AccordionProps): import("react").JSX.Element;
 declare function AccordionItem({ label, leading, trailing, children, defaultOpen, open: openProp, onOpenChange, className, }: AccordionItemProps): import("react").JSX.Element;
 export declare const Accordion: typeof AccordionRoot & {
     Item: typeof AccordionItem;

package/dist/components/molecules/Accordion/Accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,EA0BL,KAAK,gBAAgB,EACtB,MAAM,mBAAmB,CAAC;AAE3B,YAAY,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,mEAAmE;AACnE,MAAM,MAAM,wBAAwB,GAAG,MAAM,CAAC;AAY9C,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,QAAQ,EAAE,SAAS,CAAC;IACpB,mGAAmG;IACnG,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,qFAAqF;IACrF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,wBAAwB,CAAC;CACtC;AAED,MAAM,WAAW,kBAAkB;IACjC,4BAA4B;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,sEAAsE;IACtE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yBAAyB;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,wBAAwB,CAAC;CACtC;AAED,iBAAS,aAAa,CAAC,EACrB,OAAiB,EACjB,KAAa,EACb,KAAK,EAAE,SAAiB,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,+BA2BhB;AAkBD,iBAAS,aAAa,CAAC,EACrB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,WAAmB,EACnB,IAAI,EAAE,QAAQ,EACd,YAAY,EACZ,SAAS,GACV,EAAE,kBAAkB,+BA4EpB;AAED,eAAO,MAAM,SAAS;;CAEpB,CAAC"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,EAkBL,KAAK,aAAa,EAUlB,KAAK,gBAAgB,EACtB,MAAM,mBAAmB,CAAC;AAE3B,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtE,mEAAmE;AACnE,MAAM,MAAM,wBAAwB,GAAG,MAAM,CAAC;AAc9C,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,QAAQ,EAAE,SAAS,CAAC;IACpB,mGAAmG;IACnG,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,qFAAqF;IACrF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,wBAAwB,CAAC;CACtC;AAED,MAAM,WAAW,kBAAkB;IACjC,4BAA4B;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,sEAAsE;IACtE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yBAAyB;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,wBAAwB,CAAC;CACtC;AAED,iBAAS,aAAa,CAAC,EACrB,OAAiB,EACjB,KAAa,EACb,KAAK,EAAE,SAAiB,EACxB,IAAW,EACX,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,+BA4BhB;AAkBD,iBAAS,aAAa,CAAC,EACrB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,WAAmB,EACnB,IAAI,EAAE,QAAQ,EACd,YAAY,EACZ,SAAS,GACV,EAAE,kBAAkB,+BA4EpB;AAED,eAAO,MAAM,SAAS;;CAEpB,CAAC"}

package/dist/components/molecules/Accordion/Accordion.js

@@ -1,89 +1,96 @@
 "use client";
 import { cn as e } from "../../../lib/cn.js";
 import { ButtonIcon as t } from "../../atoms/Button/ButtonIcon.js";
-import { accordionChevronRotateClasses as n, accordionChevronSlotClasses as r, accordionItemCapsuleClasses as i, accordionItemCapsuleClosedClasses as a, accordionItemCapsuleOpenClasses as o, accordionItemFlushClasses as s, accordionItemListClasses as c, accordionItemPlainClasses as l, accordionLabelPlainClasses as u, accordionLabelRowClasses as d, accordionLeadingSlotClasses as f, accordionPanelContentCapsuleClasses as p, accordionPanelContentFlushClasses as m, accordionPanelContentListClasses as h, accordionPanelInnerClasses as g, accordionRootCapsuleClasses as _, accordionRootListClasses as v, accordionRootListInsetClasses as y, accordionRootPlainClasses as b, accordionTrailingClusterClasses as x, accordionTriggerCapsuleClasses as S, accordionTriggerFlushClasses as C, accordionTriggerInteractiveClasses as w, accordionTriggerListClasses as T, accordionVariants as E } from "./accordionStyles.js";
-import { createContext as D, useCallback as O, useContext as k, useId as A, useMemo as j, useState as M } from "react";
-import { ChevronDown as N } from "lucide-react";
-import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
+import { accordionChevronRotateClasses as n, accordionChevronSlotClasses as r, accordionItemCapsuleClasses as i, accordionItemCapsuleClosedClasses as a, accordionItemCapsuleOpenClasses as o, accordionItemFlushClasses as s, accordionItemListClasses as c, accordionItemPlainClasses as l, accordionLabelPlainClasses as u, accordionLabelRowClasses as d, accordionLeadingSlotClasses as f, accordionPanelContentCapsuleClasses as p, accordionPanelContentFlushClasses as m, accordionPanelContentListClasses as h, accordionPanelInnerClasses as g, accordionPanelSizeClasses as _, accordionRootCapsuleClasses as v, accordionRootListClasses as y, accordionRootListInsetClasses as b, accordionRootPlainClasses as x, accordionSizes as S, accordionTrailingClusterClasses as C, accordionTriggerCapsuleClasses as w, accordionTriggerFlushClasses as T, accordionTriggerInteractiveClasses as E, accordionTriggerListClasses as D, accordionVariants as O } from "./accordionStyles.js";
+import { createContext as k, useCallback as A, useContext as j, useId as M, useMemo as N, useState as P } from "react";
+import { ChevronDown as F } from "lucide-react";
+import { Fragment as I, jsx as L, jsxs as R } from "react/jsx-runtime";
 //#region src/components/molecules/Accordion/Accordion.tsx
-var L = D({
+var z = k({
 	variant: "plain",
-	flush: !1
+	flush: !1,
+	size: "ui"
 });
-function R({ variant: t = "plain", inset: n = !1, flush: r = !1, className: i, children: a, ...o }) {
-	let s = r && t === "plain", c = j(() => ({
+function B({ variant: t = "plain", inset: n = !1, flush: r = !1, size: i = "ui", className: a, children: o, ...s }) {
+	let c = r && t === "plain", l = N(() => ({
 		variant: t,
-		flush: s
-	}), [t, s]), l = t === "list" ? n ? y : v : t === "capsule" ? _ : b;
-	return /* @__PURE__ */ F(L.Provider, {
-		value: c,
-		children: /* @__PURE__ */ F("div", {
-			className: e(l, i),
+		flush: c,
+		size: i
+	}), [
+		t,
+		c,
+		i
+	]), u = t === "list" ? n ? b : y : t === "capsule" ? v : x;
+	return /* @__PURE__ */ L(z.Provider, {
+		value: l,
+		children: /* @__PURE__ */ L("div", {
+			className: e(u, a),
 			"data-variant": t,
 			"data-inset": n ? "true" : void 0,
-			"data-flush": s ? "true" : void 0,
-			...o,
-			children: a
+			"data-flush": c ? "true" : void 0,
+			"data-size": i === "reading" ? "reading" : void 0,
+			...s,
+			children: o
 		})
 	});
 }
-function z(t, n, r) {
+function V(t, n, r) {
 	return r ? s : t === "list" ? c : t === "capsule" ? e(i, n ? o : a) : l;
 }
-function B({ label: i, leading: a, trailing: o, children: s, defaultOpen: c = !1, open: l, onOpenChange: _, className: v }) {
-	let { variant: y, flush: b } = k(L), E = A(), [D, j] = M(c), R = l !== void 0, B = R ? l : D, V = s != null, H = O((e) => {
-		R || j(e), _?.(e);
-	}, [R, _]), U = y === "plain" ? u : d, W = b ? C : y === "capsule" ? S : T, G = b ? m : y === "capsule" ? p : h, K = /* @__PURE__ */ I(P, { children: [
-		a == null ? null : /* @__PURE__ */ F("span", {
+function H({ label: i, leading: a, trailing: o, children: s, defaultOpen: c = !1, open: l, onOpenChange: v, className: y }) {
+	let { variant: b, flush: x, size: S } = j(z), O = M(), [k, N] = P(c), B = l !== void 0, H = B ? l : k, U = s != null, W = A((e) => {
+		B || N(e), v?.(e);
+	}, [B, v]), G = b === "plain" ? u : d, K = x ? T : b === "capsule" ? w : D, q = x ? m : b === "capsule" ? p : h, J = /* @__PURE__ */ R(I, { children: [
+		a == null ? null : /* @__PURE__ */ L("span", {
 			className: f,
 			children: a
 		}),
-		/* @__PURE__ */ F("span", {
-			className: U,
+		/* @__PURE__ */ L("span", {
+			className: G,
 			children: i
 		}),
-		o == null ? null : /* @__PURE__ */ F("span", {
-			className: x,
+		o == null ? null : /* @__PURE__ */ L("span", {
+			className: C,
 			children: o
 		}),
-		V ? /* @__PURE__ */ F("span", {
+		U ? /* @__PURE__ */ L("span", {
 			className: r,
 			"aria-hidden": !0,
-			children: /* @__PURE__ */ F("span", {
-				className: e(n, B && "rotate-180"),
-				children: /* @__PURE__ */ F(t, {
+			children: /* @__PURE__ */ L("span", {
+				className: e(n, H && "rotate-180"),
+				children: /* @__PURE__ */ L(t, {
 					size: "xs",
-					children: /* @__PURE__ */ F(N, { strokeWidth: 2.2 })
+					children: /* @__PURE__ */ L(F, { strokeWidth: 2.2 })
 				})
 			})
 		}) : null
 	] });
-	return /* @__PURE__ */ I("div", {
-		className: e(z(y, B, b), v),
-		children: [V ? /* @__PURE__ */ F("button", {
+	return /* @__PURE__ */ R("div", {
+		className: e(V(b, H, x), y),
+		children: [U ? /* @__PURE__ */ L("button", {
 			type: "button",
-			className: e(W, w),
-			"aria-expanded": B,
-			"aria-controls": E,
-			onClick: () => H(!B),
-			children: K
-		}) : /* @__PURE__ */ F("div", {
-			className: W,
-			children: K
-		}), V ? /* @__PURE__ */ F("div", {
+			className: e(K, E),
+			"aria-expanded": H,
+			"aria-controls": O,
+			onClick: () => W(!H),
+			children: J
+		}) : /* @__PURE__ */ L("div", {
+			className: K,
+			children: J
+		}), U ? /* @__PURE__ */ L("div", {
 			className: "motion-collapse",
-			"data-visible": B ? "true" : "false",
-			children: /* @__PURE__ */ F("div", {
-				id: E,
+			"data-visible": H ? "true" : "false",
+			children: /* @__PURE__ */ L("div", {
+				id: O,
 				className: g,
-				children: /* @__PURE__ */ F("div", {
-					className: G,
+				children: /* @__PURE__ */ L("div", {
+					className: _(q, S),
 					children: s
 				})
 			})
 		}) : null]
 	});
 }
-var V = Object.assign(R, { Item: B });
+var U = Object.assign(B, { Item: H });
 //#endregion
-export { V as Accordion, E as accordionVariants };
+export { U as Accordion, S as accordionSizes, O as accordionVariants };

package/dist/components/molecules/Accordion/accordionStyles.d.ts

@@ -49,6 +49,11 @@ export declare const accordionPanelContentListClasses: string;
 export declare const accordionPanelContentCapsuleClasses: string;
 /** Plain + `flush` — panel content on the label's edge. */
 export declare const accordionPanelContentFlushClasses = "type-body text-muted tracking-normal pb-4 pt-0";
+/** Accordion panel text sizes: `ui` (14px muted, app UI) and `reading` (17px regular in ink, FAQ answers and service descriptions; Body rules B7, B9). */
+export declare const accordionSizes: readonly ["ui", "reading"];
+export type AccordionSize = (typeof accordionSizes)[number];
+/** Swaps the panel's UI text (14px muted) for reading text (17px regular, ink). */
+export declare function accordionPanelSizeClasses(classes: string, size: AccordionSize): string;
 /** @deprecated Use `accordionPanelContentListClasses` or `accordionPanelContentCapsuleClasses`. */
 export declare const accordionPanelContentClasses: string;
 //# sourceMappingURL=accordionStyles.d.ts.map

package/dist/components/molecules/Accordion/accordionStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordionStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Accordion/accordionStyles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,iBAAiB,uCAAwC,CAAC;AAEvE,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAElE,eAAO,MAAM,wBAAwB,+FACyD,CAAC;AAE/F,qEAAqE;AACrE,eAAO,MAAM,6BAA6B,2CAA2C,CAAC;AAEtF,eAAO,MAAM,2BAA2B,6DACkC,CAAC;AAE3E,eAAO,MAAM,yBAAyB,2CAA2C,CAAC;AAElF,eAAO,MAAM,wBAAwB,QACiD,CAAC;AAEvF,eAAO,MAAM,yBAAyB,QACgD,CAAC;AAEvF,6FAA6F;AAC7F,eAAO,MAAM,yBAAyB,2CAA2C,CAAC;AAElF,2EAA2E;AAC3E,eAAO,MAAM,2BAA2B,QAEZ,CAAC;AAE7B,mDAAmD;AACnD,eAAO,MAAM,iCAAiC,mBAAwB,CAAC;AAEvE,sCAAsC;AACtC,eAAO,MAAM,+BAA+B,mBAA4B,CAAC;AAEzE,uFAAuF;AACvF,eAAO,MAAM,sBAAsB,SAAS,CAAC;AAE7C;;;GAGG;AACH,eAAO,MAAM,6BAA6B,WAAW,CAAC;AAEtD,eAAO,MAAM,2BAA2B,QACqC,CAAC;AAE9E,eAAO,MAAM,8BAA8B,QACyC,CAAC;AAErF;;;GAGG;AACH,eAAO,MAAM,4BAA4B,uFAC6C,CAAC;AAEvF,yFAAyF;AACzF,eAAO,MAAM,2BAA2B,QAA8B,CAAC;AAEvE,yEAAyE;AACzE,eAAO,MAAM,kCAAkC,QAErB,CAAC;AAE3B,eAAO,MAAM,2BAA2B,qDAAqD,CAAC;AAE9F,gGAAgG;AAChG,eAAO,MAAM,0BAA0B,QAAuD,CAAC;AAE/F,wEAAwE;AACxE,eAAO,MAAM,wBAAwB,QAA4E,CAAC;AAElH,eAAO,MAAM,+BAA+B,qCAAqC,CAAC;AAElF,gEAAgE;AAChE,eAAO,MAAM,2BAA2B,sGAC6D,CAAC;AAEtG,eAAO,MAAM,6BAA6B,QAC6B,CAAC;AAExE,eAAO,MAAM,2BAA2B,eAAe,CAAC;AAExD,eAAO,MAAM,0BAA0B,oBAAoB,CAAC;AAE5D,yFAAyF;AACzF,eAAO,MAAM,gCAAgC,QAC+B,CAAC;AAE7E,eAAO,MAAM,mCAAmC,QACqC,CAAC;AAEtF,2DAA2D;AAC3D,eAAO,MAAM,iCAAiC,mDAAmD,CAAC;AAElG,mGAAmG;AACnG,eAAO,MAAM,4BAA4B,QAAmC,CAAC"}
+{"version":3,"file":"accordionStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Accordion/accordionStyles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,iBAAiB,uCAAwC,CAAC;AAEvE,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAElE,eAAO,MAAM,wBAAwB,+FACyD,CAAC;AAE/F,qEAAqE;AACrE,eAAO,MAAM,6BAA6B,2CAA2C,CAAC;AAEtF,eAAO,MAAM,2BAA2B,6DACkC,CAAC;AAE3E,eAAO,MAAM,yBAAyB,2CAA2C,CAAC;AAElF,eAAO,MAAM,wBAAwB,QACiD,CAAC;AAEvF,eAAO,MAAM,yBAAyB,QACgD,CAAC;AAEvF,6FAA6F;AAC7F,eAAO,MAAM,yBAAyB,2CAA2C,CAAC;AAElF,2EAA2E;AAC3E,eAAO,MAAM,2BAA2B,QAEZ,CAAC;AAE7B,mDAAmD;AACnD,eAAO,MAAM,iCAAiC,mBAAwB,CAAC;AAEvE,sCAAsC;AACtC,eAAO,MAAM,+BAA+B,mBAA4B,CAAC;AAEzE,uFAAuF;AACvF,eAAO,MAAM,sBAAsB,SAAS,CAAC;AAE7C;;;GAGG;AACH,eAAO,MAAM,6BAA6B,WAAW,CAAC;AAEtD,eAAO,MAAM,2BAA2B,QACqC,CAAC;AAE9E,eAAO,MAAM,8BAA8B,QACyC,CAAC;AAErF;;;GAGG;AACH,eAAO,MAAM,4BAA4B,uFAC6C,CAAC;AAEvF,yFAAyF;AACzF,eAAO,MAAM,2BAA2B,QAA8B,CAAC;AAEvE,yEAAyE;AACzE,eAAO,MAAM,kCAAkC,QAErB,CAAC;AAE3B,eAAO,MAAM,2BAA2B,qDAAqD,CAAC;AAE9F,gGAAgG;AAChG,eAAO,MAAM,0BAA0B,QAAuD,CAAC;AAE/F,wEAAwE;AACxE,eAAO,MAAM,wBAAwB,QAA4E,CAAC;AAElH,eAAO,MAAM,+BAA+B,qCAAqC,CAAC;AAElF,gEAAgE;AAChE,eAAO,MAAM,2BAA2B,sGAC6D,CAAC;AAEtG,eAAO,MAAM,6BAA6B,QAC6B,CAAC;AAExE,eAAO,MAAM,2BAA2B,eAAe,CAAC;AAExD,eAAO,MAAM,0BAA0B,oBAAoB,CAAC;AAE5D,yFAAyF;AACzF,eAAO,MAAM,gCAAgC,QAC+B,CAAC;AAE7E,eAAO,MAAM,mCAAmC,QACqC,CAAC;AAEtF,2DAA2D;AAC3D,eAAO,MAAM,iCAAiC,mDAAmD,CAAC;AAElG,0JAA0J;AAC1J,eAAO,MAAM,cAAc,4BAA6B,CAAC;AACzD,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D,mFAAmF;AACnF,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,GAAG,MAAM,CAEtF;AAED,mGAAmG;AACnG,eAAO,MAAM,4BAA4B,QAAmC,CAAC"}

package/dist/components/molecules/Accordion/accordionStyles.js

@@ -7,6 +7,9 @@ var a = [
 	"list",
 	"capsule",
 	"plain"
-], o = "flex w-full flex-col overflow-hidden rounded-lg bg-surface font-sans text-fg shadow-raised", s = "flex w-full flex-col font-sans text-fg", c = `flex w-full min-h-0 flex-col ${i} font-sans text-fg`, l = "flex w-full flex-col font-sans text-fg", u = "overflow-hidden border-b border-border last:border-b-0 " + t("fast"), d = "overflow-hidden border-b border-border last:border-b-0 " + t("fast"), f = "border-b border-border last:border-b-0", p = "overflow-hidden bg-surface shadow-raised transition-[border-radius,background-color] " + t("medium"), m = r, h = n, g = "flex h-11 w-full items-center gap-2.5 text-left px-4", _ = "flex h-11 w-full items-center gap-2.5 text-left px-2.5", v = "-mx-2 flex h-11 w-[calc(100%+1rem)] items-center gap-2.5 rounded-lg px-2 text-left", y = "cursor-pointer hover:bg-ghost-hover active:bg-ghost-active focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-inset " + t("fast"), b = "flex size-6 shrink-0 items-center justify-center", x = `${e("body")} min-w-0 flex-1 truncate`, S = `${e("ui-label")} min-w-0 flex-1 truncate text-[0.8125rem]`, C = "flex shrink-0 items-center gap-2", w = "-ml-2 flex size-7 shrink-0 items-center justify-center rounded-[var(--radius-control)] text-muted", T = "inline-flex " + t("medium") + " transition-transform", E = "rotate-180", D = "overflow-hidden", O = "type-body text-muted tracking-normal pb-4 pt-0 px-4", k = "type-body text-muted tracking-normal pb-2.5 pt-0 px-2.5", A = "type-body text-muted tracking-normal pb-4 pt-0";
+], o = "flex w-full flex-col overflow-hidden rounded-lg bg-surface font-sans text-fg shadow-raised", s = "flex w-full flex-col font-sans text-fg", c = `flex w-full min-h-0 flex-col ${i} font-sans text-fg`, l = "flex w-full flex-col font-sans text-fg", u = "overflow-hidden border-b border-border last:border-b-0 " + t("fast"), d = "overflow-hidden border-b border-border last:border-b-0 " + t("fast"), f = "border-b border-border last:border-b-0", p = "overflow-hidden bg-surface shadow-raised transition-[border-radius,background-color] " + t("medium"), m = r, h = n, g = "flex h-11 w-full items-center gap-2.5 text-left px-4", _ = "flex h-11 w-full items-center gap-2.5 text-left px-2.5", v = "-mx-2 flex h-11 w-[calc(100%+1rem)] items-center gap-2.5 rounded-lg px-2 text-left", y = "cursor-pointer hover:bg-ghost-hover active:bg-ghost-active focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-inset " + t("fast"), b = "flex size-6 shrink-0 items-center justify-center", x = `${e("body")} min-w-0 flex-1 truncate`, S = `${e("ui-label")} min-w-0 flex-1 truncate text-[0.8125rem]`, C = "flex shrink-0 items-center gap-2", w = "-ml-2 flex size-7 shrink-0 items-center justify-center rounded-[var(--radius-control)] text-muted", T = "inline-flex " + t("medium") + " transition-transform", E = "rotate-180", D = "overflow-hidden", O = "type-body text-muted tracking-normal pb-4 pt-0 px-4", k = "type-body text-muted tracking-normal pb-2.5 pt-0 px-2.5", A = "type-body text-muted tracking-normal pb-4 pt-0", j = ["ui", "reading"];
+function M(e, t) {
+	return t === "reading" ? e.replace("type-body text-muted", "type-large text-fg") : e;
+}
 //#endregion
-export { E as accordionChevronOpenClasses, T as accordionChevronRotateClasses, w as accordionChevronSlotClasses, p as accordionItemCapsuleClasses, m as accordionItemCapsuleClosedClasses, h as accordionItemCapsuleOpenClasses, f as accordionItemFlushClasses, u as accordionItemListClasses, d as accordionItemPlainClasses, x as accordionLabelPlainClasses, S as accordionLabelRowClasses, b as accordionLeadingSlotClasses, k as accordionPanelContentCapsuleClasses, A as accordionPanelContentFlushClasses, O as accordionPanelContentListClasses, D as accordionPanelInnerClasses, c as accordionRootCapsuleClasses, o as accordionRootListClasses, s as accordionRootListInsetClasses, l as accordionRootPlainClasses, C as accordionTrailingClusterClasses, _ as accordionTriggerCapsuleClasses, v as accordionTriggerFlushClasses, y as accordionTriggerInteractiveClasses, g as accordionTriggerListClasses, a as accordionVariants };
+export { E as accordionChevronOpenClasses, T as accordionChevronRotateClasses, w as accordionChevronSlotClasses, p as accordionItemCapsuleClasses, m as accordionItemCapsuleClosedClasses, h as accordionItemCapsuleOpenClasses, f as accordionItemFlushClasses, u as accordionItemListClasses, d as accordionItemPlainClasses, x as accordionLabelPlainClasses, S as accordionLabelRowClasses, b as accordionLeadingSlotClasses, k as accordionPanelContentCapsuleClasses, A as accordionPanelContentFlushClasses, O as accordionPanelContentListClasses, D as accordionPanelInnerClasses, M as accordionPanelSizeClasses, c as accordionRootCapsuleClasses, o as accordionRootListClasses, s as accordionRootListInsetClasses, l as accordionRootPlainClasses, j as accordionSizes, C as accordionTrailingClusterClasses, _ as accordionTriggerCapsuleClasses, v as accordionTriggerFlushClasses, y as accordionTriggerInteractiveClasses, g as accordionTriggerListClasses, a as accordionVariants };

package/dist/components/molecules/Breadcrumb/breadcrumbStyles.d.ts

@@ -7,7 +7,10 @@ export type BreadcrumbVariant = (typeof breadcrumbVariants)[number];
 export declare const breadcrumbListClasses = "m-0 flex min-w-0 list-none flex-wrap items-center gap-x-1.5 gap-y-1 p-0 sm:gap-x-2";
 export declare const breadcrumbVariantClasses: Record<BreadcrumbVariant, string>;
 export declare const breadcrumbItemClasses = "inline-flex min-w-0 items-center";
-/** A link crumb — muted, darkening with an underline on hover, the focus ring. */
+/**
+ * A link crumb — muted, darkening with an underline on hover, the focus ring. `py-0.5 -my-0.5` makes
+ * the target 24px tall (Links rule K6, WCAG 2.5.8) without moving the row.
+ */
 export declare const breadcrumbLinkClasses: string;
 /** The current page — the last crumb, not a link. */
 export declare const breadcrumbPageClasses: string;

package/dist/components/molecules/Breadcrumb/breadcrumbStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Breadcrumb/breadcrumbStyles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,oBAAoB,+BAAgC,CAAC;AAElE,sDAAsD;AACtD,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAExE,eAAO,MAAM,kBAAkB,2BAA4B,CAAC;AAE5D,iHAAiH;AACjH,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpE,eAAO,MAAM,qBAAqB,uFAAuF,CAAC;AAE1H,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAGtE,CAAC;AAEF,eAAO,MAAM,qBAAqB,qCAAqC,CAAC;AAKxE,kFAAkF;AAClF,eAAO,MAAM,qBAAqB,QAOjC,CAAC;AAEF,qDAAqD;AACrD,eAAO,MAAM,qBAAqB,QAAwC,CAAC;AAE3E,yDAAyD;AACzD,eAAO,MAAM,qBAAqB,QAA2C,CAAC;AAE9E,eAAO,MAAM,0BAA0B,iDAAiD,CAAC;AAEzF,iEAAiE;AACjE,eAAO,MAAM,sBAAsB,gBAAgB,CAAC;AAEpD,2EAA2E;AAC3E,eAAO,MAAM,qBAAqB,uCAAuC,CAAC"}
+{"version":3,"file":"breadcrumbStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Breadcrumb/breadcrumbStyles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,oBAAoB,+BAAgC,CAAC;AAElE,sDAAsD;AACtD,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAExE,eAAO,MAAM,kBAAkB,2BAA4B,CAAC;AAE5D,iHAAiH;AACjH,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpE,eAAO,MAAM,qBAAqB,uFAAuF,CAAC;AAE1H,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAGtE,CAAC;AAEF,eAAO,MAAM,qBAAqB,qCAAqC,CAAC;AAKxE;;;GAGG;AACH,eAAO,MAAM,qBAAqB,QAQjC,CAAC;AAEF,qDAAqD;AACrD,eAAO,MAAM,qBAAqB,QAAwC,CAAC;AAE3E,yDAAyD;AACzD,eAAO,MAAM,qBAAqB,QAA2C,CAAC;AAE9E,eAAO,MAAM,0BAA0B,iDAAiD,CAAC;AAEzF,iEAAiE;AACjE,eAAO,MAAM,sBAAsB,gBAAgB,CAAC;AAEpD,2EAA2E;AAC3E,eAAO,MAAM,qBAAqB,uCAAuC,CAAC"}

package/dist/components/molecules/Breadcrumb/breadcrumbStyles.js

@@ -6,6 +6,6 @@ import { motionTransition as n } from "../../../lib/motion.js";
 var r = ["chevron", "slash"], i = ["sans", "mono"], a = "m-0 flex min-w-0 list-none flex-wrap items-center gap-x-1.5 gap-y-1 p-0 sm:gap-x-2", o = {
 	sans: e(t("body"), "text-muted"),
 	mono: t("eyebrow")
-}, s = "inline-flex min-w-0 items-center", c = "block max-w-[10rem] truncate sm:max-w-[16rem] lg:max-w-[24rem]", l = e(c, "rounded-sm text-muted underline decoration-transparent decoration-solid underline-offset-4", "transition-[color,text-decoration-color]", n("fast"), "hover:text-fg hover:decoration-current", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-body"), u = e(c, "text-fg"), d = e(c, "text-muted"), f = "inline-flex shrink-0 items-center text-muted", p = "select-none", m = "relative -mx-2.5 -my-2 inline-flex";
+}, s = "inline-flex min-w-0 items-center", c = "block max-w-[10rem] truncate sm:max-w-[16rem] lg:max-w-[24rem]", l = e(c, "py-0.5 -my-0.5", "rounded-sm text-muted underline decoration-transparent decoration-solid underline-offset-4", "transition-[color,text-decoration-color]", n("fast"), "hover:text-fg hover:decoration-current", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-body"), u = e(c, "text-fg"), d = e(c, "text-muted"), f = "inline-flex shrink-0 items-center text-muted", p = "select-none", m = "relative -mx-2.5 -my-2 inline-flex";
 //#endregion
 export { s as breadcrumbItemClasses, l as breadcrumbLinkClasses, a as breadcrumbListClasses, m as breadcrumbMoreClasses, u as breadcrumbPageClasses, f as breadcrumbSeparatorClasses, r as breadcrumbSeparators, p as breadcrumbSlashClasses, d as breadcrumbTextClasses, o as breadcrumbVariantClasses, i as breadcrumbVariants };

package/dist/components/molecules/HeroIntro/HeroIntro.d.ts

@@ -6,15 +6,22 @@ export declare const heroIntroSteps: readonly ["large", "display"];
 export type HeroIntroStep = (typeof heroIntroSteps)[number];
 export interface HeroIntroProps {
     /**
-     * First sentence. Wraps when the measure is shorter than the line, including from `md`.
-     * When `children` is passed, the rest of the intro starts on the next line.
+     * The heading's first line. Wraps when the measure is shorter than the line, including from `md`.
+     * When `children` is passed, the rest of the heading starts on the next line.
      */
-    lead: ReactNode;
+    firstLine?: ReactNode;
+    /** @deprecated Renamed to `firstLine` in 0.4.30 (it's the heading's first line, not a lead paragraph). */
+    lead?: ReactNode;
     /**
-     * Rest of the intro. When present, starts on a new line, on the same type step and leading.
-     * Omit it when the heading is only the lead, as on the sequenced hero.
+     * Rest of the heading. When present, starts on a new line, on the same type step and leading.
+     * Omit it when the heading is only the first line, as on the sequenced hero.
      */
     children?: ReactNode;
+    /**
+     * Optional lead paragraph under the heading: `type-lead` in ink (Lead paragraph rule, L7/L8). One or two
+     * sentences that summarise the page.
+     */
+    description?: ReactNode;
     /**
      * `large` — `type-display-2` at normal weight, columns 4–9 from `lg`. The default hero.
      * `display` — the same size, full width of the page grid. The sequenced hero.
@@ -25,8 +32,9 @@ export interface HeroIntroProps {
     className?: HeroIntroLayoutClassName;
 }
 /**
- * Marketing hero heading. `lead` is the first line. `children`, when passed, is the next line.
- * The component owns the break. This is the page `h1`.
+ * Marketing hero heading. `firstLine` is the first line. `children`, when passed, is the next line.
+ * `description`, when passed, is a lead paragraph under the heading. The component owns the break.
+ * This is the page `h1`.
  */
-export declare function HeroIntro({ lead, children, step, className }: HeroIntroProps): import("react").JSX.Element;
+export declare function HeroIntro({ firstLine, lead, children, description, step, className }: HeroIntroProps): import("react").JSX.Element;
 //# sourceMappingURL=HeroIntro.d.ts.map

package/dist/components/molecules/HeroIntro/HeroIntro.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeroIntro.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/HeroIntro/HeroIntro.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,kFAAkF;AAClF,MAAM,MAAM,wBAAwB,GAAG,MAAM,CAAC;AAE9C,qHAAqH;AACrH,eAAO,MAAM,cAAc,+BAAgC,CAAC;AAC5D,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,sCAAsC;IACtC,SAAS,CAAC,EAAE,wBAAwB,CAAC;CACtC;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAc,EAAE,SAAS,EAAE,EAAE,cAAc,+BAWtF"}
+{"version":3,"file":"HeroIntro.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/HeroIntro/HeroIntro.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAavC,kFAAkF;AAClF,MAAM,MAAM,wBAAwB,GAAG,MAAM,CAAC;AAE9C,qHAAqH;AACrH,eAAO,MAAM,cAAc,+BAAgC,CAAC;AAC5D,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,0GAA0G;IAC1G,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;OAIG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,sCAAsC;IACtC,SAAS,CAAC,EAAE,wBAAwB,CAAC;CACtC;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAc,EAAE,SAAS,EAAE,EAAE,cAAc,+BAgB9G"}

package/dist/components/molecules/HeroIntro/HeroIntro.js

@@ -1,24 +1,28 @@
 "use client";
 import { cn as e } from "../../../lib/cn.js";
-import { heroIntroCopyClasses as t, heroIntroDisplayCopyClasses as n, heroIntroDisplayLeadClasses as r, heroIntroLeadClasses as i, heroIntroPageClasses as a, heroIntroRestClasses as o } from "./heroIntroStyles.js";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { heroIntroCopyClasses as t, heroIntroDescriptionClasses as n, heroIntroDisplayCopyClasses as r, heroIntroDisplayDescriptionClasses as i, heroIntroDisplayLeadClasses as a, heroIntroLeadClasses as o, heroIntroPageClasses as s, heroIntroRestClasses as c } from "./heroIntroStyles.js";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/molecules/HeroIntro/HeroIntro.tsx
-var l = ["large", "display"];
-function u({ lead: l, children: u, step: d = "large", className: f }) {
-	let p = d === "display", m = u != null && u !== !1;
-	return /* @__PURE__ */ s("div", {
-		className: e(a, f),
-		children: /* @__PURE__ */ c("h1", {
-			className: p ? n : t,
-			children: [/* @__PURE__ */ s("span", {
-				className: p ? r : i,
-				children: l
-			}), m ? /* @__PURE__ */ s("span", {
-				className: o,
-				children: u
+var d = ["large", "display"];
+function f({ firstLine: d, lead: f, children: p, description: m, step: h = "large", className: g }) {
+	f !== void 0 && d === void 0 && typeof process < "u" && process.env.NODE_ENV !== "production" && console.warn("[WMDS HeroIntro] `lead` is renamed to `firstLine` (0.4.30); `lead` still works for now.");
+	let _ = d ?? f, v = h === "display", y = p != null && p !== !1;
+	return /* @__PURE__ */ u("div", {
+		className: e(s, g),
+		children: [/* @__PURE__ */ u("h1", {
+			className: v ? r : t,
+			children: [/* @__PURE__ */ l("span", {
+				className: v ? a : o,
+				children: _
+			}), y ? /* @__PURE__ */ l("span", {
+				className: c,
+				children: p
 			}) : null]
-		})
+		}), m == null ? null : /* @__PURE__ */ l("p", {
+			className: v ? i : n,
+			children: m
+		})]
 	});
 }
 //#endregion
-export { u as HeroIntro, l as heroIntroSteps };
+export { f as HeroIntro, d as heroIntroSteps };

package/dist/components/molecules/HeroIntro/heroIntroStyles.d.ts

@@ -5,12 +5,13 @@
 /** `grid-page` with the page block pad removed so it does not stack on the hero gap. */
 export declare const heroIntroPageClasses = "grid-page w-full !py-0";
 /**
- * Centered `h1` on `type-display-2` at normal weight — the same size and
+ * `h1` on `type-display-2` at normal weight — the same size and
  * leading as **ScrollHorizontal.Intro** and the sequenced hero. `!font-normal`
  * beats the display token's semibold. `text-balance` evens wrapped lines so a
  * last line is not a single word.
- * Columns 4–9 from `lg` (6 of 12). Full width of the page grid below `lg`.
- * The lead wraps inside that measure.
+ * Columns 2–11 from `lg` (10 of 12; a heading may run wider than body text, Grid G8), so a 12-word
+ * intro holds 2 lines. Full width of the page grid below `lg`. Left on phones, where it runs 3+ lines;
+ * centred from `md` (Headings H8).
  */
 export declare const heroIntroCopyClasses: string;
 /** First sentence. Wraps at every width, including the display-2 measure from `md`. */
@@ -23,8 +24,16 @@ export declare const heroIntroRestClasses = "block";
  * columns 4–9 are the default measure and are too narrow for this longer sentence.
  * `!font-normal` wins over the display token's semibold.
  * `text-balance` evens wrapped lines so a last line is not a single word.
+ * Left on phones, where it runs past 2 lines; centred from `md`, where it holds 2 (Headings H8).
  */
 export declare const heroIntroDisplayCopyClasses: string;
 /** Display step lead. Wraps when the measure is short (390). No nowrap. */
 export declare const heroIntroDisplayLeadClasses = "block min-w-0";
+/**
+ * Optional lead paragraph under the heading: `type-lead` (18px phone to 21px, regular, 1.45) in ink, at the
+ * 42rem measure, centred under the heading on the same columns (Lead rules L7, L8).
+ */
+export declare const heroIntroDescriptionClasses = "col-span-full mt-6 min-w-0 text-pretty text-left type-lead text-fg md:mx-auto md:max-w-[42rem] md:text-center lg:col-start-4 lg:col-end-10";
+/** The description under the display step: the same 6-column measure, left on phones, centred from `md`. */
+export declare const heroIntroDisplayDescriptionClasses = "col-span-full mt-6 min-w-0 text-pretty text-left type-lead text-fg md:mx-auto md:max-w-[42rem] md:text-center lg:col-start-4 lg:col-end-10";
 //# sourceMappingURL=heroIntroStyles.d.ts.map

package/dist/components/molecules/HeroIntro/heroIntroStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"heroIntroStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/HeroIntro/heroIntroStyles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,wFAAwF;AACxF,eAAO,MAAM,oBAAoB,2BAA2B,CAAC;AAE7D;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,QAGtB,CAAC;AAEZ,uFAAuF;AACvF,eAAO,MAAM,oBAAoB,kBAAkB,CAAC;AAEpD,2EAA2E;AAC3E,eAAO,MAAM,oBAAoB,UAAU,CAAC;AAE5C;;;;;;GAMG;AACH,eAAO,MAAM,2BAA2B,QAG7B,CAAC;AAEZ,2EAA2E;AAC3E,eAAO,MAAM,2BAA2B,kBAAkB,CAAC"}
+{"version":3,"file":"heroIntroStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/HeroIntro/heroIntroStyles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,wFAAwF;AACxF,eAAO,MAAM,oBAAoB,2BAA2B,CAAC;AAE7D;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,QAGtB,CAAC;AAEZ,uFAAuF;AACvF,eAAO,MAAM,oBAAoB,kBAAkB,CAAC;AAEpD,2EAA2E;AAC3E,eAAO,MAAM,oBAAoB,UAAU,CAAC;AAE5C;;;;;;;GAOG;AACH,eAAO,MAAM,2BAA2B,QAG7B,CAAC;AAEZ,2EAA2E;AAC3E,eAAO,MAAM,2BAA2B,kBAAkB,CAAC;AAE3D;;;GAGG;AACH,eAAO,MAAM,2BAA2B,+IACsG,CAAC;AAE/I,4GAA4G;AAC5G,eAAO,MAAM,kCAAkC,+IAA8B,CAAC"}

package/dist/components/molecules/HeroIntro/heroIntroStyles.js

@@ -1,5 +1,5 @@
 "use client";
 //#region src/components/molecules/HeroIntro/heroIntroStyles.ts
-var e = "grid-page w-full !py-0", t = ["type-display-2 !font-normal text-balance", "col-span-full min-w-0 text-center text-muted lg:col-start-4 lg:col-end-10"].join(" "), n = "block min-w-0", r = "block", i = ["type-display-2 !font-normal text-balance", "col-span-full min-w-0 text-center text-muted"].join(" "), a = "block min-w-0";
+var e = "grid-page w-full !py-0", t = ["type-display-2 !font-normal text-balance", "col-span-full min-w-0 text-left text-muted md:text-center lg:col-start-2 lg:col-end-12"].join(" "), n = "block min-w-0", r = "block", i = ["type-display-2 !font-normal text-balance", "col-span-full min-w-0 text-left text-muted md:text-center"].join(" "), a = "block min-w-0", o = "col-span-full mt-6 min-w-0 text-pretty text-left type-lead text-fg md:mx-auto md:max-w-[42rem] md:text-center lg:col-start-4 lg:col-end-10", s = o;
 //#endregion
-export { t as heroIntroCopyClasses, i as heroIntroDisplayCopyClasses, a as heroIntroDisplayLeadClasses, n as heroIntroLeadClasses, e as heroIntroPageClasses, r as heroIntroRestClasses };
+export { t as heroIntroCopyClasses, o as heroIntroDescriptionClasses, i as heroIntroDisplayCopyClasses, s as heroIntroDisplayDescriptionClasses, a as heroIntroDisplayLeadClasses, n as heroIntroLeadClasses, e as heroIntroPageClasses, r as heroIntroRestClasses };

package/dist/components/molecules/LinkTile/LinkTile.d.ts

@@ -13,10 +13,12 @@ export interface LinkTileProps {
      */
     render?: ReactElement;
     /**
-     * Another site: opens in a new tab (`target="_blank"`, a safe `rel`), tells screen readers so,
-     * and shows the mark **TextLink** `external` uses after the title.
+     * Another site: shows the mark **TextLink** `external` uses after the title and opens in the same
+     * tab (Links K9). Add `newTab` to open a new tab.
      */
     external?: boolean;
+    /** `external` only — opt in to a new tab (a safe `rel`); screen readers hear "opens in a new tab". */
+    newTab?: boolean;
     /**
      * The preview — an `<img>` (or `next/image`) with its `width` and `height`, so the tile holds its
      * space before the image loads. One image; not a video.
@@ -39,7 +41,7 @@ export interface LinkTileProps {
 }
 /**
  * A resource tile that is one link — a preview image with the resource's name and where it lives
- * under it. Screen readers hear the title, the meta line, the tag, then "opens in a new tab".
+ * under it. Screen readers hear the title, the meta line, the tag, then "opens in a new tab" with `newTab`.
  */
-export declare function LinkTile({ title, href, render, external, media, ratio, meta, tag, source, loading, className, }: LinkTileProps): import("react").JSX.Element;
+export declare function LinkTile({ title, href, render, external, newTab, media, ratio, meta, tag, source, loading, className, }: LinkTileProps): import("react").JSX.Element;
 //# sourceMappingURL=LinkTile.d.ts.map