@usefragments/ui 1.5.4 → 1.6.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 (497) hide show
  1. package/README.md +1 -1
  2. package/dist/assets/ui.css +8808 -5810
  3. package/dist/chart.cjs +7 -20
  4. package/dist/chart.js +7 -20
  5. package/dist/colorpicker.cjs +2 -1
  6. package/dist/colorpicker.js +2 -1
  7. package/dist/components/Accordion/Accordion.module.scss.cjs +8 -8
  8. package/dist/components/Accordion/Accordion.module.scss.js +8 -8
  9. package/dist/components/Alert/Alert.module.scss.cjs +12 -12
  10. package/dist/components/Alert/Alert.module.scss.js +12 -12
  11. package/dist/components/AppShell/AppShell.module.scss.cjs +14 -14
  12. package/dist/components/AppShell/AppShell.module.scss.js +14 -14
  13. package/dist/components/AppShell/index.cjs +5 -3
  14. package/dist/components/AppShell/index.d.ts +4 -2
  15. package/dist/components/AppShell/index.d.ts.map +1 -1
  16. package/dist/components/AppShell/index.js +5 -3
  17. package/dist/components/Avatar/Avatar.module.scss.cjs +17 -14
  18. package/dist/components/Avatar/Avatar.module.scss.js +17 -14
  19. package/dist/components/Avatar/index.cjs +100 -118
  20. package/dist/components/Avatar/index.d.ts +7 -5
  21. package/dist/components/Avatar/index.d.ts.map +1 -1
  22. package/dist/components/Avatar/index.js +100 -118
  23. package/dist/components/Badge/Badge.module.scss.cjs +19 -19
  24. package/dist/components/Badge/Badge.module.scss.js +19 -19
  25. package/dist/components/BentoGrid/BentoGrid.module.scss.cjs +14 -14
  26. package/dist/components/BentoGrid/BentoGrid.module.scss.js +14 -14
  27. package/dist/components/Box/Box.module.scss.cjs +152 -152
  28. package/dist/components/Box/Box.module.scss.js +152 -152
  29. package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.cjs +8 -8
  30. package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.js +8 -8
  31. package/dist/components/Button/Button.module.scss.cjs +14 -14
  32. package/dist/components/Button/Button.module.scss.js +14 -14
  33. package/dist/components/ButtonGroup/ButtonGroup.module.scss.cjs +15 -15
  34. package/dist/components/ButtonGroup/ButtonGroup.module.scss.js +15 -15
  35. package/dist/components/Card/Card.module.scss.cjs +18 -18
  36. package/dist/components/Card/Card.module.scss.js +18 -18
  37. package/dist/components/Chart/Chart.module.scss.cjs +15 -15
  38. package/dist/components/Chart/Chart.module.scss.js +15 -15
  39. package/dist/components/Chart/index.d.ts +7 -7
  40. package/dist/components/Chart/index.d.ts.map +1 -1
  41. package/dist/components/Checkbox/Checkbox.module.scss.cjs +9 -15
  42. package/dist/components/Checkbox/Checkbox.module.scss.js +9 -15
  43. package/dist/components/Checkbox/index.cjs +4 -6
  44. package/dist/components/Checkbox/index.d.ts.map +1 -1
  45. package/dist/components/Checkbox/index.js +4 -6
  46. package/dist/components/Chip/Chip.module.scss.cjs +15 -15
  47. package/dist/components/Chip/Chip.module.scss.js +15 -15
  48. package/dist/components/Chip/index.cjs +4 -5
  49. package/dist/components/Chip/index.d.ts +1 -1
  50. package/dist/components/Chip/index.d.ts.map +1 -1
  51. package/dist/components/Chip/index.js +2 -3
  52. package/dist/components/CodeBlock/CodeBlock.module.scss.cjs +22 -22
  53. package/dist/components/CodeBlock/CodeBlock.module.scss.js +22 -22
  54. package/dist/components/Collapsible/Collapsible.module.scss.cjs +9 -12
  55. package/dist/components/Collapsible/Collapsible.module.scss.js +9 -12
  56. package/dist/components/Collapsible/index.cjs +3 -2
  57. package/dist/components/Collapsible/index.d.ts +3 -3
  58. package/dist/components/Collapsible/index.d.ts.map +1 -1
  59. package/dist/components/Collapsible/index.js +3 -2
  60. package/dist/components/ColorPicker/ColorPicker.module.scss.cjs +16 -16
  61. package/dist/components/ColorPicker/ColorPicker.module.scss.js +16 -16
  62. package/dist/components/ColorPicker/index.d.ts.map +1 -1
  63. package/dist/components/Combobox/Combobox.module.scss.cjs +21 -27
  64. package/dist/components/Combobox/Combobox.module.scss.js +21 -27
  65. package/dist/components/Combobox/index.cjs +4 -4
  66. package/dist/components/Combobox/index.d.ts.map +1 -1
  67. package/dist/components/Combobox/index.js +4 -4
  68. package/dist/components/Command/Command.module.scss.cjs +11 -11
  69. package/dist/components/Command/Command.module.scss.js +11 -11
  70. package/dist/components/ConversationList/ConversationList.module.scss.cjs +11 -14
  71. package/dist/components/ConversationList/ConversationList.module.scss.js +11 -14
  72. package/dist/components/ConversationList/index.cjs +40 -44
  73. package/dist/components/ConversationList/index.d.ts +3 -3
  74. package/dist/components/ConversationList/index.d.ts.map +1 -1
  75. package/dist/components/ConversationList/index.js +40 -44
  76. package/dist/components/DataTable/DataTable.module.scss.cjs +32 -56
  77. package/dist/components/DataTable/DataTable.module.scss.js +32 -56
  78. package/dist/components/DataTable/index.d.ts +5 -4
  79. package/dist/components/DataTable/index.d.ts.map +1 -1
  80. package/dist/components/DatePicker/DatePicker.module.scss.cjs +33 -33
  81. package/dist/components/DatePicker/DatePicker.module.scss.js +33 -33
  82. package/dist/components/DatePicker/index.d.ts.map +1 -1
  83. package/dist/components/Dialog/Dialog.module.scss.cjs +14 -14
  84. package/dist/components/Dialog/Dialog.module.scss.js +14 -14
  85. package/dist/components/Drawer/Drawer.module.scss.cjs +31 -28
  86. package/dist/components/Drawer/Drawer.module.scss.js +31 -28
  87. package/dist/components/Drawer/index.cjs +1 -1
  88. package/dist/components/Drawer/index.js +1 -1
  89. package/dist/components/Editor/Editor.module.scss.cjs +23 -23
  90. package/dist/components/Editor/Editor.module.scss.js +23 -23
  91. package/dist/components/EmptyState/EmptyState.module.scss.cjs +12 -12
  92. package/dist/components/EmptyState/EmptyState.module.scss.js +12 -12
  93. package/dist/components/Field/Field.module.scss.cjs +8 -5
  94. package/dist/components/Field/Field.module.scss.js +8 -5
  95. package/dist/components/Field/index.cjs +10 -1
  96. package/dist/components/Field/index.d.ts +9 -2
  97. package/dist/components/Field/index.d.ts.map +1 -1
  98. package/dist/components/Field/index.js +10 -1
  99. package/dist/components/Fieldset/Fieldset.module.scss.cjs +3 -3
  100. package/dist/components/Fieldset/Fieldset.module.scss.js +3 -3
  101. package/dist/components/Form/Form.module.scss.cjs +5 -2
  102. package/dist/components/Form/Form.module.scss.js +5 -2
  103. package/dist/components/Form/index.cjs +6 -1
  104. package/dist/components/Form/index.d.ts +8 -3
  105. package/dist/components/Form/index.d.ts.map +1 -1
  106. package/dist/components/Form/index.js +6 -1
  107. package/dist/components/Grid/Grid.module.scss.cjs +54 -72
  108. package/dist/components/Grid/Grid.module.scss.js +54 -72
  109. package/dist/components/Grid/index.cjs +57 -77
  110. package/dist/components/Grid/index.d.ts +11 -11
  111. package/dist/components/Grid/index.d.ts.map +1 -1
  112. package/dist/components/Grid/index.js +57 -77
  113. package/dist/components/Header/Header.module.scss.cjs +33 -33
  114. package/dist/components/Header/Header.module.scss.js +33 -33
  115. package/dist/components/Header/index.cjs +2 -1
  116. package/dist/components/Header/index.d.ts.map +1 -1
  117. package/dist/components/Header/index.js +2 -1
  118. package/dist/components/Icon/Icon.module.scss.cjs +29 -8
  119. package/dist/components/Icon/Icon.module.scss.js +30 -9
  120. package/dist/components/Icon/index.cjs +30 -48
  121. package/dist/components/Icon/index.d.ts +6 -6
  122. package/dist/components/Icon/index.d.ts.map +1 -1
  123. package/dist/components/Icon/index.js +30 -48
  124. package/dist/components/IconButton/IconButton.module.scss.cjs +8 -8
  125. package/dist/components/IconButton/IconButton.module.scss.js +8 -8
  126. package/dist/components/Input/Input.module.scss.cjs +19 -25
  127. package/dist/components/Input/Input.module.scss.js +19 -25
  128. package/dist/components/Input/index.cjs +1 -2
  129. package/dist/components/Input/index.d.ts.map +1 -1
  130. package/dist/components/Input/index.js +1 -2
  131. package/dist/components/Link/Link.module.scss.cjs +10 -10
  132. package/dist/components/Link/Link.module.scss.js +10 -10
  133. package/dist/components/List/List.module.scss.cjs +19 -19
  134. package/dist/components/List/List.module.scss.js +19 -19
  135. package/dist/components/List/index.cjs +4 -7
  136. package/dist/components/List/index.d.ts.map +1 -1
  137. package/dist/components/List/index.js +4 -7
  138. package/dist/components/Listbox/Listbox.module.scss.cjs +9 -9
  139. package/dist/components/Listbox/Listbox.module.scss.js +9 -9
  140. package/dist/components/Loading/Loading.module.scss.cjs +30 -30
  141. package/dist/components/Loading/Loading.module.scss.js +30 -30
  142. package/dist/components/Loading/index.cjs +39 -67
  143. package/dist/components/Loading/index.d.ts +6 -6
  144. package/dist/components/Loading/index.d.ts.map +1 -1
  145. package/dist/components/Loading/index.js +39 -67
  146. package/dist/components/Main/Main.module.scss.cjs +7 -7
  147. package/dist/components/Main/Main.module.scss.js +7 -7
  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/Menu/Menu.module.scss.cjs +16 -16
  151. package/dist/components/Menu/Menu.module.scss.js +16 -16
  152. package/dist/components/Menu/index.cjs +19 -61
  153. package/dist/components/Menu/index.d.ts +10 -10
  154. package/dist/components/Menu/index.d.ts.map +1 -1
  155. package/dist/components/Menu/index.js +19 -61
  156. package/dist/components/Message/Message.module.scss.cjs +18 -21
  157. package/dist/components/Message/Message.module.scss.js +18 -21
  158. package/dist/components/Message/index.cjs +15 -2
  159. package/dist/components/Message/index.d.ts.map +1 -1
  160. package/dist/components/Message/index.js +15 -2
  161. package/dist/components/NavigationMenu/NavigationMenu.module.scss.cjs +28 -28
  162. package/dist/components/NavigationMenu/NavigationMenu.module.scss.js +28 -28
  163. package/dist/components/Pagination/Pagination.module.scss.cjs +18 -9
  164. package/dist/components/Pagination/Pagination.module.scss.js +19 -10
  165. package/dist/components/Pagination/index.cjs +5 -2
  166. package/dist/components/Pagination/index.d.ts +3 -1
  167. package/dist/components/Pagination/index.d.ts.map +1 -1
  168. package/dist/components/Pagination/index.js +5 -2
  169. package/dist/components/Popover/Popover.module.scss.cjs +10 -10
  170. package/dist/components/Popover/Popover.module.scss.js +10 -10
  171. package/dist/components/Progress/Progress.module.scss.cjs +29 -32
  172. package/dist/components/Progress/Progress.module.scss.js +29 -32
  173. package/dist/components/Progress/geometry.cjs +30 -0
  174. package/dist/components/Progress/geometry.d.ts +8 -0
  175. package/dist/components/Progress/geometry.d.ts.map +1 -0
  176. package/dist/components/Progress/geometry.js +30 -0
  177. package/dist/components/Progress/index.cjs +40 -29
  178. package/dist/components/Progress/index.d.ts +4 -3
  179. package/dist/components/Progress/index.d.ts.map +1 -1
  180. package/dist/components/Progress/index.js +40 -29
  181. package/dist/components/Prompt/Prompt.module.scss.cjs +29 -29
  182. package/dist/components/Prompt/Prompt.module.scss.js +29 -29
  183. package/dist/components/Prompt/index.cjs +5 -4
  184. package/dist/components/Prompt/index.d.ts.map +1 -1
  185. package/dist/components/Prompt/index.js +5 -4
  186. package/dist/components/RadioGroup/RadioGroup.module.scss.cjs +15 -21
  187. package/dist/components/RadioGroup/RadioGroup.module.scss.js +15 -21
  188. package/dist/components/RadioGroup/index.cjs +7 -6
  189. package/dist/components/RadioGroup/index.d.ts.map +1 -1
  190. package/dist/components/RadioGroup/index.js +7 -6
  191. package/dist/components/ScrollArea/ScrollArea.module.scss.cjs +7 -22
  192. package/dist/components/ScrollArea/ScrollArea.module.scss.js +7 -22
  193. package/dist/components/ScrollArea/index.cjs +66 -42
  194. package/dist/components/ScrollArea/index.d.ts +3 -2
  195. package/dist/components/ScrollArea/index.d.ts.map +1 -1
  196. package/dist/components/ScrollArea/index.js +66 -42
  197. package/dist/components/ScrollArea/scroll-state.cjs +58 -0
  198. package/dist/components/ScrollArea/scroll-state.d.ts +16 -0
  199. package/dist/components/ScrollArea/scroll-state.d.ts.map +1 -0
  200. package/dist/components/ScrollArea/scroll-state.js +58 -0
  201. package/dist/components/Select/Select.module.scss.cjs +21 -21
  202. package/dist/components/Select/Select.module.scss.js +21 -21
  203. package/dist/components/Select/index.cjs +3 -2
  204. package/dist/components/Select/index.d.ts.map +1 -1
  205. package/dist/components/Select/index.js +3 -2
  206. package/dist/components/Separator/Separator.module.scss.cjs +13 -10
  207. package/dist/components/Separator/Separator.module.scss.js +13 -10
  208. package/dist/components/Separator/index.cjs +37 -38
  209. package/dist/components/Separator/index.d.ts +4 -4
  210. package/dist/components/Separator/index.d.ts.map +1 -1
  211. package/dist/components/Separator/index.js +37 -38
  212. package/dist/components/Sidebar/Sidebar.module.scss.cjs +43 -43
  213. package/dist/components/Sidebar/Sidebar.module.scss.js +43 -43
  214. package/dist/components/Sidebar/index.cjs +5 -3
  215. package/dist/components/Sidebar/index.d.ts +6 -1
  216. package/dist/components/Sidebar/index.d.ts.map +1 -1
  217. package/dist/components/Sidebar/index.js +5 -3
  218. package/dist/components/Skeleton/Skeleton.module.scss.cjs +50 -38
  219. package/dist/components/Skeleton/Skeleton.module.scss.js +50 -38
  220. package/dist/components/Skeleton/index.cjs +41 -55
  221. package/dist/components/Skeleton/index.d.ts +7 -7
  222. package/dist/components/Skeleton/index.d.ts.map +1 -1
  223. package/dist/components/Skeleton/index.js +41 -55
  224. package/dist/components/Slider/Slider.module.scss.cjs +12 -12
  225. package/dist/components/Slider/Slider.module.scss.js +12 -12
  226. package/dist/components/Stack/Stack.module.scss.cjs +25 -45
  227. package/dist/components/Stack/Stack.module.scss.js +25 -45
  228. package/dist/components/Stack/index.cjs +106 -101
  229. package/dist/components/Stack/index.d.ts +7 -7
  230. package/dist/components/Stack/index.d.ts.map +1 -1
  231. package/dist/components/Stack/index.js +106 -101
  232. package/dist/components/Switch/Switch.module.scss.cjs +32 -0
  233. package/dist/components/Switch/Switch.module.scss.js +32 -0
  234. package/dist/components/{Toggle → Switch}/index.cjs +9 -14
  235. package/dist/components/Switch/index.d.ts +37 -1
  236. package/dist/components/Switch/index.d.ts.map +1 -1
  237. package/dist/components/{Toggle → Switch}/index.js +5 -10
  238. package/dist/components/Table/Table.module.scss.cjs +18 -27
  239. package/dist/components/Table/Table.module.scss.js +18 -27
  240. package/dist/components/Table/index.d.ts +6 -5
  241. package/dist/components/Table/index.d.ts.map +1 -1
  242. package/dist/components/TableOfContents/TableOfContents.module.scss.cjs +15 -15
  243. package/dist/components/TableOfContents/TableOfContents.module.scss.js +15 -15
  244. package/dist/components/Tabs/Tabs.module.scss.cjs +12 -12
  245. package/dist/components/Tabs/Tabs.module.scss.js +12 -12
  246. package/dist/components/Tabs/index.cjs +2 -2
  247. package/dist/components/Tabs/index.js +2 -2
  248. package/dist/components/Text/Text.module.scss.cjs +93 -57
  249. package/dist/components/Text/Text.module.scss.js +93 -57
  250. package/dist/components/Text/index.cjs +14 -6
  251. package/dist/components/Text/index.d.ts +25 -15
  252. package/dist/components/Text/index.d.ts.map +1 -1
  253. package/dist/components/Text/index.js +14 -6
  254. package/dist/components/Textarea/Textarea.module.scss.cjs +26 -23
  255. package/dist/components/Textarea/Textarea.module.scss.js +26 -23
  256. package/dist/components/Textarea/index.cjs +5 -10
  257. package/dist/components/Textarea/index.d.ts.map +1 -1
  258. package/dist/components/Textarea/index.js +5 -10
  259. package/dist/components/Theme/context.cjs +39 -0
  260. package/dist/components/Theme/context.d.ts +21 -0
  261. package/dist/components/Theme/context.d.ts.map +1 -0
  262. package/dist/components/Theme/context.js +22 -0
  263. package/dist/components/Theme/index.cjs +14 -209
  264. package/dist/components/Theme/index.d.ts +4 -37
  265. package/dist/components/Theme/index.d.ts.map +1 -1
  266. package/dist/components/Theme/index.js +9 -204
  267. package/dist/components/{Theme → ThemeToggle}/ThemeToggle.module.scss.cjs +6 -6
  268. package/dist/components/ThemeToggle/ThemeToggle.module.scss.js +23 -0
  269. package/dist/components/ThemeToggle/index.cjs +115 -0
  270. package/dist/components/ThemeToggle/index.d.ts +21 -0
  271. package/dist/components/ThemeToggle/index.d.ts.map +1 -0
  272. package/dist/components/ThemeToggle/index.js +115 -0
  273. package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.cjs +13 -13
  274. package/dist/components/ThinkingIndicator/ThinkingIndicator.module.scss.js +13 -13
  275. package/dist/components/ThinkingIndicator/index.cjs +34 -41
  276. package/dist/components/ThinkingIndicator/index.d.ts +4 -4
  277. package/dist/components/ThinkingIndicator/index.d.ts.map +1 -1
  278. package/dist/components/ThinkingIndicator/index.js +34 -41
  279. package/dist/components/Toast/Toast.module.scss.cjs +20 -20
  280. package/dist/components/Toast/Toast.module.scss.js +20 -20
  281. package/dist/components/Toggle/index.d.ts +2 -42
  282. package/dist/components/Toggle/index.d.ts.map +1 -1
  283. package/dist/components/ToggleGroup/ToggleGroup.module.scss.cjs +20 -20
  284. package/dist/components/ToggleGroup/ToggleGroup.module.scss.js +20 -20
  285. package/dist/components/ToggleGroup/index.cjs +3 -2
  286. package/dist/components/ToggleGroup/index.d.ts +2 -1
  287. package/dist/components/ToggleGroup/index.d.ts.map +1 -1
  288. package/dist/components/ToggleGroup/index.js +3 -2
  289. package/dist/components/Tooltip/Tooltip.module.scss.cjs +3 -3
  290. package/dist/components/Tooltip/Tooltip.module.scss.js +3 -3
  291. package/dist/components/VisuallyHidden/VisuallyHidden.module.scss.cjs +1 -1
  292. package/dist/components/VisuallyHidden/VisuallyHidden.module.scss.js +1 -1
  293. package/dist/data-table.cjs +12 -9
  294. package/dist/data-table.js +12 -9
  295. package/dist/datepicker.cjs +2 -1
  296. package/dist/datepicker.js +2 -1
  297. package/dist/index.cjs +100 -98
  298. package/dist/index.d.ts +2 -2
  299. package/dist/index.d.ts.map +1 -1
  300. package/dist/index.js +4 -2
  301. package/dist/markdown.cjs +1 -1
  302. package/dist/markdown.js +2 -2
  303. package/dist/measurements/generated.cjs +296 -0
  304. package/dist/measurements/generated.d.ts +261 -0
  305. package/dist/measurements/generated.d.ts.map +1 -0
  306. package/dist/measurements/generated.js +296 -0
  307. package/dist/measurements/index.d.ts +2 -0
  308. package/dist/measurements/index.d.ts.map +1 -0
  309. package/dist/measurements.cjs +6 -0
  310. package/dist/measurements.js +6 -0
  311. package/dist/recipes/popup.cjs +14 -0
  312. package/dist/recipes/popup.d.ts +4 -0
  313. package/dist/recipes/popup.d.ts.map +1 -0
  314. package/dist/recipes/popup.js +14 -0
  315. package/dist/recipes/table-chrome.cjs +18 -0
  316. package/dist/recipes/table-chrome.d.ts +10 -0
  317. package/dist/recipes/table-chrome.d.ts.map +1 -0
  318. package/dist/recipes/table-chrome.js +18 -0
  319. package/dist/table.cjs +5 -2
  320. package/dist/table.js +5 -2
  321. package/dist/utils/layout-spacing.cjs +27 -0
  322. package/dist/utils/layout-spacing.d.ts +5 -0
  323. package/dist/utils/layout-spacing.d.ts.map +1 -0
  324. package/dist/utils/layout-spacing.js +27 -0
  325. package/dist/utils/seed-derivation.cjs +4 -42
  326. package/dist/utils/seed-derivation.d.ts +4 -3
  327. package/dist/utils/seed-derivation.d.ts.map +1 -1
  328. package/dist/utils/seed-derivation.js +4 -42
  329. package/dist/utils/theme-presets.cjs +1 -0
  330. package/dist/utils/theme-presets.d.ts +3 -2
  331. package/dist/utils/theme-presets.d.ts.map +1 -1
  332. package/dist/utils/theme-presets.js +1 -0
  333. package/fragments.json +1 -1
  334. package/package.json +23 -4
  335. package/src/components/Accordion/Accordion.module.scss +31 -52
  336. package/src/components/Alert/Alert.module.scss +28 -44
  337. package/src/components/AppShell/AppShell.module.scss +6 -3
  338. package/src/components/AppShell/index.tsx +8 -4
  339. package/src/components/Avatar/Avatar.module.scss +22 -60
  340. package/src/components/Avatar/index.tsx +152 -146
  341. package/src/components/Badge/Badge.module.scss +51 -46
  342. package/src/components/BentoGrid/BentoGrid.module.scss +11 -32
  343. package/src/components/Box/Box.module.scss +253 -81
  344. package/src/components/Breadcrumbs/Breadcrumbs.module.scss +10 -11
  345. package/src/components/Button/Button.module.scss +52 -57
  346. package/src/components/ButtonGroup/ButtonGroup.module.scss +5 -5
  347. package/src/components/Card/Card.consumer-fixture.module.scss +8 -0
  348. package/src/components/Card/Card.module.scss +211 -175
  349. package/src/components/Chart/Chart.module.scss +28 -29
  350. package/src/components/Chart/index.tsx +40 -53
  351. package/src/components/Checkbox/Checkbox.module.scss +43 -64
  352. package/src/components/Checkbox/index.tsx +4 -9
  353. package/src/components/Chip/Chip.contract.json +4 -3
  354. package/src/components/Chip/Chip.module.scss +23 -34
  355. package/src/components/Chip/index.tsx +3 -4
  356. package/src/components/CodeBlock/CodeBlock.module.scss +102 -215
  357. package/src/components/Collapsible/Collapsible.module.scss +29 -63
  358. package/src/components/Collapsible/index.tsx +22 -26
  359. package/src/components/ColorPicker/ColorPicker.module.scss +42 -24
  360. package/src/components/ColorPicker/index.tsx +2 -1
  361. package/src/components/Combobox/Combobox.module.scss +60 -73
  362. package/src/components/Combobox/index.tsx +7 -5
  363. package/src/components/Command/Command.module.scss +47 -77
  364. package/src/components/ConversationList/ConversationList.module.scss +20 -78
  365. package/src/components/ConversationList/index.tsx +55 -59
  366. package/src/components/DataTable/DataTable.module.scss +76 -216
  367. package/src/components/DataTable/index.tsx +20 -25
  368. package/src/components/DatePicker/DatePicker.module.scss +54 -33
  369. package/src/components/DatePicker/index.tsx +2 -1
  370. package/src/components/Dialog/Dialog.module.scss +42 -66
  371. package/src/components/Drawer/Drawer.module.scss +93 -99
  372. package/src/components/Drawer/index.tsx +1 -1
  373. package/src/components/Editor/Editor.module.scss +115 -220
  374. package/src/components/EmptyState/EmptyState.module.scss +38 -85
  375. package/src/components/Field/Field.contract.json +2 -1
  376. package/src/components/Field/Field.module.scss +9 -11
  377. package/src/components/Field/index.tsx +27 -1
  378. package/src/components/Fieldset/Fieldset.module.scss +14 -6
  379. package/src/components/Form/Form.contract.json +10 -23
  380. package/src/components/Form/Form.module.scss +9 -4
  381. package/src/components/Form/index.tsx +22 -7
  382. package/src/components/Grid/Grid.module.scss +159 -63
  383. package/src/components/Grid/index.tsx +107 -126
  384. package/src/components/Header/Header.module.scss +25 -32
  385. package/src/components/Header/index.tsx +2 -1
  386. package/src/components/Icon/Icon.module.scss +16 -0
  387. package/src/components/Icon/index.tsx +74 -86
  388. package/src/components/IconButton/IconButton.module.scss +11 -21
  389. package/src/components/Input/Input.module.scss +67 -55
  390. package/src/components/Input/index.tsx +1 -2
  391. package/src/components/Link/Link.module.scss +8 -9
  392. package/src/components/List/List.module.scss +16 -21
  393. package/src/components/List/index.tsx +4 -10
  394. package/src/components/Listbox/Listbox.module.scss +26 -54
  395. package/src/components/Loading/Loading.module.scss +23 -33
  396. package/src/components/Loading/index.tsx +68 -97
  397. package/src/components/Main/Main.module.scss +3 -5
  398. package/src/components/Markdown/Markdown.module.scss +36 -184
  399. package/src/components/Markdown/index.tsx +2 -2
  400. package/src/components/Menu/Menu.module.scss +48 -133
  401. package/src/components/Menu/index.tsx +57 -89
  402. package/src/components/Message/Message.module.scss +52 -142
  403. package/src/components/Message/index.tsx +16 -6
  404. package/src/components/NavigationMenu/NavigationMenu.module.scss +59 -52
  405. package/src/components/Pagination/Pagination.module.scss +32 -25
  406. package/src/components/Pagination/index.tsx +7 -2
  407. package/src/components/Popover/Popover.module.scss +37 -73
  408. package/src/components/Progress/Progress.module.scss +61 -41
  409. package/src/components/Progress/geometry.ts +41 -0
  410. package/src/components/Progress/index.tsx +44 -30
  411. package/src/components/Prompt/Prompt.module.scss +45 -82
  412. package/src/components/Prompt/index.tsx +6 -5
  413. package/src/components/RadioGroup/RadioGroup.module.scss +50 -69
  414. package/src/components/RadioGroup/index.tsx +7 -9
  415. package/src/components/ScrollArea/ScrollArea.contract.json +8 -24
  416. package/src/components/ScrollArea/ScrollArea.module.scss +122 -96
  417. package/src/components/ScrollArea/index.tsx +78 -60
  418. package/src/components/ScrollArea/scroll-state.ts +87 -0
  419. package/src/components/Select/Select.module.scss +53 -41
  420. package/src/components/Select/index.tsx +6 -2
  421. package/src/components/Separator/Separator.module.scss +29 -19
  422. package/src/components/Separator/index.tsx +55 -51
  423. package/src/components/Sidebar/Sidebar.contract.json +12 -0
  424. package/src/components/Sidebar/Sidebar.module.scss +101 -99
  425. package/src/components/Sidebar/index.tsx +10 -3
  426. package/src/components/Skeleton/Skeleton.module.scss +26 -26
  427. package/src/components/Skeleton/index.tsx +65 -72
  428. package/src/components/Slider/Slider.module.scss +31 -25
  429. package/src/components/Stack/Stack.module.scss +101 -30
  430. package/src/components/Stack/index.tsx +157 -127
  431. package/src/components/{Toggle/Toggle.contract.json → Switch/Switch.contract.json} +1 -1
  432. package/src/components/{Toggle/Toggle.module.scss → Switch/Switch.module.scss} +55 -82
  433. package/src/components/{Toggle → Switch}/index.tsx +5 -21
  434. package/src/components/Table/Table.module.scss +38 -129
  435. package/src/components/Table/index.tsx +13 -6
  436. package/src/components/TableOfContents/TableOfContents.module.scss +20 -177
  437. package/src/components/Tabs/Tabs.module.scss +27 -22
  438. package/src/components/Tabs/index.tsx +2 -2
  439. package/src/components/Text/Text.module.scss +22 -3
  440. package/src/components/Text/index.tsx +56 -21
  441. package/src/components/Textarea/Textarea.module.scss +59 -39
  442. package/src/components/Textarea/index.tsx +5 -12
  443. package/src/components/Theme/context.ts +42 -0
  444. package/src/components/Theme/index.tsx +14 -309
  445. package/src/components/ThemeToggle/ThemeToggle.module.scss +73 -0
  446. package/src/components/ThemeToggle/index.tsx +144 -0
  447. package/src/components/ThinkingIndicator/ThinkingIndicator.module.scss +24 -19
  448. package/src/components/ThinkingIndicator/index.tsx +44 -54
  449. package/src/components/Toast/Toast.contract.json +5 -21
  450. package/src/components/Toast/Toast.module.scss +61 -138
  451. package/src/components/Toggle/index.ts +7 -0
  452. package/src/components/ToggleGroup/ToggleGroup.contract.json +12 -39
  453. package/src/components/ToggleGroup/ToggleGroup.module.scss +132 -88
  454. package/src/components/ToggleGroup/index.tsx +5 -3
  455. package/src/components/Tooltip/Tooltip.module.scss +23 -39
  456. package/src/components/VisuallyHidden/VisuallyHidden.module.scss +3 -0
  457. package/src/index.ts +2 -1
  458. package/src/measurements/MeasurementTargets.module.scss +229 -0
  459. package/src/measurements/generated.ts +317 -0
  460. package/src/measurements/index.ts +8 -0
  461. package/src/measurements/measurements.json +361 -0
  462. package/src/recipes/_action.scss +138 -0
  463. package/src/recipes/_boolean-range.scss +124 -0
  464. package/src/recipes/_feedback.scss +171 -0
  465. package/src/recipes/_field.scss +98 -0
  466. package/src/recipes/_layout.scss +67 -0
  467. package/src/recipes/_navigation.scss +110 -0
  468. package/src/recipes/_overlay.scss +191 -0
  469. package/src/recipes/_popup.scss +92 -0
  470. package/src/recipes/_prose.scss +174 -0
  471. package/src/recipes/_representation.scss +193 -0
  472. package/src/recipes/_segmented.scss +26 -0
  473. package/src/recipes/_surface.scss +13 -0
  474. package/src/recipes/_table-chrome.scss +105 -0
  475. package/src/recipes/_target.scss +31 -0
  476. package/src/recipes/_typography.scss +38 -0
  477. package/src/recipes/popup.ts +12 -0
  478. package/src/recipes/table-chrome.ts +30 -0
  479. package/src/styles/globals.scss +2 -2
  480. package/src/tokens/_component-properties.scss +2 -2
  481. package/src/tokens/_computed.scss +9 -9
  482. package/src/tokens/_density.scss +41 -132
  483. package/src/tokens/_measurements.catalog.generated.css +91 -0
  484. package/src/tokens/_measurements.generated.scss +604 -0
  485. package/src/tokens/_mixins.scss +0 -276
  486. package/src/tokens/_property-registrations.scss +96 -92
  487. package/src/tokens/_radius.scss +16 -70
  488. package/src/tokens/_seeds.scss +8 -7
  489. package/src/tokens/_variables.scss +163 -148
  490. package/src/utils/layout-spacing.ts +31 -0
  491. package/src/utils/seed-derivation.ts +134 -172
  492. package/src/utils/theme-presets.ts +58 -30
  493. package/dist/components/Theme/ThemeToggle.module.scss.js +0 -23
  494. package/dist/components/Toggle/Toggle.module.scss.cjs +0 -44
  495. package/dist/components/Toggle/Toggle.module.scss.js +0 -44
  496. package/src/components/Switch/index.ts +0 -3
  497. package/src/components/Theme/ThemeToggle.module.scss +0 -91
