@thewhatmatters/wmds 0.4.0 → 0.4.1

package/dist/components/atoms/Prose/proseStyles.d.ts

@@ -0,0 +1,17 @@
+export declare const proseSizes: readonly ["lg", "md"];
+/**
+ * `lg` (default) — long-form reading: `type-reading` (17px at a 28px line), headings a step up.
+ * `md` — denser copy on `type-body` (14px), such as a resource category's notes.
+ */
+export type ProseSize = (typeof proseSizes)[number];
+export declare const proseMeasures: readonly ["reading", "none"];
+/** `reading` (default) caps the line at 40rem — about 70 characters at `lg`. `none` fills the column. */
+export type ProseMeasure = (typeof proseMeasures)[number];
+export declare const proseElements: readonly ["div", "article", "section"];
+export type ProseElement = (typeof proseElements)[number];
+export declare const proseMeasureClasses: Record<ProseMeasure, string>;
+/** Body type, block rhythm, and heading steps per size. */
+export declare const proseSizeClasses: Record<ProseSize, string>;
+/** Plain HTML elements inside — the markdown a renderer outputs. */
+export declare const proseElementClasses: string;
+//# sourceMappingURL=proseStyles.d.ts.map

package/dist/components/atoms/Prose/proseStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"proseStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Prose/proseStyles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,uBAAwB,CAAC;AAEhD;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpD,eAAO,MAAM,aAAa,8BAA+B,CAAC;AAE1D,yGAAyG;AACzG,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D,eAAO,MAAM,aAAa,wCAAyC,CAAC;AAEpE,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAG5D,CAAC;AAEF,2DAA2D;AAC3D,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAiBtD,CAAC;AAEF,oEAAoE;AACpE,eAAO,MAAM,mBAAmB,QA2B/B,CAAC"}

package/dist/components/atoms/Prose/proseStyles.js

@@ -0,0 +1,16 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+//#region src/components/atoms/Prose/proseStyles.ts
+var t = ["lg", "md"], n = ["reading", "none"], r = [
+	"div",
+	"article",
+	"section"
+], i = {
+	reading: "max-w-[40rem]",
+	none: ""
+}, a = {
+	lg: e("type-reading", "[&>*+*]:mt-6", "[&_h2]:type-heading-1 [&>*+h2]:mt-12 [&>h2+*]:mt-4", "[&_h3]:type-heading-2 [&>*+h3]:mt-10 [&>h3+*]:mt-3", "[&_:is(h4,h5,h6)]:type-heading-3 [&>*+:is(h4,h5,h6)]:mt-8 [&>:is(h4,h5,h6)+*]:mt-2", "[&_li+li]:mt-2 [&_li>*+*]:mt-2"),
+	md: e("type-body", "[&>*+*]:mt-5", "[&_h2]:type-heading-2 [&>*+h2]:mt-10 [&>h2+*]:mt-3", "[&_h3]:type-heading-3 [&>*+h3]:mt-8 [&>h3+*]:mt-2", "[&_:is(h4,h5,h6)]:type-heading-4 [&>*+:is(h4,h5,h6)]:mt-6 [&>:is(h4,h5,h6)+*]:mt-2", "[&_li+li]:mt-1.5 [&_li>*+*]:mt-1.5")
+}, o = e("min-w-0 text-fg", "[&_:is(h2,h3,h4,h5,h6)]:text-fg [&_:is(h2,h3,h4,h5,h6)]:text-balance [&_:is(h2,h3,h4,h5,h6)]:scroll-mt-24", "[&_a]:font-medium [&_a]:text-fg [&_a]:underline [&_a]:decoration-solid [&_a]:decoration-border-emphasized [&_a]:underline-offset-4", "[&_a]:transition-[color,text-decoration-color] [&_a]:duration-fast [&_a]:ease-standard [&_a:hover]:decoration-fg", "[&_a:focus-visible]:rounded-sm [&_a:focus-visible]:outline-none [&_a:focus-visible]:ring-2 [&_a:focus-visible]:ring-focus-ring [&_a:focus-visible]:ring-offset-2 [&_a:focus-visible]:ring-offset-body", "[&_strong]:font-semibold [&_strong]:text-fg", "[&_ul]:list-disc [&_ol]:list-decimal [&_:is(ul,ol)]:pl-6 [&_li]:pl-1 [&_li::marker]:text-muted [&_li>:is(ul,ol)]:mt-2", "[&_blockquote]:border-l-2 [&_blockquote]:border-border-emphasized [&_blockquote]:pl-5 [&_blockquote>*+*]:mt-4", "[&_:not(pre)>code]:rounded-sm [&_:not(pre)>code]:bg-ghost-hover [&_:not(pre)>code]:px-1 [&_:not(pre)>code]:py-0.5 [&_:not(pre)>code]:font-mono [&_:not(pre)>code]:text-[0.875em]", "[&_pre]:overflow-x-auto [&_pre]:rounded-[var(--radius-card-body)] [&_pre]:border [&_pre]:border-border [&_pre]:bg-surface [&_pre]:p-4 [&_pre]:type-code [&_pre]:text-fg", "[&_hr]:border-0 [&_hr]:border-t [&_hr]:border-border [&>*+hr]:mt-10 [&>hr+*]:mt-10", "[&_img]:h-auto [&_img]:max-w-full [&_img]:rounded-[var(--radius-card-body)]", "[&_figcaption]:mt-2 [&_figcaption]:type-supporting [&_figcaption]:text-muted", "[&_table]:block [&_table]:w-max [&_table]:max-w-full [&_table]:overflow-x-auto [&_table]:border-collapse [&_table]:type-body", "[&_th]:border-b [&_th]:border-border-emphasized [&_th]:py-2 [&_th]:pr-6 [&_th]:text-left [&_th]:align-bottom [&_th]:type-label", "[&_td]:border-b [&_td]:border-border [&_td]:py-2 [&_td]:pr-6 [&_td]:align-top");
+//#endregion
+export { o as proseElementClasses, r as proseElements, i as proseMeasureClasses, n as proseMeasures, a as proseSizeClasses, t as proseSizes };

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

