@wordpress/ui 0.8.0 → 0.9.0

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 (357) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/README.md +106 -0
  3. package/build/badge/badge.cjs +3 -3
  4. package/build/badge/badge.cjs.map +2 -2
  5. package/build/button/button.cjs +7 -7
  6. package/build/button/button.cjs.map +2 -2
  7. package/build/card/content.cjs +54 -0
  8. package/build/card/content.cjs.map +7 -0
  9. package/build/card/full-bleed.cjs +57 -0
  10. package/build/card/full-bleed.cjs.map +7 -0
  11. package/build/card/header.cjs +54 -0
  12. package/build/card/header.cjs.map +7 -0
  13. package/build/card/index.cjs +43 -0
  14. package/build/card/index.cjs.map +7 -0
  15. package/build/card/root.cjs +73 -0
  16. package/build/card/root.cjs.map +7 -0
  17. package/build/card/title.cjs +55 -0
  18. package/build/card/title.cjs.map +7 -0
  19. package/build/card/types.cjs +19 -0
  20. package/build/card/types.cjs.map +7 -0
  21. package/build/collapsible/index.cjs +37 -0
  22. package/build/collapsible/index.cjs.map +7 -0
  23. package/build/collapsible/panel.cjs +38 -0
  24. package/build/collapsible/panel.cjs.map +7 -0
  25. package/build/collapsible/root.cjs +38 -0
  26. package/build/collapsible/root.cjs.map +7 -0
  27. package/build/collapsible/trigger.cjs +38 -0
  28. package/build/collapsible/trigger.cjs.map +7 -0
  29. package/build/collapsible/types.cjs +19 -0
  30. package/build/collapsible/types.cjs.map +7 -0
  31. package/build/collapsible-card/content.cjs +77 -0
  32. package/build/collapsible-card/content.cjs.map +7 -0
  33. package/build/collapsible-card/header.cjs +102 -0
  34. package/build/collapsible-card/header.cjs.map +7 -0
  35. package/build/collapsible-card/index.cjs +37 -0
  36. package/build/collapsible-card/index.cjs.map +7 -0
  37. package/build/collapsible-card/root.cjs +56 -0
  38. package/build/collapsible-card/root.cjs.map +7 -0
  39. package/build/collapsible-card/types.cjs +19 -0
  40. package/build/collapsible-card/types.cjs.map +7 -0
  41. package/build/dialog/footer.cjs +3 -3
  42. package/build/dialog/footer.cjs.map +2 -2
  43. package/build/dialog/header.cjs +3 -3
  44. package/build/dialog/header.cjs.map +2 -2
  45. package/build/dialog/popup.cjs +3 -3
  46. package/build/dialog/popup.cjs.map +2 -2
  47. package/build/dialog/title.cjs +3 -3
  48. package/build/dialog/title.cjs.map +2 -2
  49. package/build/dialog/types.cjs.map +1 -1
  50. package/build/form/primitives/field/label.cjs +6 -1
  51. package/build/form/primitives/field/label.cjs.map +2 -2
  52. package/build/form/primitives/field/types.cjs.map +1 -1
  53. package/build/form/primitives/fieldset/legend.cjs +5 -1
  54. package/build/form/primitives/fieldset/legend.cjs.map +2 -2
  55. package/build/form/primitives/fieldset/types.cjs.map +1 -1
  56. package/build/form/primitives/input/input.cjs +4 -4
  57. package/build/form/primitives/input/input.cjs.map +2 -2
  58. package/build/form/primitives/input-layout/slot.cjs +3 -2
  59. package/build/form/primitives/input-layout/slot.cjs.map +2 -2
  60. package/build/form/primitives/select/item.cjs +3 -3
  61. package/build/form/primitives/select/item.cjs.map +2 -2
  62. package/build/form/primitives/select/popup.cjs +3 -3
  63. package/build/form/primitives/select/popup.cjs.map +2 -2
  64. package/build/form/primitives/select/trigger.cjs +7 -7
  65. package/build/form/primitives/select/trigger.cjs.map +2 -2
  66. package/build/index.cjs +13 -0
  67. package/build/index.cjs.map +2 -2
  68. package/build/link/index.cjs +31 -0
  69. package/build/link/index.cjs.map +7 -0
  70. package/build/link/link.cjs +125 -0
  71. package/build/link/link.cjs.map +7 -0
  72. package/build/link/types.cjs +19 -0
  73. package/build/link/types.cjs.map +7 -0
  74. package/build/notice/action-button.cjs +3 -3
  75. package/build/notice/action-button.cjs.map +2 -2
  76. package/build/notice/action-link.cjs +17 -18
  77. package/build/notice/action-link.cjs.map +2 -2
  78. package/build/notice/actions.cjs +3 -3
  79. package/build/notice/actions.cjs.map +2 -2
  80. package/build/notice/close-icon.cjs +3 -3
  81. package/build/notice/close-icon.cjs.map +2 -2
  82. package/build/notice/description.cjs +26 -15
  83. package/build/notice/description.cjs.map +3 -3
  84. package/build/notice/root.cjs +3 -3
  85. package/build/notice/root.cjs.map +2 -2
  86. package/build/notice/title.cjs +26 -12
  87. package/build/notice/title.cjs.map +3 -3
  88. package/build/notice/types.cjs.map +1 -1
  89. package/build/tabs/list.cjs +3 -3
  90. package/build/tabs/list.cjs.map +2 -2
  91. package/build/tabs/panel.cjs +3 -3
  92. package/build/tabs/panel.cjs.map +2 -2
  93. package/build/tabs/tab.cjs +3 -3
  94. package/build/tabs/tab.cjs.map +2 -2
  95. package/build/text/index.cjs +31 -0
  96. package/build/text/index.cjs.map +7 -0
  97. package/build/text/text.cjs +65 -0
  98. package/build/text/text.cjs.map +7 -0
  99. package/build/text/types.cjs +19 -0
  100. package/build/text/types.cjs.map +7 -0
  101. package/build/tooltip/popup.cjs +1 -1
  102. package/build/tooltip/popup.cjs.map +1 -1
  103. package/build/visually-hidden/visually-hidden.cjs +3 -3
  104. package/build/visually-hidden/visually-hidden.cjs.map +2 -2
  105. package/build-module/badge/badge.mjs +3 -3
  106. package/build-module/badge/badge.mjs.map +2 -2
  107. package/build-module/button/button.mjs +7 -7
  108. package/build-module/button/button.mjs.map +2 -2
  109. package/build-module/card/content.mjs +29 -0
  110. package/build-module/card/content.mjs.map +7 -0
  111. package/build-module/card/full-bleed.mjs +32 -0
  112. package/build-module/card/full-bleed.mjs.map +7 -0
  113. package/build-module/card/header.mjs +29 -0
  114. package/build-module/card/header.mjs.map +7 -0
  115. package/build-module/card/index.mjs +14 -0
  116. package/build-module/card/index.mjs.map +7 -0
  117. package/build-module/card/root.mjs +38 -0
  118. package/build-module/card/root.mjs.map +7 -0
  119. package/build-module/card/title.mjs +30 -0
  120. package/build-module/card/title.mjs.map +7 -0
  121. package/build-module/card/types.mjs +1 -0
  122. package/build-module/card/types.mjs.map +7 -0
  123. package/build-module/collapsible/index.mjs +10 -0
  124. package/build-module/collapsible/index.mjs.map +7 -0
  125. package/build-module/collapsible/panel.mjs +13 -0
  126. package/build-module/collapsible/panel.mjs.map +7 -0
  127. package/build-module/collapsible/root.mjs +13 -0
  128. package/build-module/collapsible/root.mjs.map +7 -0
  129. package/build-module/collapsible/trigger.mjs +13 -0
  130. package/build-module/collapsible/trigger.mjs.map +7 -0
  131. package/build-module/collapsible/types.mjs +1 -0
  132. package/build-module/collapsible/types.mjs.map +7 -0
  133. package/build-module/collapsible-card/content.mjs +42 -0
  134. package/build-module/collapsible-card/content.mjs.map +7 -0
  135. package/build-module/collapsible-card/header.mjs +67 -0
  136. package/build-module/collapsible-card/header.mjs.map +7 -0
  137. package/build-module/collapsible-card/index.mjs +10 -0
  138. package/build-module/collapsible-card/index.mjs.map +7 -0
  139. package/build-module/collapsible-card/root.mjs +21 -0
  140. package/build-module/collapsible-card/root.mjs.map +7 -0
  141. package/build-module/collapsible-card/types.mjs +1 -0
  142. package/build-module/collapsible-card/types.mjs.map +7 -0
  143. package/build-module/dialog/footer.mjs +3 -3
  144. package/build-module/dialog/footer.mjs.map +2 -2
  145. package/build-module/dialog/header.mjs +3 -3
  146. package/build-module/dialog/header.mjs.map +2 -2
  147. package/build-module/dialog/popup.mjs +3 -3
  148. package/build-module/dialog/popup.mjs.map +2 -2
  149. package/build-module/dialog/title.mjs +3 -3
  150. package/build-module/dialog/title.mjs.map +2 -2
  151. package/build-module/form/primitives/field/label.mjs +6 -1
  152. package/build-module/form/primitives/field/label.mjs.map +2 -2
  153. package/build-module/form/primitives/fieldset/legend.mjs +5 -1
  154. package/build-module/form/primitives/fieldset/legend.mjs.map +2 -2
  155. package/build-module/form/primitives/input/input.mjs +4 -4
  156. package/build-module/form/primitives/input/input.mjs.map +2 -2
  157. package/build-module/form/primitives/input-layout/slot.mjs +3 -2
  158. package/build-module/form/primitives/input-layout/slot.mjs.map +2 -2
  159. package/build-module/form/primitives/select/item.mjs +3 -3
  160. package/build-module/form/primitives/select/item.mjs.map +2 -2
  161. package/build-module/form/primitives/select/popup.mjs +3 -3
  162. package/build-module/form/primitives/select/popup.mjs.map +2 -2
  163. package/build-module/form/primitives/select/trigger.mjs +7 -7
  164. package/build-module/form/primitives/select/trigger.mjs.map +2 -2
  165. package/build-module/index.mjs +8 -0
  166. package/build-module/index.mjs.map +2 -2
  167. package/build-module/link/index.mjs +6 -0
  168. package/build-module/link/index.mjs.map +7 -0
  169. package/build-module/link/link.mjs +90 -0
  170. package/build-module/link/link.mjs.map +7 -0
  171. package/build-module/link/types.mjs +1 -0
  172. package/build-module/link/types.mjs.map +7 -0
  173. package/build-module/notice/action-button.mjs +3 -3
  174. package/build-module/notice/action-button.mjs.map +2 -2
  175. package/build-module/notice/action-link.mjs +17 -18
  176. package/build-module/notice/action-link.mjs.map +2 -2
  177. package/build-module/notice/actions.mjs +3 -3
  178. package/build-module/notice/actions.mjs.map +2 -2
  179. package/build-module/notice/close-icon.mjs +3 -3
  180. package/build-module/notice/close-icon.mjs.map +2 -2
  181. package/build-module/notice/description.mjs +16 -15
  182. package/build-module/notice/description.mjs.map +2 -2
  183. package/build-module/notice/root.mjs +3 -3
  184. package/build-module/notice/root.mjs.map +2 -2
  185. package/build-module/notice/title.mjs +16 -12
  186. package/build-module/notice/title.mjs.map +2 -2
  187. package/build-module/tabs/list.mjs +3 -3
  188. package/build-module/tabs/list.mjs.map +2 -2
  189. package/build-module/tabs/panel.mjs +3 -3
  190. package/build-module/tabs/panel.mjs.map +2 -2
  191. package/build-module/tabs/tab.mjs +3 -3
  192. package/build-module/tabs/tab.mjs.map +2 -2
  193. package/build-module/text/index.mjs +6 -0
  194. package/build-module/text/index.mjs.map +7 -0
  195. package/build-module/text/text.mjs +30 -0
  196. package/build-module/text/text.mjs.map +7 -0
  197. package/build-module/text/types.mjs +1 -0
  198. package/build-module/text/types.mjs.map +7 -0
  199. package/build-module/tooltip/popup.mjs +1 -1
  200. package/build-module/tooltip/popup.mjs.map +1 -1
  201. package/build-module/visually-hidden/visually-hidden.mjs +3 -3
  202. package/build-module/visually-hidden/visually-hidden.mjs.map +2 -2
  203. package/build-types/card/content.d.ts +6 -0
  204. package/build-types/card/content.d.ts.map +1 -0
  205. package/build-types/card/full-bleed.d.ts +9 -0
  206. package/build-types/card/full-bleed.d.ts.map +1 -0
  207. package/build-types/card/header.d.ts +7 -0
  208. package/build-types/card/header.d.ts.map +1 -0
  209. package/build-types/card/index.d.ts +7 -0
  210. package/build-types/card/index.d.ts.map +1 -0
  211. package/build-types/card/root.d.ts +23 -0
  212. package/build-types/card/root.d.ts.map +1 -0
  213. package/build-types/card/stories/index.story.d.ts +22 -0
  214. package/build-types/card/stories/index.story.d.ts.map +1 -0
  215. package/build-types/card/test/index.test.d.ts +2 -0
  216. package/build-types/card/test/index.test.d.ts.map +1 -0
  217. package/build-types/card/title.d.ts +7 -0
  218. package/build-types/card/title.d.ts.map +1 -0
  219. package/build-types/card/types.d.ts +34 -0
  220. package/build-types/card/types.d.ts.map +1 -0
  221. package/build-types/collapsible/index.d.ts +5 -0
  222. package/build-types/collapsible/index.d.ts.map +1 -0
  223. package/build-types/collapsible/panel.d.ts +16 -0
  224. package/build-types/collapsible/panel.d.ts.map +1 -0
  225. package/build-types/collapsible/root.d.ts +15 -0
  226. package/build-types/collapsible/root.d.ts.map +1 -0
  227. package/build-types/collapsible/stories/index.story.d.ts +18 -0
  228. package/build-types/collapsible/stories/index.story.d.ts.map +1 -0
  229. package/build-types/collapsible/test/index.test.d.ts +2 -0
  230. package/build-types/collapsible/test/index.test.d.ts.map +1 -0
  231. package/build-types/collapsible/trigger.d.ts +15 -0
  232. package/build-types/collapsible/trigger.d.ts.map +1 -0
  233. package/build-types/collapsible/types.d.ts +22 -0
  234. package/build-types/collapsible/types.d.ts.map +1 -0
  235. package/build-types/collapsible-card/content.d.ts +7 -0
  236. package/build-types/collapsible-card/content.d.ts.map +1 -0
  237. package/build-types/collapsible-card/header.d.ts +12 -0
  238. package/build-types/collapsible-card/header.d.ts.map +1 -0
  239. package/build-types/collapsible-card/index.d.ts +5 -0
  240. package/build-types/collapsible-card/index.d.ts.map +1 -0
  241. package/build-types/collapsible-card/root.d.ts +24 -0
  242. package/build-types/collapsible-card/root.d.ts.map +1 -0
  243. package/build-types/collapsible-card/stories/index.story.d.ts +28 -0
  244. package/build-types/collapsible-card/stories/index.story.d.ts.map +1 -0
  245. package/build-types/collapsible-card/test/index.test.d.ts +2 -0
  246. package/build-types/collapsible-card/test/index.test.d.ts.map +1 -0
  247. package/build-types/collapsible-card/types.d.ts +52 -0
  248. package/build-types/collapsible-card/types.d.ts.map +1 -0
  249. package/build-types/dialog/types.d.ts +3 -3
  250. package/build-types/form/primitives/field/label.d.ts +1 -0
  251. package/build-types/form/primitives/field/label.d.ts.map +1 -1
  252. package/build-types/form/primitives/field/stories/index.story.d.ts +5 -0
  253. package/build-types/form/primitives/field/stories/index.story.d.ts.map +1 -1
  254. package/build-types/form/primitives/field/types.d.ts +7 -0
  255. package/build-types/form/primitives/field/types.d.ts.map +1 -1
  256. package/build-types/form/primitives/fieldset/legend.d.ts +1 -0
  257. package/build-types/form/primitives/fieldset/legend.d.ts.map +1 -1
  258. package/build-types/form/primitives/fieldset/stories/index.story.d.ts +5 -0
  259. package/build-types/form/primitives/fieldset/stories/index.story.d.ts.map +1 -1
  260. package/build-types/form/primitives/fieldset/types.d.ts +7 -0
  261. package/build-types/form/primitives/fieldset/types.d.ts.map +1 -1
  262. package/build-types/form/primitives/input-layout/slot.d.ts.map +1 -1
  263. package/build-types/index.d.ts +5 -0
  264. package/build-types/index.d.ts.map +1 -1
  265. package/build-types/link/index.d.ts +2 -0
  266. package/build-types/link/index.d.ts.map +1 -0
  267. package/build-types/link/link.d.ts +7 -0
  268. package/build-types/link/link.d.ts.map +1 -0
  269. package/build-types/link/stories/index.story.d.ts +18 -0
  270. package/build-types/link/stories/index.story.d.ts.map +1 -0
  271. package/build-types/link/test/index.test.d.ts +2 -0
  272. package/build-types/link/test/index.test.d.ts.map +1 -0
  273. package/build-types/link/types.d.ts +33 -0
  274. package/build-types/link/types.d.ts.map +1 -0
  275. package/build-types/notice/action-link.d.ts +0 -2
  276. package/build-types/notice/action-link.d.ts.map +1 -1
  277. package/build-types/notice/description.d.ts +1 -1
  278. package/build-types/notice/description.d.ts.map +1 -1
  279. package/build-types/notice/title.d.ts.map +1 -1
  280. package/build-types/notice/types.d.ts +3 -2
  281. package/build-types/notice/types.d.ts.map +1 -1
  282. package/build-types/text/index.d.ts +2 -0
  283. package/build-types/text/index.d.ts.map +1 -0
  284. package/build-types/text/stories/index.story.d.ts +9 -0
  285. package/build-types/text/stories/index.story.d.ts.map +1 -0
  286. package/build-types/text/test/index.test.d.ts +2 -0
  287. package/build-types/text/test/index.test.d.ts.map +1 -0
  288. package/build-types/text/text.d.ts +7 -0
  289. package/build-types/text/text.d.ts.map +1 -0
  290. package/build-types/text/types.d.ts +15 -0
  291. package/build-types/text/types.d.ts.map +1 -0
  292. package/package.json +14 -14
  293. package/src/badge/style.module.css +5 -2
  294. package/src/button/style.module.css +2 -0
  295. package/src/card/content.tsx +20 -0
  296. package/src/card/full-bleed.tsx +26 -0
  297. package/src/card/header.tsx +21 -0
  298. package/src/card/index.ts +7 -0
  299. package/src/card/root.tsx +42 -0
  300. package/src/card/stories/index.story.tsx +128 -0
  301. package/src/card/style.module.css +48 -0
  302. package/src/card/test/index.test.tsx +96 -0
  303. package/src/card/title.tsx +22 -0
  304. package/src/card/types.ts +38 -0
  305. package/src/collapsible/index.ts +5 -0
  306. package/src/collapsible/panel.tsx +16 -0
  307. package/src/collapsible/root.tsx +15 -0
  308. package/src/collapsible/stories/index.story.tsx +108 -0
  309. package/src/collapsible/test/index.test.tsx +228 -0
  310. package/src/collapsible/trigger.tsx +15 -0
  311. package/src/collapsible/types.ts +24 -0
  312. package/src/collapsible-card/content.tsx +33 -0
  313. package/src/collapsible-card/header.tsx +53 -0
  314. package/src/collapsible-card/index.ts +5 -0
  315. package/src/collapsible-card/root.tsx +37 -0
  316. package/src/collapsible-card/stories/index.story.tsx +207 -0
  317. package/src/collapsible-card/style.module.css +78 -0
  318. package/src/collapsible-card/test/index.test.tsx +181 -0
  319. package/src/collapsible-card/types.ts +54 -0
  320. package/src/dialog/style.module.css +5 -5
  321. package/src/dialog/types.ts +3 -3
  322. package/src/form/primitives/field/label.tsx +9 -1
  323. package/src/form/primitives/field/stories/index.story.tsx +17 -0
  324. package/src/form/primitives/field/test/index.test.tsx +13 -0
  325. package/src/form/primitives/field/types.ts +7 -0
  326. package/src/form/primitives/fieldset/legend.tsx +8 -1
  327. package/src/form/primitives/fieldset/stories/index.story.tsx +20 -0
  328. package/src/form/primitives/fieldset/test/index.test.tsx +14 -0
  329. package/src/form/primitives/fieldset/types.ts +7 -0
  330. package/src/form/primitives/input-layout/slot.tsx +6 -2
  331. package/src/index.ts +5 -0
  332. package/src/link/index.ts +1 -0
  333. package/src/link/link.tsx +73 -0
  334. package/src/link/stories/index.story.tsx +92 -0
  335. package/src/link/style.module.css +68 -0
  336. package/src/link/test/index.test.tsx +93 -0
  337. package/src/link/types.ts +36 -0
  338. package/src/notice/action-link.tsx +12 -18
  339. package/src/notice/description.tsx +12 -14
  340. package/src/notice/style.module.css +9 -22
  341. package/src/notice/test/index.test.tsx +2 -2
  342. package/src/notice/title.tsx +11 -10
  343. package/src/notice/types.ts +3 -2
  344. package/src/tabs/style.module.css +1 -1
  345. package/src/text/index.ts +1 -0
  346. package/src/text/stories/index.story.tsx +68 -0
  347. package/src/text/style.module.css +67 -0
  348. package/src/text/test/index.test.tsx +46 -0
  349. package/src/text/text.tsx +25 -0
  350. package/src/text/types.ts +25 -0
  351. package/src/tooltip/popup.tsx +1 -1
  352. package/src/utils/css/focus.module.css +4 -2
  353. package/src/utils/css/item-popup.module.css +1 -0
  354. package/src/utils/css/select-trigger.module.css +1 -0
  355. package/src/visually-hidden/style.module.css +1 -0
  356. package/AGENTS.md +0 -9
  357. package/CLAUDE.md +0 -1
