@usefragments/ui 1.6.0 → 1.7.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 (457) hide show
  1. package/README.md +4 -4
  2. package/dist/assets/fragments-wordmark.cjs +2 -2
  3. package/dist/assets/fragments-wordmark.d.ts.map +1 -1
  4. package/dist/assets/fragments-wordmark.js +2 -2
  5. package/dist/assets/ui.css +4720 -4159
  6. package/dist/chart.cjs +24 -6
  7. package/dist/chart.js +24 -6
  8. package/dist/codeblock.cjs +55 -29
  9. package/dist/codeblock.js +55 -29
  10. package/dist/colorpicker.cjs +3 -1
  11. package/dist/colorpicker.js +3 -1
  12. package/dist/components/Accordion/Accordion.module.scss.cjs +8 -8
  13. package/dist/components/Accordion/Accordion.module.scss.js +8 -8
  14. package/dist/components/Alert/Alert.module.scss.cjs +15 -12
  15. package/dist/components/Alert/Alert.module.scss.js +15 -12
  16. package/dist/components/Alert/index.cjs +7 -1
  17. package/dist/components/Alert/index.d.ts +12 -6
  18. package/dist/components/Alert/index.d.ts.map +1 -1
  19. package/dist/components/Alert/index.js +7 -1
  20. package/dist/components/AppShell/AppShell.module.scss.cjs +14 -14
  21. package/dist/components/AppShell/AppShell.module.scss.js +14 -14
  22. package/dist/components/Avatar/Avatar.module.scss.cjs +14 -14
  23. package/dist/components/Avatar/Avatar.module.scss.js +14 -14
  24. package/dist/components/Badge/Badge.module.scss.cjs +19 -19
  25. package/dist/components/Badge/Badge.module.scss.js +19 -19
  26. package/dist/components/BentoGrid/BentoGrid.module.scss.cjs +14 -14
  27. package/dist/components/BentoGrid/BentoGrid.module.scss.js +14 -14
  28. package/dist/components/Box/Box.module.scss.cjs +152 -152
  29. package/dist/components/Box/Box.module.scss.js +152 -152
  30. package/dist/components/Box/index.cjs +64 -75
  31. package/dist/components/Box/index.d.ts +16 -16
  32. package/dist/components/Box/index.d.ts.map +1 -1
  33. package/dist/components/Box/index.js +64 -75
  34. package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.cjs +8 -8
  35. package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.js +8 -8
  36. package/dist/components/Button/Button.module.scss.cjs +14 -14
  37. package/dist/components/Button/Button.module.scss.js +14 -14
  38. package/dist/components/Card/Card.module.scss.cjs +29 -17
  39. package/dist/components/Card/Card.module.scss.js +30 -18
  40. package/dist/components/Card/index.cjs +8 -0
  41. package/dist/components/Card/index.d.ts +12 -2
  42. package/dist/components/Card/index.d.ts.map +1 -1
  43. package/dist/components/Card/index.js +8 -0
  44. package/dist/components/Chart/Chart.module.scss.cjs +15 -15
  45. package/dist/components/Chart/Chart.module.scss.js +15 -15
  46. package/dist/components/Chart/index.d.ts.map +1 -1
  47. package/dist/components/Checkbox/Checkbox.module.scss.cjs +9 -9
  48. package/dist/components/Checkbox/Checkbox.module.scss.js +9 -9
  49. package/dist/components/Checkbox/index.cjs +2 -2
  50. package/dist/components/Checkbox/index.d.ts.map +1 -1
  51. package/dist/components/Checkbox/index.js +2 -2
  52. package/dist/components/Chip/Chip.module.scss.cjs +15 -15
  53. package/dist/components/Chip/Chip.module.scss.js +15 -15
  54. package/dist/components/Chip/index.cjs +2 -1
  55. package/dist/components/Chip/index.d.ts.map +1 -1
  56. package/dist/components/Chip/index.js +2 -1
  57. package/dist/components/CodeBlock/CodeBlock.module.scss.cjs +26 -23
  58. package/dist/components/CodeBlock/CodeBlock.module.scss.js +26 -23
  59. package/dist/components/CodeBlock/css-variables-theme.cjs +98 -0
  60. package/dist/components/CodeBlock/css-variables-theme.d.ts +27 -0
  61. package/dist/components/CodeBlock/css-variables-theme.d.ts.map +1 -0
  62. package/dist/components/CodeBlock/css-variables-theme.js +98 -0
  63. package/dist/components/CodeBlock/index.d.ts +17 -3
  64. package/dist/components/CodeBlock/index.d.ts.map +1 -1
  65. package/dist/components/Collapsible/Collapsible.module.scss.cjs +9 -9
  66. package/dist/components/Collapsible/Collapsible.module.scss.js +9 -9
  67. package/dist/components/ColorPicker/ColorPicker.module.scss.cjs +14 -14
  68. package/dist/components/ColorPicker/ColorPicker.module.scss.js +14 -14
  69. package/dist/components/ColorPicker/index.d.ts.map +1 -1
  70. package/dist/components/Combobox/Combobox.module.scss.cjs +21 -21
  71. package/dist/components/Combobox/Combobox.module.scss.js +21 -21
  72. package/dist/components/Combobox/index.cjs +17 -1
  73. package/dist/components/Combobox/index.d.ts.map +1 -1
  74. package/dist/components/Combobox/index.js +17 -1
  75. package/dist/components/Command/Command.module.scss.cjs +11 -11
  76. package/dist/components/Command/Command.module.scss.js +11 -11
  77. package/dist/components/Command/index.cjs +26 -15
  78. package/dist/components/Command/index.d.ts +2 -2
  79. package/dist/components/Command/index.d.ts.map +1 -1
  80. package/dist/components/Command/index.js +26 -15
  81. package/dist/components/ConversationList/ConversationList.module.scss.cjs +10 -10
  82. package/dist/components/ConversationList/ConversationList.module.scss.js +10 -10
  83. package/dist/components/DataTable/DataTable.icons.cjs +6 -33
  84. package/dist/components/DataTable/DataTable.icons.d.ts.map +1 -1
  85. package/dist/components/DataTable/DataTable.icons.js +6 -33
  86. package/dist/components/DataTable/DataTable.module.scss.cjs +27 -27
  87. package/dist/components/DataTable/DataTable.module.scss.js +27 -27
  88. package/dist/components/DataTable/index.d.ts.map +1 -1
  89. package/dist/components/DatePicker/DatePicker.module.scss.cjs +33 -33
  90. package/dist/components/DatePicker/DatePicker.module.scss.js +33 -33
  91. package/dist/components/DatePicker/index.d.ts.map +1 -1
  92. package/dist/components/Dialog/Dialog.module.scss.cjs +14 -14
  93. package/dist/components/Dialog/Dialog.module.scss.js +14 -14
  94. package/dist/components/Dialog/index.cjs +11 -14
  95. package/dist/components/Dialog/index.d.ts +7 -7
  96. package/dist/components/Dialog/index.d.ts.map +1 -1
  97. package/dist/components/Dialog/index.js +11 -14
  98. package/dist/components/Drawer/Drawer.module.scss.cjs +29 -29
  99. package/dist/components/Drawer/Drawer.module.scss.js +29 -29
  100. package/dist/components/Editor/Editor.module.scss.cjs +17 -17
  101. package/dist/components/Editor/Editor.module.scss.js +17 -17
  102. package/dist/components/Editor/index.d.ts +10 -10
  103. package/dist/components/Editor/index.d.ts.map +1 -1
  104. package/dist/components/EmptyState/EmptyState.module.scss.cjs +11 -8
  105. package/dist/components/EmptyState/EmptyState.module.scss.js +11 -8
  106. package/dist/components/EmptyState/index.cjs +8 -6
  107. package/dist/components/EmptyState/index.d.ts +9 -4
  108. package/dist/components/EmptyState/index.d.ts.map +1 -1
  109. package/dist/components/EmptyState/index.js +8 -6
  110. package/dist/components/Field/Field.module.scss.cjs +5 -5
  111. package/dist/components/Field/Field.module.scss.js +5 -5
  112. package/dist/components/Field/index.cjs +9 -1
  113. package/dist/components/Field/index.d.ts.map +1 -1
  114. package/dist/components/Field/index.js +9 -1
  115. package/dist/components/Fieldset/Fieldset.module.scss.cjs +3 -3
  116. package/dist/components/Fieldset/Fieldset.module.scss.js +3 -3
  117. package/dist/components/Grid/index.cjs +1 -1
  118. package/dist/components/Grid/index.js +1 -1
  119. package/dist/components/Header/Header.module.scss.cjs +33 -33
  120. package/dist/components/Header/Header.module.scss.js +33 -33
  121. package/dist/components/Header/index.cjs +17 -38
  122. package/dist/components/Header/index.d.ts +15 -11
  123. package/dist/components/Header/index.d.ts.map +1 -1
  124. package/dist/components/Header/index.js +17 -38
  125. package/dist/components/Icon/Icon.module.scss.cjs +15 -15
  126. package/dist/components/Icon/Icon.module.scss.js +15 -15
  127. package/dist/components/IconButton/IconButton.module.scss.cjs +8 -8
  128. package/dist/components/IconButton/IconButton.module.scss.js +8 -8
  129. package/dist/components/IconButton/index.cjs +2 -1
  130. package/dist/components/IconButton/index.d.ts.map +1 -1
  131. package/dist/components/IconButton/index.js +2 -1
  132. package/dist/components/Image/Image.module.scss.cjs +27 -27
  133. package/dist/components/Image/Image.module.scss.js +27 -27
  134. package/dist/components/Input/Input.module.scss.cjs +17 -17
  135. package/dist/components/Input/Input.module.scss.js +17 -17
  136. package/dist/components/Link/Link.module.scss.cjs +14 -10
  137. package/dist/components/Link/Link.module.scss.js +14 -10
  138. package/dist/components/Link/index.d.ts +1 -1
  139. package/dist/components/Link/index.d.ts.map +1 -1
  140. package/dist/components/List/List.module.scss.cjs +19 -19
  141. package/dist/components/List/List.module.scss.js +19 -19
  142. package/dist/components/Listbox/Listbox.module.scss.cjs +8 -8
  143. package/dist/components/Listbox/Listbox.module.scss.js +8 -8
  144. package/dist/components/Loading/Loading.module.scss.cjs +34 -34
  145. package/dist/components/Loading/Loading.module.scss.js +34 -34
  146. package/dist/components/Loading/index.cjs +1 -1
  147. package/dist/components/Loading/index.js +1 -1
  148. package/dist/components/Markdown/Markdown.module.scss.cjs +1 -1
  149. package/dist/components/Markdown/Markdown.module.scss.js +1 -1
  150. package/dist/components/Markdown/index.d.ts +2 -2
  151. package/dist/components/Markdown/index.d.ts.map +1 -1
  152. package/dist/components/Menu/Menu.module.scss.cjs +14 -14
  153. package/dist/components/Menu/Menu.module.scss.js +14 -14
  154. package/dist/components/Message/Message.module.scss.cjs +18 -18
  155. package/dist/components/Message/Message.module.scss.js +18 -18
  156. package/dist/components/NavigationMenu/NavigationMenu.module.scss.cjs +34 -31
  157. package/dist/components/NavigationMenu/NavigationMenu.module.scss.js +34 -31
  158. package/dist/components/NavigationMenu/index.cjs +32 -15
  159. package/dist/components/NavigationMenu/index.d.ts +12 -6
  160. package/dist/components/NavigationMenu/index.d.ts.map +1 -1
  161. package/dist/components/NavigationMenu/index.js +32 -15
  162. package/dist/components/Pagination/Pagination.module.scss.cjs +10 -10
  163. package/dist/components/Pagination/Pagination.module.scss.js +10 -10
  164. package/dist/components/Popover/Popover.module.scss.cjs +10 -10
  165. package/dist/components/Popover/Popover.module.scss.js +10 -10
  166. package/dist/components/Progress/Progress.module.scss.cjs +25 -25
  167. package/dist/components/Progress/Progress.module.scss.js +25 -25
  168. package/dist/components/Prompt/Prompt.module.scss.cjs +28 -28
  169. package/dist/components/Prompt/Prompt.module.scss.js +28 -28
  170. package/dist/components/RadioGroup/RadioGroup.module.scss.cjs +15 -15
  171. package/dist/components/RadioGroup/RadioGroup.module.scss.js +15 -15
  172. package/dist/components/ScrollArea/ScrollArea.module.scss.cjs +5 -5
  173. package/dist/components/ScrollArea/ScrollArea.module.scss.js +5 -5
  174. package/dist/components/ScrollArea/index.d.ts +4 -4
  175. package/dist/components/ScrollArea/index.d.ts.map +1 -1
  176. package/dist/components/ScrollArea/scroll-state.d.ts +5 -5
  177. package/dist/components/Select/Select.module.scss.cjs +21 -21
  178. package/dist/components/Select/Select.module.scss.js +21 -21
  179. package/dist/components/Separator/Separator.module.scss.cjs +11 -11
  180. package/dist/components/Separator/Separator.module.scss.js +11 -11
  181. package/dist/components/Sidebar/Sidebar.module.scss.cjs +43 -43
  182. package/dist/components/Sidebar/Sidebar.module.scss.js +43 -43
  183. package/dist/components/Sidebar/index.cjs +12 -35
  184. package/dist/components/Sidebar/index.d.ts +19 -19
  185. package/dist/components/Sidebar/index.d.ts.map +1 -1
  186. package/dist/components/Sidebar/index.js +12 -35
  187. package/dist/components/Skeleton/Skeleton.module.scss.cjs +50 -46
  188. package/dist/components/Skeleton/Skeleton.module.scss.js +50 -46
  189. package/dist/components/Slider/Slider.module.scss.cjs +12 -12
  190. package/dist/components/Slider/Slider.module.scss.js +12 -12
  191. package/dist/components/Stack/Stack.module.scss.cjs +25 -25
  192. package/dist/components/Stack/Stack.module.scss.js +25 -25
  193. package/dist/components/Stack/index.cjs +1 -1
  194. package/dist/components/Stack/index.js +1 -1
  195. package/dist/components/Switch/Switch.module.scss.cjs +9 -9
  196. package/dist/components/Switch/Switch.module.scss.js +9 -9
  197. package/dist/components/Table/Table.module.scss.cjs +19 -19
  198. package/dist/components/Table/Table.module.scss.js +19 -19
  199. package/dist/components/TableOfContents/TableOfContents.module.scss.cjs +15 -15
  200. package/dist/components/TableOfContents/TableOfContents.module.scss.js +15 -15
  201. package/dist/components/TableOfContents/index.cjs +13 -9
  202. package/dist/components/TableOfContents/index.d.ts +5 -3
  203. package/dist/components/TableOfContents/index.d.ts.map +1 -1
  204. package/dist/components/TableOfContents/index.js +13 -9
  205. package/dist/components/Tabs/Tabs.module.scss.cjs +12 -12
  206. package/dist/components/Tabs/Tabs.module.scss.js +12 -12
  207. package/dist/components/Tabs/index.cjs +26 -6
  208. package/dist/components/Tabs/index.d.ts.map +1 -1
  209. package/dist/components/Tabs/index.js +26 -6
  210. package/dist/components/Text/Text.module.scss.cjs +87 -75
  211. package/dist/components/Text/Text.module.scss.js +87 -75
  212. package/dist/components/Text/index.cjs +49 -41
  213. package/dist/components/Text/index.d.ts +12 -11
  214. package/dist/components/Text/index.d.ts.map +1 -1
  215. package/dist/components/Text/index.js +49 -41
  216. package/dist/components/Textarea/Textarea.module.scss.cjs +24 -24
  217. package/dist/components/Textarea/Textarea.module.scss.js +24 -24
  218. package/dist/components/Theme/index.cjs +2 -1
  219. package/dist/components/Theme/index.d.ts.map +1 -1
  220. package/dist/components/Theme/index.js +2 -1
  221. package/dist/components/ThemeToggle/ThemeToggle.module.scss.cjs +9 -6
  222. package/dist/components/ThemeToggle/ThemeToggle.module.scss.js +9 -6
  223. package/dist/components/ThemeToggle/index.cjs +31 -6
  224. package/dist/components/ThemeToggle/index.d.ts +7 -2
  225. package/dist/components/ThemeToggle/index.d.ts.map +1 -1
  226. package/dist/components/ThemeToggle/index.js +32 -7
  227. package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.cjs +13 -13
  228. package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.js +13 -13
  229. package/dist/components/Toast/Toast.module.scss.cjs +20 -20
  230. package/dist/components/Toast/Toast.module.scss.js +20 -20
  231. package/dist/components/ToggleGroup/ToggleGroup.module.scss.cjs +17 -17
  232. package/dist/components/ToggleGroup/ToggleGroup.module.scss.js +17 -17
  233. package/dist/components/Tooltip/Tooltip.module.scss.cjs +3 -3
  234. package/dist/components/Tooltip/Tooltip.module.scss.js +3 -3
  235. package/dist/components/Tooltip/index.cjs +24 -40
  236. package/dist/components/Tooltip/index.d.ts +4 -4
  237. package/dist/components/Tooltip/index.d.ts.map +1 -1
  238. package/dist/components/Tooltip/index.js +24 -40
  239. package/dist/components/VisuallyHidden/index.d.ts +2 -2
  240. package/dist/data-table.cjs +2 -1
  241. package/dist/data-table.js +2 -1
  242. package/dist/datepicker.cjs +3 -2
  243. package/dist/datepicker.js +3 -2
  244. package/dist/editor.cjs +68 -28
  245. package/dist/editor.js +68 -28
  246. package/dist/index.cjs +1 -1
  247. package/dist/index.d.ts +1 -1
  248. package/dist/index.d.ts.map +1 -1
  249. package/dist/index.js +2 -2
  250. package/dist/markdown.cjs +21 -29
  251. package/dist/markdown.js +21 -29
  252. package/dist/measurements/generated.cjs +9 -1
  253. package/dist/measurements/generated.d.ts +7 -0
  254. package/dist/measurements/generated.d.ts.map +1 -1
  255. package/dist/measurements/generated.js +9 -1
  256. package/dist/utils/a11y.cjs +5 -2
  257. package/dist/utils/a11y.d.ts +5 -5
  258. package/dist/utils/a11y.d.ts.map +1 -1
  259. package/dist/utils/a11y.js +5 -2
  260. package/dist/utils/canonical-stamp.cjs +2 -8
  261. package/dist/utils/canonical-stamp.d.ts.map +1 -1
  262. package/dist/utils/canonical-stamp.js +1 -7
  263. package/dist/utils/css-warning.cjs +1 -1
  264. package/dist/utils/css-warning.js +1 -1
  265. package/dist/utils/env.cjs +17 -0
  266. package/dist/utils/env.d.ts +3 -0
  267. package/dist/utils/env.d.ts.map +1 -0
  268. package/dist/utils/env.js +17 -0
  269. package/dist/utils/keyboard-shortcuts.cjs +3 -10
  270. package/dist/utils/keyboard-shortcuts.d.ts +4 -4
  271. package/dist/utils/keyboard-shortcuts.d.ts.map +1 -1
  272. package/dist/utils/keyboard-shortcuts.js +3 -10
  273. package/dist/utils/seed-derivation.cjs +10 -6
  274. package/dist/utils/seed-derivation.d.ts.map +1 -1
  275. package/dist/utils/seed-derivation.js +10 -6
  276. package/fragments.json +1 -1
  277. package/package.json +6 -4
  278. package/src/assets/fragments-logo.tsx +2 -2
  279. package/src/assets/fragments-wordmark.tsx +4 -2
  280. package/src/components/Accordion/Accordion.contract.json +24 -48
  281. package/src/components/Alert/Alert.contract.json +37 -53
  282. package/src/components/Alert/Alert.module.scss +24 -0
  283. package/src/components/Alert/index.tsx +55 -29
  284. package/src/components/AppShell/AppShell.contract.json +34 -51
  285. package/src/components/AppShell/AppShell.module.scss +53 -40
  286. package/src/components/Avatar/Avatar.contract.json +31 -48
  287. package/src/components/Avatar/Avatar.module.scss +4 -1
  288. package/src/components/Badge/Badge.contract.json +37 -42
  289. package/src/components/Badge/Badge.module.scss +9 -2
  290. package/src/components/BentoGrid/BentoGrid.contract.json +21 -45
  291. package/src/components/Box/Box.contract.json +40 -148
  292. package/src/components/Box/index.tsx +92 -99
  293. package/src/components/Breadcrumbs/Breadcrumbs.contract.json +21 -34
  294. package/src/components/Breadcrumbs/Breadcrumbs.module.scss +12 -7
  295. package/src/components/Button/Button.module.scss +8 -7
  296. package/src/components/ButtonGroup/ButtonGroup.contract.json +32 -47
  297. package/src/components/Card/Card.module.scss +82 -1
  298. package/src/components/Card/index.tsx +21 -2
  299. package/src/components/Chart/Chart.contract.json +21 -29
  300. package/src/components/Chart/index.tsx +36 -6
  301. package/src/components/Checkbox/Checkbox.contract.json +24 -24
  302. package/src/components/Checkbox/Checkbox.module.scss +32 -23
  303. package/src/components/Checkbox/index.tsx +4 -2
  304. package/src/components/Chip/Chip.contract.json +33 -40
  305. package/src/components/Chip/Chip.module.scss +2 -2
  306. package/src/components/Chip/index.tsx +2 -1
  307. package/src/components/CodeBlock/CodeBlock.contract.json +46 -76
  308. package/src/components/CodeBlock/CodeBlock.module.scss +40 -15
  309. package/src/components/CodeBlock/css-variables-theme.ts +102 -0
  310. package/src/components/CodeBlock/index.tsx +91 -35
  311. package/src/components/Collapsible/Collapsible.contract.json +21 -36
  312. package/src/components/ColorPicker/ColorPicker.contract.json +29 -48
  313. package/src/components/ColorPicker/ColorPicker.module.scss +15 -12
  314. package/src/components/ColorPicker/index.tsx +5 -1
  315. package/src/components/Combobox/Combobox.contract.json +36 -37
  316. package/src/components/Combobox/Combobox.module.scss +1 -1
  317. package/src/components/Combobox/index.tsx +31 -5
  318. package/src/components/Command/Command.contract.json +21 -43
  319. package/src/components/Command/index.tsx +58 -47
  320. package/src/components/ConversationList/ConversationList.contract.json +27 -32
  321. package/src/components/DataTable/DataTable.icons.tsx +4 -21
  322. package/src/components/DataTable/DataTable.module.scss +12 -8
  323. package/src/components/DataTable/index.tsx +8 -7
  324. package/src/components/DatePicker/DatePicker.contract.json +27 -28
  325. package/src/components/DatePicker/DatePicker.module.scss +12 -5
  326. package/src/components/DatePicker/index.tsx +5 -2
  327. package/src/components/Dialog/Dialog.module.scss +3 -3
  328. package/src/components/Dialog/index.tsx +47 -37
  329. package/src/components/Drawer/Drawer.contract.json +22 -36
  330. package/src/components/Editor/Editor.contract.json +31 -48
  331. package/src/components/Editor/Editor.module.scss +36 -14
  332. package/src/components/Editor/index.tsx +240 -179
  333. package/src/components/EmptyState/EmptyState.contract.json +31 -43
  334. package/src/components/EmptyState/EmptyState.module.scss +8 -0
  335. package/src/components/EmptyState/index.tsx +48 -23
  336. package/src/components/Field/Field.contract.json +28 -46
  337. package/src/components/Field/index.tsx +5 -1
  338. package/src/components/Fieldset/Fieldset.contract.json +21 -38
  339. package/src/components/Fieldset/Fieldset.module.scss +10 -3
  340. package/src/components/Form/Form.contract.json +20 -20
  341. package/src/components/Grid/Grid.contract.json +28 -64
  342. package/src/components/Grid/index.tsx +10 -10
  343. package/src/components/Header/Header.contract.json +31 -67
  344. package/src/components/Header/Header.module.scss +36 -21
  345. package/src/components/Header/index.tsx +134 -122
  346. package/src/components/Icon/Icon.contract.json +22 -62
  347. package/src/components/IconButton/IconButton.contract.json +34 -18
  348. package/src/components/IconButton/IconButton.module.scss +6 -7
  349. package/src/components/IconButton/index.tsx +2 -1
  350. package/src/components/Image/Image.contract.json +23 -56
  351. package/src/components/Input/Input.contract.json +26 -32
  352. package/src/components/Input/Input.module.scss +3 -2
  353. package/src/components/Link/Link.contract.json +32 -52
  354. package/src/components/Link/Link.module.scss +23 -6
  355. package/src/components/Link/index.tsx +1 -1
  356. package/src/components/List/List.contract.json +23 -52
  357. package/src/components/List/List.module.scss +1 -1
  358. package/src/components/Listbox/Listbox.contract.json +21 -37
  359. package/src/components/Loading/Loading.contract.json +37 -61
  360. package/src/components/Loading/Loading.module.scss +10 -7
  361. package/src/components/Loading/index.tsx +2 -2
  362. package/src/components/Main/Main.contract.json +17 -9
  363. package/src/components/Markdown/Markdown.contract.json +22 -43
  364. package/src/components/Markdown/Markdown.module.scss +43 -5
  365. package/src/components/Markdown/index.tsx +48 -49
  366. package/src/components/Menu/Menu.contract.json +25 -41
  367. package/src/components/Menu/Menu.module.scss +23 -8
  368. package/src/components/Message/Message.contract.json +29 -52
  369. package/src/components/Message/Message.module.scss +12 -5
  370. package/src/components/NavigationMenu/NavigationMenu.contract.json +36 -45
  371. package/src/components/NavigationMenu/NavigationMenu.module.scss +64 -19
  372. package/src/components/NavigationMenu/index.tsx +105 -81
  373. package/src/components/Pagination/Pagination.contract.json +22 -40
  374. package/src/components/Pagination/Pagination.module.scss +2 -2
  375. package/src/components/Popover/Popover.contract.json +24 -46
  376. package/src/components/Popover/Popover.module.scss +6 -5
  377. package/src/components/Progress/Progress.contract.json +32 -28
  378. package/src/components/Progress/Progress.module.scss +3 -2
  379. package/src/components/Prompt/Prompt.contract.json +31 -47
  380. package/src/components/Prompt/Prompt.module.scss +13 -5
  381. package/src/components/RadioGroup/RadioGroup.contract.json +23 -24
  382. package/src/components/RadioGroup/RadioGroup.module.scss +13 -14
  383. package/src/components/ScrollArea/ScrollArea.contract.json +18 -19
  384. package/src/components/ScrollArea/ScrollArea.module.scss +15 -15
  385. package/src/components/ScrollArea/index.tsx +16 -16
  386. package/src/components/ScrollArea/scroll-state.ts +24 -24
  387. package/src/components/Select/Select.module.scss +2 -2
  388. package/src/components/Separator/Separator.contract.json +24 -48
  389. package/src/components/Sidebar/Sidebar.contract.json +35 -67
  390. package/src/components/Sidebar/Sidebar.module.scss +22 -13
  391. package/src/components/Sidebar/index.tsx +164 -164
  392. package/src/components/Skeleton/Skeleton.contract.json +28 -54
  393. package/src/components/Skeleton/Skeleton.module.scss +27 -10
  394. package/src/components/Slider/Slider.contract.json +27 -39
  395. package/src/components/Slider/Slider.module.scss +3 -3
  396. package/src/components/Stack/Stack.contract.json +29 -56
  397. package/src/components/Stack/Stack.module.scss +13 -12
  398. package/src/components/Stack/index.tsx +3 -3
  399. package/src/components/Switch/Switch.contract.json +33 -46
  400. package/src/components/Switch/Switch.module.scss +64 -26
  401. package/src/components/Table/Table.contract.json +28 -46
  402. package/src/components/Table/Table.module.scss +15 -3
  403. package/src/components/TableOfContents/TableOfContents.contract.json +34 -21
  404. package/src/components/TableOfContents/TableOfContents.module.scss +15 -5
  405. package/src/components/TableOfContents/index.tsx +26 -9
  406. package/src/components/Tabs/Tabs.contract.json +24 -45
  407. package/src/components/Tabs/Tabs.module.scss +1 -1
  408. package/src/components/Tabs/index.tsx +15 -3
  409. package/src/components/Text/Text.contract.json +30 -72
  410. package/src/components/Text/Text.module.scss +21 -4
  411. package/src/components/Text/index.tsx +113 -75
  412. package/src/components/Textarea/Textarea.contract.json +25 -43
  413. package/src/components/Textarea/Textarea.module.scss +2 -4
  414. package/src/components/Theme/Theme.contract.json +32 -51
  415. package/src/components/Theme/index.tsx +2 -1
  416. package/src/components/ThemeToggle/ThemeToggle.module.scss +23 -7
  417. package/src/components/ThemeToggle/index.tsx +43 -7
  418. package/src/components/ThinkingIndicator/ThinkingIndicator.contract.json +23 -40
  419. package/src/components/Toast/Toast.contract.json +30 -40
  420. package/src/components/Toast/Toast.module.scss +1 -1
  421. package/src/components/ToggleGroup/ToggleGroup.contract.json +29 -30
  422. package/src/components/ToggleGroup/ToggleGroup.module.scss +38 -5
  423. package/src/components/Tooltip/Tooltip.contract.json +31 -52
  424. package/src/components/Tooltip/index.tsx +19 -24
  425. package/src/components/VisuallyHidden/VisuallyHidden.contract.json +22 -44
  426. package/src/components/VisuallyHidden/index.tsx +5 -5
  427. package/src/index.ts +2 -2
  428. package/src/measurements/generated.ts +9 -2
  429. package/src/measurements/measurements.json +7 -0
  430. package/src/recipes/_boolean-range.scss +3 -11
  431. package/src/recipes/_field.scss +5 -1
  432. package/src/recipes/_layout.scss +14 -7
  433. package/src/recipes/_popup.scss +12 -2
  434. package/src/recipes/_prose.scss +13 -5
  435. package/src/recipes/_table-chrome.scss +16 -2
  436. package/src/scss.d.ts +1 -1
  437. package/src/styles/globals.scss +20 -19
  438. package/src/tokens/_computed.scss +5 -16
  439. package/src/tokens/_derive.scss +112 -210
  440. package/src/tokens/_measurements.catalog.generated.css +6 -1
  441. package/src/tokens/_measurements.generated.scss +14 -1
  442. package/src/tokens/_mixins.scss +7 -8
  443. package/src/tokens/_palettes.scss +39 -167
  444. package/src/tokens/_seeds.scss +20 -20
  445. package/src/tokens/_variables.scss +183 -38
  446. package/src/utils/a11y.tsx +69 -69
  447. package/src/utils/aria.ts +3 -3
  448. package/src/utils/canonical-stamp.ts +2 -12
  449. package/src/utils/css-warning.ts +7 -7
  450. package/src/utils/env.ts +25 -0
  451. package/src/utils/keyboard-shortcuts.ts +131 -126
  452. package/src/utils/seed-derivation.ts +10 -6
  453. package/src/components/Button/Button.contract.json +0 -218
  454. package/src/components/Card/Card.contract.json +0 -175
  455. package/src/components/DataTable/DataTable.contract.json +0 -302
  456. package/src/components/Dialog/Dialog.contract.json +0 -159
  457. package/src/components/Select/Select.contract.json +0 -259