@@ -0,0 +1,26 @@
+import type { ReactNode } from "react";
+import { type SectionCaptionElement } from "./sectionCaptionStyles";
+export { sectionCaptionElements, type SectionCaptionElement } from "./sectionCaptionStyles";
+/** Layout-only — margin or grid placement. */
+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. */
+    as?: SectionCaptionElement;
+    /** For `aria-labelledby` on the region the caption names. */
+    id?: string;
+    /** The leading "/" — decoration screen readers skip. Default: true. */
+    marker?: boolean;
+    /** The rule under the caption. Default: true. */
+    rule?: boolean;
+    /** An action at the row's end — **Button** `size="xs"`, for example Clear all. */
+    end?: ReactNode;
+    className?: SectionCaptionLayoutClassName;
+}
+/**
+ * The small uppercase mono caption over a page column — "/ Metadata", "/ Article", "/ Filters" —
+ * on a hairline rule, with an optional action at its end.
+ */
+export declare function SectionCaption({ children, as: Element, id, marker, rule, end, className, }: SectionCaptionProps): import("react").JSX.Element;
+//# sourceMappingURL=SectionCaption.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,25 @@
+"use client";
+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 }) {
+	return /* @__PURE__ */ s("div", {
+		className: e(a, d && "border-b border-border-emphasized pb-3", p),
+		"data-section-caption": "",
+		children: [/* @__PURE__ */ s(c, {
+			id: l,
+			className: r,
+			children: [u ? /* @__PURE__ */ s("span", {
+				className: i,
+				"aria-hidden": "true",
+				children: ["/", " "]
+			}) : null, t]
+		}), f == null ? null : /* @__PURE__ */ o("div", {
+			className: n,
+			children: f
+		})]
+	});
+}
+//#endregion
+export { c as SectionCaption, t as sectionCaptionElements };

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