@@ -0,0 +1,15 @@
1
+ /**
2
+ * A button that opens and closes the collapsible panel.
3
+ *
4
+ * `Collapsible` is a collection of React components that combine to render
5
+ * a collapsible panel controlled by a button.
6
+ */
7
+ export declare const Trigger: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react").CollapsibleTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "className" | "children" | "render"> & {
8
+ className?: string;
9
+ render?: ((props: import("react").HTMLAttributes<any> & {
10
+ ref?: import("react").Ref<any> | undefined;
11
+ }) => React.ReactElement<unknown>) | React.ReactElement<Record<string, unknown>>;
12
+ } & {
13
+ children?: import("react").ReactNode;
14
+ } & import("react").RefAttributes<HTMLButtonElement>>;
15
+ //# sourceMappingURL=trigger.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"trigger.d.ts","sourceRoot":"","sources":["../../src/collapsible/trigger.tsx"],"names":[],"mappings":"AAIA;;;;;GAKG;AACH,eAAO,MAAM,OAAO;;;;;;;qDAInB,CAAC"}
@@ -0,0 +1,22 @@
1
+ import type { ReactNode } from 'react';
2
+ import type { Collapsible as _Collapsible } from '@base-ui/react/collapsible';
3
+ import type { ComponentProps } from '../utils/types';
4
+ export type RootProps = ComponentProps<typeof _Collapsible.Root> & {
5
+ /**
6
+ * The content to be rendered inside the component.
7
+ */
8
+ children?: ReactNode;
9
+ };
10
+ export type TriggerProps = ComponentProps<typeof _Collapsible.Trigger> & {
11
+ /**
12
+ * The content to be rendered inside the component.
13
+ */
14
+ children?: ReactNode;
15
+ };
16
+ export type PanelProps = ComponentProps<typeof _Collapsible.Panel> & {
17
+ /**
18
+ * The content to be rendered inside the component.
19
+ */
20
+ children?: ReactNode;
21
+ };
22
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/collapsible/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,IAAI,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,MAAM,SAAS,GAAG,cAAc,CAAE,OAAO,YAAY,CAAC,IAAI,CAAE,GAAG;IACpE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,cAAc,CAAE,OAAO,YAAY,CAAC,OAAO,CAAE,GAAG;IAC1E;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,cAAc,CAAE,OAAO,YAAY,CAAC,KAAK,CAAE,GAAG;IACtE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC"}
@@ -0,0 +1,7 @@
1
+ import type { ContentProps } from './types';
2
+ /**
3
+ * The collapsible content area of the card. Hidden when collapsed,
4
+ * visible when expanded.
5
+ */
6
+ export declare const Content: import("react").ForwardRefExoticComponent<ContentProps & import("react").RefAttributes<HTMLDivElement>>;
7
+ //# sourceMappingURL=content.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../src/collapsible-card/content.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C;;;GAGG;AACH,eAAO,MAAM,OAAO,yGAqBnB,CAAC"}
@@ -0,0 +1,12 @@
1
+ import type { HeaderProps } from './types';
2
+ /**
3
+ * The header of a collapsible card. Always visible, and acts as the
4
+ * toggle trigger — clicking anywhere on it expands or collapses the
5
+ * card's content.
6
+ *
7
+ * Avoid placing interactive elements (buttons, links, inputs) inside the
8
+ * header, since the entire area is clickable and their events will bubble
9
+ * to trigger the collapse toggle.
10
+ */
11
+ export declare const Header: import("react").ForwardRefExoticComponent<HeaderProps & import("react").RefAttributes<HTMLDivElement>>;
12
+ //# sourceMappingURL=header.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../src/collapsible-card/header.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C;;;;;;;;GAQG;AACH,eAAO,MAAM,MAAM,wGAiClB,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { Root } from './root';
2
+ import { Header } from './header';
3
+ import { Content } from './content';
4
+ export { Root, Header, Content };
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/collapsible-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC"}
@@ -0,0 +1,24 @@
1
+ import type { RootProps } from './types';
2
+ /**
3
+ * A card that can be expanded and collapsed. When collapsed, only the
4
+ * header is visible.
5
+ *
6
+ * ```jsx
7
+ * import { CollapsibleCard, Card } from '@wordpress/ui';
8
+ *
9
+ * function MyComponent() {
10
+ * return (
11
+ * <CollapsibleCard.Root defaultOpen>
12
+ * <CollapsibleCard.Header>
13
+ * <Card.Title>Heading</Card.Title>
14
+ * </CollapsibleCard.Header>
15
+ * <CollapsibleCard.Content>
16
+ * <p>Collapsible content here.</p>
17
+ * </CollapsibleCard.Content>
18
+ * </CollapsibleCard.Root>
19
+ * );
20
+ * }
21
+ * ```
22
+ */
23
+ export declare const Root: import("react").ForwardRefExoticComponent<RootProps & import("react").RefAttributes<HTMLDivElement>>;
24
+ //# sourceMappingURL=root.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../src/collapsible-card/root.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,IAAI,sGAUhB,CAAC"}
@@ -0,0 +1,28 @@
1
+ import type { Meta, StoryObj } from '@storybook/react-vite';
2
+ import * as CollapsibleCard from '../index';
3
+ declare const meta: Meta<typeof CollapsibleCard.Root>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof CollapsibleCard.Root>;
6
+ /**
7
+ * A collapsible card that is open by default.
8
+ */
9
+ export declare const Default: Story;
10
+ /**
11
+ * A collapsible card that starts collapsed.
12
+ */
13
+ export declare const InitiallyOpened: Story;
14
+ /**
15
+ * A disabled collapsible card cannot be toggled by the user.
16
+ */
17
+ export declare const Disabled: Story;
18
+ /**
19
+ * Multiple collapsible cards stacked vertically, simulating a typical
20
+ * settings-panel or FAQ-style layout.
21
+ */
22
+ export declare const Stacked: Story;
23
+ /**
24
+ * Visual comparison: a `CollapsibleCard` (open) next to a regular `Card`
25
+ * to verify identical spacing and layout.
26
+ */
27
+ export declare const ComparedToCard: Story;
28
+ //# sourceMappingURL=index.story.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/collapsible-card/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,KAAK,eAAe,MAAM,UAAU,CAAC;AAwB5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,eAAe,CAAC,IAAI,CAO5C,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,eAAe,CAAC,IAAI,CAAE,CAAC;AAErD;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAqBrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAkB7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KA6CrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KA4C5B,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=index.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../../src/collapsible-card/test/index.test.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,52 @@
1
+ import type { ReactNode } from 'react';
2
+ import type { PanelProps } from '../collapsible/types';
3
+ import type { ComponentProps } from '../utils/types';
4
+ export interface RootProps extends ComponentProps<'div'> {
5
+ /**
6
+ * The content to be rendered inside the collapsible card.
7
+ * Should include `CollapsibleCard.Header` and `CollapsibleCard.Content`.
8
+ */
9
+ children?: ReactNode;
10
+ /**
11
+ * Whether the collapsible panel is currently open (controlled).
12
+ *
13
+ * To render an uncontrolled collapsible card, use `defaultOpen` instead.
14
+ */
15
+ open?: boolean;
16
+ /**
17
+ * Whether the collapsible panel is initially open (uncontrolled).
18
+ * @default false
19
+ */
20
+ defaultOpen?: boolean;
21
+ /**
22
+ * Event handler called when the panel is opened or closed.
23
+ */
24
+ onOpenChange?: (open: boolean) => void;
25
+ /**
26
+ * Whether the component should ignore user interaction.
27
+ * @default false
28
+ */
29
+ disabled?: boolean;
30
+ }
31
+ export interface HeaderProps extends ComponentProps<'div'> {
32
+ /**
33
+ * The content to be rendered inside the header.
34
+ */
35
+ children?: ReactNode;
36
+ }
37
+ export interface ContentProps extends ComponentProps<'div'> {
38
+ /**
39
+ * The content to be rendered inside the collapsible content area.
40
+ */
41
+ children?: ReactNode;
42
+ /**
43
+ * Allows the browser’s built-in page search to find and expand the panel contents.
44
+ *
45
+ * Overrides the `keepMounted` prop and uses `hidden="until-found"`
46
+ * to hide the element without removing it from the DOM.
47
+ *
48
+ * @default true
49
+ */
50
+ hiddenUntilFound?: PanelProps['hiddenUntilFound'];
51
+ }
52
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/collapsible-card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAE,KAAK,CAAE;IACzD;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAE,IAAI,EAAE,OAAO,KAAM,IAAI,CAAC;IACzC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAE,KAAK,CAAE;IAC3D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAE,KAAK,CAAE;IAC5D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;;OAOG;IACH,gBAAgB,CAAC,EAAE,UAAU,CAAE,kBAAkB,CAAE,CAAC;CACpD"}
@@ -24,9 +24,9 @@ export interface PopupProps extends ComponentProps<'div'> {
24
24
  * Renders the dialog at a preset width (excluding additional padding from
25
25
  * the viewport edges).
26
26
  *
27
- * - `'small'` — max-width of 384px.
28
- * - `'medium'` — max-width of 512px.
29
- * - `'large'` — max-width of 840px.
27
+ * - `'small'` — narrow max-width.
28
+ * - `'medium'` — moderate max-width.
29
+ * - `'large'` — wide max-width.
30
30
  * - `'stretch'` — no max-width, stretches to fill available space.
31
31
  * - `'full'` — stretches to fill available width and height.
32
32
  *
@@ -6,6 +6,7 @@ export declare const Label: import("react").ForwardRefExoticComponent<Omit<Omit<
6
6
  }) => React.ReactElement<unknown>) | React.ReactElement<Record<string, unknown>>;