@@ -1,16 +1,18 @@
1
- const separator = "_separator_4fkwq_1";
2
- const horizontal = "_horizontal_4fkwq_6";
3
- const vertical = "_vertical_4fkwq_11";
4
- const withLabel = "_withLabel_4fkwq_17";
5
- const label = "_label_4fkwq_30";
6
- const spacingNone = "_spacingNone_4fkwq_40";
7
- const spacingSm = "_spacingSm_4fkwq_44";
8
- const spacingMd = "_spacingMd_4fkwq_51";
9
- const spacingLg = "_spacingLg_4fkwq_58";
10
- const soft = "_soft_4fkwq_65";
1
+ const separator = "_separator_1g93x_1";
2
+ const horizontal = "_horizontal_1g93x_6";
3
+ const line = "_line_1g93x_9";
4
+ const vertical = "_vertical_1g93x_16";
5
+ const withLabel = "_withLabel_1g93x_27";
6
+ const label = "_label_1g93x_40";
7
+ const spacingNone = "_spacingNone_1g93x_51";
8
+ const spacingSm = "_spacingSm_1g93x_55";
9
+ const spacingMd = "_spacingMd_1g93x_62";
10
+ const spacingLg = "_spacingLg_1g93x_69";
11
+ const soft = "_soft_1g93x_76";
11
12
  const styles = {
12
13
  separator,
13
14
  horizontal,
15
+ line,
14
16
  vertical,
15
17
  withLabel,
16
18
  label,
@@ -24,6 +26,7 @@ export {
24
26
  styles as default,
25
27
  horizontal,
26
28
  label,
29
+ line,
27
30
  separator,
28
31
  soft,
29
32
  spacingLg,
@@ -28,56 +28,55 @@ const spacingClasses = {
28
28
  md: Separator_module.default.spacingMd,
29
29
  lg: Separator_module.default.spacingLg
30
30
  };
31
- const SeparatorRoot = React__namespace.forwardRef(
32
- function Separator2({
33
- orientation = "horizontal",
34
- spacing = "none",
35
- soft = false,
36
- label,
37
- className,
38
- style,
39
- ...htmlProps
40
- }, ref) {
41
- if (label && orientation === "horizontal") {
42
- const classes2 = [
43
- Separator_module.default.separator,
44
- Separator_module.default.withLabel,
45
- spacingClasses[spacing],
46
- soft && Separator_module.default.soft,
47
- className
48
- ].filter(Boolean).join(" ");
49
- return /* @__PURE__ */ jsxRuntime.jsx(
50
- "div",
51
- {
52
- ref,
53
- role: "separator",
54
- "aria-orientation": "horizontal",
55
- className: classes2,
56
- style,
57
- ...htmlProps,
58
- children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: Separator_module.default.label, children: label })
59
- }
60
- );
61
- }
62
- const classes = [
31
+ const SeparatorRoot = React__namespace.forwardRef(function Separator2({
32
+ orientation = "horizontal",
33
+ spacing = "none",
34
+ soft = false,
35
+ label,
36
+ className,
37
+ style,
38
+ ...htmlProps
39
+ }, ref) {
40
+ if (label && orientation === "horizontal") {
41
+ const classes2 = [
63
42
  Separator_module.default.separator,
64
- orientation === "horizontal" ? Separator_module.default.horizontal : Separator_module.default.vertical,
43
+ Separator_module.default.withLabel,
65
44
  spacingClasses[spacing],
66
45
  soft && Separator_module.default.soft,
67
46
  className
68
47
  ].filter(Boolean).join(" ");
69
48
  return /* @__PURE__ */ jsxRuntime.jsx(
70
- separator.Separator,
49
+ "div",
71
50
  {
72
51
  ref,
73
- orientation,
74
- className: classes,
52
+ role: "separator",
53
+ "aria-orientation": "horizontal",
54
+ className: classes2,
75
55
  style,
76
- ...htmlProps
56
+ ...htmlProps,
57
+ children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: Separator_module.default.label, children: label })
77
58
  }
78
59
  );
79
60
  }
80
- );
61
+ const classes = [
62
+ Separator_module.default.separator,
63
+ orientation === "horizontal" ? Separator_module.default.horizontal : Separator_module.default.vertical,
64
+ spacingClasses[spacing],
65
+ soft && Separator_module.default.soft,
66
+ className
67
+ ].filter(Boolean).join(" ");
68
+ return /* @__PURE__ */ jsxRuntime.jsx(
69
+ separator.Separator,
70
+ {
71
+ ref,
72
+ orientation,
73
+ className: classes,
74
+ style,
75
+ ...htmlProps,
76
+ children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: Separator_module.default.line, "aria-hidden": "true" })
77
+ }
78
+ );
79
+ });
81
80
  const Separator = Object.assign(SeparatorRoot, {
82
81
  Root: SeparatorRoot
83
82
  });
