@thewhatmatters/wmds 0.4.30 → 0.4.32

package/docs/patterns/components-table--approvals.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — approvals queue
+// @thewhatmatters/wmds@0.4.32 · Pattern — approvals queue
 // Storybook: Components/Table → Pattern — approvals queue (?path=/story/components-table--approvals)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 
@@ -155,7 +155,7 @@ export function ApprovalsQueue({ items, onDecision }: ApprovalsQueueProps) {
 
   return (
     <>
-      <div className="sm:hidden">
+      <div className="md:hidden">
         <p className="mb-3 text-muted">{waiting} waiting on you</p>
         {items.length === 0 ? (
           <Card variant="outlined" padding="md">
@@ -181,7 +181,7 @@ export function ApprovalsQueue({ items, onDecision }: ApprovalsQueueProps) {
           </ul>
         )}
       </div>
-      <div className="hidden sm:block">
+      <div className="hidden md:block">
         <Table aria-label="Approvals waiting on you">
           <TableCaption>{waiting} waiting on you</TableCaption>
           <colgroup>

package/docs/patterns/components-table--basic.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — basic table
+// @thewhatmatters/wmds@0.4.32 · Pattern — basic table
 // Storybook: Components/Table → Pattern — basic table (?path=/story/components-table--basic)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-taskrows--action-details.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — action details
+// @thewhatmatters/wmds@0.4.32 · Pattern — action details
 // Storybook: Components/TaskRows → Pattern — action details (?path=/story/components-taskrows--action-details)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-taskrows--capsules.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — capsules
+// @thewhatmatters/wmds@0.4.32 · Pattern — capsules
 // Storybook: Components/TaskRows → Pattern — capsules (?path=/story/components-taskrows--capsules)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-taskrows--card-with-status-rows.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — card + status rows
+// @thewhatmatters/wmds@0.4.32 · Pattern — card + status rows
 // Storybook: Components/TaskRows → Pattern — card + status rows (?path=/story/components-taskrows--card-with-status-rows)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-taskrows--controlled-expand.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — controlled expand
+// @thewhatmatters/wmds@0.4.32 · Pattern — controlled expand
 // Storybook: Components/TaskRows → Pattern — controlled expand (?path=/story/components-taskrows--controlled-expand)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-taskrows--custom-slots.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — custom leading / trailing
+// @thewhatmatters/wmds@0.4.32 · Pattern — custom leading / trailing
 // Storybook: Components/TaskRows → Pattern — custom leading / trailing (?path=/story/components-taskrows--custom-slots)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-taskrows--needs-you-table.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — needs you
+// @thewhatmatters/wmds@0.4.32 · Pattern — needs you
 // Storybook: Components/TaskRows → Pattern — needs you (?path=/story/components-taskrows--needs-you-table)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-taskrows--status-list.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — status rows
+// @thewhatmatters/wmds@0.4.32 · Pattern — status rows
 // Storybook: Components/TaskRows → Pattern — status rows (?path=/story/components-taskrows--status-list)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-taskrows--tag-chips.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — tag chips
+// @thewhatmatters/wmds@0.4.32 · Pattern — tag chips
 // Storybook: Components/TaskRows → Pattern — tag chips (?path=/story/components-taskrows--tag-chips)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-textarea--save-status.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — save status
+// @thewhatmatters/wmds@0.4.32 · Pattern — save status
 // Storybook: Components/TextArea → Pattern — save status (?path=/story/components-textarea--save-status)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-textlink--external-destination.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — external destination
+// @thewhatmatters/wmds@0.4.32 · Pattern — external destination
 // Storybook: Components/TextLink → Pattern — external destination (?path=/story/components-textlink--external-destination)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-textlink--inline-prose.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — inline prose link
+// @thewhatmatters/wmds@0.4.32 · Pattern — inline prose link
 // Storybook: Components/TextLink → Pattern — inline prose link (?path=/story/components-textlink--inline-prose)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-textlink--quiet-title.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — quiet title link
+// @thewhatmatters/wmds@0.4.32 · Pattern — quiet title link
 // Storybook: Components/TextLink → Pattern — quiet title link (?path=/story/components-textlink--quiet-title)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-textlink--supporting-copy.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — supporting copy link
+// @thewhatmatters/wmds@0.4.32 · Pattern — supporting copy link
 // Storybook: Components/TextLink → Pattern — supporting copy link (?path=/story/components-textlink--supporting-copy)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-textsequence--default.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Default
+// @thewhatmatters/wmds@0.4.32 · Default
 // Storybook: Components/TextSequence → Default (?path=/story/components-textsequence--default)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-textsequence--reduced-motion.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Reduced motion
+// @thewhatmatters/wmds@0.4.32 · Reduced motion
 // Storybook: Components/TextSequence → Reduced motion (?path=/story/components-textsequence--reduced-motion)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-textsequence--shapes.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Shapes
+// @thewhatmatters/wmds@0.4.32 · Shapes
 // Storybook: Components/TextSequence → Shapes (?path=/story/components-textsequence--shapes)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 
@@ -6,7 +6,7 @@ import { TextSequence } from "@thewhatmatters/wmds";
 
 export function ShapeGallery() {
   return (
-    <div className="grid w-full grid-cols-1 items-start gap-10 sm:grid-cols-2">
+    <div className="grid w-full grid-cols-1 items-start gap-10 md:grid-cols-2">
       <figure className="flex flex-col items-center gap-3">
         <p className="type-display-3 text-center text-fg">
           <TextSequence emphasis="none" idle stagger={0.05}>

package/docs/patterns/components-tilegrid--masonry.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — tile grid
+// @thewhatmatters/wmds@0.4.32 · Pattern — tile grid
 // Storybook: Components/TileGrid → Pattern — tile grid (?path=/story/components-tilegrid--masonry)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-toast--stacked-notifications.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — stacked notifications
+// @thewhatmatters/wmds@0.4.32 · Pattern — stacked notifications
 // Storybook: Components/Toast → Pattern — stacked notifications (?path=/story/components-toast--stacked-notifications)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-tooltip--controlled.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — controlled state
+// @thewhatmatters/wmds@0.4.32 · Pattern — controlled state
 // Storybook: Components/Tooltip → Pattern — controlled state (?path=/story/components-tooltip--controlled)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-tooltip--disabled-control.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — disabled control
+// @thewhatmatters/wmds@0.4.32 · Pattern — disabled control
 // Storybook: Components/Tooltip → Pattern — disabled control (?path=/story/components-tooltip--disabled-control)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-tooltip--icon-action.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — icon-only action
+// @thewhatmatters/wmds@0.4.32 · Pattern — icon-only action
 // Storybook: Components/Tooltip → Pattern — icon-only action (?path=/story/components-tooltip--icon-action)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-tooltip--keyboard-shortcut.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — keyboard shortcut
+// @thewhatmatters/wmds@0.4.32 · Pattern — keyboard shortcut
 // Storybook: Components/Tooltip → Pattern — keyboard shortcut (?path=/story/components-tooltip--keyboard-shortcut)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/components-tooltip--placement.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — placement
+// @thewhatmatters/wmds@0.4.32 · Pattern — placement
 // Storybook: Components/Tooltip → Pattern — placement (?path=/story/components-tooltip--placement)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/foundations-scroll-fade--horizontal-rail.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — horizontal rail
+// @thewhatmatters/wmds@0.4.32 · Pattern — horizontal rail
 // Storybook: Foundations/Scroll fade → Pattern — horizontal rail (?path=/story/foundations-scroll-fade--horizontal-rail)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/foundations-scroll-fade--overflowing-list.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — overflowing list
+// @thewhatmatters/wmds@0.4.32 · Pattern — overflowing list
 // Storybook: Foundations/Scroll fade → Pattern — overflowing list (?path=/story/foundations-scroll-fade--overflowing-list)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/guides-chart-explorations--comparison-gallery.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — chart comparison gallery
+// @thewhatmatters/wmds@0.4.32 · Pattern — chart comparison gallery
 // Storybook: Guides/Chart explorations → Pattern — chart comparison gallery (?path=/story/guides-chart-explorations--comparison-gallery)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 

package/docs/patterns/guides-filter-panel--filtered-grid.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — filtered grid
+// @thewhatmatters/wmds@0.4.32 · Pattern — filtered grid
 // Storybook: Guides/Filter panel → Pattern — filtered grid (?path=/story/guides-filter-panel--filtered-grid)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 
@@ -112,8 +112,8 @@ export function FilteredGrid({
     >
       <main className="grid-page bg-body">
         {overlay}
-        <div className="band py-6 sm:py-10 lg:py-14">
-          <header className="col-span-full mb-4 flex items-end justify-between gap-4 sm:mb-8">
+        <div className="band py-6 md:py-10 lg:py-14">
+          <header className="col-span-full mb-4 flex items-end justify-between gap-4 md:mb-8">
             <h1 className="type-display-2 text-fg">
               {title} {loading ? null : <span className="tabular-nums text-muted">{shown.length}</span>}
             </h1>

package/docs/patterns/guides-filter-panel--filtered-index.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — filtered index
+// @thewhatmatters/wmds@0.4.32 · Pattern — filtered index
 // Storybook: Guides/Filter panel → Pattern — filtered index (?path=/story/guides-filter-panel--filtered-index)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 
@@ -73,8 +73,8 @@ export function FilteredIndex({
     >
       <main className="grid-page bg-body">
         {overlay}
-        <div className="band py-6 sm:py-10 lg:py-14">
-          <header className="col-span-full mb-4 flex items-end justify-between gap-4 sm:mb-8">
+        <div className="band py-6 md:py-10 lg:py-14">
+          <header className="col-span-full mb-4 flex items-end justify-between gap-4 md:mb-8">
             <h1 className="type-display-2 text-fg">
               {title} <span className="tabular-nums text-muted">{shown.length}</span>
             </h1>

package/docs/patterns/guides-overlay-flows--notification-preferences.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — notification preferences
+// @thewhatmatters/wmds@0.4.32 · Pattern — notification preferences
 // Storybook: Guides/Overlay flows → Pattern — notification preferences (?path=/story/guides-overlay-flows--notification-preferences)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 
@@ -130,8 +130,8 @@ export function NotificationPreferencesPage() {
           }
         >
           <div className="flex flex-col gap-4 pb-4">
-            <Input label="Market" placeholder="All markets" />
-            <Input label="Region" placeholder="All regions" />
+            <Input label="Market" />
+            <Input label="Region" />
           </div>
         </Sheet.Content>
       </Sheet>

package/docs/patterns/guides-post-page--post-page.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — post page
+// @thewhatmatters/wmds@0.4.32 · Pattern — post page
 // Storybook: Guides/Post page → Pattern — post page (?path=/story/guides-post-page--post-page)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 
@@ -200,8 +200,8 @@ export function PostPage({
   return (
     <main className="grid-page bg-body">
       {overlay}
-      <article className="band py-6 sm:py-10 lg:py-14">
-        <header className="col-span-full mb-4 flex flex-col gap-3 sm:mb-8 lg:col-span-10">
+      <article className="band py-6 md:py-10 lg:py-14">
+        <header className="col-span-full mb-4 flex flex-col gap-3 md:mb-8 lg:col-span-10">
           <Breadcrumb
             items={post.breadcrumb}
             variant="mono"

package/docs/patterns/guides-profile-typography--editorial-profile.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — editorial profile
+// @thewhatmatters/wmds@0.4.32 · Pattern — editorial profile
 // Storybook: Guides/Profile typography → Pattern — editorial profile (?path=/story/guides-profile-typography--editorial-profile)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 
@@ -21,7 +21,7 @@ export function ProfilePage({ onOpenRole }: { onOpenRole: (company: string) => v
   return (
     <main
       data-theme={theme === "auto" ? undefined : theme}
-      className="grid-page min-h-screen bg-body py-12 [--grid-column-gap:24px] [--grid-max:960px] sm:py-16 lg:py-20"
+      className="grid-page min-h-screen bg-body py-12 [--grid-column-gap:24px] [--grid-max:960px] md:py-16 lg:py-20"
     >
       <GridOverlay
         visible={gridVisible}
@@ -30,7 +30,7 @@ export function ProfilePage({ onOpenRole }: { onOpenRole: (company: string) => v
       />
 
       <div className="band">
-        <article className="col-span-full max-w-[52rem] sm:col-start-2 sm:col-span-6 lg:col-start-2 lg:col-span-10">
+        <article className="col-span-full max-w-[52rem] md:col-start-2 md:col-span-6 lg:col-start-2 lg:col-span-10">
           <header className="flex flex-col items-start gap-4">
             <Avatar name="Avery Kim" size="lg" />
             <div>
@@ -39,13 +39,13 @@ export function ProfilePage({ onOpenRole }: { onOpenRole: (company: string) => v
             </div>
           </header>
 
-          <div className="mt-8 flex flex-col gap-5 sm:mt-10">
+          <div className="mt-8 flex flex-col gap-5 md:mt-10">
             <p className="type-body text-fg">
               Currently building at <TextLink href="#work">WhatMatters</TextLink>.
             </p>
           </div>
 
-          <section id="work" className="mt-12 sm:mt-14">
+          <section id="work" className="mt-12 md:mt-14">
             <h2 className="type-body text-muted">Work</h2>
             <ul className="mt-4 border-t border-border">
               <li className="border-b border-border py-2">
@@ -60,7 +60,7 @@ export function ProfilePage({ onOpenRole }: { onOpenRole: (company: string) => v
             </ul>
           </section>
 
-          <footer className="mt-12 flex flex-col gap-5 sm:mt-14">
+          <footer className="mt-12 flex flex-col gap-5 md:mt-14">
             <p className="type-body text-fg">
               Read my <TextLink href="/writing">writing</TextLink>.
             </p>

package/docs/patterns/guides-resource-detail--detail.tsx

@@ -1,4 +1,4 @@
-// @thewhatmatters/wmds@0.4.30 · Pattern — resource detail
+// @thewhatmatters/wmds@0.4.32 · Pattern — resource detail
 // Storybook: Guides/Resource detail → Pattern — resource detail (?path=/story/guides-resource-detail--detail)
 // Show code — copy verbatim and keep this header; upgrades find pasted patterns by it.
 
@@ -249,7 +249,7 @@ export function ResourceDetailPage({ item, breadcrumb, renderLink, renderImage,
   return (
     <main className="grid-page bg-body">
       {overlay}
-      <article aria-labelledby={headingId} className="band py-6 sm:py-10 lg:py-14">
+      <article aria-labelledby={headingId} className="band py-6 md:py-10 lg:py-14">
         <Breadcrumb
           items={breadcrumb}
           variant="mono"

package/docs/patterns/index.json

@@ -1,6 +1,6 @@
 {
   "package": "@thewhatmatters/wmds",
-  "version": "0.4.30",
+  "version": "0.4.32",
   "patterns": [
     {
       "id": "components-accordion--flush",
@@ -514,6 +514,14 @@
       "storybook": "?path=/story/components-displaycontrols--theme-switch",
       "source": "src/components/molecules/DisplayControls/DisplayControls.stories.tsx"
     },
+    {
+      "id": "components-errorsummary--contact-form",
+      "title": "Components/ErrorSummary",
+      "name": "Pattern — form with an error summary",
+      "file": "patterns/components-errorsummary--contact-form.tsx",
+      "storybook": "?path=/story/components-errorsummary--contact-form",
+      "source": "src/components/molecules/ErrorSummary/ErrorSummary.stories.tsx"
+    },
     {
       "id": "components-field--horizontal-input",
       "title": "Components/Field",
@@ -602,6 +610,14 @@
       "storybook": "?path=/story/components-herointro--two-line-intro",
       "source": "src/components/molecules/HeroIntro/HeroIntro.stories.tsx"
     },
+    {
+      "id": "components-herointro--with-actions",
+      "title": "Components/HeroIntro",
+      "name": "Pattern — with description and actions",
+      "file": "patterns/components-herointro--with-actions.tsx",
+      "storybook": "?path=/story/components-herointro--with-actions",
+      "source": "src/components/molecules/HeroIntro/HeroIntro.stories.tsx"
+    },
     {
       "id": "components-herotilestack--marketing-hero-pattern",
       "title": "Components/HeroTileStack",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@thewhatmatters/wmds",
   "description": "WhatMatters Design System — React components, Tailwind v4 theme, and Storybook patterns",
-  "version": "0.4.30",
+  "version": "0.4.32",
   "type": "module",
   "license": "MIT",
   "repository": {