7
7
  } & {
8
8
  children?: _Field.Label.Props["children"];
9
+ hideFromVision?: boolean;
9
10
  variant?: "default" | "plain";
10
11
  } & import("react").RefAttributes<HTMLLabelElement>>;
11
12
  //# sourceMappingURL=label.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/field/label.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,IAAI,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAKvD,eAAO,MAAM,KAAK;;;;;;;;oDAcjB,CAAC"}
1
+ {"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/field/label.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,IAAI,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAMvD,eAAO,MAAM,KAAK;;;;;;;;;oDAqBjB,CAAC"}
@@ -24,6 +24,11 @@ export declare const UsingHtmlFor: StoryObj<typeof Field.Root>;
24
24
  * label with the control.
25
25
  */
26
26
  export declare const UsingAriaLabelledby: StoryObj<typeof Field.Root>;
27
+ /**
28
+ * When `hideFromVision` is set on `Field.Label`, the label is visually
29
+ * hidden but remains accessible to screen readers.
30
+ */
31
+ export declare const HiddenLabel: StoryObj<typeof Field.Root>;
27
32
  /**
28
33
  * To add rich content (such as links) to the description, use `Field.Details`.
29
34
  *
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../../src/form/primitives/field/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,KAAK,CAAC,IAAI,CAUlC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAchD,CAAC;AAQF;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAoBrD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAoB5D,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAkBpD,CAAC"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../../src/form/primitives/field/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,KAAK,CAAC,IAAI,CAUlC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAchD,CAAC;AAQF;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAoBrD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAoB5D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAWpD,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAkBpD,CAAC"}
@@ -20,6 +20,13 @@ export type FieldLabelProps = ComponentProps<typeof Field.Label> & {
20
20
  * elements such as links or buttons.
21
21
  */
