@thewhatmatters/wmds 0.4.29 → 0.4.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (236) hide show
  1. package/CHANGELOG.md +42 -0
  2. package/CONSUMING.md +2 -1
  3. package/dist/components/atoms/Badge/Badge.js +1 -1
  4. package/dist/components/atoms/Badge/badgeStyles.d.ts +1 -1
  5. package/dist/components/atoms/Badge/badgeStyles.js +1 -1
  6. package/dist/components/atoms/Band/Band.d.ts +1 -1
  7. package/dist/components/atoms/Band/Band.d.ts.map +1 -1
  8. package/dist/components/atoms/Band/bandStyles.d.ts +4 -1
  9. package/dist/components/atoms/Band/bandStyles.d.ts.map +1 -1
  10. package/dist/components/atoms/Band/bandStyles.js +1 -1
  11. package/dist/components/atoms/Button/Button.d.ts +22 -4
  12. package/dist/components/atoms/Button/Button.d.ts.map +1 -1
  13. package/dist/components/atoms/Button/Button.js +132 -124
  14. package/dist/components/atoms/Button/buttonStyles.d.ts +3 -1
  15. package/dist/components/atoms/Button/buttonStyles.d.ts.map +1 -1
  16. package/dist/components/atoms/Button/buttonStyles.js +5 -4
  17. package/dist/components/atoms/IconButton/IconButton.d.ts +5 -0
  18. package/dist/components/atoms/IconButton/IconButton.d.ts.map +1 -1
  19. package/dist/components/atoms/IconButton/IconButton.js +4 -3
  20. package/dist/components/atoms/SectionCaption/SectionCaption.d.ts +5 -1
  21. package/dist/components/atoms/SectionCaption/SectionCaption.d.ts.map +1 -1
  22. package/dist/components/atoms/SectionCaption/SectionCaption.js +1 -1
  23. package/dist/components/atoms/TextLink/TextLink.d.ts +10 -2
  24. package/dist/components/atoms/TextLink/TextLink.d.ts.map +1 -1
  25. package/dist/components/atoms/TextLink/TextLink.js +18 -14
  26. package/dist/components/molecules/Accordion/Accordion.d.ts +9 -4
  27. package/dist/components/molecules/Accordion/Accordion.d.ts.map +1 -1
  28. package/dist/components/molecules/Accordion/Accordion.js +58 -51
  29. package/dist/components/molecules/Accordion/accordionStyles.d.ts +5 -0
  30. package/dist/components/molecules/Accordion/accordionStyles.d.ts.map +1 -1
  31. package/dist/components/molecules/Accordion/accordionStyles.js +5 -2
  32. package/dist/components/molecules/Breadcrumb/breadcrumbStyles.d.ts +4 -1
  33. package/dist/components/molecules/Breadcrumb/breadcrumbStyles.d.ts.map +1 -1
  34. package/dist/components/molecules/Breadcrumb/breadcrumbStyles.js +1 -1
  35. package/dist/components/molecules/HeroIntro/HeroIntro.d.ts +16 -8
  36. package/dist/components/molecules/HeroIntro/HeroIntro.d.ts.map +1 -1
  37. package/dist/components/molecules/HeroIntro/HeroIntro.js +21 -17
  38. package/dist/components/molecules/HeroIntro/heroIntroStyles.d.ts +12 -3
  39. package/dist/components/molecules/HeroIntro/heroIntroStyles.d.ts.map +1 -1
  40. package/dist/components/molecules/HeroIntro/heroIntroStyles.js +2 -2
  41. package/dist/components/molecules/LinkTile/LinkTile.d.ts +6 -4
  42. package/dist/components/molecules/LinkTile/LinkTile.d.ts.map +1 -1
  43. package/dist/components/molecules/LinkTile/LinkTile.js +29 -29
  44. package/dist/components/molecules/PageHeader/PageHeader.d.ts +8 -1
  45. package/dist/components/molecules/PageHeader/PageHeader.d.ts.map +1 -1
  46. package/dist/components/molecules/PageHeader/PageHeader.js +19 -15
  47. package/dist/components/organisms/FooterReveal/FooterReveal.d.ts +4 -2
  48. package/dist/components/organisms/FooterReveal/FooterReveal.d.ts.map +1 -1
  49. package/dist/components/organisms/FooterReveal/FooterReveal.js +85 -85
  50. package/dist/components/organisms/FooterReveal/FooterRevealRuled.d.ts.map +1 -1
  51. package/dist/components/organisms/FooterReveal/FooterRevealRuled.js +49 -50
  52. package/dist/components/organisms/FooterReveal/footerRevealStyles.d.ts +9 -7
  53. package/dist/components/organisms/FooterReveal/footerRevealStyles.d.ts.map +1 -1
  54. package/dist/components/organisms/FooterReveal/footerRevealStyles.js +2 -9
  55. package/dist/components/organisms/IntakeConfirmation/intakeConfirmationStyles.d.ts +2 -1
  56. package/dist/components/organisms/IntakeConfirmation/intakeConfirmationStyles.d.ts.map +1 -1
  57. package/dist/components/organisms/IntakeConfirmation/intakeConfirmationStyles.js +1 -1
  58. package/dist/components/organisms/SiteNav/SiteNav.d.ts +4 -2
  59. package/dist/components/organisms/SiteNav/SiteNav.d.ts.map +1 -1
  60. package/dist/components/organisms/SiteNav/SiteNav.js +92 -91
  61. package/dist/components/organisms/SiteNav/siteNavStyles.d.ts +2 -2
  62. package/dist/components/organisms/SiteNav/siteNavStyles.d.ts.map +1 -1
  63. package/dist/components/organisms/SiteNav/siteNavStyles.js +3 -3
  64. package/dist/index.d.ts +2 -2
  65. package/dist/index.d.ts.map +1 -1
  66. package/dist/index.js +107 -107
  67. package/dist/lib/motion.d.ts +2 -1
  68. package/dist/lib/motion.d.ts.map +1 -1
  69. package/dist/lib/motion.js +1 -1
  70. package/dist/lib/typography.d.ts +2 -2
  71. package/dist/lib/typography.d.ts.map +1 -1
  72. package/dist/lib/typography.js +14 -3
  73. package/dist/styles.css +1 -1
  74. package/dist/typography.css +46 -11
  75. package/docs/components.md +5 -5
  76. package/docs/exports.json +1 -1
  77. package/docs/patterns/components-accordion--flush.tsx +1 -1
  78. package/docs/patterns/components-appshell--portal-dashboard-pattern.tsx +1 -1
  79. package/docs/patterns/components-avatar--dropdown-row.tsx +1 -1
  80. package/docs/patterns/components-badge--outline-tags.tsx +1 -1
  81. package/docs/patterns/components-badge--status-pill.tsx +1 -1
  82. package/docs/patterns/components-badge--with-avatar.tsx +1 -1
  83. package/docs/patterns/components-band--page-in-bands.tsx +1 -1
  84. package/docs/patterns/components-breadcrumb--editorial.tsx +1 -1
  85. package/docs/patterns/components-breadcrumb--long-path.tsx +1 -1
  86. package/docs/patterns/components-breadcrumb--path.tsx +1 -1
  87. package/docs/patterns/components-breadcrumb--router-links.tsx +1 -1
  88. package/docs/patterns/components-button-button--copy-button.tsx +1 -1
  89. package/docs/patterns/components-button-button--destructive-action.tsx +1 -1
  90. package/docs/patterns/components-button-button--external-link.tsx +1 -1
  91. package/docs/patterns/components-button-button--ghost-action.tsx +1 -1
  92. package/docs/patterns/components-button-button--inverse-action.tsx +1 -1
  93. package/docs/patterns/components-button-button--link-render.tsx +1 -1
  94. package/docs/patterns/components-button-button--multi-state-badge.tsx +1 -1
  95. package/docs/patterns/components-button-button--outline-mono.tsx +1 -1
  96. package/docs/patterns/components-button-button--primary-action.tsx +1 -1
  97. package/docs/patterns/components-button-button--row-hug.tsx +1 -1
  98. package/docs/patterns/components-button-button--row-layout.tsx +1 -1
  99. package/docs/patterns/components-button-button--secondary-action.tsx +1 -1
  100. package/docs/patterns/components-button-button--suggestion-pills.tsx +1 -1
  101. package/docs/patterns/components-button-button--with-count.tsx +1 -1
  102. package/docs/patterns/components-button-button--with-icon.tsx +1 -1
  103. package/docs/patterns/components-button-floatingactionbutton--vertical-actions.tsx +1 -1
  104. package/docs/patterns/components-calembed--pattern-skip-in-footer.tsx +1 -1
  105. package/docs/patterns/components-card-card--body-slot-occupancy-history.tsx +1 -1
  106. package/docs/patterns/components-card-card--headerless-media.tsx +1 -1
  107. package/docs/patterns/components-card-card--outlined-layout.tsx +1 -1
  108. package/docs/patterns/components-card-card--pinned-height.tsx +1 -1
  109. package/docs/patterns/components-card-card--terminal-frame.tsx +1 -1
  110. package/docs/patterns/components-card-selectablecard--selectable-cards-pattern.tsx +1 -1
  111. package/docs/patterns/components-carousel--image-carousel.tsx +1 -1
  112. package/docs/patterns/components-chart--audience-activity-heatmap.tsx +1 -1
  113. package/docs/patterns/components-chart--cartesian-no-data-gaps.tsx +1 -1
  114. package/docs/patterns/components-chart--occupancy-history-in-card.tsx +1 -1
  115. package/docs/patterns/components-chart--occupancy-in-card.tsx +1 -1
  116. package/docs/patterns/components-chart--post-reach-distribution.tsx +1 -1
  117. package/docs/patterns/components-chart--ranked-audience-breakdown.tsx +1 -1
  118. package/docs/patterns/components-chart--revenue-by-line.tsx +1 -1
  119. package/docs/patterns/components-chart--segmented-ring-pattern.tsx +1 -1
  120. package/docs/patterns/components-chart--unit-grid-composition.tsx +1 -1
  121. package/docs/patterns/components-chatdock--pattern-chat-dock.tsx +1 -1
  122. package/docs/patterns/components-chatdock--pattern-start-project-gate.tsx +1 -1
  123. package/docs/patterns/components-chatqa--pattern-qa-with-reply.tsx +1 -1
  124. package/docs/patterns/components-checkbox-checkbox--default.tsx +1 -1
  125. package/docs/patterns/components-checkbox-checkbox--with-count.tsx +1 -1
  126. package/docs/patterns/components-checkbox-checkbox--with-description.tsx +1 -1
  127. package/docs/patterns/components-checkbox-checkboxgroup--default.tsx +1 -1
  128. package/docs/patterns/components-checkbox-checkboxgroup--option-counts.tsx +1 -1
  129. package/docs/patterns/components-copyfield--clipboard-blocked.tsx +1 -1
  130. package/docs/patterns/components-copyfield--copied.tsx +1 -1
  131. package/docs/patterns/components-copyfield--copy-key.tsx +1 -1
  132. package/docs/patterns/components-copyfield--on-navy.tsx +1 -1
  133. package/docs/patterns/components-descriptionlist--details.tsx +1 -1
  134. package/docs/patterns/components-descriptionlist--post-metadata.tsx +1 -1
  135. package/docs/patterns/components-dialog--alert-dialog-destructive.tsx +1 -1
  136. package/docs/patterns/components-dialog--alert-dialog-typed-confirmation.tsx +1 -1
  137. package/docs/patterns/components-dialog--default-dialog.tsx +1 -1
  138. package/docs/patterns/components-dialog--form-dialog.tsx +1 -1
  139. package/docs/patterns/components-displaycontrols--page-utilities.tsx +1 -1
  140. package/docs/patterns/components-displaycontrols--theme-switch.tsx +1 -1
  141. package/docs/patterns/components-field--horizontal-input.tsx +1 -1
  142. package/docs/patterns/components-field--horizontal-text-area.tsx +1 -1
  143. package/docs/patterns/components-field--multi-control.tsx +1 -1
  144. package/docs/patterns/components-filterpanel--panel.tsx +1 -1
  145. package/docs/patterns/components-footerreveal--marketing-hero-pattern.tsx +6 -6
  146. package/docs/patterns/components-footerreveal--marketing-hero-ruled-pattern.tsx +2 -2
  147. package/docs/patterns/components-footerreveal--marketing-hero-with-gallery-intro.tsx +6 -6
  148. package/docs/patterns/components-footerreveal--marketing-page-pattern.tsx +5 -5
  149. package/docs/patterns/components-footerreveal--ruled-grid-footer-pattern.tsx +1 -1
  150. package/docs/patterns/components-footerreveal--sequenced-marketing-hero.tsx +5 -5
  151. package/docs/patterns/components-herointro--two-line-intro.tsx +3 -3
  152. package/docs/patterns/components-herotilestack--marketing-hero-pattern.tsx +3 -3
  153. package/docs/patterns/components-herotilestack--marketing-hero-text-sequence.tsx +2 -2
  154. package/docs/patterns/components-herotilestack--marketing-hero-with-gallery-intro.tsx +3 -3
  155. package/docs/patterns/components-indexlist--post-index.tsx +1 -1
  156. package/docs/patterns/components-intakeconfirmation--booked-pattern.tsx +1 -1
  157. package/docs/patterns/components-intakeconfirmation--emailed-pattern.tsx +1 -1
  158. package/docs/patterns/components-intakeform--about-you-pattern.tsx +1 -1
  159. package/docs/patterns/components-intakeform--short-form-pattern.tsx +1 -1
  160. package/docs/patterns/components-intakemodal--intake-modal-pattern.tsx +1 -1
  161. package/docs/patterns/components-kbd--command-row.tsx +1 -1
  162. package/docs/patterns/components-kbd--numbered-choices.tsx +1 -1
  163. package/docs/patterns/components-kbd--shortcut.tsx +1 -1
  164. package/docs/patterns/components-linktile--resource-tile.tsx +2 -2
  165. package/docs/patterns/components-linktile--router-link.tsx +1 -1
  166. package/docs/patterns/components-logview--detail-pane.tsx +1 -1
  167. package/docs/patterns/components-logview--log-viewer.tsx +1 -1
  168. package/docs/patterns/components-moremenu--action-menu.tsx +1 -1
  169. package/docs/patterns/components-moremenu--in-card-header.tsx +1 -1
  170. package/docs/patterns/components-navlist--app-sidebar.tsx +1 -1
  171. package/docs/patterns/components-navlist--side-nav-settings.tsx +1 -1
  172. package/docs/patterns/components-pageheader--app-header-pattern.tsx +1 -1
  173. package/docs/patterns/components-pageheader--page-section-header.tsx +1 -1
  174. package/docs/patterns/components-pageheader--toolbar-header.tsx +1 -1
  175. package/docs/patterns/components-panel--end-detail-rail.tsx +1 -1
  176. package/docs/patterns/components-pillgroup--pill-group-pattern.tsx +1 -1
  177. package/docs/patterns/components-promptbar--pattern-prompt-bar.tsx +1 -1
  178. package/docs/patterns/components-prose--article-body.tsx +1 -1
  179. package/docs/patterns/components-radio-radiogroup--default.tsx +1 -1
  180. package/docs/patterns/components-scrollhorizontal--project-gallery-pattern.tsx +1 -1
  181. package/docs/patterns/components-scrollhorizontal--with-intro.tsx +1 -1
  182. package/docs/patterns/components-sectioncaption--column-caption.tsx +1 -1
  183. package/docs/patterns/components-sectioncaption--with-action.tsx +1 -1
  184. package/docs/patterns/components-sheet--bottom-sheet.tsx +1 -1
  185. package/docs/patterns/components-sheet--end-sheet.tsx +1 -1
  186. package/docs/patterns/components-sheet--side-sheet-header-actions.tsx +1 -1
  187. package/docs/patterns/components-sheet--side-sheet-url-deep-link.tsx +1 -1
  188. package/docs/patterns/components-sheet--side-sheet.tsx +1 -1
  189. package/docs/patterns/components-sitenav--brand-and-cta.tsx +1 -1
  190. package/docs/patterns/components-sitenav--centered-links.tsx +1 -1
  191. package/docs/patterns/components-sitenav--compact.tsx +1 -1
  192. package/docs/patterns/components-sitenav--marketing-header.tsx +1 -1
  193. package/docs/patterns/components-sitenav--mega-menu.tsx +1 -1
  194. package/docs/patterns/components-stat--hero-stat.tsx +1 -1
  195. package/docs/patterns/components-stat--insights-row.tsx +1 -1
  196. package/docs/patterns/components-stepprogress--step-progress-pattern.tsx +1 -1
  197. package/docs/patterns/components-switch--default.tsx +1 -1
  198. package/docs/patterns/components-switch--settings-row.tsx +1 -1
  199. package/docs/patterns/components-tab--settings-pages.tsx +1 -1
  200. package/docs/patterns/components-table--approvals-with-sheet.tsx +1 -1
  201. package/docs/patterns/components-table--approvals.tsx +1 -1
  202. package/docs/patterns/components-table--basic.tsx +1 -1
  203. package/docs/patterns/components-taskrows--action-details.tsx +1 -1
  204. package/docs/patterns/components-taskrows--capsules.tsx +1 -1
  205. package/docs/patterns/components-taskrows--card-with-status-rows.tsx +1 -1
  206. package/docs/patterns/components-taskrows--controlled-expand.tsx +1 -1
  207. package/docs/patterns/components-taskrows--custom-slots.tsx +1 -1
  208. package/docs/patterns/components-taskrows--needs-you-table.tsx +1 -1
  209. package/docs/patterns/components-taskrows--status-list.tsx +1 -1
  210. package/docs/patterns/components-taskrows--tag-chips.tsx +1 -1
  211. package/docs/patterns/components-textarea--save-status.tsx +1 -1
  212. package/docs/patterns/components-textlink--external-destination.tsx +1 -1
  213. package/docs/patterns/components-textlink--inline-prose.tsx +1 -1
  214. package/docs/patterns/components-textlink--quiet-title.tsx +1 -1
  215. package/docs/patterns/components-textlink--supporting-copy.tsx +1 -1
  216. package/docs/patterns/components-textsequence--default.tsx +1 -1
  217. package/docs/patterns/components-textsequence--reduced-motion.tsx +1 -1
  218. package/docs/patterns/components-textsequence--shapes.tsx +1 -1
  219. package/docs/patterns/components-tilegrid--masonry.tsx +2 -2
  220. package/docs/patterns/components-toast--stacked-notifications.tsx +1 -1
  221. package/docs/patterns/components-tooltip--controlled.tsx +1 -1
  222. package/docs/patterns/components-tooltip--disabled-control.tsx +1 -1
  223. package/docs/patterns/components-tooltip--icon-action.tsx +1 -1
  224. package/docs/patterns/components-tooltip--keyboard-shortcut.tsx +1 -1
  225. package/docs/patterns/components-tooltip--placement.tsx +1 -1
  226. package/docs/patterns/foundations-scroll-fade--horizontal-rail.tsx +1 -1
  227. package/docs/patterns/foundations-scroll-fade--overflowing-list.tsx +1 -1
  228. package/docs/patterns/guides-chart-explorations--comparison-gallery.tsx +1 -1
  229. package/docs/patterns/guides-filter-panel--filtered-grid.tsx +2 -2
  230. package/docs/patterns/guides-filter-panel--filtered-index.tsx +1 -1
  231. package/docs/patterns/guides-overlay-flows--notification-preferences.tsx +1 -1
  232. package/docs/patterns/guides-post-page--post-page.tsx +1 -1
  233. package/docs/patterns/guides-profile-typography--editorial-profile.tsx +1 -1
  234. package/docs/patterns/guides-resource-detail--detail.tsx +1 -1
  235. package/docs/patterns/index.json +1 -1
  236. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"LinkTile.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/LinkTile/LinkTile.tsx"],"names":[],"mappings":"AACA,OAAO,EAA6B,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAuBrF,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,sDAAsD;AACtD,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,aAAa;IAC5B,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+GAA+G;IAC/G,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,2FAA2F;IAC3F,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,6GAA6G;IAC7G,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAuBD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,MAAM,EACN,QAAgB,EAChB,KAAK,EACL,KAAK,EACL,IAAI,EACJ,GAAG,EACH,MAAM,EACN,OAAe,EACf,SAAS,GACV,EAAE,aAAa,+BA0Ff"}
