@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,12 +1,12 @@
1
- const root = "_root_17reb_1";
2
- const trigger = "_trigger_17reb_5";
3
- const triggerContent = "_triggerContent_17reb_61";
4
- const chevron = "_chevron_17reb_66";
5
- const chevronOpen = "_chevronOpen_17reb_74";
6
- const content = "_content_17reb_78";
7
- const contentOpen = "_contentOpen_17reb_86";
8
- const contentInner = "_contentInner_17reb_91";
9
- const disabled = "_disabled_17reb_104";
1
+ const root = "_root_noq2t_1";
2
+ const trigger = "_trigger_noq2t_5";
3
+ const triggerContent = "_triggerContent_noq2t_63";
4
+ const chevron = "_chevron_noq2t_68";
5
+ const chevronOpen = "_chevronOpen_noq2t_76";
6
+ const content = "_content_noq2t_80";
7
+ const contentOpen = "_contentOpen_noq2t_88";
8
+ const contentInner = "_contentInner_noq2t_93";
9
+ const disabled = "_disabled_noq2t_106";
10
10
  const styles = {
11
11
  root,
12
12
  trigger,
@@ -1,19 +1,19 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const wrapper = "_wrapper_g10zs_1";
4
- const label = "_label_g10zs_8";
5
- const helper = "_helper_g10zs_17";
6
- const helperError = "_helperError_g10zs_27";
7
- const errorMessage = "_errorMessage_g10zs_28";
8
- const sizeSm = "_sizeSm_g10zs_38";
9
- const inputWrapper = "_inputWrapper_g10zs_38";
10
- const swatch = "_swatch_g10zs_41";
11
- const hexInput = "_hexInput_g10zs_53";
12
- const sizeMd = "_sizeMd_g10zs_58";
13
- const sizeLg = "_sizeLg_g10zs_74";
14
- const hexInputField = "_hexInputField_g10zs_138";
15
- const positioner = "_positioner_g10zs_143";
16
- const popup = "_popup_g10zs_148";
3
+ const wrapper = "_wrapper_1mq8v_1";
4
+ const label = "_label_1mq8v_8";
5
+ const helper = "_helper_1mq8v_17";
6
+ const helperError = "_helperError_1mq8v_27";
7
+ const errorMessage = "_errorMessage_1mq8v_28";
8
+ const sizeSm = "_sizeSm_1mq8v_38";
9
+ const inputWrapper = "_inputWrapper_1mq8v_38";
10
+ const swatch = "_swatch_1mq8v_41";
11
+ const hexInput = "_hexInput_1mq8v_53";
12
+ const sizeMd = "_sizeMd_1mq8v_58";
13
+ const sizeLg = "_sizeLg_1mq8v_74";
14
+ const hexInputField = "_hexInputField_1mq8v_140";
15
+ const positioner = "_positioner_1mq8v_145";
16
+ const popup = "_popup_1mq8v_150";
17
17
  const styles = {
18
18
  wrapper,
19
19
  label,
@@ -1,17 +1,17 @@
1
- const wrapper = "_wrapper_g10zs_1";
2
- const label = "_label_g10zs_8";
3
- const helper = "_helper_g10zs_17";
4
- const helperError = "_helperError_g10zs_27";
5
- const errorMessage = "_errorMessage_g10zs_28";
6
- const sizeSm = "_sizeSm_g10zs_38";
7
- const inputWrapper = "_inputWrapper_g10zs_38";
8
- const swatch = "_swatch_g10zs_41";
9
- const hexInput = "_hexInput_g10zs_53";
10
- const sizeMd = "_sizeMd_g10zs_58";
11
- const sizeLg = "_sizeLg_g10zs_74";
12
- const hexInputField = "_hexInputField_g10zs_138";
13
- const positioner = "_positioner_g10zs_143";
14
- const popup = "_popup_g10zs_148";
1
+ const wrapper = "_wrapper_1mq8v_1";
2
+ const label = "_label_1mq8v_8";
3
+ const helper = "_helper_1mq8v_17";
4
+ const helperError = "_helperError_1mq8v_27";
5
+ const errorMessage = "_errorMessage_1mq8v_28";
6
+ const sizeSm = "_sizeSm_1mq8v_38";
7
+ const inputWrapper = "_inputWrapper_1mq8v_38";
8
+ const swatch = "_swatch_1mq8v_41";
9
+ const hexInput = "_hexInput_1mq8v_53";
10
+ const sizeMd = "_sizeMd_1mq8v_58";
11
+ const sizeLg = "_sizeLg_1mq8v_74";
12
+ const hexInputField = "_hexInputField_1mq8v_140";
13
+ const positioner = "_positioner_1mq8v_145";
14
+ const popup = "_popup_1mq8v_150";
15
15
  const styles = {
16
16
  wrapper,
17
17
  label,
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,iBAAS,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC,CAkBzC;AAqBD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,GAAG,cAAc,CAC5B;IACC,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,4CAA4C;IAC5C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA4HD,eAAO,MAAM,WAAW;;IAEtB,qEAAqE;;CAErE,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,iBAAS,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC,CAkBzC;AAsBD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,GAAG,cAAc,CAC5B;IACC,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,4CAA4C;IAC5C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA+HD,eAAO,MAAM,WAAW;;IAEtB,qEAAqE;;CAErE,CAAC"}
@@ -1,26 +1,26 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const wrapper = "_wrapper_1t3q0_1";
4
- const label = "_label_1t3q0_8";
5
- const helper = "_helper_1t3q0_17";
6
- const helperError = "_helperError_1t3q0_27";
7
- const errorMessage = "_errorMessage_1t3q0_28";
8
- const inputWrapper = "_inputWrapper_1t3q0_38";
9
- const inputWrapperSm = "_inputWrapperSm_1t3q0_72";
10
- const inputWrapperLg = "_inputWrapperLg_1t3q0_94";
11
- const input = "_input_1t3q0_38";
12
- const chips = "_chips_1t3q0_128";
13
- const chip = "_chip_1t3q0_128";
14
- const chipLabel = "_chipLabel_1t3q0_162";
15
- const chipRemove = "_chipRemove_1t3q0_168";
16
- const trigger = "_trigger_1t3q0_213";
17
- const positioner = "_positioner_1t3q0_260";
18
- const popup = "_popup_1t3q0_265";
19
- const item = "_item_1t3q0_313";
20
- const itemIndicator = "_itemIndicator_1t3q0_342";
21
- const empty = "_empty_1t3q0_356";
22
- const group = "_group_1t3q0_373";
23
- const groupLabel = "_groupLabel_1t3q0_381";
3
+ const wrapper = "_wrapper_1esuk_1";
4
+ const label = "_label_1esuk_8";
5
+ const helper = "_helper_1esuk_17";
6
+ const helperError = "_helperError_1esuk_27";
7
+ const errorMessage = "_errorMessage_1esuk_28";
8
+ const inputWrapper = "_inputWrapper_1esuk_38";
9
+ const inputWrapperSm = "_inputWrapperSm_1esuk_72";
10
+ const inputWrapperLg = "_inputWrapperLg_1esuk_94";
11
+ const input = "_input_1esuk_38";
12
+ const chips = "_chips_1esuk_128";
13
+ const chip = "_chip_1esuk_128";
14
+ const chipLabel = "_chipLabel_1esuk_162";
15
+ const chipRemove = "_chipRemove_1esuk_168";
16
+ const trigger = "_trigger_1esuk_215";
17
+ const positioner = "_positioner_1esuk_264";
18
+ const popup = "_popup_1esuk_269";
19
+ const item = "_item_1esuk_320";
20
+ const itemIndicator = "_itemIndicator_1esuk_351";
21
+ const empty = "_empty_1esuk_365";
22
+ const group = "_group_1esuk_384";
23
+ const groupLabel = "_groupLabel_1esuk_392";
24
24
  const styles = {
25
25
  wrapper,
26
26
  label,
@@ -1,24 +1,24 @@
1
- const wrapper = "_wrapper_1t3q0_1";
2
- const label = "_label_1t3q0_8";
3
- const helper = "_helper_1t3q0_17";
4
- const helperError = "_helperError_1t3q0_27";
5
- const errorMessage = "_errorMessage_1t3q0_28";
6
- const inputWrapper = "_inputWrapper_1t3q0_38";
7
- const inputWrapperSm = "_inputWrapperSm_1t3q0_72";
8
- const inputWrapperLg = "_inputWrapperLg_1t3q0_94";
9
- const input = "_input_1t3q0_38";
10
- const chips = "_chips_1t3q0_128";
11
- const chip = "_chip_1t3q0_128";
12
- const chipLabel = "_chipLabel_1t3q0_162";
13
- const chipRemove = "_chipRemove_1t3q0_168";
14
- const trigger = "_trigger_1t3q0_213";
15
- const positioner = "_positioner_1t3q0_260";
16
- const popup = "_popup_1t3q0_265";
17
- const item = "_item_1t3q0_313";
18
- const itemIndicator = "_itemIndicator_1t3q0_342";
19
- const empty = "_empty_1t3q0_356";
20
- const group = "_group_1t3q0_373";
21
- const groupLabel = "_groupLabel_1t3q0_381";
1
+ const wrapper = "_wrapper_1esuk_1";
2
+ const label = "_label_1esuk_8";
3
+ const helper = "_helper_1esuk_17";
4
+ const helperError = "_helperError_1esuk_27";
5
+ const errorMessage = "_errorMessage_1esuk_28";
6
+ const inputWrapper = "_inputWrapper_1esuk_38";
7
+ const inputWrapperSm = "_inputWrapperSm_1esuk_72";
8
+ const inputWrapperLg = "_inputWrapperLg_1esuk_94";
9
+ const input = "_input_1esuk_38";
10
+ const chips = "_chips_1esuk_128";
11
+ const chip = "_chip_1esuk_128";
12
+ const chipLabel = "_chipLabel_1esuk_162";
13
+ const chipRemove = "_chipRemove_1esuk_168";
14
+ const trigger = "_trigger_1esuk_215";
15
+ const positioner = "_positioner_1esuk_264";
16
+ const popup = "_popup_1esuk_269";
17
+ const item = "_item_1esuk_320";
18
+ const itemIndicator = "_itemIndicator_1esuk_351";
19
+ const empty = "_empty_1esuk_365";
20
+ const group = "_group_1esuk_384";
21
+ const groupLabel = "_groupLabel_1esuk_392";
22
22
  const styles = {
23
23
  wrapper,
24
24
  label,
@@ -165,6 +165,21 @@ function filterStaticChildren(node, visibleValues) {
165
165
  changed
166
166
  };
167
167
  }
168
+ function containsEmptySlot(node) {
169
+ let found = false;
170
+ React__namespace.Children.forEach(node, (child) => {
171
+ if (found || !React__namespace.isValidElement(child)) return;
172
+ if (child.type === ComboboxEmpty) {
173
+ found = true;
174
+ return;
175
+ }
176
+ const props = child.props;
177
+ if (props.children !== void 0 && containsEmptySlot(props.children)) {
178
+ found = true;
179
+ }
180
+ });
181
+ return found;
182
+ }
168
183
  const ComboboxRoot = React__namespace.forwardRef(function ComboboxRoot2({
169
184
  children,
170
185
  value,
@@ -423,6 +438,7 @@ function ComboboxContent({
423
438
  () => filterStaticChildren(children, visibleValues),
424
439
  [children, visibleValues]
425
440
  );
441
+ const popupChildren = filteredContent.visibleItemCount === 0 && !containsEmptySlot(children) ? /* @__PURE__ */ jsxRuntime.jsx(ComboboxEmpty, { children: "No results found" }) : filteredContent.children;
426
442
  const popupStyle = maxVisibleItems != null ? {
427
443
  "--fui-popup-viewport-rows": popup.resolvePopupViewportRows(maxVisibleItems),
428
444
  ...htmlProps.style
@@ -434,7 +450,7 @@ function ComboboxContent({
434
450
  sideOffset,
435
451
  align,
436
452
  className: Combobox_module.default.positioner,
437
- children: /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Popup, { ...htmlProps, className: popupClasses, style: popupStyle, children: /* @__PURE__ */ jsxRuntime.jsx(ComboboxFilteredItemIndexContext.Provider, { value: filteredItemIndices, children: filteredContent.children }) })
453
+ children: /* @__PURE__ */ jsxRuntime.jsx(combobox.Combobox.Popup, { ...htmlProps, className: popupClasses, style: popupStyle, children: /* @__PURE__ */ jsxRuntime.jsx(ComboboxFilteredItemIndexContext.Provider, { value: filteredItemIndices, children: popupChildren }) })
438
454
  }
439
455
  ) });
440
456
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAiC,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAWtF,UAAU,mBAAoB,SAAQ,cAAc;IAClD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;uBACmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oCAAoC;IACpC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C;AAED,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB;IAChE,6CAA6C;IAC7C,QAAQ,EAAE,IAAI,CAAC;IACf,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,oCAAoC;IACpC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACtC;AAED,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,qBAAqB,CAAC;AAExE,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;uBAEmB;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACzF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,mHAAmH;IACnH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAC5F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAChF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAqMD,QAAA,MAAM,YAAY,sFAsOhB,CAAC;AAEH,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,WAAkB,EAClB,WAAW,EACX,GAAG,SAAS,EACb,EAAE,kBAAkB,2CA+DpB;AAED,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,oBAAoB,2CAUnF;AAED,iBAAS,eAAe,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,UAA4B,EAC5B,KAAe,EACf,eAAe,EACf,GAAG,SAAS,EACb,EAAE,oBAAoB,2CAsCtB;AAED,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,iBAAiB,2CAgC9F;AAED,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,kBAAkB,2CAO/E;AAED,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,kBAAkB,2CAO/E;AAED,iBAAS,kBAAkB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,uBAAuB,2CAOzF;AAMD,eAAO,MAAM,QAAQ;;;;;;;;;CASnB,CAAC;AAGH,OAAO,EACL,YAAY,EACZ,aAAa,EACb,eAAe,EACf,eAAe,EACf,YAAY,EACZ,aAAa,EACb,aAAa,EACb,kBAAkB,GACnB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/index.tsx"],"names":[],"mappings":"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"}
@@ -146,6 +146,21 @@ function filterStaticChildren(node, visibleValues) {
146
146
  changed
147
147
  };
148
148
  }
149
+ function containsEmptySlot(node) {
150
+ let found = false;
151
+ React.Children.forEach(node, (child) => {
152
+ if (found || !React.isValidElement(child)) return;
153
+ if (child.type === ComboboxEmpty) {
154
+ found = true;
155
+ return;
156
+ }
157
+ const props = child.props;
158
+ if (props.children !== void 0 && containsEmptySlot(props.children)) {
159
+ found = true;
160
+ }
161
+ });
162
+ return found;
163
+ }
149
164
  const ComboboxRoot = React.forwardRef(function ComboboxRoot2({
150
165
  children,
151
166
  value,
@@ -404,6 +419,7 @@ function ComboboxContent({
404
419
  () => filterStaticChildren(children, visibleValues),
405
420
  [children, visibleValues]
406
421
  );
422
+ const popupChildren = filteredContent.visibleItemCount === 0 && !containsEmptySlot(children) ? /* @__PURE__ */ jsx(ComboboxEmpty, { children: "No results found" }) : filteredContent.children;
407
423
  const popupStyle = maxVisibleItems != null ? {
408
424
  "--fui-popup-viewport-rows": resolvePopupViewportRows(maxVisibleItems),
409
425
  ...htmlProps.style
@@ -415,7 +431,7 @@ function ComboboxContent({
415
431
  sideOffset,
416
432
  align,
417
433
  className: styles.positioner,
418
- children: /* @__PURE__ */ jsx(Combobox$1.Popup, { ...htmlProps, className: popupClasses, style: popupStyle, children: /* @__PURE__ */ jsx(ComboboxFilteredItemIndexContext.Provider, { value: filteredItemIndices, children: filteredContent.children }) })
434
+ children: /* @__PURE__ */ jsx(Combobox$1.Popup, { ...htmlProps, className: popupClasses, style: popupStyle, children: /* @__PURE__ */ jsx(ComboboxFilteredItemIndexContext.Provider, { value: filteredItemIndices, children: popupChildren }) })
419
435
  }
420
436
  ) });
421
437
  }
@@ -1,16 +1,16 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const command = "_command_1qw7x_1";
4
- const inputWrapper = "_inputWrapper_1qw7x_36";
5
- const input = "_input_1qw7x_36";
6
- const list = "_list_1qw7x_88";
7
- const item = "_item_1qw7x_94";
8
- const itemActive = "_itemActive_1qw7x_118";
9
- const itemDisabled = "_itemDisabled_1qw7x_122";
10
- const group = "_group_1qw7x_127";
11
- const groupHeading = "_groupHeading_1qw7x_135";
12
- const empty = "_empty_1qw7x_149";
13
- const separator = "_separator_1qw7x_161";
3
+ const command = "_command_1km00_1";
4
+ const inputWrapper = "_inputWrapper_1km00_39";
5
+ const input = "_input_1km00_39";
6
+ const list = "_list_1km00_91";
7
+ const item = "_item_1km00_97";
8
+ const itemActive = "_itemActive_1km00_123";
9
+ const itemDisabled = "_itemDisabled_1km00_127";
10
+ const group = "_group_1km00_132";
11
+ const groupHeading = "_groupHeading_1km00_140";
12
+ const empty = "_empty_1km00_154";
13
+ const separator = "_separator_1km00_166";
14
14
  const styles = {
15
15
  command,
16
16
  inputWrapper,
@@ -1,14 +1,14 @@
1
- const command = "_command_1qw7x_1";
2
- const inputWrapper = "_inputWrapper_1qw7x_36";
3
- const input = "_input_1qw7x_36";
4
- const list = "_list_1qw7x_88";
5
- const item = "_item_1qw7x_94";
6
- const itemActive = "_itemActive_1qw7x_118";
7
- const itemDisabled = "_itemDisabled_1qw7x_122";
8
- const group = "_group_1qw7x_127";
9
- const groupHeading = "_groupHeading_1qw7x_135";
10
- const empty = "_empty_1qw7x_149";
11
- const separator = "_separator_1qw7x_161";
1
+ const command = "_command_1km00_1";
2
+ const inputWrapper = "_inputWrapper_1km00_39";
3
+ const input = "_input_1km00_39";
4
+ const list = "_list_1km00_91";
5
+ const item = "_item_1km00_97";
6
+ const itemActive = "_itemActive_1km00_123";
7
+ const itemDisabled = "_itemDisabled_1km00_127";
8
+ const group = "_group_1km00_132";
9
+ const groupHeading = "_groupHeading_1km00_140";
10
+ const empty = "_empty_1km00_154";
11
+ const separator = "_separator_1km00_166";
12
12
  const styles = {
13
13
  command,
14
14
  inputWrapper,
@@ -143,7 +143,18 @@ function CommandRoot({
143
143
  visibleCount,
144
144
  listId
145
145
  }),
146
- [search, setSearch, filter, scores, registerItem, unregisterItem, activeId, loop, visibleCount, listId]
146
+ [
147
+ search,
148
+ setSearch,
149
+ filter,
150
+ scores,
151
+ registerItem,
152
+ unregisterItem,
153
+ activeId,
154
+ loop,
155
+ visibleCount,
156
+ listId
157
+ ]
147
158
  );
148
159
  return /* @__PURE__ */ jsxRuntime.jsx(CommandContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
149
160
  "div",
@@ -155,12 +166,7 @@ function CommandRoot({
155
166
  }
156
167
  ) });
157
168
  }
158
- function CommandInput({
159
- className,
160
- onChange,
161
- onKeyDown,
162
- ...htmlProps
163
- }) {
169
+ function CommandInput({ className, onChange, onKeyDown, ...htmlProps }) {
164
170
  const { search, setSearch, listRef, setActiveId, activeId, loop, listId } = useCommandContext();
165
171
  const inputRef = React__namespace.useRef(null);
166
172
  const getEnabledItems = React__namespace.useCallback(() => {
@@ -175,38 +181,43 @@ function CommandInput({
175
181
  if (event.defaultPrevented) return;
176
182
  const items = getEnabledItems();
177
183
  if (items.length === 0) return;
184
+ const firstItem = items[0];
185
+ const lastItem = items.at(-1);
186
+ if (!firstItem || !lastItem) return;
178
187
  const currentIndex = activeId ? items.findIndex((item) => item.id === activeId) : -1;
179
188
  switch (event.key) {
180
189
  case "ArrowDown": {
181
190
  event.preventDefault();
182
191
  if (currentIndex < 0) {
183
- setActiveId(items[0].id);
192
+ setActiveId(firstItem.id);
184
193
  } else if (currentIndex < items.length - 1) {
185
- setActiveId(items[currentIndex + 1].id);
194
+ const nextItem = items[currentIndex + 1];
195
+ if (nextItem) setActiveId(nextItem.id);
186
196
  } else if (loop) {
187
- setActiveId(items[0].id);
197
+ setActiveId(firstItem.id);
188
198
  }
189
199
  break;
190
200
  }
191
201
  case "ArrowUp": {
192
202
  event.preventDefault();
193
203
  if (currentIndex < 0) {
194
- setActiveId(items[items.length - 1].id);
204
+ setActiveId(lastItem.id);
195
205
  } else if (currentIndex > 0) {
196
- setActiveId(items[currentIndex - 1].id);
206
+ const previousItem = items[currentIndex - 1];
207
+ if (previousItem) setActiveId(previousItem.id);
197
208
  } else if (loop) {
198
- setActiveId(items[items.length - 1].id);
209
+ setActiveId(lastItem.id);
199
210
  }
200
211
  break;
201
212
  }
202
213
  case "Home": {
203
214
  event.preventDefault();
204
- setActiveId(items[0].id);
215
+ setActiveId(firstItem.id);
205
216
  break;
206
217
  }
207
218
  case "End": {
208
219
  event.preventDefault();
209
- setActiveId(items[items.length - 1].id);
220
+ setActiveId(lastItem.id);
210
221
  break;
211
222
  }
212
223
  case "Enter": {
@@ -1,4 +1,4 @@
1
- import * as React from 'react';
1
+ import * as React from "react";
2
2
  export interface CommandProps extends React.HTMLAttributes<HTMLDivElement> {
3
3
  children: React.ReactNode;
4
4
  /** Controlled search value */
@@ -19,7 +19,7 @@ export interface CommandInputProps extends React.InputHTMLAttributes<HTMLInputEl
19
19
  export interface CommandListProps extends React.HTMLAttributes<HTMLDivElement> {
20
20
  children: React.ReactNode;
21
21
  }
22
- export interface CommandItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
22
+ export interface CommandItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> {
23
23
  children: React.ReactNode;
24
24
  /** Value used for filtering (falls back to text content) */
25
25
  value?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Command/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Command/index.tsx"],"names":[],"mappings":"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"}
@@ -124,7 +124,18 @@ function CommandRoot({
124
124
  visibleCount,
125
125
  listId
126
126
  }),
127
- [search, setSearch, filter, scores, registerItem, unregisterItem, activeId, loop, visibleCount, listId]
127
+ [
128
+ search,
129
+ setSearch,
130
+ filter,
131
+ scores,
132
+ registerItem,
133
+ unregisterItem,
134
+ activeId,
135
+ loop,
136
+ visibleCount,
137
+ listId
138
+ ]
128
139
  );
129
140
  return /* @__PURE__ */ jsx(CommandContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
130
141
  "div",
@@ -136,12 +147,7 @@ function CommandRoot({
136
147
  }
137
148
  ) });
138
149
  }
139
- function CommandInput({
140
- className,
141
- onChange,
142
- onKeyDown,
143
- ...htmlProps
144
- }) {
150
+ function CommandInput({ className, onChange, onKeyDown, ...htmlProps }) {
145
151
  const { search, setSearch, listRef, setActiveId, activeId, loop, listId } = useCommandContext();
146
152
  const inputRef = React.useRef(null);
147
153
  const getEnabledItems = React.useCallback(() => {
@@ -156,38 +162,43 @@ function CommandInput({
156
162
  if (event.defaultPrevented) return;
157
163
  const items = getEnabledItems();
158
164
  if (items.length === 0) return;
165
+ const firstItem = items[0];
166
+ const lastItem = items.at(-1);
167
+ if (!firstItem || !lastItem) return;
159
168
  const currentIndex = activeId ? items.findIndex((item) => item.id === activeId) : -1;
160
169
  switch (event.key) {
161
170
  case "ArrowDown": {
162
171
  event.preventDefault();
163
172
  if (currentIndex < 0) {
164
- setActiveId(items[0].id);
173
+ setActiveId(firstItem.id);
165
174
  } else if (currentIndex < items.length - 1) {
166
- setActiveId(items[currentIndex + 1].id);
175
+ const nextItem = items[currentIndex + 1];
176
+ if (nextItem) setActiveId(nextItem.id);
167
177
  } else if (loop) {
168
- setActiveId(items[0].id);
178
+ setActiveId(firstItem.id);
169
179
  }
170
180
  break;
171
181
  }
172
182
  case "ArrowUp": {
173
183
  event.preventDefault();
174
184
  if (currentIndex < 0) {
175
- setActiveId(items[items.length - 1].id);
185
+ setActiveId(lastItem.id);
176
186
  } else if (currentIndex > 0) {
177
- setActiveId(items[currentIndex - 1].id);
187
+ const previousItem = items[currentIndex - 1];
188
+ if (previousItem) setActiveId(previousItem.id);
178
189
  } else if (loop) {
179
- setActiveId(items[items.length - 1].id);
190
+ setActiveId(lastItem.id);
180
191
  }
181
192
  break;
182
193
  }
183
194
  case "Home": {
184
195
  event.preventDefault();
185
- setActiveId(items[0].id);
196
+ setActiveId(firstItem.id);
186
197
  break;
187
198
  }
188
199
  case "End": {
189
200
  event.preventDefault();
190
- setActiveId(items[items.length - 1].id);
201
+ setActiveId(lastItem.id);
191
202
  break;
192
203
  }
193
204
  case "Enter": {
@@ -1,15 +1,15 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const conversationList = "_conversationList_1nr2l_1";
4
- const content = "_content_1nr2l_16";
5
- const loadingHistory = "_loadingHistory_1nr2l_25";
6
- const dateSeparator = "_dateSeparator_1nr2l_39";
7
- const dateSeparatorLine = "_dateSeparatorLine_1nr2l_46";
8
- const dateSeparatorText = "_dateSeparatorText_1nr2l_52";
9
- const typingIndicator = "_typingIndicator_1nr2l_64";
10
- const withoutAvatar = "_withoutAvatar_1nr2l_71";
11
- const typingAvatar = "_typingAvatar_1nr2l_75";
12
- const typingContent = "_typingContent_1nr2l_87";
3
+ const conversationList = "_conversationList_1tjh4_1";
4
+ const content = "_content_1tjh4_16";
5
+ const loadingHistory = "_loadingHistory_1tjh4_25";
6
+ const dateSeparator = "_dateSeparator_1tjh4_39";
7
+ const dateSeparatorLine = "_dateSeparatorLine_1tjh4_46";
8
+ const dateSeparatorText = "_dateSeparatorText_1tjh4_52";
9
+ const typingIndicator = "_typingIndicator_1tjh4_64";
10
+ const withoutAvatar = "_withoutAvatar_1tjh4_71";
11
+ const typingAvatar = "_typingAvatar_1tjh4_75";
12
+ const typingContent = "_typingContent_1tjh4_87";
13
13
  const styles = {
14
14
  conversationList,
15
15
  content,
@@ -1,13 +1,13 @@
1
- const conversationList = "_conversationList_1nr2l_1";
2
- const content = "_content_1nr2l_16";
3
- const loadingHistory = "_loadingHistory_1nr2l_25";
4
- const dateSeparator = "_dateSeparator_1nr2l_39";
5
- const dateSeparatorLine = "_dateSeparatorLine_1nr2l_46";
6
- const dateSeparatorText = "_dateSeparatorText_1nr2l_52";
7
- const typingIndicator = "_typingIndicator_1nr2l_64";
8
- const withoutAvatar = "_withoutAvatar_1nr2l_71";
9
- const typingAvatar = "_typingAvatar_1nr2l_75";
10
- const typingContent = "_typingContent_1nr2l_87";
1
+ const conversationList = "_conversationList_1tjh4_1";
2
+ const content = "_content_1tjh4_16";
3
+ const loadingHistory = "_loadingHistory_1tjh4_25";
4
+ const dateSeparator = "_dateSeparator_1tjh4_39";
5
+ const dateSeparatorLine = "_dateSeparatorLine_1tjh4_46";
6
+ const dateSeparatorText = "_dateSeparatorText_1tjh4_52";
7
+ const typingIndicator = "_typingIndicator_1tjh4_64";
8
+ const withoutAvatar = "_withoutAvatar_1tjh4_71";
9
+ const typingAvatar = "_typingAvatar_1tjh4_75";
10
+ const typingContent = "_typingContent_1tjh4_87";
11
11
  const styles = {
12
12
  conversationList,
13
13
  content,