22
22
  children?: Field.Label.Props['children'];
23
+ /**
24
+ * Whether to visually hide the label while keeping it accessible
25
+ * to screen readers.
26
+ *
27
+ * @default false
28
+ */
29
+ hideFromVision?: boolean;
23
30
  /**
24
31
  * The visual variant of the label.
25
32
  *
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/field/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,MAAM,cAAc,GAAG,IAAI,CAChC,cAAc,CAAE,OAAO,KAAK,CAAC,IAAI,CAAE,EACjC,UAAU,GAEV,OAAO,GACP,SAAS,GACT,SAAS,GACT,UAAU,GACV,wBAAwB,GACxB,gBAAgB,CAClB,GAAG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;IAC1C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,cAAc,CAAE,OAAO,KAAK,CAAC,IAAI,CAAE,GAAG;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAE,OAAO,KAAK,CAAC,KAAK,CAAE,GAAG;IACpE;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;IAC3C;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,IAAI,CACnC,cAAc,CAAE,OAAO,KAAK,CAAC,OAAO,CAAE,EACtC,cAAc,CACd,GAAG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAE,cAAc,CAAE,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,cAAc,CACjD,OAAO,KAAK,CAAC,WAAW,CACxB,GAAG;IACH;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAE,KAAK,CAAE,GAAG;IACzD;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/field/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,MAAM,cAAc,GAAG,IAAI,CAChC,cAAc,CAAE,OAAO,KAAK,CAAC,IAAI,CAAE,EACjC,UAAU,GAEV,OAAO,GACP,SAAS,GACT,SAAS,GACT,UAAU,GACV,wBAAwB,GACxB,gBAAgB,CAClB,GAAG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;IAC1C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,cAAc,CAAE,OAAO,KAAK,CAAC,IAAI,CAAE,GAAG;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAE,OAAO,KAAK,CAAC,KAAK,CAAE,GAAG;IACpE;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;IAC3C;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,IAAI,CACnC,cAAc,CAAE,OAAO,KAAK,CAAC,OAAO,CAAE,EACtC,cAAc,CACd,GAAG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAE,cAAc,CAAE,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,cAAc,CACjD,OAAO,KAAK,CAAC,WAAW,CACxB,GAAG;IACH;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAE,KAAK,CAAE,GAAG;IACzD;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC"}
@@ -5,5 +5,6 @@ export declare const FieldsetLegend: import("react").ForwardRefExoticComponent<O
5
5
  }) => React.ReactElement<unknown>) | React.ReactElement<Record<string, unknown>>;
6
6
  } & {
7
7
  children?: React.ReactNode;
8
+ hideFromVision?: boolean;
8
9
  } & import("react").RefAttributes<HTMLDivElement>>;
9
10
  //# sourceMappingURL=legend.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"legend.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/fieldset/legend.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc;;;;;;;kDAU1B,CAAC"}
1
+ {"version":3,"file":"legend.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/fieldset/legend.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,cAAc;;;;;;;;kDAgB1B,CAAC"}
@@ -4,6 +4,11 @@ declare const meta: Meta<typeof Fieldset.Root>;
4
4
  export default meta;
5
5
  type Story = StoryObj<typeof Fieldset.Root>;
6
6
  export declare const Default: Story;
7
+ /**
8
+ * When `hideFromVision` is set on `Fieldset.Legend`, the legend is visually
9
+ * hidden but remains accessible to screen readers.
10
+ */
11
+ export declare const HiddenLegend: Story;
7
12
  /**
8
13
  * To add rich content (such as links) to the description, use `Fieldset.Details`.
9
14
  *
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../../src/form/primitives/fieldset/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,QAAQ,CAAC,IAAI,CAQrC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,QAAQ,CAAC,IAAI,CAAE,CAAC;AAE9C,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,KAqBzB,CAAC"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../../src/form/primitives/fieldset/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,QAAQ,CAAC,IAAI,CAQrC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,QAAQ,CAAC,IAAI,CAAE,CAAC;AAE9C,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,KAqBzB,CAAC"}
@@ -5,6 +5,13 @@ export type FieldsetRootProps = ComponentProps<typeof _Fieldset.Root> & {
5
5
  };
6
6
  export type FieldsetLegendProps = ComponentProps<typeof _Fieldset.Legend> & {
7
7
  children?: React.ReactNode;
8
+ /**
9
+ * Whether to visually hide the legend while keeping it accessible
10
+ * to screen readers.
11
+ *
12
+ * @default false
13
+ */
14
+ hideFromVision?: boolean;
8
15
  };