@@ -0,0 +1,11 @@
+export declare const sectionCaptionElements: readonly ["h2", "h3", "h4", "p"];
+export type SectionCaptionElement = (typeof sectionCaptionElements)[number];
+/** The caption row — the label, an optional action at its end, and the rule under it. */
+export declare const sectionCaptionRowClasses = "flex min-h-4 items-center justify-between gap-3";
+export declare const sectionCaptionRuledClasses = "border-b border-border-emphasized pb-3";
+export declare const sectionCaptionLabelClasses: string;
+/** The "/" marker — decoration; screen readers skip it. */
+export declare const sectionCaptionMarkerClasses = "select-none";
+/** Holds a 28px control (**Button** `size="xs"`) without growing the 16px caption line. */
+export declare const sectionCaptionEndClasses = "-my-1.5 flex shrink-0 items-center gap-2";
+//# sourceMappingURL=sectionCaptionStyles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sectionCaptionStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/SectionCaption/sectionCaptionStyles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,kCAAmC,CAAC;AAEvE,MAAM,MAAM,qBAAqB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5E,yFAAyF;AACzF,eAAO,MAAM,wBAAwB,oDAAoD,CAAC;AAE1F,eAAO,MAAM,0BAA0B,2CAA2C,CAAC;AAEnF,eAAO,MAAM,0BAA0B,QAAgD,CAAC;AAExF,2DAA2D;AAC3D,eAAO,MAAM,2BAA2B,gBAAgB,CAAC;AAEzD,2FAA2F;AAC3F,eAAO,MAAM,wBAAwB,6CAA6C,CAAC"}

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

@@ -0,0 +1,12 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { typographyClass as t } from "../../../lib/typography.js";
+//#region src/components/atoms/SectionCaption/sectionCaptionStyles.ts
+var n = [
+	"h2",
+	"h3",
+	"h4",
+	"p"
+], r = "flex min-h-4 items-center justify-between gap-3", i = "border-b border-border-emphasized pb-3", a = e("m-0 min-w-0", t("eyebrow")), o = "select-none", s = "-my-1.5 flex shrink-0 items-center gap-2";
+//#endregion
+export { n as sectionCaptionElements, s as sectionCaptionEndClasses, a as sectionCaptionLabelClasses, o as sectionCaptionMarkerClasses, r as sectionCaptionRowClasses, i as sectionCaptionRuledClasses };

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

@@ -1,14 +1,22 @@
 import type { AnchorHTMLAttributes, ReactNode } from "react";
+import { type TextLinkVariant } from "./textLinkStyles";
+export { textLinkVariants, type TextLinkVariant } from "./textLinkStyles";
 /** Layout-only — margin or placement; not for changing the link treatment. */
 export type TextLinkLayoutClassName = string;
 export interface TextLinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "className" | "href" | "target"> {
     href: string;
     children: ReactNode;
+    /**
+     * `prose` (default) — medium weight with a solid underline, for links inside body copy.
+     * `quiet` — no underline at rest, an underline on hover and focus; inherits the surrounding size
+     * and weight. For headline-size text and list titles.
+     */
+    variant?: TextLinkVariant;
     /** Opens in a new tab and appends the external-destination icon. */
     external?: boolean;
     /** Layout-only: margin or placement. */
     className?: TextLinkLayoutClassName;
 }
-/** Inline text navigation with the canonical solid underline treatment. */
-export declare function TextLink({ href, children, external, className, rel, ...anchorProps }: TextLinkProps): import("react").JSX.Element;
+/** Inline text navigation — the solid-underline prose link, or a quiet link for titles. */
+export declare function TextLink({ href, children, variant, external, className, rel, ...anchorProps }: TextLinkProps): import("react").JSX.Element;
 //# 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":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ7D,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,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC;IACpB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAED,2EAA2E;AAC3E,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,QAAQ,EACR,QAAgB,EAChB,SAAS,EACT,GAAG,EACH,GAAG,WAAW,EACf,EAAE,aAAa,+BAwBf"}
+{"version":3,"file":"TextLink.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextLink/TextLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7D,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,IAAI,EAAE,MAAM,CAAC;IACb,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,QAAQ,EACR,OAAiB,EACjB,QAAgB,EAChB,SAAS,EACT,GAAG,EACH,GAAG,WAAW,EACf,EAAE,aAAa,+BAwBf"}

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

@@ -1,26 +1,26 @@
 "use client";
 import { cn as e } from "../../../lib/cn.js";