@@ -1,38 +1,38 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const header = "_header_1lu4k_1";
4
- const fixed = "_fixed_1lu4k_28";
5
- const sticky = "_sticky_1lu4k_35";
6
- const elevatedOnScroll = "_elevatedOnScroll_1lu4k_40";
7
- const scrolled = "_scrolled_1lu4k_45";
8
- const containerPage = "_containerPage_1lu4k_49";
9
- const container = "_container_1lu4k_49";
10
- const navCentered = "_navCentered_1lu4k_70";
11
- const nav = "_nav_1lu4k_70";
12
- const brand = "_brand_1lu4k_82";
13
- const navList = "_navList_1lu4k_110";
14
- const navItem = "_navItem_1lu4k_119";
15
- const navItemActive = "_navItemActive_1lu4k_180";
16
- const navMenuTrigger = "_navMenuTrigger_1lu4k_190";
17
- const navMenuChevron = "_navMenuChevron_1lu4k_195";
18
- const navMenuPositioner = "_navMenuPositioner_1lu4k_203";
19
- const navMenuPopup = "_navMenuPopup_1lu4k_208";
20
- const navMenuItem = "_navMenuItem_1lu4k_254";
21
- const navMenuItemActive = "_navMenuItemActive_1lu4k_294";
22
- const search = "_search_1lu4k_316";
23
- const searchExpandable = "_searchExpandable_1lu4k_326";
24
- const actions = "_actions_1lu4k_330";
25
- const trigger = "_trigger_1lu4k_337";
26
- const spacer = "_spacer_1lu4k_403";
27
- const mobileNavBackdrop = "_mobileNavBackdrop_1lu4k_407";
28
- const mobileNavDrawer = "_mobileNavDrawer_1lu4k_415";
29
- const mobileNavHeader = "_mobileNavHeader_1lu4k_429";
30
- const mobileNavClose = "_mobileNavClose_1lu4k_437";
31
- const mobileNavBody = "_mobileNavBody_1lu4k_498";
32
- const mobileNavLink = "_mobileNavLink_1lu4k_504";
33
- const mobileNavLinkActive = "_mobileNavLinkActive_1lu4k_555";
34
- const mobileNavActions = "_mobileNavActions_1lu4k_560";
35
- const skipLink = "_skipLink_1lu4k_589";
3
+ const header = "_header_1ppet_1";
4
+ const fixed = "_fixed_1ppet_29";
5
+ const sticky = "_sticky_1ppet_36";
6
+ const elevatedOnScroll = "_elevatedOnScroll_1ppet_41";
7
+ const scrolled = "_scrolled_1ppet_46";
8
+ const containerPage = "_containerPage_1ppet_50";
9
+ const container = "_container_1ppet_50";
10
+ const navCentered = "_navCentered_1ppet_71";
11
+ const nav = "_nav_1ppet_71";
12
+ const brand = "_brand_1ppet_83";
13
+ const navList = "_navList_1ppet_111";
14
+ const navItem = "_navItem_1ppet_120";
15
+ const navItemActive = "_navItemActive_1ppet_183";
16
+ const navMenuTrigger = "_navMenuTrigger_1ppet_193";
17
+ const navMenuChevron = "_navMenuChevron_1ppet_198";
18
+ const navMenuPositioner = "_navMenuPositioner_1ppet_206";
19
+ const navMenuPopup = "_navMenuPopup_1ppet_211";
20
+ const navMenuItem = "_navMenuItem_1ppet_260";
21
+ const navMenuItemActive = "_navMenuItemActive_1ppet_304";
22
+ const search = "_search_1ppet_326";
23
+ const searchExpandable = "_searchExpandable_1ppet_338";
24
+ const actions = "_actions_1ppet_342";
25
+ const trigger = "_trigger_1ppet_349";
26
+ const spacer = "_spacer_1ppet_417";
27
+ const mobileNavBackdrop = "_mobileNavBackdrop_1ppet_421";
28
+ const mobileNavDrawer = "_mobileNavDrawer_1ppet_429";
29
+ const mobileNavHeader = "_mobileNavHeader_1ppet_443";
30
+ const mobileNavClose = "_mobileNavClose_1ppet_451";
31
+ const mobileNavBody = "_mobileNavBody_1ppet_514";
32
+ const mobileNavLink = "_mobileNavLink_1ppet_520";
33
+ const mobileNavLinkActive = "_mobileNavLinkActive_1ppet_573";
34
+ const mobileNavActions = "_mobileNavActions_1ppet_578";
35
+ const skipLink = "_skipLink_1ppet_607";
36
36
  const styles = {
37
37
  header,
38
38
  fixed,
@@ -1,36 +1,36 @@
1
- const header = "_header_1lu4k_1";
2
- const fixed = "_fixed_1lu4k_28";
3
- const sticky = "_sticky_1lu4k_35";
4
- const elevatedOnScroll = "_elevatedOnScroll_1lu4k_40";
5
- const scrolled = "_scrolled_1lu4k_45";
6
- const containerPage = "_containerPage_1lu4k_49";
7
- const container = "_container_1lu4k_49";
8
- const navCentered = "_navCentered_1lu4k_70";
9
- const nav = "_nav_1lu4k_70";
10
- const brand = "_brand_1lu4k_82";
11
- const navList = "_navList_1lu4k_110";
12
- const navItem = "_navItem_1lu4k_119";
13
- const navItemActive = "_navItemActive_1lu4k_180";
14
- const navMenuTrigger = "_navMenuTrigger_1lu4k_190";
15
- const navMenuChevron = "_navMenuChevron_1lu4k_195";
16
- const navMenuPositioner = "_navMenuPositioner_1lu4k_203";
17
- const navMenuPopup = "_navMenuPopup_1lu4k_208";
18
- const navMenuItem = "_navMenuItem_1lu4k_254";
19
- const navMenuItemActive = "_navMenuItemActive_1lu4k_294";
20
- const search = "_search_1lu4k_316";
21
- const searchExpandable = "_searchExpandable_1lu4k_326";
22
- const actions = "_actions_1lu4k_330";
23
- const trigger = "_trigger_1lu4k_337";
24
- const spacer = "_spacer_1lu4k_403";
25
- const mobileNavBackdrop = "_mobileNavBackdrop_1lu4k_407";
26
- const mobileNavDrawer = "_mobileNavDrawer_1lu4k_415";
27
- const mobileNavHeader = "_mobileNavHeader_1lu4k_429";
28
- const mobileNavClose = "_mobileNavClose_1lu4k_437";
29
- const mobileNavBody = "_mobileNavBody_1lu4k_498";
30
- const mobileNavLink = "_mobileNavLink_1lu4k_504";
31
- const mobileNavLinkActive = "_mobileNavLinkActive_1lu4k_555";
32
- const mobileNavActions = "_mobileNavActions_1lu4k_560";
33
- const skipLink = "_skipLink_1lu4k_589";
1
+ const header = "_header_1ppet_1";
2
+ const fixed = "_fixed_1ppet_29";
3
+ const sticky = "_sticky_1ppet_36";
4
+ const elevatedOnScroll = "_elevatedOnScroll_1ppet_41";
5
+ const scrolled = "_scrolled_1ppet_46";
6
+ const containerPage = "_containerPage_1ppet_50";
7
+ const container = "_container_1ppet_50";
8
+ const navCentered = "_navCentered_1ppet_71";
9
+ const nav = "_nav_1ppet_71";
10
+ const brand = "_brand_1ppet_83";
11
+ const navList = "_navList_1ppet_111";
12
+ const navItem = "_navItem_1ppet_120";
13
+ const navItemActive = "_navItemActive_1ppet_183";
14
+ const navMenuTrigger = "_navMenuTrigger_1ppet_193";
15
+ const navMenuChevron = "_navMenuChevron_1ppet_198";
16
+ const navMenuPositioner = "_navMenuPositioner_1ppet_206";
17
+ const navMenuPopup = "_navMenuPopup_1ppet_211";
18
+ const navMenuItem = "_navMenuItem_1ppet_260";
19
+ const navMenuItemActive = "_navMenuItemActive_1ppet_304";
20
+ const search = "_search_1ppet_326";
21
+ const searchExpandable = "_searchExpandable_1ppet_338";
22
+ const actions = "_actions_1ppet_342";
23
+ const trigger = "_trigger_1ppet_349";
24
+ const spacer = "_spacer_1ppet_417";
25
+ const mobileNavBackdrop = "_mobileNavBackdrop_1ppet_421";
26
+ const mobileNavDrawer = "_mobileNavDrawer_1ppet_429";
27
+ const mobileNavHeader = "_mobileNavHeader_1ppet_443";
28
+ const mobileNavClose = "_mobileNavClose_1ppet_451";
29
+ const mobileNavBody = "_mobileNavBody_1ppet_514";
30
+ const mobileNavLink = "_mobileNavLink_1ppet_520";
31
+ const mobileNavLinkActive = "_mobileNavLinkActive_1ppet_573";
32
+ const mobileNavActions = "_mobileNavActions_1ppet_578";
33
+ const skipLink = "_skipLink_1ppet_607";
34
34
  const styles = {
35
35
  header,
36
36
  fixed,
@@ -157,11 +157,7 @@ function HeaderNavItem({
157
157
  className,
158
158
  ...htmlProps
159
159
  }) {
160
- const classes = [
161
- Header_module.default.navItem,
162
- active && Header_module.default.navItemActive,
163
- className
164
- ].filter(Boolean).join(" ");
160
+ const classes = [Header_module.default.navItem, active && Header_module.default.navItemActive, className].filter(Boolean).join(" ");
165
161
  const itemProps = {
166
162
  className: classes,
167
163
  onClick,
@@ -188,11 +184,7 @@ function HeaderSearch({
188
184
  className,
189
185
  ...htmlProps
190
186
  }) {
191
- const classes = [
192
- Header_module.default.search,
193
- expandable && Header_module.default.searchExpandable,
194
- className
195
- ].filter(Boolean).join(" ");
187
+ const classes = [Header_module.default.search, expandable && Header_module.default.searchExpandable, className].filter(Boolean).join(" ");
196
188
  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, children });
197
189
  }
198
190
  function HeaderActions({ children, className, ...htmlProps }) {
@@ -262,7 +254,16 @@ function HeaderNavMenu({
262
254
  label,
263
255
  chevronIcon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: Header_module.default.navMenuChevron, "aria-hidden": true, children: chevronIcon }) : /* @__PURE__ */ jsxRuntime.jsx(react.CaretDown, { size: 12, className: Header_module.default.navMenuChevron, "aria-hidden": true })
264
256
  ] }),