@@ -1,9 +1,9 @@
1
- import * as React from 'react';
2
- export interface SeparatorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
1
+ import * as React from "react";
2
+ export interface SeparatorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
3
3
  /** Orientation of the separator */
4
- orientation?: 'horizontal' | 'vertical';
4
+ orientation?: "horizontal" | "vertical";
5
5
  /** Spacing around the separator */
6
- spacing?: 'none' | 'sm' | 'md' | 'lg';
6
+ spacing?: "none" | "sm" | "md" | "lg";
7
7
  /** Softer visual appearance */
8
8
  soft?: boolean;
9
9
  /** Optional label text (creates a labeled divider) */
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5F,mCAAmC;IACnC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,+BAA+B;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA2ED,eAAO,MAAM,SAAS;;CAEpB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Separator/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5F,mCAAmC;IACnC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,+BAA+B;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA+ED,eAAO,MAAM,SAAS;;CAEpB,CAAC"}
@@ -9,56 +9,55 @@ const spacingClasses = {
9
9
  md: styles.spacingMd,
10
10
  lg: styles.spacingLg
11
11
  };
12
- const SeparatorRoot = React.forwardRef(
13
- function Separator2({
14
- orientation = "horizontal",
15
- spacing = "none",
16
- soft = false,
17
- label,
18
- className,
19
- style,
20
- ...htmlProps
21
- }, ref) {
22
- if (label && orientation === "horizontal") {
23
- const classes2 = [
24
- styles.separator,
25
- styles.withLabel,
26
- spacingClasses[spacing],
27
- soft && styles.soft,
28
- className
29
- ].filter(Boolean).join(" ");
30
- return /* @__PURE__ */ jsx(
31
- "div",
32
- {
33
- ref,
34
- role: "separator",
35
- "aria-orientation": "horizontal",
36
- className: classes2,
37
- style,
38
- ...htmlProps,
39
- children: /* @__PURE__ */ jsx("span", { className: styles.label, children: label })
40
- }
41
- );
42
- }
43
- const classes = [
12
+ const SeparatorRoot = React.forwardRef(function Separator2({
13
+ orientation = "horizontal",
14
+ spacing = "none",
15
+ soft = false,
16
+ label,
17
+ className,
18
+ style,
19
+ ...htmlProps
20
+ }, ref) {
21
+ if (label && orientation === "horizontal") {
22
+ const classes2 = [
44
23
  styles.separator,
45
- orientation === "horizontal" ? styles.horizontal : styles.vertical,
24
+ styles.withLabel,
46
25
  spacingClasses[spacing],
47
26
  soft && styles.soft,
48
27
  className
49
28
  ].filter(Boolean).join(" ");
50
29
  return /* @__PURE__ */ jsx(
51
- Separator$1,
30
+ "div",
52
31
  {
53
32
  ref,
54
- orientation,
55
- className: classes,
33
+ role: "separator",
34
+ "aria-orientation": "horizontal",
35
+ className: classes2,
56
36
  style,
57
- ...htmlProps
37
+ ...htmlProps,
38
+ children: /* @__PURE__ */ jsx("span", { className: styles.label, children: label })
58
39
  }
59
40
  );
60
41
  }
61
- );
42
+ const classes = [
43
+ styles.separator,
44
+ orientation === "horizontal" ? styles.horizontal : styles.vertical,
45
+ spacingClasses[spacing],
46
+ soft && styles.soft,
47
+ className
48
+ ].filter(Boolean).join(" ");
49
+ return /* @__PURE__ */ jsx(
50
+ Separator$1,
51
+ {
52
+ ref,
53
+ orientation,
54
+ className: classes,
55
+ style,
56
+ ...htmlProps,
57
+ children: /* @__PURE__ */ jsx("span", { className: styles.line, "aria-hidden": "true" })
58
+ }
59
+ );
60
+ });
62
61
  const Separator = Object.assign(SeparatorRoot, {
63
62
  Root: SeparatorRoot
64
63
  });
@@ -1,48 +1,48 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const root = "_root_1sl88_1";
4
- const mobile = "_mobile_1sl88_34";
5
- const positionRight = "_positionRight_1sl88_40";
6
- const collapsed = "_collapsed_1sl88_45";
7
- const header = "_header_1sl88_48";
8
- const nav = "_nav_1sl88_49";
9
- const footer = "_footer_1sl88_50";
10
- const sectionLabel = "_sectionLabel_1sl88_57";
11
- const itemLabel = "_itemLabel_1sl88_68";
12
- const itemBadge = "_itemBadge_1sl88_69";
13
- const itemChevron = "_itemChevron_1sl88_70";
14
- const item = "_item_1sl88_68";
15
- const itemIcon = "_itemIcon_1sl88_78";
16
- const collapseToggle = "_collapseToggle_1sl88_81";
17
- const collapsedNoIcons = "_collapsedNoIcons_1sl88_85";
18
- const offcanvasCollapsed = "_offcanvasCollapsed_1sl88_88";
19
- const collapseToggleFloating = "_collapseToggleFloating_1sl88_94";
20
- const rail = "_rail_1sl88_108";
21
- const navScrollArea = "_navScrollArea_1sl88_149";
22
- const section = "_section_1sl88_57";
23
- const sectionHeader = "_sectionHeader_1sl88_158";
24
- const sectionTrigger = "_sectionTrigger_1sl88_166";
25
- const sectionActionWrapper = "_sectionActionWrapper_1sl88_188";
26
- const sectionAction = "_sectionAction_1sl88_188";
27
- const sectionList = "_sectionList_1sl88_234";
28
- const submenu = "_submenu_1sl88_235";
29
- const sectionCollapsible = "_sectionCollapsible_1sl88_244";
30
- const itemWrapper = "_itemWrapper_1sl88_270";
31
- const subItemWrapper = "_subItemWrapper_1sl88_271";
32
- const submenuWrapper = "_submenuWrapper_1sl88_272";
33
- const itemDisabled = "_itemDisabled_1sl88_327";
34
- const itemActive = "_itemActive_1sl88_336";
35
- const subItemDisabled = "_subItemDisabled_1sl88_363";
36
- const itemMultiline = "_itemMultiline_1sl88_397";
37
- const itemExpanded = "_itemExpanded_1sl88_424";
38
- const subItem = "_subItem_1sl88_271";
39
- const subItemActive = "_subItemActive_1sl88_501";
40
- const trigger = "_trigger_1sl88_519";
41
- const overlay = "_overlay_1sl88_560";
42
- const railCollapsed = "_railCollapsed_1sl88_680";
43
- const menuSkeleton = "_menuSkeleton_1sl88_684";
44
- const skeletonItem = "_skeletonItem_1sl88_691";
45
- const skeletonLabel = "_skeletonLabel_1sl88_699";
3
+ const root = "_root_1cdtb_1";
4
+ const mobile = "_mobile_1cdtb_52";
5
+ const positionRight = "_positionRight_1cdtb_58";
6
+ const collapsed = "_collapsed_1cdtb_63";
7
+ const header = "_header_1cdtb_66";
8
+ const nav = "_nav_1cdtb_67";
9
+ const footer = "_footer_1cdtb_68";
10
+ const sectionLabel = "_sectionLabel_1cdtb_75";
11
+ const itemLabel = "_itemLabel_1cdtb_86";
12
+ const itemBadge = "_itemBadge_1cdtb_87";
13
+ const itemChevron = "_itemChevron_1cdtb_88";
14
+ const item = "_item_1cdtb_86";
15
+ const itemIcon = "_itemIcon_1cdtb_96";
16
+ const collapseToggle = "_collapseToggle_1cdtb_99";
17
+ const collapsedNoIcons = "_collapsedNoIcons_1cdtb_103";
18
+ const offcanvasCollapsed = "_offcanvasCollapsed_1cdtb_106";
19
+ const collapseToggleFloating = "_collapseToggleFloating_1cdtb_112";
20
+ const rail = "_rail_1cdtb_126";
21
+ const navScrollArea = "_navScrollArea_1cdtb_167";
22
+ const section = "_section_1cdtb_75";
23
+ const sectionHeader = "_sectionHeader_1cdtb_176";
24
+ const sectionTrigger = "_sectionTrigger_1cdtb_206";
25
+ const sectionActionWrapper = "_sectionActionWrapper_1cdtb_217";
26
+ const sectionAction = "_sectionAction_1cdtb_217";
27
+ const sectionList = "_sectionList_1cdtb_299";
28
+ const submenu = "_submenu_1cdtb_300";
29
+ const sectionCollapsible = "_sectionCollapsible_1cdtb_309";
30
+ const itemWrapper = "_itemWrapper_1cdtb_357";
31
+ const subItemWrapper = "_subItemWrapper_1cdtb_358";
32
+ const submenuWrapper = "_submenuWrapper_1cdtb_359";
33
+ const itemDisabled = "_itemDisabled_1cdtb_428";
34
+ const itemActive = "_itemActive_1cdtb_437";
35
+ const subItemDisabled = "_subItemDisabled_1cdtb_522";
36
+ const itemMultiline = "_itemMultiline_1cdtb_578";
37
+ const itemExpanded = "_itemExpanded_1cdtb_605";
38
+ const subItem = "_subItem_1cdtb_358";
39
+ const subItemActive = "_subItemActive_1cdtb_702";
40
+ const trigger = "_trigger_1cdtb_720";
41
+ const overlay = "_overlay_1cdtb_785";
42
+ const railCollapsed = "_railCollapsed_1cdtb_929";
43
+ const menuSkeleton = "_menuSkeleton_1cdtb_933";
44
+ const skeletonItem = "_skeletonItem_1cdtb_940";
45
+ const skeletonLabel = "_skeletonLabel_1cdtb_969";
46
46
  const styles = {
47
47
  root,
48
48
  mobile,
@@ -1,46 +1,46 @@
1
- const root = "_root_1sl88_1";
2
- const mobile = "_mobile_1sl88_34";
3
- const positionRight = "_positionRight_1sl88_40";
4
- const collapsed = "_collapsed_1sl88_45";
5
- const header = "_header_1sl88_48";
6
- const nav = "_nav_1sl88_49";
7
- const footer = "_footer_1sl88_50";
8
- const sectionLabel = "_sectionLabel_1sl88_57";
9
- const itemLabel = "_itemLabel_1sl88_68";
10
- const itemBadge = "_itemBadge_1sl88_69";
11
- const itemChevron = "_itemChevron_1sl88_70";
12
- const item = "_item_1sl88_68";
13
- const itemIcon = "_itemIcon_1sl88_78";
14
- const collapseToggle = "_collapseToggle_1sl88_81";
15
- const collapsedNoIcons = "_collapsedNoIcons_1sl88_85";
16
- const offcanvasCollapsed = "_offcanvasCollapsed_1sl88_88";
17
- const collapseToggleFloating = "_collapseToggleFloating_1sl88_94";
18
- const rail = "_rail_1sl88_108";
19
- const navScrollArea = "_navScrollArea_1sl88_149";
20
- const section = "_section_1sl88_57";
21
- const sectionHeader = "_sectionHeader_1sl88_158";
22
- const sectionTrigger = "_sectionTrigger_1sl88_166";
23
- const sectionActionWrapper = "_sectionActionWrapper_1sl88_188";
24
- const sectionAction = "_sectionAction_1sl88_188";
25
- const sectionList = "_sectionList_1sl88_234";
26
- const submenu = "_submenu_1sl88_235";
27
- const sectionCollapsible = "_sectionCollapsible_1sl88_244";
28
- const itemWrapper = "_itemWrapper_1sl88_270";
29
- const subItemWrapper = "_subItemWrapper_1sl88_271";
30
- const submenuWrapper = "_submenuWrapper_1sl88_272";
31
- const itemDisabled = "_itemDisabled_1sl88_327";
32
- const itemActive = "_itemActive_1sl88_336";
33
- const subItemDisabled = "_subItemDisabled_1sl88_363";
34
- const itemMultiline = "_itemMultiline_1sl88_397";
35
- const itemExpanded = "_itemExpanded_1sl88_424";
36
- const subItem = "_subItem_1sl88_271";
37
- const subItemActive = "_subItemActive_1sl88_501";
38
- const trigger = "_trigger_1sl88_519";
39
- const overlay = "_overlay_1sl88_560";
40
- const railCollapsed = "_railCollapsed_1sl88_680";
41
- const menuSkeleton = "_menuSkeleton_1sl88_684";
42
- const skeletonItem = "_skeletonItem_1sl88_691";
43
- const skeletonLabel = "_skeletonLabel_1sl88_699";
1
+ const root = "_root_1cdtb_1";
2
+ const mobile = "_mobile_1cdtb_52";
3
+ const positionRight = "_positionRight_1cdtb_58";
4
+ const collapsed = "_collapsed_1cdtb_63";
5
+ const header = "_header_1cdtb_66";
6
+ const nav = "_nav_1cdtb_67";
7
+ const footer = "_footer_1cdtb_68";
8
+ const sectionLabel = "_sectionLabel_1cdtb_75";
9
+ const itemLabel = "_itemLabel_1cdtb_86";
10
+ const itemBadge = "_itemBadge_1cdtb_87";
11
+ const itemChevron = "_itemChevron_1cdtb_88";
12
+ const item = "_item_1cdtb_86";
13
+ const itemIcon = "_itemIcon_1cdtb_96";
14
+ const collapseToggle = "_collapseToggle_1cdtb_99";
15
+ const collapsedNoIcons = "_collapsedNoIcons_1cdtb_103";
16
+ const offcanvasCollapsed = "_offcanvasCollapsed_1cdtb_106";
17
+ const collapseToggleFloating = "_collapseToggleFloating_1cdtb_112";
18
+ const rail = "_rail_1cdtb_126";
19
+ const navScrollArea = "_navScrollArea_1cdtb_167";
20
+ const section = "_section_1cdtb_75";
21
+ const sectionHeader = "_sectionHeader_1cdtb_176";
22
+ const sectionTrigger = "_sectionTrigger_1cdtb_206";
23
+ const sectionActionWrapper = "_sectionActionWrapper_1cdtb_217";
24
+ const sectionAction = "_sectionAction_1cdtb_217";
25
+ const sectionList = "_sectionList_1cdtb_299";
26
+ const submenu = "_submenu_1cdtb_300";
27
+ const sectionCollapsible = "_sectionCollapsible_1cdtb_309";
28
+ const itemWrapper = "_itemWrapper_1cdtb_357";
29
+ const subItemWrapper = "_subItemWrapper_1cdtb_358";
30
+ const submenuWrapper = "_submenuWrapper_1cdtb_359";
31
+ const itemDisabled = "_itemDisabled_1cdtb_428";
32
+ const itemActive = "_itemActive_1cdtb_437";
33
+ const subItemDisabled = "_subItemDisabled_1cdtb_522";
34
+ const itemMultiline = "_itemMultiline_1cdtb_578";
35
+ const itemExpanded = "_itemExpanded_1cdtb_605";
36
+ const subItem = "_subItem_1cdtb_358";
37
+ const subItemActive = "_subItemActive_1cdtb_702";
38
+ const trigger = "_trigger_1cdtb_720";
39
+ const overlay = "_overlay_1cdtb_785";
40
+ const railCollapsed = "_railCollapsed_1cdtb_929";
41
+ const menuSkeleton = "_menuSkeleton_1cdtb_933";
42
+ const skeletonItem = "_skeletonItem_1cdtb_940";
43
+ const skeletonLabel = "_skeletonLabel_1cdtb_969";
44
44
  const styles = {
45
45
  root,
46
46
  mobile,
@@ -117,7 +117,7 @@ function useSidebar() {
117
117
  isMobile: false,
118
118
  position: "left",
119
119
  width: "240px",
120
- collapsedWidth: "56px",
120
+ collapsedWidth: "var(--fui-navigation-sidebar-collapsed-width, 56px)",
121
121
  collapsible: "icon",
122
122
  hasIcons: true,
123
123
  toggleSidebar: () => {
@@ -194,7 +194,7 @@ function SidebarProvider({
194
194
  defaultOpen = false,
195
195
  onOpenChange,
196
196
  width = "240px",
197
- collapsedWidth = "56px",
197
+ collapsedWidth = "var(--fui-navigation-sidebar-collapsed-width, 56px)",
198
198
  position = "left",
199
199
  collapsible = "icon",
200
200
  enableKeyboardShortcut = true
@@ -270,9 +270,10 @@ function SidebarRoot({
270
270
  defaultOpen = false,
271
271
  onOpenChange,
272
272
  width = "240px",
273
- collapsedWidth = "56px",
273
+ collapsedWidth = "var(--fui-navigation-sidebar-collapsed-width, 56px)",
274
274
  position = "left",
275
275
  collapsible = "icon",
276
+ activeIndicator = "start",
276
277
  className,
277
278
  style: styleProp,
278
279
  "aria-label": ariaLabel,
@@ -385,6 +386,7 @@ function SidebarRoot({
385
386
  "data-state": isMobile ? open ? "open" : "closed" : collapsed ? "collapsed" : "expanded",
386
387
  "data-position": resolvedPosition,
387
388
  "data-collapsible": resolvedCollapsible,
389
+ "data-active-indicator": activeIndicator,
388
390
  "data-icon-collapse": resolvedCollapsible === "icon" ? hasIcons ? "icons" : "none" : void 0,
389
391
  children
390
392
  }
@@ -48,6 +48,11 @@ export interface SidebarProps extends React.HTMLAttributes<HTMLElement> {
48
48
  position?: 'left' | 'right';
49
49
  /** Collapse behavior: 'icon' (default), 'offcanvas', or 'none' */
50
50
  collapsible?: SidebarCollapsible;
51
+ /**
52
+ * Where the active-item affordance paints. `start` is the default rail;
53
+ * `end` is a trailing status dot for product shells that prefer that language.
54
+ */
55
+ activeIndicator?: 'start' | 'end';
51
56
  }
52
57
  export interface SidebarHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
53
58
  children: React.ReactNode;
@@ -184,7 +189,7 @@ declare function useSidebarContext(): SidebarContextValue;
184
189
  * This enables external triggers and keyboard shortcuts.
185
190
  */
186
191
  declare function SidebarProvider({ children, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, open: controlledOpen, defaultOpen, onOpenChange, width, collapsedWidth, position, collapsible, enableKeyboardShortcut, }: SidebarProviderProps): import("react/jsx-runtime").JSX.Element;
187
- declare function SidebarRoot({ children, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, open: controlledOpen, defaultOpen, onOpenChange, width, collapsedWidth, position, collapsible, className, style: styleProp, 'aria-label': ariaLabel, ...htmlProps }: SidebarProps): import("react/jsx-runtime").JSX.Element;
192
+ declare function SidebarRoot({ children, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, open: controlledOpen, defaultOpen, onOpenChange, width, collapsedWidth, position, collapsible, activeIndicator, className, style: styleProp, 'aria-label': ariaLabel, ...htmlProps }: SidebarProps): import("react/jsx-runtime").JSX.Element;
188
193
  declare function SidebarHeader({ children, collapsedContent, className, ...htmlProps }: SidebarHeaderProps): import("react/jsx-runtime").JSX.Element;
189
194
  declare function SidebarNav({ children, 'aria-label': ariaLabel, className, ...htmlProps }: SidebarNavProps): import("react/jsx-runtime").JSX.Element;
190
195
  declare function SidebarSection({ children, label, action, collapsible: isCollapsibleProp, defaultOpen, className, ...htmlProps }: SidebarSectionProps): import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"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"}
@@ -98,7 +98,7 @@ function useSidebar() {
98
98
  isMobile: false,
99
99
  position: "left",
100
100
  width: "240px",
101
- collapsedWidth: "56px",
101
+ collapsedWidth: "var(--fui-navigation-sidebar-collapsed-width, 56px)",
102
102
  collapsible: "icon",
103
103
  hasIcons: true,
104
104
  toggleSidebar: () => {
@@ -175,7 +175,7 @@ function SidebarProvider({
175
175
  defaultOpen = false,
176
176
  onOpenChange,
177
177
  width = "240px",
178
- collapsedWidth = "56px",
178
+ collapsedWidth = "var(--fui-navigation-sidebar-collapsed-width, 56px)",
179
179
  position = "left",
180
180
  collapsible = "icon",
181
181
  enableKeyboardShortcut = true
@@ -251,9 +251,10 @@ function SidebarRoot({
251
251
  defaultOpen = false,
252
252
  onOpenChange,
253
253
  width = "240px",
254
- collapsedWidth = "56px",
254
+ collapsedWidth = "var(--fui-navigation-sidebar-collapsed-width, 56px)",
255
255
  position = "left",
256
256
  collapsible = "icon",
257
+ activeIndicator = "start",
257
258
  className,
258
259
  style: styleProp,
259
260
  "aria-label": ariaLabel,
@@ -366,6 +367,7 @@ function SidebarRoot({
366
367
  "data-state": isMobile ? open ? "open" : "closed" : collapsed ? "collapsed" : "expanded",
367
368
  "data-position": resolvedPosition,
368
369
  "data-collapsible": resolvedCollapsible,
370
+ "data-active-indicator": activeIndicator,
369
371
  "data-icon-collapse": resolvedCollapsible === "icon" ? hasIcons ? "icons" : "none" : void 0,
370
372
  children
371
373
  }