@thewhatmatters/wmds 0.4.8 → 0.4.27

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 (320) hide show
  1. package/CHANGELOG.md +284 -2
  2. package/CONSUMING.md +1 -1
  3. package/README.md +1 -1
  4. package/bin/wmds-check.mjs +8 -4
  5. package/dist/components/atoms/Badge/Badge.d.ts +13 -5
  6. package/dist/components/atoms/Badge/Badge.d.ts.map +1 -1
  7. package/dist/components/atoms/Badge/Badge.js +56 -48
  8. package/dist/components/atoms/Badge/badgeStyles.d.ts +15 -0
  9. package/dist/components/atoms/Badge/badgeStyles.d.ts.map +1 -1
  10. package/dist/components/atoms/Badge/badgeStyles.js +38 -16
  11. package/dist/components/atoms/Button/Button.d.ts +1 -1
  12. package/dist/components/atoms/Button/Button.d.ts.map +1 -1
  13. package/dist/components/atoms/Button/Button.js +67 -48
  14. package/dist/components/atoms/Button/buttonStatusMotion.d.ts.map +1 -1
  15. package/dist/components/atoms/Button/buttonStatusMotion.js +6 -1
  16. package/dist/components/atoms/Button/buttonStyles.d.ts +1 -1
  17. package/dist/components/atoms/Button/buttonStyles.d.ts.map +1 -1
  18. package/dist/components/atoms/Button/buttonStyles.js +14 -12
  19. package/dist/components/atoms/Input/Input.d.ts +3 -1
  20. package/dist/components/atoms/Input/Input.d.ts.map +1 -1
  21. package/dist/components/atoms/Input/Input.js +59 -59
  22. package/dist/components/atoms/Input/inputShellStyles.d.ts +9 -3
  23. package/dist/components/atoms/Input/inputShellStyles.d.ts.map +1 -1
  24. package/dist/components/atoms/Input/inputShellStyles.js +38 -38
  25. package/dist/components/atoms/RiveHand/RiveHand.d.ts.map +1 -1
  26. package/dist/components/atoms/RiveHand/RiveHand.js +83 -81
  27. package/dist/components/atoms/Table/Table.d.ts +54 -0
  28. package/dist/components/atoms/Table/Table.d.ts.map +1 -0
  29. package/dist/components/atoms/Table/Table.js +66 -0
  30. package/dist/components/atoms/Table/tableStyles.d.ts +18 -0
  31. package/dist/components/atoms/Table/tableStyles.d.ts.map +1 -0
  32. package/dist/components/atoms/Table/tableStyles.js +14 -0
  33. package/dist/components/atoms/TextArea/TextArea.d.ts +6 -0
  34. package/dist/components/atoms/TextArea/TextArea.d.ts.map +1 -1
  35. package/dist/components/atoms/TextArea/TextArea.js +86 -78
  36. package/dist/components/atoms/TextArea/textareaShellStyles.d.ts +2 -2
  37. package/dist/components/atoms/TextArea/textareaShellStyles.d.ts.map +1 -1
  38. package/dist/components/atoms/TextArea/textareaShellStyles.js +2 -2
  39. package/dist/components/atoms/TextLink/TextLink.d.ts +9 -3
  40. package/dist/components/atoms/TextLink/TextLink.d.ts.map +1 -1
  41. package/dist/components/atoms/TextLink/TextLink.js +22 -17
  42. package/dist/components/molecules/Card/Card.d.ts +28 -6
  43. package/dist/components/molecules/Card/Card.d.ts.map +1 -1
  44. package/dist/components/molecules/Card/Card.js +83 -42
  45. package/dist/components/molecules/Card/cardStyles.d.ts +16 -1
  46. package/dist/components/molecules/Card/cardStyles.d.ts.map +1 -1
  47. package/dist/components/molecules/Card/cardStyles.js +18 -4
  48. package/dist/components/molecules/Chip/chipStyles.js +9 -9
  49. package/dist/components/molecules/CopyField/CopyField.d.ts +41 -0
  50. package/dist/components/molecules/CopyField/CopyField.d.ts.map +1 -0
  51. package/dist/components/molecules/CopyField/CopyField.js +120 -0
  52. package/dist/components/molecules/CopyField/copyFieldStyles.d.ts +28 -0
  53. package/dist/components/molecules/CopyField/copyFieldStyles.d.ts.map +1 -0
  54. package/dist/components/molecules/CopyField/copyFieldStyles.js +7 -0
  55. package/dist/components/molecules/DisplayControls/DisplayControls.d.ts +16 -7
  56. package/dist/components/molecules/DisplayControls/DisplayControls.d.ts.map +1 -1
  57. package/dist/components/molecules/DisplayControls/DisplayControls.js +41 -39
  58. package/dist/components/molecules/DisplayControls/displayControlsState.d.ts +21 -0
  59. package/dist/components/molecules/DisplayControls/displayControlsState.d.ts.map +1 -1
  60. package/dist/components/molecules/DisplayControls/displayControlsState.js +46 -4
  61. package/dist/components/molecules/IndexList/IndexList.d.ts +6 -3
  62. package/dist/components/molecules/IndexList/IndexList.d.ts.map +1 -1
  63. package/dist/components/molecules/IndexList/IndexList.js +22 -21
  64. package/dist/components/molecules/LinkTile/LinkTile.d.ts.map +1 -1
  65. package/dist/components/molecules/LinkTile/LinkTile.js +74 -68
  66. package/dist/components/molecules/LinkTile/linkTileStyles.d.ts +7 -1
  67. package/dist/components/molecules/LinkTile/linkTileStyles.d.ts.map +1 -1
  68. package/dist/components/molecules/LinkTile/linkTileStyles.js +2 -2
  69. package/dist/components/molecules/LogView/LogView.d.ts +31 -0
  70. package/dist/components/molecules/LogView/LogView.d.ts.map +1 -0
  71. package/dist/components/molecules/LogView/LogView.js +109 -0
  72. package/dist/components/molecules/LogView/logViewStyles.d.ts +11 -0
  73. package/dist/components/molecules/LogView/logViewStyles.d.ts.map +1 -0
  74. package/dist/components/molecules/LogView/logViewStyles.js +6 -0
  75. package/dist/components/molecules/NavList/NavList.d.ts +23 -4
  76. package/dist/components/molecules/NavList/NavList.d.ts.map +1 -1
  77. package/dist/components/molecules/NavList/NavList.js +65 -52
  78. package/dist/components/molecules/NavList/navListStyles.d.ts +2 -0
  79. package/dist/components/molecules/NavList/navListStyles.d.ts.map +1 -1
  80. package/dist/components/molecules/NavList/navListStyles.js +3 -3
  81. package/dist/components/molecules/PageHeader/PageHeader.js +3 -3
  82. package/dist/components/molecules/SegmentedControl/segmentedControlStyles.js +7 -7
  83. package/dist/components/molecules/Stat/Stat.d.ts +31 -5
  84. package/dist/components/molecules/Stat/Stat.d.ts.map +1 -1
  85. package/dist/components/molecules/Stat/Stat.js +83 -49
  86. package/dist/components/molecules/Stat/statStyles.d.ts +23 -3
  87. package/dist/components/molecules/Stat/statStyles.d.ts.map +1 -1
  88. package/dist/components/molecules/Stat/statStyles.js +29 -12
  89. package/dist/components/molecules/TaskRows/TaskRows.d.ts +13 -3
  90. package/dist/components/molecules/TaskRows/TaskRows.d.ts.map +1 -1
  91. package/dist/components/molecules/TaskRows/TaskRows.js +81 -57
  92. package/dist/components/molecules/TaskRows/TaskRowsTable.d.ts +54 -0
  93. package/dist/components/molecules/TaskRows/TaskRowsTable.d.ts.map +1 -0
  94. package/dist/components/molecules/TaskRows/TaskRowsTable.js +200 -0
  95. package/dist/components/molecules/TaskRows/taskRowsStyles.d.ts +19 -1
  96. package/dist/components/molecules/TaskRows/taskRowsStyles.d.ts.map +1 -1
  97. package/dist/components/molecules/TaskRows/taskRowsStyles.js +7 -3
  98. package/dist/components/molecules/TileGrid/tileGridStyles.d.ts +2 -2
  99. package/dist/components/organisms/AppShell/AppShell.d.ts +82 -0
  100. package/dist/components/organisms/AppShell/AppShell.d.ts.map +1 -0
  101. package/dist/components/organisms/AppShell/AppShell.js +222 -0
  102. package/dist/components/organisms/AppShell/appShellStyles.d.ts +18 -0
  103. package/dist/components/organisms/AppShell/appShellStyles.d.ts.map +1 -0
  104. package/dist/components/organisms/AppShell/appShellStyles.js +8 -0
  105. package/dist/components/organisms/Carousel/Carousel.d.ts +9 -1
  106. package/dist/components/organisms/Carousel/Carousel.d.ts.map +1 -1
  107. package/dist/components/organisms/Carousel/Carousel.js +220 -182
  108. package/dist/components/organisms/Carousel/carouselMath.d.ts +5 -0
  109. package/dist/components/organisms/Carousel/carouselMath.d.ts.map +1 -1
  110. package/dist/components/organisms/Carousel/carouselMath.js +9 -1
  111. package/dist/components/organisms/Carousel/carouselStyles.d.ts +2 -0
  112. package/dist/components/organisms/Carousel/carouselStyles.d.ts.map +1 -1
  113. package/dist/components/organisms/Carousel/carouselStyles.js +8 -7
  114. package/dist/components/organisms/Chart/Chart.d.ts +5 -1
  115. package/dist/components/organisms/Chart/Chart.d.ts.map +1 -1
  116. package/dist/components/organisms/Chart/Chart.js +126 -62
  117. package/dist/components/organisms/Chart/ChartLegend.d.ts +8 -1
  118. package/dist/components/organisms/Chart/ChartLegend.d.ts.map +1 -1
  119. package/dist/components/organisms/Chart/ChartLegend.js +43 -13
  120. package/dist/components/organisms/Chart/ChartSegmentedRing.d.ts +52 -0
  121. package/dist/components/organisms/Chart/ChartSegmentedRing.d.ts.map +1 -0
  122. package/dist/components/organisms/Chart/ChartSegmentedRing.js +95 -0
  123. package/dist/components/organisms/Chart/chartStyles.d.ts +32 -0
  124. package/dist/components/organisms/Chart/chartStyles.d.ts.map +1 -1
  125. package/dist/components/organisms/Chart/chartStyles.js +15 -3
  126. package/dist/components/organisms/ChatDock/ChatDock.d.ts.map +1 -1
  127. package/dist/components/organisms/ChatDock/ChatDock.js +29 -25
  128. package/dist/components/organisms/Dialog/OverlayPanelHeader.d.ts.map +1 -1
  129. package/dist/components/organisms/Dialog/OverlayPanelHeader.js +1 -0
  130. package/dist/components/organisms/Sheet/Sheet.d.ts +3 -1
  131. package/dist/components/organisms/Sheet/Sheet.d.ts.map +1 -1
  132. package/dist/components/organisms/Sheet/Sheet.js +74 -68
  133. package/dist/components/organisms/Sheet/sheetStyles.d.ts +8 -2
  134. package/dist/components/organisms/Sheet/sheetStyles.d.ts.map +1 -1
  135. package/dist/components/organisms/Sheet/sheetStyles.js +16 -11
  136. package/dist/components/organisms/Tab/tabStyles.js +7 -7
  137. package/dist/index.d.ts +14 -8
  138. package/dist/index.d.ts.map +1 -1
  139. package/dist/index.js +148 -139
  140. package/dist/lib/chartTheme.d.ts +11 -0
  141. package/dist/lib/chartTheme.d.ts.map +1 -1
  142. package/dist/lib/compositionAudit.d.ts.map +1 -1
  143. package/dist/lib/dialogOverlay.d.ts +7 -0
  144. package/dist/lib/dialogOverlay.d.ts.map +1 -1
  145. package/dist/lib/dialogOverlay.js +16 -1
  146. package/dist/lib/sheetParam/index.d.ts +3 -0
  147. package/dist/lib/sheetParam/index.d.ts.map +1 -0
  148. package/dist/lib/sheetParam/sheetParam.d.ts +15 -0
  149. package/dist/lib/sheetParam/sheetParam.d.ts.map +1 -0
  150. package/dist/lib/sheetParam/sheetParam.js +26 -0
  151. package/dist/lib/sheetParam/useSheetParam.d.ts +25 -0
  152. package/dist/lib/sheetParam/useSheetParam.d.ts.map +1 -0
  153. package/dist/lib/sheetParam/useSheetParam.js +29 -0
  154. package/dist/lib/typography.d.ts +2 -2
  155. package/dist/lib/typography.d.ts.map +1 -1
  156. package/dist/lib/typography.js +11 -0
  157. package/dist/styles.css +1 -1
  158. package/dist/typography.css +16 -0
  159. package/docs/README.md +1 -1
  160. package/docs/component-contracts.md +101 -0
  161. package/docs/components.md +21 -16
  162. package/docs/exports.json +88 -15
  163. package/docs/patterns/components-accordion--flush.tsx +1 -1
  164. package/docs/patterns/components-appshell--portal-dashboard-pattern.tsx +176 -0
  165. package/docs/patterns/components-avatar--dropdown-row.tsx +1 -1
  166. package/docs/patterns/components-badge--outline-tags.tsx +1 -1
  167. package/docs/patterns/components-badge--status-pill.tsx +31 -0
  168. package/docs/patterns/components-badge--with-avatar.tsx +1 -1
  169. package/docs/patterns/components-breadcrumb--editorial.tsx +1 -1
  170. package/docs/patterns/components-breadcrumb--long-path.tsx +1 -1
  171. package/docs/patterns/components-breadcrumb--path.tsx +1 -1
  172. package/docs/patterns/components-breadcrumb--router-links.tsx +1 -1
  173. package/docs/patterns/components-button-button--copy-button.tsx +1 -1
  174. package/docs/patterns/components-button-button--destructive-action.tsx +1 -1
  175. package/docs/patterns/components-button-button--external-link.tsx +1 -1
  176. package/docs/patterns/components-button-button--ghost-action.tsx +1 -1
  177. package/docs/patterns/components-button-button--inverse-action.tsx +1 -1
  178. package/docs/patterns/components-button-button--link-render.tsx +1 -1
  179. package/docs/patterns/components-button-button--multi-state-badge.tsx +1 -1
  180. package/docs/patterns/components-button-button--outline-mono.tsx +1 -1
  181. package/docs/patterns/components-button-button--primary-action.tsx +1 -1
  182. package/docs/patterns/components-button-button--row-hug.tsx +1 -1
  183. package/docs/patterns/components-button-button--row-layout.tsx +1 -1
  184. package/docs/patterns/components-button-button--secondary-action.tsx +1 -1
  185. package/docs/patterns/components-button-button--suggestion-pills.tsx +1 -1
  186. package/docs/patterns/components-button-button--with-count.tsx +1 -1
  187. package/docs/patterns/components-button-button--with-icon.tsx +1 -1
  188. package/docs/patterns/components-button-floatingactionbutton--vertical-actions.tsx +1 -1
  189. package/docs/patterns/components-calembed--pattern-skip-in-footer.tsx +1 -1
  190. package/docs/patterns/components-card-card--body-slot-occupancy-history.tsx +1 -1
  191. package/docs/patterns/components-card-card--headerless-media.tsx +1 -1
  192. package/docs/patterns/components-card-card--outlined-layout.tsx +1 -1
  193. package/docs/patterns/components-card-card--pinned-height.tsx +1 -1
  194. package/docs/patterns/components-card-card--terminal-frame.tsx +48 -0
  195. package/docs/patterns/components-card-selectablecard--selectable-cards-pattern.tsx +1 -1
  196. package/docs/patterns/components-carousel--image-carousel.tsx +1 -1
  197. package/docs/patterns/components-chart--audience-activity-heatmap.tsx +1 -1
  198. package/docs/patterns/components-chart--cartesian-no-data-gaps.tsx +1 -1
  199. package/docs/patterns/components-chart--occupancy-history-in-card.tsx +1 -1
  200. package/docs/patterns/components-chart--occupancy-in-card.tsx +1 -1
  201. package/docs/patterns/components-chart--post-reach-distribution.tsx +1 -1
  202. package/docs/patterns/components-chart--ranked-audience-breakdown.tsx +1 -1
  203. package/docs/patterns/components-chart--revenue-by-line.tsx +68 -0
  204. package/docs/patterns/components-chart--segmented-ring-pattern.tsx +144 -0
  205. package/docs/patterns/components-chart--unit-grid-composition.tsx +1 -1
  206. package/docs/patterns/components-chatdock--pattern-chat-dock.tsx +1 -1
  207. package/docs/patterns/components-chatdock--pattern-start-project-gate.tsx +1 -1
  208. package/docs/patterns/components-chatqa--pattern-qa-with-reply.tsx +1 -1
  209. package/docs/patterns/components-checkbox-checkbox--default.tsx +1 -1
  210. package/docs/patterns/components-checkbox-checkbox--with-count.tsx +1 -1
  211. package/docs/patterns/components-checkbox-checkbox--with-description.tsx +1 -1
  212. package/docs/patterns/components-checkbox-checkboxgroup--default.tsx +1 -1
  213. package/docs/patterns/components-checkbox-checkboxgroup--option-counts.tsx +1 -1
  214. package/docs/patterns/components-copyfield--clipboard-blocked.tsx +9 -0
  215. package/docs/patterns/components-copyfield--copied.tsx +9 -0
  216. package/docs/patterns/components-copyfield--copy-key.tsx +9 -0
  217. package/docs/patterns/components-copyfield--on-navy.tsx +29 -0
  218. package/docs/patterns/components-descriptionlist--details.tsx +1 -1
  219. package/docs/patterns/components-descriptionlist--post-metadata.tsx +1 -1
  220. package/docs/patterns/components-dialog--alert-dialog-destructive.tsx +1 -1
  221. package/docs/patterns/components-dialog--default-dialog.tsx +1 -1
  222. package/docs/patterns/components-dialog--form-dialog.tsx +1 -1
  223. package/docs/patterns/components-displaycontrols--page-utilities.tsx +1 -1
  224. package/docs/patterns/components-displaycontrols--theme-switch.tsx +35 -0
  225. package/docs/patterns/components-field--horizontal-input.tsx +1 -1
  226. package/docs/patterns/components-field--horizontal-text-area.tsx +1 -1
  227. package/docs/patterns/components-field--multi-control.tsx +1 -1
  228. package/docs/patterns/components-filterpanel--panel.tsx +1 -1
  229. package/docs/patterns/components-footerreveal--marketing-hero-pattern.tsx +1 -1
  230. package/docs/patterns/components-footerreveal--marketing-hero-ruled-pattern.tsx +1 -1
  231. package/docs/patterns/components-footerreveal--marketing-hero-with-gallery-intro.tsx +1 -1
  232. package/docs/patterns/components-footerreveal--marketing-page-pattern.tsx +1 -1
  233. package/docs/patterns/components-footerreveal--ruled-grid-footer-pattern.tsx +1 -1
  234. package/docs/patterns/components-footerreveal--sequenced-marketing-hero.tsx +1 -1
  235. package/docs/patterns/components-herointro--two-line-intro.tsx +1 -1
  236. package/docs/patterns/components-herotilestack--marketing-hero-pattern.tsx +1 -1
  237. package/docs/patterns/components-herotilestack--marketing-hero-text-sequence.tsx +1 -1
  238. package/docs/patterns/components-herotilestack--marketing-hero-with-gallery-intro.tsx +1 -1
  239. package/docs/patterns/components-indexlist--post-index.tsx +1 -1
  240. package/docs/patterns/components-intakeconfirmation--booked-pattern.tsx +1 -1
  241. package/docs/patterns/components-intakeconfirmation--emailed-pattern.tsx +1 -1
  242. package/docs/patterns/components-intakeform--about-you-pattern.tsx +1 -1
  243. package/docs/patterns/components-intakeform--short-form-pattern.tsx +1 -1
  244. package/docs/patterns/components-intakemodal--intake-modal-pattern.tsx +1 -1
  245. package/docs/patterns/components-kbd--command-row.tsx +1 -1
  246. package/docs/patterns/components-kbd--numbered-choices.tsx +1 -1
  247. package/docs/patterns/components-kbd--shortcut.tsx +1 -1
  248. package/docs/patterns/components-linktile--resource-tile.tsx +1 -1
  249. package/docs/patterns/components-linktile--router-link.tsx +1 -1
  250. package/docs/patterns/components-logview--detail-pane.tsx +80 -0
  251. package/docs/patterns/components-logview--log-viewer.tsx +20 -0
  252. package/docs/patterns/components-moremenu--action-menu.tsx +1 -1
  253. package/docs/patterns/components-moremenu--in-card-header.tsx +1 -1
  254. package/docs/patterns/components-navlist--app-sidebar.tsx +118 -0
  255. package/docs/patterns/components-navlist--side-nav-settings.tsx +1 -1
  256. package/docs/patterns/components-pageheader--app-header-pattern.tsx +1 -1
  257. package/docs/patterns/components-pageheader--page-section-header.tsx +1 -1
  258. package/docs/patterns/components-pageheader--toolbar-header.tsx +1 -1
  259. package/docs/patterns/components-panel--end-detail-rail.tsx +1 -1
  260. package/docs/patterns/components-pillgroup--pill-group-pattern.tsx +1 -1
  261. package/docs/patterns/components-promptbar--pattern-prompt-bar.tsx +1 -1
  262. package/docs/patterns/components-prose--article-body.tsx +1 -1
  263. package/docs/patterns/components-radio-radiogroup--default.tsx +1 -1
  264. package/docs/patterns/components-scrollhorizontal--project-gallery-pattern.tsx +1 -1
  265. package/docs/patterns/components-scrollhorizontal--with-intro.tsx +1 -1
  266. package/docs/patterns/components-sectioncaption--column-caption.tsx +1 -1
  267. package/docs/patterns/components-sectioncaption--with-action.tsx +1 -1
  268. package/docs/patterns/components-sheet--bottom-sheet.tsx +1 -1
  269. package/docs/patterns/components-sheet--end-sheet.tsx +1 -1
  270. package/docs/patterns/components-sheet--side-sheet-header-actions.tsx +50 -0
  271. package/docs/patterns/components-sheet--side-sheet-url-deep-link.tsx +51 -0
  272. package/docs/patterns/components-sheet--side-sheet.tsx +38 -0
  273. package/docs/patterns/components-sitenav--brand-and-cta.tsx +1 -1
  274. package/docs/patterns/components-sitenav--centered-links.tsx +1 -1
  275. package/docs/patterns/components-sitenav--compact.tsx +1 -1
  276. package/docs/patterns/components-sitenav--marketing-header.tsx +1 -1
  277. package/docs/patterns/components-sitenav--mega-menu.tsx +1 -1
  278. package/docs/patterns/components-stat--hero-stat.tsx +54 -0
  279. package/docs/patterns/components-stat--insights-row.tsx +1 -1
  280. package/docs/patterns/components-stepprogress--step-progress-pattern.tsx +1 -1
  281. package/docs/patterns/components-switch--default.tsx +1 -1
  282. package/docs/patterns/components-switch--settings-row.tsx +1 -1
  283. package/docs/patterns/components-tab--settings-pages.tsx +1 -1
  284. package/docs/patterns/components-table--approvals-with-sheet.tsx +81 -0
  285. package/docs/patterns/components-table--approvals.tsx +223 -0
  286. package/docs/patterns/components-table--basic.tsx +60 -0
  287. package/docs/patterns/components-taskrows--action-details.tsx +1 -1
  288. package/docs/patterns/components-taskrows--capsules.tsx +1 -1
  289. package/docs/patterns/components-taskrows--card-with-status-rows.tsx +1 -1
  290. package/docs/patterns/components-taskrows--controlled-expand.tsx +1 -1
  291. package/docs/patterns/components-taskrows--custom-slots.tsx +1 -1
  292. package/docs/patterns/components-taskrows--needs-you-table.tsx +62 -0
  293. package/docs/patterns/components-taskrows--status-list.tsx +1 -1
  294. package/docs/patterns/components-taskrows--tag-chips.tsx +1 -1
  295. package/docs/patterns/components-textarea--save-status.tsx +32 -0
  296. package/docs/patterns/components-textlink--external-destination.tsx +1 -1
  297. package/docs/patterns/components-textlink--inline-prose.tsx +1 -1
  298. package/docs/patterns/components-textlink--quiet-title.tsx +1 -1
  299. package/docs/patterns/components-textlink--supporting-copy.tsx +1 -1
  300. package/docs/patterns/components-textsequence--default.tsx +1 -1
  301. package/docs/patterns/components-textsequence--reduced-motion.tsx +1 -1
  302. package/docs/patterns/components-textsequence--shapes.tsx +1 -1
  303. package/docs/patterns/components-tilegrid--masonry.tsx +1 -1
  304. package/docs/patterns/components-toast--stacked-notifications.tsx +1 -1
  305. package/docs/patterns/components-tooltip--controlled.tsx +1 -1
  306. package/docs/patterns/components-tooltip--disabled-control.tsx +1 -1
  307. package/docs/patterns/components-tooltip--icon-action.tsx +1 -1
  308. package/docs/patterns/components-tooltip--keyboard-shortcut.tsx +1 -1
  309. package/docs/patterns/components-tooltip--placement.tsx +1 -1
  310. package/docs/patterns/foundations-scroll-fade--horizontal-rail.tsx +1 -1
  311. package/docs/patterns/foundations-scroll-fade--overflowing-list.tsx +1 -1
  312. package/docs/patterns/guides-chart-explorations--comparison-gallery.tsx +1 -1
  313. package/docs/patterns/guides-filter-panel--filtered-grid.tsx +1 -1
  314. package/docs/patterns/guides-filter-panel--filtered-index.tsx +7 -3
  315. package/docs/patterns/guides-overlay-flows--notification-preferences.tsx +1 -1
  316. package/docs/patterns/guides-post-page--post-page.tsx +21 -4
  317. package/docs/patterns/guides-profile-typography--editorial-profile.tsx +1 -1
  318. package/docs/patterns/guides-resource-detail--detail.tsx +13 -4
  319. package/docs/patterns/index.json +177 -1
  320. package/package.json +1 -1