265
- /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Positioner, { side: "bottom", align: "start", sideOffset: popup.POPUP_OFFSET_PX, className: Header_module.default.navMenuPositioner, children: /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Popup, { className: Header_module.default.navMenuPopup, children }) }) })
257
+ /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
258
+ menu.Menu.Positioner,
259
+ {
260
+ side: "bottom",
261
+ align: "start",
262
+ sideOffset: popup.POPUP_OFFSET_PX,
263
+ className: Header_module.default.navMenuPositioner,
264
+ children: /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Popup, { className: Header_module.default.navMenuPopup, children })
265
+ }
266
+ ) })
266
267
  ] }) });
267
268
  }
268
269
  function HeaderNavMenuItem({
@@ -273,20 +274,9 @@ function HeaderNavMenuItem({
273
274
  className,
274
275
  ...htmlProps
275
276
  }) {
276
- const classes = [
277
- Header_module.default.navMenuItem,
278
- active && Header_module.default.navMenuItemActive,
279
- className
280
- ].filter(Boolean).join(" ");
277
+ const classes = [Header_module.default.navMenuItem, active && Header_module.default.navMenuItemActive, className].filter(Boolean).join(" ");
281
278
  if (asChild && React__namespace.isValidElement(children)) {
282
- return /* @__PURE__ */ jsxRuntime.jsx(
283
- menu.Menu.Item,
284
- {
285
- ...htmlProps,
286
- className: classes,
287
- render: children
288
- }
289
- );
279
+ return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Item, { ...htmlProps, className: classes, render: children });
290
280
  }
291
281
  if (href) {
292
282
  return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Item, { ...htmlProps, className: classes, render: /* @__PURE__ */ jsxRuntime.jsx("a", { href }), children });
@@ -319,14 +309,7 @@ function HeaderMobileNav({ children, className }) {
319
309
  open: true
320
310
  });
321
311
  const drawerContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
322
- /* @__PURE__ */ jsxRuntime.jsx(
323
- "div",
324
- {
325
- className: Header_module.default.mobileNavBackdrop,
326
- onClick: () => setMobileOpen(false),
327
- "aria-hidden": true
328
- }
329
- ),
312
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: Header_module.default.mobileNavBackdrop, onClick: () => setMobileOpen(false), "aria-hidden": true }),
330
313
  /* @__PURE__ */ jsxRuntime.jsxs(
331
314
  "div",
332
315
  {
@@ -346,7 +329,7 @@ function HeaderMobileNav({ children, className }) {
346
329
  children: closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(react.X, { size: 20, "aria-hidden": true })
347
330
  }
348
331
  ) }),