9
16
  export type FieldsetDescriptionProps = ComponentProps<'p'> & {
10
17
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/fieldset/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAE,OAAO,SAAS,CAAC,IAAI,CAAE,GAAG;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAE,OAAO,SAAS,CAAC,MAAM,CAAE,GAAG;IAC7E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAE,GAAG,CAAE,GAAG;IAC9D;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAE,KAAK,CAAE,GAAG;IAC5D;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/fieldset/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAE,OAAO,SAAS,CAAC,IAAI,CAAE,GAAG;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAE,OAAO,SAAS,CAAC,MAAM,CAAE,GAAG;IAC7E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAE,GAAG,CAAE,GAAG;IAC9D;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAE,KAAK,CAAE,GAAG;IAC5D;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/input-layout/slot.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD;;GAEG;AACH,eAAO,MAAM,eAAe,iHAczB,CAAC"}
1
+ {"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/input-layout/slot.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD;;GAEG;AACH,eAAO,MAAM,eAAe,iHAkBzB,CAAC"}
@@ -1,12 +1,17 @@
1
1
  export * from './badge';
2
2
  export * from './button';
3
+ export * as Card from './card';
4
+ export * as Collapsible from './collapsible';
5
+ export * as CollapsibleCard from './collapsible-card';
3
6
  export * as Dialog from './dialog';
4
7
  export * from './form/primitives';
5
8
  export * from './icon';
6
9
  export * from './icon-button';
10
+ export * from './link';
7
11
  export * as Notice from './notice';
8
12
  export * from './stack';
9
13
  export * as Tabs from './tabs';
14
+ export * from './text';
10
15
  export * as Tooltip from './tooltip';
11
16
  export * from './visually-hidden';
12
17
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,cAAc,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,eAAe,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,cAAc,mBAAmB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { Link } from './link';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { type LinkProps } from './types';
2
+ /**
3
+ * A styled anchor element with support for semantic color tones and an
4
+ * unstyled escape hatch.
5
+ */
6
+ export declare const Link: import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
7
+ //# sourceMappingURL=link.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/link/link.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAKzC;;;GAGG;AACH,eAAO,MAAM,IAAI,yGA2Dd,CAAC"}
@@ -0,0 +1,18 @@
1
+ import type { Meta, StoryObj } from '@storybook/react-vite';
2
+ import { Link } from '../index';
3
+ declare const meta: Meta<typeof Link>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Link>;
6
+ export declare const Default: Story;
7
+ /**
8
+ * Note: `tone` has no effect on `unstyled` variant
9
+ */
10
+ export declare const AllTonesAndVariants: Story;
11
+ export declare const Inline: Story;
12
+ /**
13
+ * When composing `Text` and `Link` via the `render` prop, the order matters:
14
+ * - `<Text render={ <Link /> } />` renders an `<a>` element (Link's default tag wins).
15
+ * - `<Link render={ <Text /> } />` renders a `<span>` element (Text's default tag wins).
16
+ */
17
+ export declare const Standalone: Story;
18
+ //# sourceMappingURL=index.story.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/link/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAIhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,IAAI,CAG5B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,IAAI,CAAE,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KA4BjC,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAYpB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,KAmBxB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=index.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../../src/link/test/index.test.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,33 @@
1
+ import { type ReactNode } from 'react';
2
+ import { type ComponentProps } from '../utils/types';
3
+ export interface LinkProps extends Omit<ComponentProps<'a'>, 'target'> {
4
+ /**
5
+ * The visual treatment of the link.
6
+ *
7
+ * - `default`: Applies tone-based color and underline styles.
8
+ * - `unstyled`: Strips all visual styles so consumers can bring their own.
9
+ *
10
+ * @default "default"
11
+ */
12
+ variant?: 'default' | 'unstyled';
13
+ /**
14
+ * The tone of the link. Tone describes a semantic color intent.
15
+ * Only applies when `variant` is `default`.
16
+ *
17
+ * @default "brand"
18
+ */
19
+ tone?: 'brand' | 'neutral';
20
+ /**
21
+ * Whether to open the link in a new browser tab.
22
+ * When true, sets `target="_blank"`, appends a visual arrow indicator,
23
+ * and prevents navigation for internal anchors (`#`-prefixed hrefs).
24
+ *
25
+ * @default false
26
+ */
27
+ openInNewTab?: boolean;
28
+ /**
29
+ * The content to be rendered inside the component.
30
+ */
31
+ children?: ReactNode;
32
+ }
33
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/link/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAE,cAAc,CAAE,GAAG,CAAE,EAAE,QAAQ,CAAE;IACzE;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAEjC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE3B;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB"}
@@ -1,8 +1,6 @@
1
1
  import type { ActionLinkProps } from './types';
2
2
  /**
3
3
  * An action link for use within Notice.Actions.
4
- *
5
- * TODO: This should use a shared Link component.
6
4
  */
7
5
  export declare const ActionLink: import("react").ForwardRefExoticComponent<ActionLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
8
6
  //# sourceMappingURL=action-link.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"action-link.d.ts","sourceRoot":"","sources":["../../src/notice/action-link.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG/C;;;;GAIG;AACH,eAAO,MAAM,UAAU,+GAgBtB,CAAC"}
1
+ {"version":3,"file":"action-link.d.ts","sourceRoot":"","sources":["../../src/notice/action-link.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG/C;;GAEG;AACH,eAAO,MAAM,UAAU,+GAYtB,CAAC"}
@@ -2,5 +2,5 @@ import type { DescriptionProps } from './types';
2
2
  /**
3
3
  * The description text for a notice.
4
4
  */
5
- export declare const Description: import("react").ForwardRefExoticComponent<DescriptionProps & import("react").RefAttributes<HTMLDivElement>>;
5
+ export declare const Description: import("react").ForwardRefExoticComponent<DescriptionProps & import("react").RefAttributes<HTMLSpanElement>>;
6
6
  //# sourceMappingURL=description.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"description.d.ts","sourceRoot":"","sources":["../../src/notice/description.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGhD;;GAEG;AACH,eAAO,MAAM,WAAW,6GAcvB,CAAC"}
1
+ {"version":3,"file":"description.d.ts","sourceRoot":"","sources":["../../src/notice/description.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAIhD;;GAEG;AACH,eAAO,MAAM,WAAW,8GAWvB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"title.d.ts","sourceRoot":"","sources":["../../src/notice/title.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C;;GAEG;AACH,eAAO,MAAM,KAAK,wGAWjB,CAAC"}
1
+ {"version":3,"file":"title.d.ts","sourceRoot":"","sources":["../../src/notice/title.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAI1C;;GAEG;AACH,eAAO,MAAM,KAAK,wGAWjB,CAAC"}
@@ -3,6 +3,7 @@ import type { ComponentProps } from '../utils/types';
3
3
  import type { IconProps } from '../icon/types';
4
4
  import type { ButtonProps } from '../button/types';
5
5
  import type { IconButtonProps } from '../icon-button/types';
6
+ import type { LinkProps } from '../link/types';
6
7
  export type NoticeIntent = 'warning' | 'success' | 'error' | 'info' | 'neutral';
7
8
  export interface RootProps extends Omit<ComponentProps<'div'>, 'title'> {
8
9
  /**
@@ -39,7 +40,7 @@ export interface TitleProps extends ComponentProps<'span'> {
39
40
  */
40
41
  children?: ReactNode;
41
42
  }
42
- export interface DescriptionProps extends ComponentProps<'div'> {
43
+ export interface DescriptionProps extends ComponentProps<'span'> {
43
44
  /**
44
45
  * The description text of the notice.
45
46
  */
@@ -68,7 +69,7 @@ export interface ActionButtonProps extends Omit<ButtonProps, 'size' | 'tone'> {
68
69
  */
69
70
  children?: ReactNode;
70
71
  }
71
- export interface ActionLinkProps extends ComponentProps<'a'> {
72
+ export interface ActionLinkProps extends Omit<LinkProps, 'variant' | 'tone'> {
72
73
  /**
73
74
  * The content to be rendered inside the component.
74
75
  */
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/notice/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAEhF,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAE,cAAc,CAAE,KAAK,CAAE,EAAE,OAAO,CAAE;IAC1E;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IAEtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAE,MAAM,CAAE,GAAG,IAAI,CAAC;IAElC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;;OAGG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;CACpC;AAED,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAE,MAAM,CAAE;IAC3D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAE,KAAK,CAAE;IAChE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAE,KAAK,CAAE;IAC5D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,cAChB,SAAQ,IAAI,CACX,eAAe,EACb,SAAS,GACT,qBAAqB,GACrB,SAAS,GACT,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,CACR;IACD;;;OAGG;IACH,KAAK,CAAC,EAAE,eAAe,CAAE,OAAO,CAAE,CAAC;IAEnC;;OAEG;IACH,IAAI,CAAC,EAAE,eAAe,CAAE,MAAM,CAAE,CAAC;CACjC;AAED,MAAM,WAAW,iBAChB,SAAQ,IAAI,CAAE,WAAW,EAAE,MAAM,GAAG,MAAM,CAAE;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAE,GAAG,CAAE;IAC7D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/notice/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAEhF,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAE,cAAc,CAAE,KAAK,CAAE,EAAE,OAAO,CAAE;IAC1E;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IAEtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAE,MAAM,CAAE,GAAG,IAAI,CAAC;IAElC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;;OAGG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;CACpC;AAED,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAE,MAAM,CAAE;IAC3D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAE,MAAM,CAAE;IACjE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAE,KAAK,CAAE;IAC5D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,cAChB,SAAQ,IAAI,CACX,eAAe,EACb,SAAS,GACT,qBAAqB,GACrB,SAAS,GACT,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,CACR;IACD;;;OAGG;IACH,KAAK,CAAC,EAAE,eAAe,CAAE,OAAO,CAAE,CAAC;IAEnC;;OAEG;IACH,IAAI,CAAC,EAAE,eAAe,CAAE,MAAM,CAAE,CAAC;CACjC;AAED,MAAM,WAAW,iBAChB,SAAQ,IAAI,CAAE,WAAW,EAAE,MAAM,GAAG,MAAM,CAAE;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAE,SAAS,EAAE,SAAS,GAAG,MAAM,CAAE;IAC7E;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB"}
@@ -0,0 +1,2 @@
1
+ export { Text } from './text';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
@@ -0,0 +1,9 @@
1
+ import type { Meta, StoryObj } from '@storybook/react-vite';
2
+ import { Text } from '../index';
3
+ declare const meta: Meta<typeof Text>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Text>;
6
+ export declare const Default: Story;
7
+ export declare const AllVariants: Story;
8
+ export declare const WithRenderProp: Story;
9
+ //# sourceMappingURL=index.story.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/text/stories/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,IAAI,CAG5B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,IAAI,CAAE,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA6BzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAe5B,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=index.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../../src/text/test/index.test.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,7 @@
1
+ import { type TextProps } from './types';
2
+ /**
3
+ * A text component for rendering content with predefined typographic variants.
4
+ * Built on design tokens for consistent typography across the UI.
5
+ */
6
+ export declare const Text: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<HTMLSpanElement>>;
7
+ //# sourceMappingURL=text.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/text/text.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAGzC;;;GAGG;AACH,eAAO,MAAM,IAAI,uGAcd,CAAC"}
@@ -0,0 +1,15 @@
1
+ import { type ComponentProps } from '../utils/types';
2
+ export interface TextProps extends ComponentProps<'span'> {
3
+ /**
4
+ * The typographic variant to apply, controlling font family, size,
5
+ * line height, and weight.
6
+ *
7
+ * @default "body-md"
8
+ */
9
+ variant?: 'heading-2xl' | 'heading-xl' | 'heading-lg' | 'heading-md' | 'heading-sm' | 'body-xl' | 'body-lg' | 'body-md' | 'body-sm';
10
+ /**
11
+ * The content to be rendered inside the component.
12
+ */
13
+ children?: React.ReactNode;
14
+ }
15
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/text/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAE,MAAM,CAAE;IAC1D;;;;;OAKG;IACH,OAAO,CAAC,EACL,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,CAAC;IAEb;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}