1
+ {"version":3,"file":"LinkTile.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/LinkTile/LinkTile.tsx"],"names":[],"mappings":"AACA,OAAO,EAA6B,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAuBrF,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,sDAAsD;AACtD,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,aAAa;IAC5B,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sGAAsG;IACtG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+GAA+G;IAC/G,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,2FAA2F;IAC3F,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,6GAA6G;IAC7G,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAuBD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,MAAM,EACN,QAAgB,EAChB,MAAc,EACd,KAAK,EACL,KAAK,EACL,IAAI,EACJ,GAAG,EACH,MAAM,EACN,OAAe,EACf,SAAS,GACV,EAAE,aAAa,+BA0Ff"}
@@ -17,16 +17,16 @@ function C({ render: e, ...t }) {
17
17
  function w(e) {
18
18
  return e == null ? void 0 : { aspectRatio: String(e) };
19
19
  }
20
- function T({ title: l, href: S, render: T, external: E = !1, media: D, ratio: O, meta: k, tag: A, source: j, loading: M = !1, className: N }) {
21
- let P = v(), F = `${P}-title`, I = `${P}-meta`, L = `${P}-tag`, R = `${P}-hint`;
22
- if (M) return /* @__PURE__ */ x("div", {
23
- className: e(u, N),
20
+ function T({ title: l, href: S, render: T, external: E = !1, newTab: D = !1, media: O, ratio: k, meta: A, tag: j, source: M, loading: N = !1, className: P }) {
21
+ let F = v(), I = `${F}-title`, L = `${F}-meta`, R = `${F}-tag`, z = `${F}-hint`;
22
+ if (N) return /* @__PURE__ */ x("div", {
23
+ className: e(u, P),
24
24
  "data-link-tile": "",
25
25
  "data-loading": "",
26
26
  "aria-hidden": "true",
27
27
  children: [/* @__PURE__ */ b("span", {
28
28
  className: i,
29
- style: w(O ?? 1.3333333333333333),
29
+ style: w(k ?? 1.3333333333333333),
30
30
  children: /* @__PURE__ */ b(t, { radius: "none" })
31
31
  }), /* @__PURE__ */ x("span", {
32
32
  className: g,
@@ -50,45 +50,45 @@ function T({ title: l, href: S, render: T, external: E = !1, media: D, ratio: O,
50
50
  })]
51
51
  });
52
52
  S == null && T == null && console.warn("[WMDS LinkTile] Pass `href`, or `render` with a link that carries it.");
53
- let z = D != null, B = [
54
- F,
55
- k != null && I,
53
+ let B = O != null, V = [
54
+ I,
56
55
  A != null && L,
57
- E && R
56
+ j != null && R,
57
+ E && D && z
58
58
  ].filter(Boolean).join(" ");
59
59
  return /* @__PURE__ */ x(C, {
60
60
  render: T,
61
61
  ...S == null ? null : { href: S },
62
- ...E ? {
62
+ ...E && D ? {
63
63
  target: "_blank",
64
64
  rel: "noopener noreferrer"
65
65
  } : null,
66
- className: e(f, N),
67
- "aria-labelledby": B,
66
+ className: e(f, P),
67
+ "aria-labelledby": V,
68
68
  "data-link-tile": "",
69
69
  "data-external": E ? "" : void 0,
70
- children: [z ? /* @__PURE__ */ x("span", {
71
- className: e(i, O == null ? o : a),
72
- style: w(O),
70
+ children: [B ? /* @__PURE__ */ x("span", {
71
+ className: e(i, k == null ? o : a),
72
+ style: w(k),
73
73
  "data-link-tile-frame": "",
74
- children: [D, A == null ? null : /* @__PURE__ */ b("span", {
75
- id: L,
74
+ children: [O, j == null ? null : /* @__PURE__ */ b("span", {
75
+ id: R,
76
76
  className: h,
77
- children: A
77
+ children: j
78
78
  })]
79
79
  }) : null, /* @__PURE__ */ x("span", {
80
80
  className: n,
81
81
  children: [
82
- j == null ? null : /* @__PURE__ */ b("span", {
82
+ M == null ? null : /* @__PURE__ */ b("span", {
83
83
  className: p,
84
84
  "aria-hidden": "true",
85
- children: j
85
+ children: M
86
86
  }),
87
87
  /* @__PURE__ */ x("span", {
88
88
  className: g,
89
89
  children: [
90
90
  /* @__PURE__ */ x("span", {
91
- id: F,
91
+ id: I,
92
92
  className: _,
93
93
  children: [l, E ? /* @__PURE__ */ b(y, {
94
94
  className: r,
@@ -96,22 +96,22 @@ function T({ title: l, href: S, render: T, external: E = !1, media: D, ratio: O,
96
96
  "aria-hidden": !0
97
97
  }) : null]
98
98
  }),
99
- k == null ? null : /* @__PURE__ */ b("span", {
100
- id: I,
99
+ A == null ? null : /* @__PURE__ */ b("span", {
100
+ id: L,
101
101
  className: d,
102
- children: k
102
+ children: A
103
103
  }),
104
- E ? /* @__PURE__ */ b("span", {
105
- id: R,
104
+ E && D ? /* @__PURE__ */ b("span", {
105
+ id: z,
106
106
  className: "sr-only",
107
107
  children: "(opens in a new tab)"
108
108
  }) : null
109
109
  ]
110
110
  }),
111
- A != null && !z ? /* @__PURE__ */ b("span", {
112
- id: L,
111
+ j != null && !B ? /* @__PURE__ */ b("span", {
112
+ id: R,
113
113
  className: m,
114
- children: A
114
+ children: j
115
115
  }) : null
116
116
  ]
117
117
  })]
@@ -12,6 +12,11 @@ export interface PageHeaderProps {
12
12
  title?: string;
13
13
  /** App canvas band, in-page section title, or compact toolbar row. */
14
14
  variant?: PageHeaderVariant;
15
+ /**
16
+ * The title's heading level, by its place in the page outline (Headings H1). Default: `h1` for
17
+ * `app`, `h2` for `page`. Ignored on `toolbar`, which has no heading.
18
+ */
19
+ as?: PageHeaderHeadingLevel;
15
20
  /** Leading slot — breadcrumb, back, **Badge**, filter **Chip** rail. */
16
21
  start?: ReactNode;
17
22
  /** Trailing slot — cluster controls (**SegmentedControl**, **Button**, **Avatar**, **MoreMenu**). */
@@ -20,5 +25,7 @@ export interface PageHeaderProps {
20
25
  "aria-label"?: string;
21
26
  className?: PageHeaderLayoutClassName;
22
27
  }
23
- export declare function PageHeader({ title, variant, start, end, "aria-label": ariaLabel, className, }: PageHeaderProps): import("react").JSX.Element;
28
+ export declare const pageHeaderHeadingLevels: readonly ["h1", "h2", "h3"];
29
+ export type PageHeaderHeadingLevel = (typeof pageHeaderHeadingLevels)[number];
30
+ export declare function PageHeader({ title, variant, as, start, end, "aria-label": ariaLabel, className, }: PageHeaderProps): import("react").JSX.Element;
24
31
  //# sourceMappingURL=PageHeader.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/PageHeader/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAKL,KAAK,iBAAiB,EACvB,MAAM,oBAAoB,CAAC;AAE5B,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EACL,8BAA8B,EAC9B,kBAAkB,GACnB,MAAM,oBAAoB,CAAC;AAE5B,wEAAwE;AACxE,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sEAAsE;IACtE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,wEAAwE;IACxE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qGAAqG;IACrG,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,gFAAgF;IAChF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,yBAAyB,CAAC;CACvC;AAQD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAgB,EAChB,KAAK,EACL,GAAG,EACH,YAAY,EAAE,SAAS,EACvB,SAAS,GACV,EAAE,eAAe,+BAsCjB"}
1
+ {"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/PageHeader/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAKL,KAAK,iBAAiB,EACvB,MAAM,oBAAoB,CAAC;AAE5B,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EACL,8BAA8B,EAC9B,kBAAkB,GACnB,MAAM,oBAAoB,CAAC;AAE5B,wEAAwE;AACxE,MAAM,MAAM,yBAAyB,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sEAAsE;IACtE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;OAGG;IACH,EAAE,CAAC,EAAE,sBAAsB,CAAC;IAC5B,wEAAwE;IACxE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qGAAqG;IACrG,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,gFAAgF;IAChF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,yBAAyB,CAAC;CACvC;AAED,eAAO,MAAM,uBAAuB,6BAA8B,CAAC;AAEnE,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC;AAQ9E,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAgB,EAChB,EAAE,EACF,KAAK,EACL,GAAG,EACH,YAAY,EAAE,SAAS,EACvB,SAAS,GACV,EAAE,eAAe,+BAsCjB"}
@@ -3,41 +3,45 @@ import { cn as e } from "../../../lib/cn.js";
3
3
  import { pageHeaderAppBandHeightClasses as t, pageHeaderEndClasses as n, pageHeaderShellClasses as r, pageHeaderStartClasses as i, pageHeaderTitleClasses as a, pageHeaderVariants as o } from "./pageHeaderStyles.js";
4
4
  import { jsx as s, jsxs as c } from "react/jsx-runtime";
5
5
  //#region src/components/molecules/PageHeader/PageHeader.tsx
6
- var l = {
6
+ var l = [
7
+ "h1",
8
+ "h2",
9
+ "h3"
10
+ ], u = {
7
11
  app: "h1",
8
12
  page: "h2",
9
13
  toolbar: "span"
10
14
  };
11
- function u({ title: t, variant: o = "page", start: u, end: d, "aria-label": f, className: p }) {
12
- let m = l[o], h = t != null && t.length > 0;
15
+ function d({ title: t, variant: o = "page", as: l, start: d, end: f, "aria-label": p, className: m }) {
16
+ let h = o === "toolbar" ? u.toolbar : l ?? u[o], g = t != null && t.length > 0;
13
17
  return o === "toolbar" ? /* @__PURE__ */ c("div", {
14
18
  role: "toolbar",
15
- "aria-label": h ? void 0 : f,
16
- className: e(r.toolbar, p),
17
- children: [u != null || h ? /* @__PURE__ */ c("div", {
19
+ "aria-label": g ? void 0 : p,
20
+ className: e(r.toolbar, m),
21
+ children: [d != null || g ? /* @__PURE__ */ c("div", {
18
22
  className: i,
19
- children: [u, h ? /* @__PURE__ */ s(m, {
23
+ children: [d, g ? /* @__PURE__ */ s(h, {
20
24
  className: a.toolbar,
21
25
  children: t
22
26
  }) : null]
23
- }) : /* @__PURE__ */ s("span", { className: "min-w-0 flex-1" }), d == null ? null : /* @__PURE__ */ s("div", {
27
+ }) : /* @__PURE__ */ s("span", { className: "min-w-0 flex-1" }), f == null ? null : /* @__PURE__ */ s("div", {
24
28
  className: n,
25
- children: d
29
+ children: f
26
30
  })]
27
31
  }) : /* @__PURE__ */ c("header", {
28
- "aria-label": f,
29
- className: e(r[o], p),
32
+ "aria-label": p,
33
+ className: e(r[o], m),
30
34
  children: [/* @__PURE__ */ c("div", {
31
35
  className: i,
32
- children: [u, h ? /* @__PURE__ */ s(m, {
36
+ children: [d, g ? /* @__PURE__ */ s(h, {
33
37
  className: a[o],
34
38
  children: t
35
39
  }) : null]
36
- }), d == null ? null : /* @__PURE__ */ s("div", {
40
+ }), f == null ? null : /* @__PURE__ */ s("div", {
37
41
  className: n,
38
- children: d
42
+ children: f
39
43
  })]
40
44
  });
41
45
  }
42
46
  //#endregion
43
- export { u as PageHeader, t as pageHeaderAppBandHeightClasses, o as pageHeaderVariants };
47
+ export { d as PageHeader, t as pageHeaderAppBandHeightClasses, l as pageHeaderHeadingLevels, o as pageHeaderVariants };
@@ -41,10 +41,12 @@ declare function FooterRevealFooter({ children, className }: FooterRevealFooterP
41
41
  export interface FooterRevealSocialLink {
42
42
  label: string;
43
43
  href: string;
44
+ /** Accessible name when the label alone is unclear, e.g. `WhatMatters on X` for the label `X`. */
45
+ ariaLabel?: string;
44
46
  }
45
47
  /** Content is the app's: `headline`, `ctaLabel`, and `wordmark` are required, with no defaults. */
46
48
  export interface FooterRevealBrandProps {
47
- /** Centered display headline, e.g. `We Build WhatMatters`. */
49
+ /** Centered display headline, e.g. `We build WhatMatters`. */
48
50
  headline: string;
49
51
  /** Sentence-case label on the surface CTA, e.g. `Start a project`. */
50
52
  ctaLabel: string;
@@ -60,7 +62,7 @@ export interface FooterRevealBrandProps {
60
62
  ctaHref?: string;
61
63
  /** Decorative wordmark along the bottom edge. Spans the footer width, e.g. `WHATMATTERS`. */
62
64
  wordmark: string;
63
- /** Underlined text row. `https` links open in a new tab with `rel="noopener"`. Omit to render none. */
65
+ /** Underlined text row. Links open in the same tab (Links K9). Omit to render none. */
64
66
  socialLinks?: readonly FooterRevealSocialLink[];
65
67
  className?: FooterRevealLayoutClassName;
66
68
  }
@@ -1 +1 @@
1
- {"version":3,"file":"FooterReveal.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/FooterReveal/FooterReveal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,WAAW,EACjB,MAAM,cAAc,CAAC;AACtB,OAAO,EAOL,KAAK,iBAAiB,EACtB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAIf,OAAO,EAOL,wBAAwB,EAIxB,4BAA4B,EAM5B,6BAA6B,EAI9B,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,wBAAwB,EAAE,4BAA4B,EAAE,6BAA6B,EAAE,CAAC;AACjG,YAAY,EACV,qBAAqB,EACrB,sBAAsB,GACvB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAC;AAEjE,0FAA0F;AAC1F,MAAM,MAAM,2BAA2B,GAAG,MAAM,CAAC;AAEjD,MAAM,WAAW,iBAAiB;IAChC,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,2BAA2B,CAAC;CACzC;AAED,MAAM,WAAW,wBAAwB;IACvC,wFAAwF;IACxF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,2BAA2B,CAAC;CACzC;AAED,MAAM,WAAW,uBAAuB;IACtC,yEAAyE;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2FAA2F;IAC3F,SAAS,CAAC,EAAE,2BAA2B,CAAC;CACzC;AA8CD;;;GAGG;AACH,wBAAgB,uBAAuB,IAAI,WAAW,CAAC,MAAM,CAAC,CAE7D;AAED;;;;;;GAMG;AACH,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAkEnE;AAED,iBAAS,mBAAmB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,wBAAwB,+BAY7E;AAiBD,iBAAS,kBAAkB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,uBAAuB,+BA8C3E;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,mGAAmG;AACnG,MAAM,WAAW,sBAAsB;IACrC,8DAA8D;IAC9D,QAAQ,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,UAAU,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAClD;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6FAA6F;IAC7F,QAAQ,EAAE,MAAM,CAAC;IACjB,uGAAuG;IACvG,WAAW,CAAC,EAAE,SAAS,sBAAsB,EAAE,CAAC;IAChD,SAAS,CAAC,EAAE,2BAA2B,CAAC;CACzC;AA0ED;;;GAGG;AACH,iBAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACR,WAAgB,EAChB,SAAS,GACV,EAAE,sBAAsB,+BA6BxB;AAED,eAAO,MAAM,YAAY;;;;;CAKvB,CAAC"}
1
+ {"version":3,"file":"FooterReveal.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/FooterReveal/FooterReveal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,WAAW,EACjB,MAAM,cAAc,CAAC;AACtB,OAAO,EAOL,KAAK,iBAAiB,EACtB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAIf,OAAO,EAML,wBAAwB,EAIxB,4BAA4B,EAM5B,6BAA6B,EAI9B,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,wBAAwB,EAAE,4BAA4B,EAAE,6BAA6B,EAAE,CAAC;AACjG,YAAY,EACV,qBAAqB,EACrB,sBAAsB,GACvB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAC;AAEjE,0FAA0F;AAC1F,MAAM,MAAM,2BAA2B,GAAG,MAAM,CAAC;AAEjD,MAAM,WAAW,iBAAiB;IAChC,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,2BAA2B,CAAC;CACzC;AAED,MAAM,WAAW,wBAAwB;IACvC,wFAAwF;IACxF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,2BAA2B,CAAC;CACzC;AAED,MAAM,WAAW,uBAAuB;IACtC,yEAAyE;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2FAA2F;IAC3F,SAAS,CAAC,EAAE,2BAA2B,CAAC;CACzC;AA8CD;;;GAGG;AACH,wBAAgB,uBAAuB,IAAI,WAAW,CAAC,MAAM,CAAC,CAE7D;AAED;;;;;;GAMG;AACH,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAkEnE;AAED,iBAAS,mBAAmB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,wBAAwB,+BAY7E;AAiBD,iBAAS,kBAAkB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,uBAAuB,+BA8C3E;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,kGAAkG;IAClG,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,mGAAmG;AACnG,MAAM,WAAW,sBAAsB;IACrC,8DAA8D;IAC9D,QAAQ,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,UAAU,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAClD;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6FAA6F;IAC7F,QAAQ,EAAE,MAAM,CAAC;IACjB,uFAAuF;IACvF,WAAW,CAAC,EAAE,SAAS,sBAAsB,EAAE,CAAC;IAChD,SAAS,CAAC,EAAE,2BAA2B,CAAC;CACzC;AA0ED;;;GAGG;AACH,iBAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACR,WAAgB,EAChB,SAAS,GACV,EAAE,sBAAsB,+BA6BxB;AAED,eAAO,MAAM,YAAY;;;;;CAKvB,CAAC"}
@@ -3,35 +3,35 @@
3
3
  import { cn as e } from "../../../lib/cn.js";
4
4
  import { Button as t } from "../../atoms/Button/Button.js";
5
5
  import { footerRevealAt as n } from "./footerRevealAt.js";
6
- import { footerRevealBrandClasses as r, footerRevealBrandCopyClasses as i, footerRevealBrandHeadlineClasses as a, footerRevealContentClasses as o, footerRevealExternalLinkProps as s, footerRevealFadeClasses as c, footerRevealFieldClasses as l, footerRevealFieldContentClasses as u, footerRevealFieldGuideClasses as d, footerRevealFieldGuideFrameClasses as f, footerRevealFieldLinkClasses as p, footerRevealRootClasses as m, footerRevealRuledFieldClasses as h, footerRevealScaleClasses as g, footerRevealSocialLinkClasses as _, footerRevealSocialListClasses as v, footerRevealStickyClasses as y, footerRevealWordmarkClasses as b, footerRevealWordmarkFontSize as x, footerRevealWordmarkFrameClasses as S } from "./footerRevealStyles.js";
7
- import { syncFooterRevealWordmark as C } from "./footerRevealWordmark.js";
8
- import { FooterRevealRuled as w, footerRevealRuledEmailHref as T } from "./FooterRevealRuled.js";
9
- import { createContext as E, useContext as D, useLayoutEffect as O, useRef as k, useState as A, useSyncExternalStore as j } from "react";
10
- import { jsx as M, jsxs as N } from "react/jsx-runtime";
11
- import { MotionConfigContext as P, motion as F, useMotionTemplate as I, useScroll as L, useTransform as R } from "motion/react";
6
+ import { footerRevealBrandClasses as r, footerRevealBrandCopyClasses as i, footerRevealBrandHeadlineClasses as a, footerRevealContentClasses as o, footerRevealFadeClasses as s, footerRevealFieldClasses as c, footerRevealFieldContentClasses as l, footerRevealFieldGuideClasses as u, footerRevealFieldGuideFrameClasses as d, footerRevealFieldLinkClasses as f, footerRevealRootClasses as p, footerRevealRuledFieldClasses as m, footerRevealScaleClasses as h, footerRevealSocialLinkClasses as g, footerRevealSocialListClasses as _, footerRevealStickyClasses as v, footerRevealWordmarkClasses as y, footerRevealWordmarkFontSize as b, footerRevealWordmarkFrameClasses as x } from "./footerRevealStyles.js";
7
+ import { syncFooterRevealWordmark as S } from "./footerRevealWordmark.js";
8
+ import { FooterRevealRuled as C, footerRevealRuledEmailHref as w } from "./FooterRevealRuled.js";
9
+ import { createContext as T, useContext as E, useLayoutEffect as D, useRef as O, useState as k, useSyncExternalStore as A } from "react";
10
+ import { jsx as j, jsxs as M } from "react/jsx-runtime";
11
+ import { MotionConfigContext as N, motion as P, useMotionTemplate as F, useScroll as I, useTransform as L } from "motion/react";
12
12
  //#region src/components/organisms/FooterReveal/FooterReveal.tsx
13
- var z = E(null), B = "(prefers-reduced-motion: reduce)";
14
- function V(e) {
15
- let t = window.matchMedia(B);
13
+ var R = T(null), z = "(prefers-reduced-motion: reduce)";
14
+ function B(e) {
15
+ let t = window.matchMedia(z);
16
16
  return t.addEventListener("change", e), () => t.removeEventListener("change", e);
17
17
  }
18
- function H() {
19
- return window.matchMedia(B).matches;
18
+ function V() {
19
+ return window.matchMedia(z).matches;
20
20
  }
21
- function U() {
22
- return j(V, H, () => !0);
21
+ function H() {
22
+ return A(B, V, () => !0);
23
23
  }
24
- function W(e) {
25
- let t = D(z);
24
+ function U(e) {
25
+ let t = E(R);
26
26
  if (!t) throw Error(`${e} must be rendered inside FooterReveal.`);
27
27
  return t;
28
28
  }
29
- function G() {
30
- return W("useFooterRevealProgress").reveal;
29
+ function W() {
30
+ return U("useFooterRevealProgress").reveal;
31
31
  }
32
- function K({ children: t, className: r }) {
33
- let i = k(null), a = k(null), [o, s] = A(.35), { reducedMotion: c } = D(P), l = U() || c === "always";
34
- O(() => {
32
+ function G({ children: t, className: r }) {
33
+ let i = O(null), a = O(null), [o, s] = k(.35), { reducedMotion: c } = E(N), l = H() || c === "always";
34
+ D(() => {
35
35
  let e = a.current;
36
36
  if (!e || typeof ResizeObserver > "u") return;
37
37
  let t = () => {
@@ -43,104 +43,104 @@ function K({ children: t, className: r }) {
43
43
  r.disconnect(), window.removeEventListener("resize", t);
44
44
  };
45
45
  }, []);
46
- let { scrollYProgress: u } = L({
46
+ let { scrollYProgress: u } = I({
47
47
  target: i,
48
48
  offset: ["end end", "end start"]
49
- }), d = R(u, [0, o], [0, 1]), f = R(d, (e) => l ? 1 : e), p = R(u, [0, o], l ? [1, 1] : [.9, 1]), h = R(u, [0, o], l ? [0, 0] : [12, 0]), g = {
49
+ }), d = L(u, [0, o], [0, 1]), f = L(d, (e) => l ? 1 : e), m = L(u, [0, o], l ? [1, 1] : [.9, 1]), h = L(u, [0, o], l ? [0, 0] : [12, 0]), g = {
50
50
  reveal: f,
51
51
  reduceMotion: l,
52
52
  contentRef: i,
53
53
  footerRef: a,
54
- scale: p,
55
- filter: I`blur(${h}px)`,
56
- opacityWillChange: R(u, (e) => !l && e > 1e-4 && e < o ? "opacity" : "auto"),
57
- contentWillChange: R(u, (e) => !l && e > 1e-4 && e < o ? "transform, filter" : "auto")
54
+ scale: m,
55
+ filter: F`blur(${h}px)`,
56
+ opacityWillChange: L(u, (e) => !l && e > 1e-4 && e < o ? "opacity" : "auto"),
57
+ contentWillChange: L(u, (e) => !l && e > 1e-4 && e < o ? "transform, filter" : "auto")
58
58
  };
59
- return /* @__PURE__ */ M(z.Provider, {
59
+ return /* @__PURE__ */ j(R.Provider, {
60
60
  value: g,
61
- children: /* @__PURE__ */ M("div", {
62
- className: e(m, r),
61
+ children: /* @__PURE__ */ j("div", {
62
+ className: e(p, r),
63
63
  "data-footer-reveal": "root",
64
64
  children: t
65
65
  })
66
66
  });
67
67
  }
68
- function q({ children: t, className: n }) {
69
- let { contentRef: r } = W("FooterReveal.Content");
70
- return /* @__PURE__ */ M("div", {
68
+ function K({ children: t, className: n }) {
69
+ let { contentRef: r } = U("FooterReveal.Content");
70
+ return /* @__PURE__ */ j("div", {
71
71
  ref: r,
72
72
  className: e(o, n),
73
73
  "data-footer-reveal": "content",
74
74
  children: t
75
75
  });
76
76
  }
77
- function J({ children: e }) {
78
- return /* @__PURE__ */ N("div", {
77
+ function q({ children: e }) {
78
+ return /* @__PURE__ */ M("div", {
79
79
  className: "relative",
80
- children: [/* @__PURE__ */ M("div", {
81
- className: d,
80
+ children: [/* @__PURE__ */ j("div", {
81
+ className: u,
82
82
  "data-footer-reveal": "guides",
83
83
  "aria-hidden": "true",
84
- children: /* @__PURE__ */ M("div", {
85
- className: f,
86
- children: /* @__PURE__ */ M("div", { className: "grid-guides-cols" })
84
+ children: /* @__PURE__ */ j("div", {
85
+ className: d,
86
+ children: /* @__PURE__ */ j("div", { className: "grid-guides-cols" })
87
87
  })
88
- }), /* @__PURE__ */ M("div", {
89
- className: u,
88
+ }), /* @__PURE__ */ j("div", {
89
+ className: l,
90
90
  "data-footer-reveal": "field",
91
91
  children: e
92
92
  })]
93
93
  });
94
94
  }
95
- function Y({ children: t, className: n }) {
96
- let { footerRef: r, reveal: i, reduceMotion: a, scale: o, filter: s, opacityWillChange: l, contentWillChange: u } = W("FooterReveal.Footer");
97
- return /* @__PURE__ */ M("footer", {
95
+ function J({ children: t, className: n }) {
96
+ let { footerRef: r, reveal: i, reduceMotion: a, scale: o, filter: c, opacityWillChange: l, contentWillChange: u } = U("FooterReveal.Footer");
97
+ return /* @__PURE__ */ j("footer", {
98
98
  ref: r,
99
- className: y,
99
+ className: v,
100
100
  "data-footer-reveal": "sticky",
101
- children: a ? /* @__PURE__ */ M("div", {
102
- className: e(c, n),
101
+ children: a ? /* @__PURE__ */ j("div", {
102
+ className: e(s, n),
103
103
  style: { opacity: 1 },
104
104
  "data-footer-reveal": "fade",
105
- children: /* @__PURE__ */ M("div", {
106
- className: g,
105
+ children: /* @__PURE__ */ j("div", {
106
+ className: h,
107
107
  style: {
108
108
  transform: "none",
109
109
  filter: "none",
110
110
  transformOrigin: "50% 100%"
111
111
  },
112
112
  "data-footer-reveal": "scale",
113
- children: /* @__PURE__ */ M(J, { children: t })
113
+ children: /* @__PURE__ */ j(q, { children: t })
114
114
  })
115
- }) : /* @__PURE__ */ M(F.div, {
116
- className: e(c, n),
115
+ }) : /* @__PURE__ */ j(P.div, {
116
+ className: e(s, n),
117
117
  style: {
118
118
  opacity: i,
119
119
  willChange: l
120
120
  },
121
121
  "data-footer-reveal": "fade",
122
- children: /* @__PURE__ */ M(F.div, {
123
- className: g,
122
+ children: /* @__PURE__ */ j(P.div, {
123
+ className: h,
124
124
  style: {
125
125
  scale: o,
126
- filter: s,
126
+ filter: c,
127
127
  transformOrigin: "50% 100%",
128
128
  willChange: u
129
129
  },
130
130
  "data-footer-reveal": "scale",
131
- children: /* @__PURE__ */ M(J, { children: t })
131
+ children: /* @__PURE__ */ j(q, { children: t })
132
132
  })
133
133
  })
134
134
  });
135
135
  }
136
- function X({ text: e }) {
137
- let t = k(null), n = k(null);
138
- return O(() => {
136
+ function Y({ text: e }) {
137
+ let t = O(null), n = O(null);
138
+ return D(() => {
139
139
  let e = t.current, r = n.current;
140
140
  if (!e || !r) return;
141
141
  let i = -1, a = () => {
142
142
  let t = e.clientWidth;
143
- t <= 0 || Math.abs(t - i) < .5 && e.style.getPropertyValue("--footer-wordmark-em") || (i = t, C(r, e));
143
+ t <= 0 || Math.abs(t - i) < .5 && e.style.getPropertyValue("--footer-wordmark-em") || (i = t, S(r, e));
144
144
  };
145
145
  a();
146
146
  let o = typeof ResizeObserver > "u" ? null : new ResizeObserver(() => {
@@ -153,56 +153,56 @@ function X({ text: e }) {
153
153
  return s?.addEventListener?.("loadingdone", c), s?.ready && s.ready.then(c).catch(() => {}), () => {
154
154
  o?.disconnect(), s?.removeEventListener?.("loadingdone", c);
155
155
  };
156
- }, [e]), /* @__PURE__ */ M("div", {
156
+ }, [e]), /* @__PURE__ */ j("div", {
157
157
  ref: t,
158
- className: S,
158
+ className: x,
159
159
  "data-footer-reveal": "wordmark-frame",
160
- children: /* @__PURE__ */ M("p", {
160
+ children: /* @__PURE__ */ j("p", {
161
161
  ref: n,
162
- className: b,
163
- style: { fontSize: x },
162
+ className: y,
163
+ style: { fontSize: b },
164
164
  "aria-hidden": "true",
165
165
  "data-footer-reveal": "wordmark",
166
166
  children: e
167
167
  })
168
168
  });
169
169
  }
170
- function Z({ headline: n, ctaLabel: o, onCtaClick: c, ctaHref: l, wordmark: u, socialLinks: d = [], className: f }) {
171
- return /* @__PURE__ */ N("div", {
172
- className: e(r, f),
173
- children: [/* @__PURE__ */ N("div", {
170
+ function X({ headline: n, ctaLabel: o, onCtaClick: s, ctaHref: c, wordmark: l, socialLinks: u = [], className: d }) {
171
+ return /* @__PURE__ */ M("div", {
172
+ className: e(r, d),
173
+ children: [/* @__PURE__ */ M("div", {
174
174
  className: i,
175
175
  children: [
176
- /* @__PURE__ */ M("h2", {
176
+ /* @__PURE__ */ j("h2", {
177
177
  className: a,
178
178
  children: n
179
179
  }),
180
- /* @__PURE__ */ M(t, {
180
+ /* @__PURE__ */ j(t, {
181
181
  role: "inverse",
182
182
  size: "lg",
183
183
  type: "button",
184
- onClick: c,
185
- render: l ? /* @__PURE__ */ M("a", { href: l }) : void 0,
184
+ onClick: s,
185
+ render: c ? /* @__PURE__ */ j("a", { href: c }) : void 0,
186
186
  children: o
187
187
  }),
188
- d.length > 0 ? /* @__PURE__ */ M("ul", {
189
- className: v,
190
- children: d.map((e) => /* @__PURE__ */ M("li", { children: /* @__PURE__ */ M("a", {
188
+ u.length > 0 ? /* @__PURE__ */ j("ul", {
189
+ className: _,
190
+ children: u.map((e) => /* @__PURE__ */ j("li", { children: /* @__PURE__ */ j("a", {
191
191
  href: e.href,
192
- className: _,
193
- ...s(e.href),
192
+ className: g,
193
+ "aria-label": e.ariaLabel,
194
194
  children: e.label
195
195
  }) }, e.label))
196
196
  }) : null
197
197
  ]
198
- }), /* @__PURE__ */ M(X, { text: u })]
198
+ }), /* @__PURE__ */ j(Y, { text: l })]
199
199
  });
200
200
  }
201
- var Q = Object.assign(K, {
202
- Content: q,
203
- Footer: Y,
204
- Brand: Z,
205
- Ruled: w
201
+ var Z = Object.assign(G, {
202
+ Content: K,
203
+ Footer: J,
204
+ Brand: X,
205
+ Ruled: C
206
206
  });
207
207
  //#endregion
208
- export { Q as FooterReveal, l as footerRevealFieldClasses, p as footerRevealFieldLinkClasses, T as footerRevealRuledEmailHref, h as footerRevealRuledFieldClasses, G as useFooterRevealProgress };
208
+ export { Z as FooterReveal, c as footerRevealFieldClasses, f as footerRevealFieldLinkClasses, w as footerRevealRuledEmailHref, m as footerRevealRuledFieldClasses, W as useFooterRevealProgress };
@@ -1 +1 @@
1
- {"version":3,"file":"FooterRevealRuled.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/FooterReveal/FooterRevealRuled.tsx"],"names":[],"mappings":"AAwBA,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,wEAAwE;IACxE,QAAQ,EAAE,MAAM,CAAC;IACjB,uFAAuF;IACvF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sGAAsG;IACtG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,KAAK,CAAC,EAAE,SAAS,qBAAqB,EAAE,CAAC;IACzC,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,uDAAuD;AACvD,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAGpF;AAkFD;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,KAAU,EACV,KAAK,EACL,SAAS,EACT,MAAM,EACN,SAAS,GACV,EAAE,sBAAsB,+BAwDxB"}
1
+ {"version":3,"file":"FooterRevealRuled.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/FooterReveal/FooterRevealRuled.tsx"],"names":[],"mappings":"AAwBA,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC,wEAAwE;IACxE,QAAQ,EAAE,MAAM,CAAC;IACjB,uFAAuF;IACvF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sGAAsG;IACtG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,KAAK,CAAC,EAAE,SAAS,qBAAqB,EAAE,CAAC;IACzC,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,uDAAuD;AACvD,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAGpF;AAkFD;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,KAAU,EACV,KAAK,EACL,SAAS,EACT,MAAM,EACN,SAAS,GACV,EAAE,sBAAsB,+BAuDxB"}