349
- /* @__PURE__ */ jsxRuntime.jsx(index$1.ScrollArea, { orientation: "vertical", className: Header_module.default.mobileNavBody, children })
332
+ /* @__PURE__ */ jsxRuntime.jsx(index$1.ScrollArea, { orientation: "vertical", showFades: true, className: Header_module.default.mobileNavBody, children })
350
333
  ]
351
334
  }
352
335
  )
@@ -363,11 +346,7 @@ function HeaderMobileNavLink({
363
346
  ...htmlProps
364
347
  }) {
365
348
  const { setMobileOpen } = useHeaderContext();
366
- const classes = [
367
- Header_module.default.mobileNavLink,
368
- active && Header_module.default.mobileNavLinkActive,
369
- className
370
- ].filter(Boolean).join(" ");
349
+ const classes = [Header_module.default.mobileNavLink, active && Header_module.default.mobileNavLinkActive, className].filter(Boolean).join(" ");
371
350
  const handleClick = (e) => {
372
351
  onClick == null ? void 0 : onClick(e);
373
352
  if (!e.defaultPrevented) setMobileOpen(false);
@@ -1,13 +1,13 @@
1
- import * as React from 'react';
1
+ import * as React from "react";
2
2
  export interface HeaderIconRenderState {
3
- slot: 'menu' | 'close' | 'navMenuChevron' | 'mobileClose';
3
+ slot: "menu" | "close" | "navMenuChevron" | "mobileClose";
4
4
  open?: boolean;
5
5
  active?: boolean;
6
6
  }
7
7
  export type HeaderIconSlot = React.ReactNode | ((state: HeaderIconRenderState) => React.ReactNode);
8
- export type HeaderIcons = Partial<Record<HeaderIconRenderState['slot'], HeaderIconSlot>>;
9
- export type HeaderNavAlign = 'start' | 'center';
10
- export type HeaderContainer = 'full' | 'page';
8
+ export type HeaderIcons = Partial<Record<HeaderIconRenderState["slot"], HeaderIconSlot>>;
9
+ export type HeaderNavAlign = "start" | "center";
10
+ export type HeaderContainer = "full" | "page";
11
11
  export interface HeaderElevatedOnScrollOptions {
12
12
  /** Scroll offset before the elevated surface is applied */
13
13
  threshold?: number;
@@ -17,7 +17,7 @@ export interface HeaderProps extends React.HTMLAttributes<HTMLElement> {
17
17
  /** Header height (default: '56px') */
18
18
  height?: string;
19
19
  /** Position behavior */
20
- position?: 'static' | 'fixed' | 'sticky';
20
+ position?: "static" | "fixed" | "sticky";
21
21
  /** Apply the elevated header surface after scroll */
22
22
  elevatedOnScroll?: boolean | HeaderElevatedOnScrollOptions;
23
23
  /** Navigation alignment inside the header */
@@ -37,14 +37,18 @@ export interface HeaderBrandProps extends React.HTMLAttributes<HTMLElement> {
37
37
  export interface HeaderNavProps extends React.HTMLAttributes<HTMLElement> {
38
38
  children: React.ReactNode;
39
39
  /** Accessible label for navigation */
40
- 'aria-label'?: string;
40
+ "aria-label"?: string;
41
41
  }
42
- export interface HeaderNavItemProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onClick'> {
42
+ export interface HeaderNavItemProps extends Omit<React.HTMLAttributes<HTMLElement>, "onClick"> {
43
43
  children: React.ReactNode;
44
44
  /** Whether this item is active/current */
45
45
  active?: boolean;
46
46
  /** Link destination */
47
47
  href?: string;
48
+ /** Anchor target, when `href` renders an anchor */
49
+ target?: React.AnchorHTMLAttributes<HTMLAnchorElement>["target"];
50
+ /** Anchor rel, when `href` renders an anchor */
51
+ rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>["rel"];
48
52
  /** Render as child element (polymorphic) */
49
53
  asChild?: boolean;
50
54
  /** Click handler */
@@ -62,7 +66,7 @@ export interface HeaderTriggerProps extends React.ButtonHTMLAttributes<HTMLButto
62
66
  /** Custom trigger content */
63
67
  children?: React.ReactNode;
64
68
  /** Accessible label */
65
- 'aria-label'?: string;
69
+ "aria-label"?: string;
66
70
  }
67
71
  export interface HeaderNavMenuProps extends React.HTMLAttributes<HTMLLIElement> {
68
72
  /** Trigger label text */
@@ -100,7 +104,7 @@ declare function HeaderBrand({ children, href, asChild, className, ...htmlProps
100
104
  /**
101
105
  * Header.Nav - Navigation container (hidden on mobile)
102
106
  */
103
- declare function HeaderNav({ children, 'aria-label': ariaLabel, className, ...htmlProps }: HeaderNavProps): import("react/jsx-runtime").JSX.Element;
107
+ declare function HeaderNav({ children, "aria-label": ariaLabel, className, ...htmlProps }: HeaderNavProps): import("react/jsx-runtime").JSX.Element;
104
108
  /**
105
109
  * Header.NavItem - Navigation link
106
110
  */
@@ -120,7 +124,7 @@ declare function HeaderActions({ children, className, ...htmlProps }: HeaderActi
120
124
  * 1. With SidebarProvider — toggles sidebar open state (existing behavior)
121
125
  * 2. Standalone — toggles Header's internal mobile nav drawer
122
126
  */
123
- declare function HeaderTrigger({ children, 'aria-label': ariaLabel, className, onClick, ...htmlProps }: HeaderTriggerProps): import("react/jsx-runtime").JSX.Element | null;
127
+ declare function HeaderTrigger({ children, "aria-label": ariaLabel, className, onClick, ...htmlProps }: HeaderTriggerProps): import("react/jsx-runtime").JSX.Element | null;
124
128
  /**
125
129
  * Header.Spacer - Flexible spacer to push items apart
126
130
  */
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":"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"}
@@ -138,11 +138,7 @@ function HeaderNavItem({
138
138
  className,
139
139
  ...htmlProps
140
140
  }) {
141
- const classes = [
142
- styles.navItem,
143
- active && styles.navItemActive,
144
- className
145
- ].filter(Boolean).join(" ");
141
+ const classes = [styles.navItem, active && styles.navItemActive, className].filter(Boolean).join(" ");
146
142
  const itemProps = {
147
143
  className: classes,
148
144
  onClick,
@@ -169,11 +165,7 @@ function HeaderSearch({
169
165
  className,
170
166
  ...htmlProps
171
167
  }) {
172
- const classes = [
173
- styles.search,
174
- expandable && styles.searchExpandable,
175
- className
176
- ].filter(Boolean).join(" ");
168
+ const classes = [styles.search, expandable && styles.searchExpandable, className].filter(Boolean).join(" ");
177
169
  return /* @__PURE__ */ jsx("div", { ...htmlProps, className: classes, children });
178
170
  }
179
171
  function HeaderActions({ children, className, ...htmlProps }) {
@@ -243,7 +235,16 @@ function HeaderNavMenu({
243
235
  label,
244
236
  chevronIcon ? /* @__PURE__ */ jsx("span", { className: styles.navMenuChevron, "aria-hidden": true, children: chevronIcon }) : /* @__PURE__ */ jsx(CaretDown, { size: 12, className: styles.navMenuChevron, "aria-hidden": true })
245
237
  ] }),
246
- /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, { side: "bottom", align: "start", sideOffset: POPUP_OFFSET_PX, className: styles.navMenuPositioner, children: /* @__PURE__ */ jsx(Menu.Popup, { className: styles.navMenuPopup, children }) }) })
238
+ /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(
239
+ Menu.Positioner,
240
+ {
241
+ side: "bottom",
242
+ align: "start",
243
+ sideOffset: POPUP_OFFSET_PX,
244
+ className: styles.navMenuPositioner,
245
+ children: /* @__PURE__ */ jsx(Menu.Popup, { className: styles.navMenuPopup, children })
246
+ }
247
+ ) })
247
248
  ] }) });
248
249
  }