@@ -1,57 +1,79 @@
1
1
  "use client";
2
2
  import { cn as e } from "../../../lib/cn.js";
3
- import { motionTransition as t } from "../../../lib/motion.js";
3
+ import { clusterHeightClasses as t } from "../../../lib/clusterScale.js";
4
+ import { motionTransition as n } from "../../../lib/motion.js";
4
5
  //#region src/components/atoms/Badge/badgeStyles.ts
5
- var n = [
6
+ var r = [
6
7
  "neutral",
7
8
  "info",
8
9
  "success",
9
10
  "warning",
10
11
  "destructive"
11
- ], r = [
12
+ ], i = [
12
13
  "solid",
13
14
  "muted",
14
15
  "outline"
15
- ], i = "inline-flex shrink-0 items-center justify-center font-sans font-medium normal-case tracking-normal", a = {
16
+ ], a = [
17
+ "active",
18
+ "idle",
19
+ "success",
20
+ "failed",
21
+ "warning"
22
+ ], o = {
23
+ active: "border border-transparent bg-brand-tint text-brand-outline",
24
+ idle: "border border-border bg-secondary text-secondary-foreground",
25
+ success: "bg-success-muted text-success",
26
+ failed: "bg-error-muted text-error",
27
+ warning: "bg-warning-muted text-warning"
28
+ }, s = "inline-block size-2 shrink-0 rounded-full", c = {
29
+ active: "bg-brand-outline",
30
+ idle: "bg-muted",
31
+ success: "bg-success",
32
+ failed: "bg-error",
33
+ warning: "bg-warning"
34
+ }, l = "animate-status-dot-pulse", u = {
35
+ sm: `${t.sm} gap-1.5 rounded-full px-2.5 text-xs leading-none tabular-nums`,
36
+ md: `${t.md} gap-2 rounded-full px-3 text-sm leading-none tabular-nums`
37
+ }, d = "inline-flex shrink-0 items-center justify-center font-sans font-medium normal-case tracking-normal", f = {
16
38
  neutral: "border border-border bg-secondary text-secondary-foreground shadow-raised",
17
39
  info: "bg-info text-on-info",
18
40
  success: "bg-success text-on-success",
19
41
  warning: "bg-warning text-on-warning",
20
42
  destructive: "bg-error text-on-error"
21
- }, o = {
43
+ }, p = {
22
44
  neutral: "border border-border bg-secondary text-secondary-foreground",
23
45
  info: "bg-info-muted text-info",
24
46
  success: "bg-success-muted text-success",
25
47
  warning: "bg-warning-muted text-warning",
26
48
  destructive: "bg-error-muted text-error"
27
- }, s = {
49
+ }, m = {
28
50
  neutral: "border border-border-emphasized bg-transparent text-fg",
29
51
  info: "border border-info bg-transparent text-info",
30
52
  success: "border border-success bg-transparent text-success",
31
53
  warning: "border border-warning bg-transparent text-warning",
32
54
  destructive: "border border-error bg-transparent text-error"
33
55
  };
34
- function c(e, t) {
35
- return t === "outline" ? s[e] : t === "muted" ? o[e] : a[e];
56
+ function h(e, t) {
57
+ return t === "outline" ? m[e] : t === "muted" ? p[e] : f[e];
36
58
  }
37
- var l = "!font-mono !text-[length:var(--font-size-sm)] !font-normal !uppercase !tracking-[0.14em]", u = e("relative cursor-pointer decoration-1 underline-offset-2 hover:underline", "after:absolute after:inset-x-0 after:top-1/2 after:h-11 after:-translate-y-1/2 after:content-['']", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-body", "transition-[border-color,text-decoration-color]", t("fast")), d = "hover:border-fg", f = {
59
+ var g = "!font-mono !text-[length:var(--font-size-sm)] !font-normal !uppercase !tracking-[0.14em]", _ = e("relative cursor-pointer decoration-1 underline-offset-2 hover:underline", "after:absolute after:inset-x-0 after:top-1/2 after:h-11 after:-translate-y-1/2 after:content-['']", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-body", "transition-[border-color,text-decoration-color]", n("fast")), v = "hover:border-fg", y = {
38
60
  sm: "h-5 rounded-full px-2 text-xs leading-none",
39
61
  md: "h-6 rounded-full px-2.5 text-sm leading-none"
40
- }, p = {
62
+ }, b = {
41
63
  sm: "gap-1",
42
64
  md: "gap-1.5"
43
- }, m = {
65
+ }, x = {
44
66
  sm: "h-5 gap-1 rounded-full py-0 pl-0 pr-2 text-xs leading-none",
45
67
  md: "h-6 gap-1.5 rounded-full py-0 pl-0 pr-2.5 text-sm leading-none"
46
- }, h = {
68
+ }, S = {
47
69
  sm: "size-3 shrink-0 stroke-current",
48
70
  md: "size-3.5 shrink-0 stroke-current"
49
- }, g = {
71
+ }, C = {
50
72
  sm: "min-h-[1.125rem] min-w-[1.125rem] rounded-full px-1 text-xs leading-none tabular-nums",
51
73
  md: "min-h-[1.25rem] min-w-[1.25rem] rounded-full px-1 text-sm leading-none tabular-nums"
52
- }, _ = "size-[1.375rem] rounded-full p-0", v = "border border-transparent bg-surface text-fg shadow-raised";
53
- function y(t) {
74
+ }, w = "size-[1.375rem] rounded-full p-0", T = "border border-transparent bg-surface text-fg shadow-raised";
75
+ function E(t) {
54
76
  return e("rounded px-[length:var(--spacing-1)] text-[10.5px] leading-none tabular-nums text-muted", t && "bg-secondary");
55
77
  }
56
78
  //#endregion
57
- export { m as badgeAvatarLabelSizeClasses, i as badgeBaseClasses, g as badgeCountSizeClasses, r as badgeEmphases, p as badgeIconGapClasses, _ as badgeIconOnlySizeClasses, h as badgeIconSizeClasses, u as badgeInteractiveClasses, d as badgeInteractiveOutlineClasses, f as badgeLabelSizeClasses, l as badgeMonoClasses, o as badgeMutedClasses, v as badgeOnButtonCountClasses, s as badgeOutlineClasses, y as badgeSegmentCountClasses, a as badgeSolidClasses, c as badgeSurfaceClasses, n as badgeVariants };
79
+ export { x as badgeAvatarLabelSizeClasses, d as badgeBaseClasses, C as badgeCountSizeClasses, i as badgeEmphases, b as badgeIconGapClasses, w as badgeIconOnlySizeClasses, S as badgeIconSizeClasses, _ as badgeInteractiveClasses, v as badgeInteractiveOutlineClasses, y as badgeLabelSizeClasses, g as badgeMonoClasses, p as badgeMutedClasses, T as badgeOnButtonCountClasses, m as badgeOutlineClasses, E as badgeSegmentCountClasses, f as badgeSolidClasses, s as badgeStatusDotClasses, l as badgeStatusDotPulseClass, c as badgeStatusDotToneClasses, u as badgeStatusSizeClasses, o as badgeStatusSurfaceClasses, a as badgeStatuses, h as badgeSurfaceClasses, r as badgeVariants };
@@ -10,7 +10,7 @@ export type ButtonLayoutClassName = string;
10
10
  export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "className" | "role" | "size"> {
11
11
  /** Button label. */
12
12
  children: ReactNode;
13
- /** Action role — primary, secondary, ghost, destructive, inverse, or outline (hairline, transparent fill). Default: `primary`. */
13
+ /** Action role — primary, secondary, ghost, destructive, inverse, outline, or inverse-outline (on-brand hairline). Default: `primary`. */
14
14
  role?: ButtonRole;
15
15
  /** `pill` (default) or `row` — flat full-width lines for detail / settings rows. */
16
16
  layout?: ButtonLayout;
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAeL,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,WAAW,EACjB,MAAM,gBAAgB,CAAC;AAExB,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACrH,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACxG,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEpG,sEAAsE;AACtE,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC;AAE3C,MAAM,WAAW,WACf,SAAQ,IAAI,CACV,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,CAC3C;IACD,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,kIAAkI;IAClI,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,oFAAoF;IACpF,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;IACrD,+EAA+E;IAC/E,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gHAAgH;IAChH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,oFAAoF;IACpF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gGAAgG;IAChG,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kDAAkD;IAClD,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAwFD,eAAO,MAAM,MAAM,2GAyKjB,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAeL,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,WAAW,EACjB,MAAM,gBAAgB,CAAC;AAExB,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACrH,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACxG,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEpG,sEAAsE;AACtE,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC;AAE3C,MAAM,WAAW,WACf,SAAQ,IAAI,CACV,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,CAC3C;IACD,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,0IAA0I;IAC1I,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,oFAAoF;IACpF,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;IACrD,+EAA+E;IAC/E,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gHAAgH;IAChH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,oFAAoF;IACpF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gGAAgG;IAChG,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kDAAkD;IAClD,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AA4GD,eAAO,MAAM,MAAM,2GA4KjB,CAAC"}
@@ -1,20 +1,20 @@
1
1
  "use client";
2
2
  import { cn as e } from "../../../lib/cn.js";
3
3
  import { ButtonBadge as t } from "./ButtonBadge.js";
4
- import { buttonAlignClasses as n, buttonAligns as r, buttonBaseClasses as i, buttonEmphases as a, buttonEndIconSquareClasses as o, buttonExternalIconClasses as s, buttonLayouts as c, buttonMonoLabelClasses as l, buttonNavLayoutClasses as u, buttonNavStateClasses as d, buttonOutlineQuietClasses as f, buttonPillClass as p, buttonRoleClasses as m, buttonRoles as h, buttonRowBaseClasses as g, buttonRowLayoutClasses as _, buttonRowWidthClasses as v, buttonSizeClasses as y, buttonWidths as b } from "./buttonStyles.js";
5
- import { ButtonIcon as x } from "./ButtonIcon.js";
6
- import { buttonStatusHoldMs as S, defaultStatusLabels as C, getNextButtonStatus as w } from "./buttonStatusStyles.js";
7
- import { ButtonStatusButton as T } from "./ButtonStatusButton.js";
8
- import { forwardRef as E } from "react";
9
- import { SquareArrowOutUpRight as D } from "lucide-react";
10
- import { jsx as O, jsxs as k } from "react/jsx-runtime";
11
- import { useRender as A } from "@base-ui/react/use-render";
4
+ import { buttonAlignClasses as n, buttonAligns as r, buttonBaseClasses as i, buttonEmphases as a, buttonEndIconSquareClasses as o, buttonExternalIconClasses as s, buttonLayouts as c, buttonMonoLabelClasses as l, buttonNavLayoutClasses as u, buttonNavStateClasses as d, buttonOutlineQuietClasses as f, buttonPillClass as ee, buttonRoleClasses as p, buttonRoles as m, buttonRowBaseClasses as h, buttonRowLayoutClasses as g, buttonRowWidthClasses as _, buttonSizeClasses as v, buttonWidths as y } from "./buttonStyles.js";
5
+ import { ButtonIcon as b } from "./ButtonIcon.js";
6
+ import { buttonStatusHoldMs as x, defaultStatusLabels as S, getNextButtonStatus as C } from "./buttonStatusStyles.js";
7
+ import { ButtonStatusButton as w } from "./ButtonStatusButton.js";
8
+ import { forwardRef as T } from "react";
9
+ import { SquareArrowOutUpRight as E } from "lucide-react";
10
+ import { jsx as D, jsxs as O } from "react/jsx-runtime";
11
+ import { useRender as k } from "@base-ui/react/use-render";
12
12
  //#region src/components/atoms/Button/Button.tsx
13
- function j(e) {
14
- e.external && (e.render == null || e.layout !== "pill") && console.warn("[WMDS Button] `external` needs `render={<a href />}` on a pill button."), e.external && e.endIcon != null && console.warn("[WMDS Button] `external` is mutually exclusive with `endIcon`."), e.width != null && e.layout !== "row" && console.warn("[WMDS Button] `width` applies to `layout=\"row\"` only."), e.align != null && (e.layout === "row" || e.layout === "nav") && console.warn("[WMDS Button] `align` applies to pill buttons only."), e.emphasis != null && e.role !== "outline" && console.warn("[WMDS Button] `emphasis` applies to `role=\"outline\"` only."), (e.layout === "row" || e.layout === "nav") && (e.status != null || e.icon != null || e.count != null || e.endIcon != null || e.mono) && console.warn(`[WMDS Button] \`layout="${e.layout}"\` is mutually exclusive with \`status\`, \`icon\`, \`count\`, \`endIcon\`, and \`mono\`.`), e.status != null && (e.count != null || e.endIcon != null || e.mono) && console.warn("[WMDS Button] `status` is mutually exclusive with `count`, `endIcon`, and `mono`."), e.endIcon != null && e.count != null && console.warn("[WMDS Button] `endIcon` is mutually exclusive with `count`."), e.render != null && (e.layout !== "pill" || e.status != null) && console.warn("[WMDS Button] `render` is supported on `layout=\"pill\"` without `status` only.");
13
+ function A(e) {
14
+ e.external && (e.render == null || e.layout !== "pill") && console.warn("[WMDS Button] `external` needs `render={<a href />}` on a pill button."), e.external && e.endIcon != null && console.warn("[WMDS Button] `external` is mutually exclusive with `endIcon`."), e.width != null && e.layout !== "row" && console.warn("[WMDS Button] `width` applies to `layout=\"row\"` only."), e.align != null && (e.layout === "row" || e.layout === "nav") && console.warn("[WMDS Button] `align` applies to pill buttons only."), e.emphasis != null && e.role !== "outline" && console.warn("[WMDS Button] `emphasis` applies to `role=\"outline\"` only."), (e.layout === "row" || e.layout === "nav") && (e.status != null || e.icon != null || e.count != null || e.endIcon != null || e.mono) && console.warn(`[WMDS Button] \`layout="${e.layout}"\` is mutually exclusive with \`status\`, \`icon\`, \`count\`, \`endIcon\`, and \`mono\`.`), e.status != null && (e.count != null || e.endIcon != null || e.mono) && console.warn("[WMDS Button] `status` is mutually exclusive with `count`, `endIcon`, and `mono`."), e.endIcon != null && e.count != null && console.warn("[WMDS Button] `endIcon` is mutually exclusive with `count`."), e.render != null && (e.layout === "row" || e.status != null) && console.warn("[WMDS Button] `render` is supported on `layout=\"pill\"` and `layout=\"nav\"` without `status` only.");
15
15
  }
16
- var M = E(function({ render: e, type: t, disabled: n, ...r }, i) {
17
- return A({
16
+ var j = T(function({ render: e, type: t, disabled: n, ...r }, i) {
17
+ return k({
18
18
  render: e,
19
19
  ref: i,
20
20
  defaultTagName: "button",
@@ -29,32 +29,48 @@ var M = E(function({ render: e, type: t, disabled: n, ...r }, i) {
29
29
  disabled: n
30
30
  }
31
31
  });
32
- }), N = E(function({ children: r, role: a = "primary", layout: c = "pill", width: h, align: b, emphasis: S, size: C = "md", disabled: w, type: E = "button", status: A, statusLabels: N, disableOnError: P, icon: F, count: I, mono: L = !1, endIcon: R, selected: z = !1, render: B, external: V = !1, externalIcon: H = !0, className: U, onClick: W, "aria-label": G, "aria-pressed": K, "aria-keyshortcuts": q, id: J, name: Y, form: X, ...Z }, Q) {
33
- if (j({
34
- status: A,
32
+ }), M = T(function({ render: e, type: t, disabled: n, ...r }, i) {
33
+ return k({
34
+ render: e,
35
+ ref: i,
36
+ defaultTagName: "button",
37
+ props: e ? {
38
+ ...r,
39
+ "aria-disabled": n ? !0 : void 0,
40
+ "data-disabled": n ? "" : void 0,
41
+ tabIndex: n ? -1 : r.tabIndex
42
+ } : {
43
+ ...r,
44
+ type: t,
45
+ disabled: n
46
+ }
47
+ });
48
+ }), N = T(function({ children: r, role: a = "primary", layout: c = "pill", width: m, align: y, emphasis: x, size: S = "md", disabled: C, type: T = "button", status: k, statusLabels: N, disableOnError: P, icon: F, count: I, mono: L = !1, endIcon: R, selected: z = !1, render: B, external: V = !1, externalIcon: H = !0, className: U, onClick: W, "aria-label": G, "aria-pressed": K, "aria-keyshortcuts": q, id: J, name: Y, form: X, ...Z }, Q) {
49
+ if (A({
50
+ status: k,
35
51
  icon: F,
36
52
  count: I,
37
53
  layout: c,
38
54
  render: B,
39
55
  endIcon: R,
40
56
  mono: L,
41
- width: h,
42
- align: b,
43
- emphasis: S,
57
+ width: m,
58
+ align: y,
59
+ emphasis: x,
44
60
  role: a,
45
61
  external: V
46
- }), A != null) return /* @__PURE__ */ O(T, {
62
+ }), k != null) return /* @__PURE__ */ D(w, {
47
63
  ...Z,
48
64
  ref: Q,
49
- status: A,
65
+ status: k,
50
66
  role: a,
51
- size: C,
67
+ size: S,
52
68
  statusLabels: N,
53
69
  icon: F,
54
70
  disableOnError: P,
55
- disabled: w,
71
+ disabled: C,
56
72
  className: U,
57
- type: E,
73
+ type: T,
58
74
  onClick: W,
59
75
  "aria-label": G,
60
76
  "aria-pressed": K,
@@ -64,11 +80,11 @@ var M = E(function({ render: e, type: t, disabled: n, ...r }, i) {
64
80
  form: X,
65
81
  children: r
66
82
  });
67
- if (c === "row") return /* @__PURE__ */ O("button", {
83
+ if (c === "row") return /* @__PURE__ */ D("button", {
68
84
  ...Z,
69
85
  ref: Q,
70
- type: E,
71
- disabled: w,
86
+ type: T,
87
+ disabled: C,
72
88
  onClick: W,
73
89
  "aria-label": G,
74
90
  "aria-pressed": K,
@@ -76,17 +92,18 @@ var M = E(function({ render: e, type: t, disabled: n, ...r }, i) {
76
92
  id: J,
77
93
  name: Y,
78
94
  form: X,
79
- className: e(g, m[a], _, v[h ?? "fill"], U),
95
+ className: e(h, p[a], g, _[m ?? "fill"], U),
80
96
  "data-role": a,
81
97
  "data-layout": "row",
82
- "data-width": h ?? "fill",
98
+ "data-width": m ?? "fill",
83
99
  children: r
84
100
  });
85
- if (c === "nav") return /* @__PURE__ */ O("button", {
101
+ if (c === "nav") return /* @__PURE__ */ D(j, {
86
102
  ...Z,
87
103
  ref: Q,
88
- type: E,
89
- disabled: w,
104
+ render: B,
105
+ type: T,
106
+ disabled: C,
90
107
  onClick: W,
91
108
  "aria-label": G,
92
109
  "aria-pressed": K,
@@ -95,13 +112,15 @@ var M = E(function({ render: e, type: t, disabled: n, ...r }, i) {
95
112
  id: J,
96
113
  name: Y,
97
114
  form: X,
98
- className: e(g, u, d(z), U),
115
+ className: e(h, u, d(z), U),
116
+ "data-role": a,
117
+ "data-size": S,
99
118
  "data-layout": "nav",
100
119
  "data-selected": z ? "" : void 0,
101
120
  children: r
102
121
  });
103
122
  let $ = V && B != null;
104
- return /* @__PURE__ */ k(M, {
123
+ return /* @__PURE__ */ O(M, {
105
124
  ...Z,
106
125
  ...$ ? {
107
126
  target: "_blank",
@@ -109,8 +128,8 @@ var M = E(function({ render: e, type: t, disabled: n, ...r }, i) {
109
128
  } : null,
110
129
  ref: Q,
111
130
  render: B,
112
- type: E,
113
- disabled: w,
131
+ type: T,
132
+ disabled: C,
114
133
  onClick: W,
115
134
  "aria-label": G,
116
135
  "aria-pressed": K,
@@ -118,41 +137,41 @@ var M = E(function({ render: e, type: t, disabled: n, ...r }, i) {
118
137
  id: J,
119
138
  name: Y,
120
139
  form: X,
121
- className: e(i, n[b ?? "center"], a === "outline" && S === "quiet" ? f : m[a], y[C], p, "gap-2", U),
140
+ className: e(i, n[y ?? "center"], a === "outline" && x === "quiet" ? f : p[a], v[S], ee, "gap-2", U),
122
141
  "data-role": a,
123
- "data-size": C,
124
- "data-align": b,
125
- "data-emphasis": a === "outline" ? S ?? "strong" : void 0,
142
+ "data-size": S,
143
+ "data-align": y,
144
+ "data-emphasis": a === "outline" ? x ?? "strong" : void 0,
126
145
  "data-mono": L ? "" : void 0,
127
146
  "data-end-icon": R ? "" : void 0,
128
147
  "data-external": $ ? "" : void 0,
129
148
  children: [
130
- F ? /* @__PURE__ */ O(x, {
131
- size: C,
149
+ F ? /* @__PURE__ */ D(b, {
150
+ size: S,
132
151
  children: F
133
152
  }) : null,
134
- /* @__PURE__ */ k("span", {
153
+ /* @__PURE__ */ O("span", {
135
154
  className: L ? l : void 0,
136
- children: [r, $ ? /* @__PURE__ */ O("span", {
155
+ children: [r, $ ? /* @__PURE__ */ D("span", {
137
156
  className: "sr-only",
138
157
  children: " (opens in a new tab)"
139
158
  }) : null]
140
159
  }),
141
- $ && H ? /* @__PURE__ */ O(D, {
160
+ $ && H ? /* @__PURE__ */ D(E, {
142
161
  className: s,
143
162
  strokeWidth: 2,
144
163
  "aria-hidden": !0
145
164
  }) : null,
146
- R ? /* @__PURE__ */ O("span", {
165
+ R ? /* @__PURE__ */ D("span", {
147
166
  className: o,
148
- children: /* @__PURE__ */ O(x, {
167
+ children: /* @__PURE__ */ D(b, {
149
168
  size: "xs",
150
169
  children: R
151
170
  })
152
171
  }) : null,
153
- I == null ? null : /* @__PURE__ */ O(t, { value: I })
172
+ I == null ? null : /* @__PURE__ */ D(t, { value: I })
154
173
  ]
155
174
  });
156
175
  });
157
176
  //#endregion
158
- export { N as Button, r as buttonAligns, a as buttonEmphases, c as buttonLayouts, h as buttonRoles, S as buttonStatusHoldMs, b as buttonWidths, C as defaultStatusLabels, w as getNextButtonStatus };
177
+ export { N as Button, r as buttonAligns, a as buttonEmphases, c as buttonLayouts, m as buttonRoles, x as buttonStatusHoldMs, y as buttonWidths, S as defaultStatusLabels, C as getNextButtonStatus };
@@ -1 +1 @@
1
- {"version":3,"file":"buttonStatusMotion.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/buttonStatusMotion.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,oFAAoF;AACpF,MAAM,MAAM,WAAW,GAAG;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AA4CF,gEAAgE;AAChE,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAK3D,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAO3D,CAAC;AAEF,wBAAgB,cAAc,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,GAAG,WAAW,CAElF;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,GAAG,MAAM,CAElF;AAED,qFAAqF;AACrF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;CAIjC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;CAK5B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;CAK7B,CAAC"}
1
+ {"version":3,"file":"buttonStatusMotion.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/buttonStatusMotion.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,oFAAoF;AACpF,MAAM,MAAM,WAAW,GAAG;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAgDF,gEAAgE;AAChE,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAK3D,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAQ3D,CAAC;AAEF,wBAAgB,cAAc,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,GAAG,WAAW,CAElF;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,GAAG,MAAM,CAElF;AAED,qFAAqF;AACrF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;CAIjC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;CAK5B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;CAK7B,CAAC"}
@@ -24,6 +24,10 @@ var e = {
24
24
  outline: {
25
25
  backgroundColor: "transparent",
26
26
  color: "var(--color-fg)"
27
+ },
28
+ "inverse-outline": {
29
+ backgroundColor: "transparent",
30
+ color: "var(--color-on-brand)"
27
31
  }
28
32
  }, t = {
29
33
  loading: {
@@ -49,7 +53,8 @@ var e = {
49
53
  ghost: "",
50
54
  destructive: "",
51
55
  inverse: "shadow-raised",
52
- outline: ""
56
+ outline: "",
57
+ "inverse-outline": ""
53
58
  };
54
59
  function i(n, r) {
55
60
  return n === "idle" ? e[r] : t[n];
@@ -1,5 +1,5 @@
1
1
  /** Prescribed action roles — not a semantic color picker. ADR-0004. */
2
- export declare const buttonRoles: readonly ["primary", "secondary", "ghost", "destructive", "inverse", "outline"];
2
+ export declare const buttonRoles: readonly ["primary", "secondary", "ghost", "destructive", "inverse", "outline", "inverse-outline"];
3
3
  export type ButtonRole = (typeof buttonRoles)[number];
4
4
  export type ButtonSize = "xs" | "sm" | "md" | "lg";
5
5
  export type IconButtonSize = ButtonSize;
@@ -1 +1 @@
1
- {"version":3,"file":"buttonStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/buttonStyles.ts"],"names":[],"mappings":"AAMA,uEAAuE;AACvE,eAAO,MAAM,WAAW,iFAAkF,CAAC;AAE3G,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC;AAExC,iGAAiG;AACjG,eAAO,MAAM,eAAe,iBAAiB,CAAC;AAE9C,eAAO,MAAM,aAAa,iCAAkC,CAAC;AAE7D,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D,8FAA8F;AAC9F,eAAO,MAAM,YAAY,0BAA2B,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAExD,uGAAuG;AACvG,eAAO,MAAM,YAAY,8BAA+B,CAAC;AAEzD,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAExD,sGAAsG;AACtG,eAAO,MAAM,cAAc,8BAA+B,CAAC;AAE3D,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,eAAO,MAAM,iBAAiB,QAUd,CAAC;AAEjB,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAaxD,CAAC;AAEF,yGAAyG;AACzG,eAAO,MAAM,yBAAyB,4FACqD,CAAC;AAE5F,4FAA4F;AAC5F,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAG1D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,2GACuE,CAAC;AAE3G,oGAAoG;AACpG,eAAO,MAAM,yBAAyB,kDAAkD,CAAC;AAEzF,6DAA6D;AAC7D,eAAO,MAAM,0BAA0B,kGAC0D,CAAC;AAElG,2FAA2F;AAC3F,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAK9D,CAAC;AAEF,8FAA8F;AAC9F,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAKxD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAK5D,CAAC;AAEF,0FAA0F;AAC1F,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAKhE,CAAC;AAEF,kHAAkH;AAClH,eAAO,MAAM,oBAAoB,QAK+C,CAAC;AAEjF,eAAO,MAAM,sBAAsB,QAEqB,CAAC;AAEzD,mHAAmH;AACnH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAG7D,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,sBAAsB,QAGqB,CAAC;AAEzD,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,OAAO,GAAG,MAAM,CAI/D"}
1
+ {"version":3,"file":"buttonStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/buttonStyles.ts"],"names":[],"mappings":"AAMA,uEAAuE;AACvE,eAAO,MAAM,WAAW,oGAQd,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC;AAExC,iGAAiG;AACjG,eAAO,MAAM,eAAe,iBAAiB,CAAC;AAE9C,eAAO,MAAM,aAAa,iCAAkC,CAAC;AAE7D,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D,8FAA8F;AAC9F,eAAO,MAAM,YAAY,0BAA2B,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAExD,uGAAuG;AACvG,eAAO,MAAM,YAAY,8BAA+B,CAAC;AAEzD,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAExD,sGAAsG;AACtG,eAAO,MAAM,cAAc,8BAA+B,CAAC;AAE3D,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,eAAO,MAAM,iBAAiB,QAUd,CAAC;AAEjB,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAmBxD,CAAC;AAEF,yGAAyG;AACzG,eAAO,MAAM,yBAAyB,4FACqD,CAAC;AAE5F,4FAA4F;AAC5F,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAG1D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,2GACuE,CAAC;AAE3G,oGAAoG;AACpG,eAAO,MAAM,yBAAyB,kDAAkD,CAAC;AAEzF,6DAA6D;AAC7D,eAAO,MAAM,0BAA0B,kGAC0D,CAAC;AAElG,2FAA2F;AAC3F,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAK9D,CAAC;AAEF,8FAA8F;AAC9F,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAKxD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAK5D,CAAC;AAEF,0FAA0F;AAC1F,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAKhE,CAAC;AAEF,kHAAkH;AAClH,eAAO,MAAM,oBAAoB,QAK+C,CAAC;AAEjF,eAAO,MAAM,sBAAsB,QAEqB,CAAC;AAEzD,mHAAmH;AACnH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAG7D,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,sBAAsB,QAGqB,CAAC;AAEzD,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,OAAO,GAAG,MAAM,CAI/D"}
@@ -1,6 +1,6 @@
1
1
  "use client";
2
- import { motionTransition as e, pressScaleClass as t } from "../../../lib/motion.js";
3
- import { clusterHeightClasses as n, clusterSquareClasses as r } from "../../../lib/clusterScale.js";
2
+ import { clusterHeightClasses as e, clusterSquareClasses as t } from "../../../lib/clusterScale.js";
3
+ import { motionTransition as n, pressScaleClass as r } from "../../../lib/motion.js";
4
4
  //#region src/components/atoms/Button/buttonStyles.ts
5
5
  var i = [
6
6
  "primary",
@@ -8,18 +8,20 @@ var i = [
8
8
  "ghost",
9
9
  "destructive",
10
10
  "inverse",
11
- "outline"
11
+ "outline",
12
+ "inverse-outline"
12
13
  ], a = "rounded-full", o = [
13
14
  "pill",
14
15
  "row",
15
16
  "nav"
16
- ], s = ["fill", "hug"], c = ["center", "start"], l = ["strong", "quiet"], u = "inline-flex cursor-pointer items-center font-sans font-medium normal-case tracking-normal transition-[color,transform,box-shadow,border-color,outline-color,background-color] " + e("fast") + " " + t + " focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-body disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:pointer-events-none aria-disabled:opacity-50 no-underline", d = {
17
+ ], s = ["fill", "hug"], c = ["center", "start"], l = ["strong", "quiet"], u = "inline-flex cursor-pointer items-center font-sans font-medium normal-case tracking-normal transition-[color,transform,box-shadow,border-color,outline-color,background-color] " + n("fast") + " " + r + " focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-body disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:pointer-events-none aria-disabled:opacity-50 no-underline", d = {
17
18
  primary: "bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active",
18
19
  secondary: "bg-secondary text-secondary-foreground shadow-raised hover:bg-secondary-hover active:bg-secondary-active",
19
20
  ghost: "bg-transparent text-ghost-foreground hover:bg-ghost-hover active:bg-ghost-active",
20
21
  destructive: "bg-error text-on-error hover:bg-error-hover active:bg-error-active",
21
22
  inverse: "bg-on-brand text-brand shadow-raised hover:bg-on-brand-hover active:bg-on-brand-hover",
22
- outline: "border border-fg bg-transparent text-fg hover:bg-ghost-hover active:bg-ghost-active"
23
+ outline: "border border-fg bg-transparent text-fg hover:bg-ghost-hover active:bg-ghost-active",
24
+ "inverse-outline": "border border-on-brand bg-transparent text-on-brand hover:bg-on-brand-hover hover:text-brand active:bg-on-brand-hover active:text-brand"
23
25
  }, f = "border border-border bg-transparent text-fg hover:bg-ghost-hover active:bg-ghost-active", p = {
24
26
  center: "justify-center",
25
27
  start: "justify-start text-left"
@@ -29,9 +31,9 @@ var i = [
29
31
  md: "px-5",
30
32
  lg: "px-7"
31
33
  }, v = {
32
- xs: `${n.sm} ${_.xs} py-1 text-sm leading-none`,
33
- sm: `${n.md} ${_.sm} py-1.5 text-sm leading-none`,
34
- md: `${n.lg} ${_.md} py-2.5 text-sm leading-none`,
34
+ xs: `${e.sm} ${_.xs} py-1 text-sm leading-none`,
35
+ sm: `${e.md} ${_.sm} py-1.5 text-sm leading-none`,
36
+ md: `${e.lg} ${_.md} py-2.5 text-sm leading-none`,
35
37
  lg: `min-h-12 ${_.lg} py-3 text-base leading-none`
36
38
  }, y = {
37
39
  xs: "size-3.5",
@@ -39,11 +41,11 @@ var i = [
39
41
  md: "size-4",
40
42
  lg: "size-[1.125rem]"
41
43
  }, b = {
42
- xs: r.sm,
43
- sm: r.md,
44
- md: r.lg,
44
+ xs: t.sm,
45
+ sm: t.md,
46
+ md: t.lg,
45
47
  lg: "size-12 shrink-0"
46
- }, x = "flex cursor-pointer items-center font-sans tracking-normal transition-[color,background-color,outline-color] " + e("fast") + " focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50", S = "h-auto min-h-0 rounded-md px-1.5 py-1 text-left font-normal focus-visible:ring-inset focus-visible:ring-offset-0", C = {
48
+ }, x = "flex cursor-pointer items-center font-sans tracking-normal transition-[color,background-color,outline-color] " + n("fast") + " focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50", S = "h-auto min-h-0 rounded-md px-1.5 py-1 text-left font-normal focus-visible:ring-inset focus-visible:ring-offset-0", C = {
47
49
  fill: "w-full justify-between gap-3",
48
50
  hug: "w-auto justify-start gap-1.5"
49
51
  }, w = "h-auto min-h-0 w-full justify-start gap-2.5 rounded-xl px-2.5 py-2 text-left text-sm font-normal leading-[var(--line-height-sm)] focus-visible:ring-inset focus-visible:ring-offset-0";
@@ -20,12 +20,14 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
20
20
  loading?: boolean;
21
21
  /** Leading Lucide icon. */
22
22
  icon?: ReactElement;
23
+ /** Monospace value — `type-code` instead of the sans face. For a read-only key or id. */
24
+ mono?: boolean;
23
25
  /**
24
26
  * Trailing inset inside the shell — pass {@link Badge} (e.g. Required).
25
27
  * Atoms cannot import Badge; compose at call site. Combinable with `status` / `loading`.
26
28
  */
27
29
  endBadge?: ReactElement;
28
- /** Inside Search — no outer shell; parent pill owns border and focus ring. */
30
+ /** Inside a parent pill (Search, CopyField) — no outer shell; the parent owns border and focus ring. */
29
31
  inline?: boolean;
30
32
  className?: InputLayoutClassName;
31
33
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,YAAY,EAClB,MAAM,OAAO,CAAC;AAKf,OAAO,EA0BL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,oBAAoB,CAAC;AAE5B,YAAY,EAAE,oBAAoB,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEtF,sEAAsE;AACtE,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC;AAE1C,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qGAAqG;IACrG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,2GAA2G;IAC3G,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC;AAyCD;;;GAGG;AACH,eAAO,MAAM,KAAK,yGAqKhB,CAAC"}
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,YAAY,EAClB,MAAM,OAAO,CAAC;AAKf,OAAO,EA2BL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACd,KAAK,WAAW,EACjB,MAAM,oBAAoB,CAAC;AAE5B,YAAY,EAAE,oBAAoB,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEtF,sEAAsE;AACtE,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC;AAE1C,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qGAAqG;IACrG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,2GAA2G;IAC3G,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,yFAAyF;IACzF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,wGAAwG;IACxG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC;AA2CD;;;GAGG;AACH,eAAO,MAAM,KAAK,yGAuKhB,CAAC"}