-import { textLinkClasses as t, textLinkExternalIconClasses as n } from "./textLinkStyles.js";
-import { SquareArrowOutUpRight as r } from "lucide-react";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { textLinkExternalIconClasses as t, textLinkVariantClasses as n, textLinkVariants as r } from "./textLinkStyles.js";
+import { SquareArrowOutUpRight as i } from "lucide-react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/atoms/TextLink/TextLink.tsx
-function s({ href: s, children: c, external: l = !1, className: u, rel: d, ...f }) {
-	let p = l && d == null ? "noopener noreferrer" : d;
-	return /* @__PURE__ */ o("a", {
-		...f,
-		href: s,
-		target: l ? "_blank" : void 0,
-		rel: p,
-		className: e(t, u),
-		children: [c, l ? /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(r, {
-			className: n,
+function c({ href: r, children: c, variant: l = "prose", external: u = !1, className: d, rel: f, ...p }) {
+	let m = u && f == null ? "noopener noreferrer" : f;
+	return /* @__PURE__ */ s("a", {
+		...p,
+		href: r,
+		target: u ? "_blank" : void 0,
+		rel: m,
+		className: e(n[l], d),
+		children: [c, u ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(i, {
+			className: t,
 			strokeWidth: 2,
 			"aria-hidden": !0
-		}), /* @__PURE__ */ a("span", {
+		}), /* @__PURE__ */ o("span", {
 			className: "sr-only",
 			children: " (opens in a new tab)"
 		})] }) : null]
 	});
 }
 //#endregion
-export { s as TextLink };
+export { c as TextLink, r as textLinkVariants };

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

@@ -1,3 +1,16 @@
+export declare const textLinkVariants: readonly ["prose", "quiet"];
+export type TextLinkVariant = (typeof textLinkVariants)[number];
+/** Shared focus ring — the same on every variant. */
+export declare const textLinkFocusClasses = "focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-body";
+/** Prose — medium weight with a solid hairline underline that darkens on hover. */
+export declare const textLinkProseClasses: string;
+/**
+ * Quiet — headline-size and list titles. Inherits the surrounding type (size and weight); no
+ * underline at rest; hover and keyboard focus draw an underline scaled to the text.
+ */
+export declare const textLinkQuietClasses: string;
+export declare const textLinkVariantClasses: Record<TextLinkVariant, string>;
+/** @deprecated Use `textLinkVariantClasses.prose`. */
 export declare const textLinkClasses: string;
 export declare const textLinkExternalIconClasses = "ml-0.5 inline-block size-[0.85em] align-[0.05em] stroke-current";
 //# sourceMappingURL=textLinkStyles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"textLinkStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextLink/textLinkStyles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,QAKqF,CAAC;AAElH,eAAO,MAAM,2BAA2B,oEAC2B,CAAC"}
+{"version":3,"file":"textLinkStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/TextLink/textLinkStyles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,6BAA8B,CAAC;AAE5D,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE,qDAAqD;AACrD,eAAO,MAAM,oBAAoB,sKACoI,CAAC;AAEtK,mFAAmF;AACnF,eAAO,MAAM,oBAAoB,QAMhC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,QAQhC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAGlE,CAAC;AAEF,sDAAsD;AACtD,eAAO,MAAM,eAAe,QAAuB,CAAC;AAEpD,eAAO,MAAM,2BAA2B,oEAC2B,CAAC"}

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

@@ -1,6 +1,10 @@
 "use client";
-import { motionTransition as e } from "../../../lib/motion.js";
+import { cn as e } from "../../../lib/cn.js";
+import { motionTransition as t } from "../../../lib/motion.js";
 //#region src/components/atoms/TextLink/textLinkStyles.ts
-var t = "font-medium text-fg underline decoration-solid decoration-border-emphasized underline-offset-4 transition-[color,text-decoration-color] " + e("fast") + " hover:decoration-fg focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-body", n = "ml-0.5 inline-block size-[0.85em] align-[0.05em] stroke-current";
+var n = ["prose", "quiet"], r = "focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-body", i = e("font-medium text-fg underline decoration-solid decoration-border-emphasized underline-offset-4", "transition-[color,text-decoration-color]", t("fast"), "hover:decoration-fg", r), a = e("text-fg underline decoration-transparent decoration-solid decoration-[length:0.06em] underline-offset-[0.16em]", "transition-[color,text-decoration-color]", t("fast"), "hover:decoration-current focus-visible:decoration-current", "box-decoration-clone", r), o = {
+	prose: i,
+	quiet: a
+}, s = "ml-0.5 inline-block size-[0.85em] align-[0.05em] stroke-current";
 //#endregion
-export { t as textLinkClasses, n as textLinkExternalIconClasses };
+export { s as textLinkExternalIconClasses, r as textLinkFocusClasses, i as textLinkProseClasses, a as textLinkQuietClasses, o as textLinkVariantClasses, n as textLinkVariants };

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

@@ -10,6 +10,11 @@ export interface AccordionProps extends HTMLAttributes<HTMLDivElement> {
     variant?: AccordionVariant;
     /** List only — drop standalone shell (radius, fill, shadow) inside **Card.Body**. */
     inset?: boolean;
+    /**
+     * Plain only — no horizontal inset, so labels and panels line up with the text around the
+     * accordion (a filter side panel). The hover band reaches 8px past each edge.
+     */
+    flush?: boolean;
     className?: AccordionLayoutClassName;
 }
 export interface AccordionItemProps {
@@ -28,7 +33,7 @@ export interface AccordionItemProps {
     onOpenChange?: (open: boolean) => void;
     className?: AccordionLayoutClassName;
 }
-declare function AccordionRoot({ variant, inset, className, children, ...props }: AccordionProps): import("react").JSX.Element;
+declare function AccordionRoot({ variant, inset, flush: flushProp, 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,EAuBL,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;AAU9C,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,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,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,+BAoBhB;AAeD,iBAAS,aAAa,CAAC,EACrB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,WAAmB,EACnB,IAAI,EAAE,QAAQ,EACd,YAAY,EACZ,SAAS,GACV,EAAE,kBAAkB,+BAqEpB;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,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"}

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

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

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

@@ -7,6 +7,8 @@ export declare const accordionRootCapsuleClasses = "flex w-full min-h-0 flex-col
 export declare const accordionRootPlainClasses = "flex w-full flex-col font-sans text-fg";
 export declare const accordionItemListClasses: string;
 export declare const accordionItemPlainClasses: string;
+/** Plain + `flush` — no clip, so the trigger's hover band can reach past the row's edges. */
+export declare const accordionItemFlushClasses = "border-b border-border last:border-b-0";
 /** Hairline + elevation via `shadow-raised` only — do not add `border`. */
 export declare const accordionItemCapsuleClasses: string;
 /** Collapsed — full pill (h-11 row → R = 22px). */
@@ -22,6 +24,11 @@ export declare const accordionInsetXClasses = "px-4";
 export declare const accordionCapsuleInsetXClasses = "px-2.5";
 export declare const accordionTriggerListClasses: string;
 export declare const accordionTriggerCapsuleClasses: string;
+/**
+ * Plain + `flush` — the label lines up with the text around the accordion. The trigger reaches 8px
+ * past each edge so its rounded hover band and inset focus ring clear the label.
+ */
+export declare const accordionTriggerFlushClasses = "-mx-2 flex h-11 w-[calc(100%+1rem)] items-center gap-2.5 rounded-lg px-2 text-left";
 /** @deprecated Use `accordionTriggerListClasses` or `accordionTriggerCapsuleClasses`. */
 export declare const accordionTriggerBaseClasses: string;
 /** Expandable header — pointer + hover fill on the full trigger band. */
@@ -40,6 +47,8 @@ export declare const accordionPanelInnerClasses = "overflow-hidden";
 /** Panel answers — body scale + secondary color (`text-muted`) below primary headers. */
 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";
 /** @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,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,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,mFAC0C,CAAC;AAEnF,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,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,mFAC0C,CAAC;AAEnF,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"}

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

@@ -7,6 +7,6 @@ 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 = "overflow-hidden bg-surface shadow-raised transition-[border-radius,background-color] " + t("medium"), p = r, m = n, h = "flex h-11 w-full items-center gap-2.5 text-left px-4", g = "flex h-11 w-full items-center gap-2.5 text-left px-2.5", _ = "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"), v = "flex size-6 shrink-0 items-center justify-center", y = `${e("body")} min-w-0 flex-1 truncate`, b = `${e("ui-label")} min-w-0 flex-1 truncate text-[0.8125rem]`, x = "flex shrink-0 items-center gap-2", S = "-ml-2 flex size-7 shrink-0 items-center justify-center rounded-full text-muted", C = "inline-flex " + t("medium") + " transition-transform", w = "rotate-180", T = "overflow-hidden", E = "type-body text-muted tracking-normal pb-4 pt-0 px-4", D = "type-body text-muted tracking-normal pb-2.5 pt-0 px-2.5";
+], 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-full 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";
 //#endregion
-export { w as accordionChevronOpenClasses, C as accordionChevronRotateClasses, S as accordionChevronSlotClasses, f as accordionItemCapsuleClasses, p as accordionItemCapsuleClosedClasses, m as accordionItemCapsuleOpenClasses, u as accordionItemListClasses, d as accordionItemPlainClasses, y as accordionLabelPlainClasses, b as accordionLabelRowClasses, v as accordionLeadingSlotClasses, D as accordionPanelContentCapsuleClasses, E as accordionPanelContentListClasses, T as accordionPanelInnerClasses, c as accordionRootCapsuleClasses, o as accordionRootListClasses, s as accordionRootListInsetClasses, l as accordionRootPlainClasses, x as accordionTrailingClusterClasses, g as accordionTriggerCapsuleClasses, _ as accordionTriggerInteractiveClasses, h 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, 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 };

package/dist/components/molecules/CheckboxGroup/CheckboxGroupItem.d.ts

@@ -4,9 +4,13 @@ export interface CheckboxGroupItemProps {
     value: string;
     label: string;
     description?: string;
+    /** Trailing count — how many results the option matches. See **Checkbox** `count`. */
+    count?: number;
+    /** What screen readers hear for `count`, for example "2 posts". Default: the number. */
+    countLabel?: string;
     disabled?: boolean;
     className?: CheckboxLayoutClassName;
 }
 /** One option inside **CheckboxGroup** — wires `checked` when group `values` / `onValuesChange` are set. */
-export declare function CheckboxGroupItem({ value, label, description, disabled, className, }: CheckboxGroupItemProps): import("react").JSX.Element;
+export declare function CheckboxGroupItem({ value, label, description, count, countLabel, disabled, className, }: CheckboxGroupItemProps): import("react").JSX.Element;
 //# sourceMappingURL=CheckboxGroupItem.d.ts.map

package/dist/components/molecules/CheckboxGroup/CheckboxGroupItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroupItem.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CheckboxGroup/CheckboxGroupItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAGvF,MAAM,WAAW,sBAAsB;IACrC,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAED,4GAA4G;AAC5G,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,sBAAsB,+BAoCxB"}
+{"version":3,"file":"CheckboxGroupItem.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CheckboxGroup/CheckboxGroupItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAGvF,MAAM,WAAW,sBAAsB;IACrC,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sFAAsF;IACtF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wFAAwF;IACxF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAED,4GAA4G;AAC5G,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,KAAK,EACL,WAAW,EACX,KAAK,EACL,UAAU,EACV,QAAQ,EACR,SAAS,GACV,EAAE,sBAAsB,+BAsCxB"}

package/dist/components/molecules/CheckboxGroup/CheckboxGroupItem.js

@@ -4,19 +4,21 @@ import { useCheckboxGroupContext as t } from "./CheckboxGroupContext.js";
 import "react";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/molecules/CheckboxGroup/CheckboxGroupItem.tsx
-function r({ value: r, label: i, description: a, disabled: o, className: s }) {
-	let c = t(), l = c?.disabled ?? !1, u = c?.size ?? "md", d = c?.values, f = c?.onValuesChange, p = d != null && f != null, m = p ? d.includes(r) : void 0, h = p ? (e) => {
-		let t = e.target.checked ? [...d, r] : d.filter((e) => e !== r);
-		f(t);
+function r({ value: r, label: i, description: a, count: o, countLabel: s, disabled: c, className: l }) {
+	let u = t(), d = u?.disabled ?? !1, f = u?.size ?? "md", p = u?.values, m = u?.onValuesChange, h = p != null && m != null, g = h ? p.includes(r) : void 0, _ = h ? (e) => {
+		let t = e.target.checked ? [...p, r] : p.filter((e) => e !== r);
+		m(t);
 	} : void 0;
-	return p || console.warn("[WMDS CheckboxGroup] Item requires group `values` and `onValuesChange`, or use bare **Checkbox** children."), /* @__PURE__ */ n(e, {
+	return h || console.warn("[WMDS CheckboxGroup] Item requires group `values` and `onValuesChange`, or use bare **Checkbox** children."), /* @__PURE__ */ n(e, {
 		label: i,
 		description: a,
-		size: u,
-		checked: m,
-		disabled: l || o,
-		onChange: h,
-		className: s
+		count: o,
+		countLabel: s,
+		size: f,
+		checked: g,
+		disabled: d || c,
+		onChange: _,
+		className: l
 	});
 }
 //#endregion

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

@@ -0,0 +1,37 @@
+import { type ReactNode } from "react";
+import { type DescriptionListLayout, type DescriptionListRule, type DescriptionListVariant } from "./descriptionListStyles";
+export { descriptionListLayouts, descriptionListRules, descriptionListVariants, type DescriptionListLayout, type DescriptionListRule, type DescriptionListVariant, } from "./descriptionListStyles";
+/** Layout-only — width, margin, or grid placement. */
+export type DescriptionListLayoutClassName = string;
+export interface DescriptionListProps {
+    /** Rows' default layout: `inline` (value beside the name, default) or `stacked` (value under it). */
+    layout?: DescriptionListLayout;
+    /** The hairline between rows: `solid` (default), `dotted`, or `none`. */
+    rule?: DescriptionListRule;
+    /** `sans` (default) — caption name, body value. `mono` — eyebrow name, mono caps value (metadata). */
+    variant?: DescriptionListVariant;
+    /** **DescriptionList.Item** rows. */
+    children: ReactNode;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+    className?: DescriptionListLayoutClassName;
+}
+export interface DescriptionListItemProps {
+    /** The name — rendered as `dt`. */
+    name: ReactNode;
+    /** The value — text, one or more **Badge**, or a row of **Button** — rendered as `dd`. */
+    children: ReactNode;
+    /** Overrides the list's `layout` for this row — for example `stacked` for a row of actions. */
+    layout?: DescriptionListLayout;
+    className?: DescriptionListLayoutClassName;
+}
+/**
+ * A list of facts — each row a name and a value, with a rule between rows. Renders `dl`, `dt`, and
+ * `dd`. Values take text, **Badge** tags, or **Button** actions.
+ */
+declare function DescriptionListRoot({ layout, rule, variant, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className, }: DescriptionListProps): import("react").JSX.Element;
+declare function DescriptionListItem({ name, children, layout: layoutProp, className }: DescriptionListItemProps): import("react").JSX.Element;
+export declare const DescriptionList: typeof DescriptionListRoot & {
+    Item: typeof DescriptionListItem;
+};
+//# sourceMappingURL=DescriptionList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionList.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/DescriptionList/DescriptionList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3E,OAAO,EAOL,KAAK,qBAAqB,EAC1B,KAAK,mBAAmB,EACxB,KAAK,sBAAsB,EAC5B,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,sBAAsB,EACtB,oBAAoB,EACpB,uBAAuB,EACvB,KAAK,qBAAqB,EAC1B,KAAK,mBAAmB,EACxB,KAAK,sBAAsB,GAC5B,MAAM,yBAAyB,CAAC;AAEjC,sDAAsD;AACtD,MAAM,MAAM,8BAA8B,GAAG,MAAM,CAAC;AAEpD,MAAM,WAAW,oBAAoB;IACnC,qGAAqG;IACrG,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,yEAAyE;IACzE,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,sGAAsG;IACtG,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,qCAAqC;IACrC,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,8BAA8B,CAAC;CAC5C;AAED,MAAM,WAAW,wBAAwB;IACvC,mCAAmC;IACnC,IAAI,EAAE,SAAS,CAAC;IAChB,0FAA0F;IAC1F,QAAQ,EAAE,SAAS,CAAC;IACpB,+FAA+F;IAC/F,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,SAAS,CAAC,EAAE,8BAA8B,CAAC;CAC5C;AAcD;;;GAGG;AACH,iBAAS,mBAAmB,CAAC,EAC3B,MAAiB,EACjB,IAAc,EACd,OAAgB,EAChB,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,SAAS,GACV,EAAE,oBAAoB,+BAgBtB;AAED,iBAAS,mBAAmB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,wBAAwB,+BAevG;AAED,eAAO,MAAM,eAAe;;CAE1B,CAAC"}