249
250
  function HeaderNavMenuItem({
@@ -254,20 +255,9 @@ function HeaderNavMenuItem({
254
255
  className,
255
256
  ...htmlProps
256
257
  }) {
257
- const classes = [
258
- styles.navMenuItem,
259
- active && styles.navMenuItemActive,
260
- className
261
- ].filter(Boolean).join(" ");
258
+ const classes = [styles.navMenuItem, active && styles.navMenuItemActive, className].filter(Boolean).join(" ");
262
259
  if (asChild && React.isValidElement(children)) {
263
- return /* @__PURE__ */ jsx(
264
- Menu.Item,
265
- {
266
- ...htmlProps,
267
- className: classes,
268
- render: children
269
- }
270
- );
260
+ return /* @__PURE__ */ jsx(Menu.Item, { ...htmlProps, className: classes, render: children });
271
261
  }
272
262
  if (href) {
273
263
  return /* @__PURE__ */ jsx(Menu.Item, { ...htmlProps, className: classes, render: /* @__PURE__ */ jsx("a", { href }), children });
@@ -300,14 +290,7 @@ function HeaderMobileNav({ children, className }) {
300
290
  open: true
301
291
  });
302
292
  const drawerContent = /* @__PURE__ */ jsxs(Fragment, { children: [
303
- /* @__PURE__ */ jsx(
304
- "div",
305
- {
306
- className: styles.mobileNavBackdrop,
307
- onClick: () => setMobileOpen(false),
308
- "aria-hidden": true
309
- }
310
- ),
293
+ /* @__PURE__ */ jsx("div", { className: styles.mobileNavBackdrop, onClick: () => setMobileOpen(false), "aria-hidden": true }),
311
294
  /* @__PURE__ */ jsxs(
312
295
  "div",
313
296
  {
@@ -327,7 +310,7 @@ function HeaderMobileNav({ children, className }) {
327
310
  children: closeIcon ?? /* @__PURE__ */ jsx(X, { size: 20, "aria-hidden": true })
328
311
  }
329
312
  ) }),
330
- /* @__PURE__ */ jsx(ScrollArea, { orientation: "vertical", className: styles.mobileNavBody, children })
313
+ /* @__PURE__ */ jsx(ScrollArea, { orientation: "vertical", showFades: true, className: styles.mobileNavBody, children })
331
314
  ]
332
315
  }
333
316
  )
@@ -344,11 +327,7 @@ function HeaderMobileNavLink({
344
327
  ...htmlProps
345
328
  }) {
346
329
  const { setMobileOpen } = useHeaderContext();
347
- const classes = [
348
- styles.mobileNavLink,
349
- active && styles.mobileNavLinkActive,
350
- className
351
- ].filter(Boolean).join(" ");
330
+ const classes = [styles.mobileNavLink, active && styles.mobileNavLinkActive, className].filter(Boolean).join(" ");
352
331
  const handleClick = (e) => {
353
332
  onClick == null ? void 0 : onClick(e);
354
333
  if (!e.defaultPrevented) setMobileOpen(false);
@@ -1,20 +1,20 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const icon = "_icon_1snja_1";
4
- const xs = "_xs_1snja_13";
5
- const sm = "_sm_1snja_19";
6
- const md = "_md_1snja_25";
7
- const lg = "_lg_1snja_31";
8
- const xl = "_xl_1snja_37";
9
- const size2xl = "_size2xl_1snja_43";
10
- const size2Xl = "_size2xl_1snja_43";
11
- const primary = "_primary_1snja_49";
12
- const secondary = "_secondary_1snja_53";
13
- const tertiary = "_tertiary_1snja_57";
14
- const accent = "_accent_1snja_61";
15
- const success = "_success_1snja_65";
16
- const warning = "_warning_1snja_69";
17
- const error = "_error_1snja_73";
3
+ const icon = "_icon_vwqu6_1";
4
+ const xs = "_xs_vwqu6_13";
5
+ const sm = "_sm_vwqu6_19";
6
+ const md = "_md_vwqu6_25";
7
+ const lg = "_lg_vwqu6_31";
8
+ const xl = "_xl_vwqu6_37";
9
+ const size2xl = "_size2xl_vwqu6_43";
10
+ const size2Xl = "_size2xl_vwqu6_43";
11
+ const primary = "_primary_vwqu6_49";
12
+ const secondary = "_secondary_vwqu6_53";
13
+ const tertiary = "_tertiary_vwqu6_57";
14
+ const accent = "_accent_vwqu6_61";
15
+ const success = "_success_vwqu6_65";
16
+ const warning = "_warning_vwqu6_69";
17
+ const error = "_error_vwqu6_73";
18
18
  const styles = {
19
19
  icon,
20
20
  xs,
@@ -1,18 +1,18 @@
1
- const icon = "_icon_1snja_1";
2
- const xs = "_xs_1snja_13";
3
- const sm = "_sm_1snja_19";
4
- const md = "_md_1snja_25";
5
- const lg = "_lg_1snja_31";
6
- const xl = "_xl_1snja_37";
7
- const size2xl = "_size2xl_1snja_43";
8
- const size2Xl = "_size2xl_1snja_43";
9
- const primary = "_primary_1snja_49";
10
- const secondary = "_secondary_1snja_53";
11
- const tertiary = "_tertiary_1snja_57";
12
- const accent = "_accent_1snja_61";
13
- const success = "_success_1snja_65";
14
- const warning = "_warning_1snja_69";
15
- const error = "_error_1snja_73";
1
+ const icon = "_icon_vwqu6_1";
2
+ const xs = "_xs_vwqu6_13";
3
+ const sm = "_sm_vwqu6_19";
4
+ const md = "_md_vwqu6_25";
5
+ const lg = "_lg_vwqu6_31";
6
+ const xl = "_xl_vwqu6_37";
7
+ const size2xl = "_size2xl_vwqu6_43";
8
+ const size2Xl = "_size2xl_vwqu6_43";
9
+ const primary = "_primary_vwqu6_49";
10
+ const secondary = "_secondary_vwqu6_53";
11
+ const tertiary = "_tertiary_vwqu6_57";
12
+ const accent = "_accent_vwqu6_61";
13
+ const success = "_success_vwqu6_65";
14
+ const warning = "_warning_vwqu6_69";
15
+ const error = "_error_vwqu6_73";
16
16
  const styles = {
17
17
  icon,
18
18
  xs,
@@ -1,13 +1,13 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const iconButton = "_iconButton_uzoqd_1";
4
- const sm = "_sm_uzoqd_51";
5
- const md = "_md_uzoqd_85";
6
- const lg = "_lg_uzoqd_106";
7
- const ghost = "_ghost_uzoqd_127";
8
- const subtle = "_subtle_uzoqd_134";
9
- const outlined = "_outlined_uzoqd_144";
10
- const pressed = "_pressed_uzoqd_155";
3
+ const iconButton = "_iconButton_t4bdq_1";
4
+ const sm = "_sm_t4bdq_53";
5
+ const md = "_md_t4bdq_87";
6
+ const lg = "_lg_t4bdq_108";
7
+ const ghost = "_ghost_t4bdq_129";
8
+ const subtle = "_subtle_t4bdq_136";
9
+ const outlined = "_outlined_t4bdq_146";
10
+ const pressed = "_pressed_t4bdq_157";
11
11
  const styles = {
12
12
  iconButton,
13
13
  sm,
@@ -1,11 +1,11 @@
1
- const iconButton = "_iconButton_uzoqd_1";
2
- const sm = "_sm_uzoqd_51";
3
- const md = "_md_uzoqd_85";
4
- const lg = "_lg_uzoqd_106";
5
- const ghost = "_ghost_uzoqd_127";
6
- const subtle = "_subtle_uzoqd_134";
7
- const outlined = "_outlined_uzoqd_144";
8
- const pressed = "_pressed_uzoqd_155";
1
+ const iconButton = "_iconButton_t4bdq_1";
2
+ const sm = "_sm_t4bdq_53";
3
+ const md = "_md_t4bdq_87";
4
+ const lg = "_lg_t4bdq_108";
5
+ const ghost = "_ghost_t4bdq_129";
6
+ const subtle = "_subtle_t4bdq_136";
7
+ const outlined = "_outlined_t4bdq_146";
8
+ const pressed = "_pressed_t4bdq_157";
9
9
  const styles = {
10
10
  iconButton,
11
11
  sm,
@@ -6,6 +6,7 @@ const React = require("react");
6
6
  const button = require("@base-ui/react/button");
7
7
  const index = require("../ComponentDefaults/index.cjs");
8
8
  const IconButton_module = require("./IconButton.module.scss.cjs");
9
+ const env = require("../../utils/env.cjs");
9
10
  function _interopNamespaceDefault(e) {
10
11
  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
11
12
  if (e) {
@@ -34,7 +35,7 @@ const IconButtonRoot = React__namespace.forwardRef(function IconButton2({
34
35
  type = "button",
35
36
  ...htmlProps
36
37
  }, ref) {
37
- if (process.env.NODE_ENV !== "production" && !ariaLabel && !ariaLabelledBy) {
38
+ if (!env.isProductionBuild() && !ariaLabel && !ariaLabelledBy) {
38
39
  console.warn(
39
40
  "[IconButton] Icon-only buttons need an accessible name. Provide `aria-label` or `aria-labelledby`."
40
41
  );
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,UAAU,CACX;IACC,iEAAiE;IACjE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;;;;0BAQsB;IACtB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC1C;;uBAEmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;iDAC6C;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAgDD,eAAO,MAAM,UAAU;;CAErB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,UAAU,CACX;IACC,iEAAiE;IACjE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;;;;0BAQsB;IACtB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC1C;;uBAEmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;iDAC6C;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAgDD,eAAO,MAAM,UAAU;;CAErB,CAAC"}
@@ -4,6 +4,7 @@ import * as React from "react";
4
4
  import { Button } from "@base-ui/react/button";
5
5
  import { useResolvedControlSize } from "../ComponentDefaults/index.js";
6
6
  import styles from "./IconButton.module.scss.js";
7
+ import { isProductionBuild } from "../../utils/env.js";
7
8
  const IconButtonRoot = React.forwardRef(function IconButton2({
8
9
  children,
9
10
  variant = "ghost",
@@ -15,7 +16,7 @@ const IconButtonRoot = React.forwardRef(function IconButton2({
15
16
  type = "button",
16
17
  ...htmlProps
17
18
  }, ref) {
18
- if (process.env.NODE_ENV !== "production" && !ariaLabel && !ariaLabelledBy) {
19
+ if (!isProductionBuild() && !ariaLabel && !ariaLabelledBy) {
19
20
  console.warn(
20
21
  "[IconButton] Icon-only buttons need an accessible name. Provide `aria-label` or `aria-labelledby`."
21
22
  );