@recursica/adapter-mantine-v8 1.0.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 (362) hide show
  1. package/.storybook/commonArgTypes.ts +148 -0
  2. package/ARCHITECTURE.md +18 -0
  3. package/CHANGELOG.md +688 -0
  4. package/LICENSE +21 -0
  5. package/OVERSTYLING.md +56 -0
  6. package/README.md +70 -0
  7. package/SETUP.md +93 -0
  8. package/USAGE.md +57 -0
  9. package/dist/adapter-mantine-v8.cjs +12 -0
  10. package/dist/adapter-mantine-v8.cjs.map +1 -0
  11. package/dist/adapter-mantine-v8.css +1 -0
  12. package/dist/adapter-mantine-v8.js +5759 -0
  13. package/dist/adapter-mantine-v8.js.map +1 -0
  14. package/dist/index.d.ts +2095 -0
  15. package/dist/test.html +1 -0
  16. package/dist/vite.svg +1 -0
  17. package/docs/PHILOSOPHY.md +39 -0
  18. package/llms.txt +74 -0
  19. package/package.json +131 -0
  20. package/recursica_brand.json +2677 -0
  21. package/recursica_tokens.json +799 -0
  22. package/recursica_ui-kit.json +14981 -0
  23. package/recursica_variables_scoped.css +30489 -0
  24. package/src/GlobalExemptions.modules.css +7 -0
  25. package/src/Introduction.stories.tsx +154 -0
  26. package/src/OverStyling.tsx +79 -0
  27. package/src/Version.tsx +44 -0
  28. package/src/components/Accordion/ACCORDION_IMPLEMENTATION_NOTES.md +72 -0
  29. package/src/components/Accordion/Accordion.module.css +367 -0
  30. package/src/components/Accordion/Accordion.stories.tsx +189 -0
  31. package/src/components/Accordion/Accordion.test.tsx +1 -0
  32. package/src/components/Accordion/Accordion.tsx +220 -0
  33. package/src/components/Accordion/USAGE.md +51 -0
  34. package/src/components/Accordion/index.ts +1 -0
  35. package/src/components/AssistiveElement/ASSISTIVEELEMENT_IMPLEMENTATION_NOTES.md +45 -0
  36. package/src/components/AssistiveElement/AssistiveElement.module.css +111 -0
  37. package/src/components/AssistiveElement/AssistiveElement.stories.tsx +68 -0
  38. package/src/components/AssistiveElement/AssistiveElement.test.tsx +1 -0
  39. package/src/components/AssistiveElement/AssistiveElement.tsx +93 -0
  40. package/src/components/AssistiveElement/USAGE.md +36 -0
  41. package/src/components/AutoComplete/AUTOCOMPLETE_IMPLEMENTATION_NOTES.md +42 -0
  42. package/src/components/AutoComplete/AutoComplete.module.css +430 -0
  43. package/src/components/AutoComplete/AutoComplete.stories.tsx +336 -0
  44. package/src/components/AutoComplete/AutoComplete.test.tsx +1 -0
  45. package/src/components/AutoComplete/AutoComplete.tsx +179 -0
  46. package/src/components/AutoComplete/USAGE.md +80 -0
  47. package/src/components/Avatar/AVATAR_IMPLEMENTATION_NOTES.md +34 -0
  48. package/src/components/Avatar/Avatar.module.css +336 -0
  49. package/src/components/Avatar/Avatar.stories.tsx +92 -0
  50. package/src/components/Avatar/Avatar.test.tsx +1 -0
  51. package/src/components/Avatar/Avatar.tsx +108 -0
  52. package/src/components/Avatar/USAGE.md +38 -0
  53. package/src/components/Avatar/index.ts +1 -0
  54. package/src/components/Badge/BADGE_IMPLEMENTATION_NOTES.md +18 -0
  55. package/src/components/Badge/Badge.module.css +127 -0
  56. package/src/components/Badge/Badge.stories.tsx +78 -0
  57. package/src/components/Badge/Badge.test.tsx +1 -0
  58. package/src/components/Badge/Badge.tsx +64 -0
  59. package/src/components/Badge/USAGE.md +56 -0
  60. package/src/components/Breadcrumb/BREADCRUMB_IMPLEMENTATION_NOTES.md +47 -0
  61. package/src/components/Breadcrumb/Breadcrumb.module.css +48 -0
  62. package/src/components/Breadcrumb/Breadcrumb.stories.tsx +114 -0
  63. package/src/components/Breadcrumb/Breadcrumb.test.tsx +1 -0
  64. package/src/components/Breadcrumb/Breadcrumb.tsx +85 -0
  65. package/src/components/Breadcrumb/USAGE.md +55 -0
  66. package/src/components/Breadcrumb/markCurrentPageItem.test.ts +49 -0
  67. package/src/components/Button/Button.module.css +446 -0
  68. package/src/components/Button/Button.stories.tsx +196 -0
  69. package/src/components/Button/Button.styleIsolation.dom.test.tsx +98 -0
  70. package/src/components/Button/Button.tsx +184 -0
  71. package/src/components/Button/IMPLEMENTATION_NOTES.md +109 -0
  72. package/src/components/Button/USAGE.md +80 -0
  73. package/src/components/Button/index.ts +1 -0
  74. package/src/components/Card/CARD_IMPLEMENTATION_NOTES.md +17 -0
  75. package/src/components/Card/Card.module.css +119 -0
  76. package/src/components/Card/Card.stories.tsx +131 -0
  77. package/src/components/Card/Card.test.tsx +1 -0
  78. package/src/components/Card/Card.tsx +248 -0
  79. package/src/components/Card/USAGE.md +63 -0
  80. package/src/components/Checkbox/CHECKBOX_IMPLEMENTATION_NOTES.md +25 -0
  81. package/src/components/Checkbox/Checkbox.module.css +267 -0
  82. package/src/components/Checkbox/Checkbox.stories.tsx +97 -0
  83. package/src/components/Checkbox/Checkbox.test.tsx +1 -0
  84. package/src/components/Checkbox/Checkbox.tsx +151 -0
  85. package/src/components/Checkbox/CheckboxGroup.stories.tsx +139 -0
  86. package/src/components/Checkbox/CheckboxGroup.tsx +147 -0
  87. package/src/components/Checkbox/USAGE.md +48 -0
  88. package/src/components/Chip/CHIP_IMPLEMENTATION_NOTES.md +110 -0
  89. package/src/components/Chip/Chip.module.css +288 -0
  90. package/src/components/Chip/Chip.stories.tsx +128 -0
  91. package/src/components/Chip/Chip.test.tsx +1 -0
  92. package/src/components/Chip/Chip.tsx +157 -0
  93. package/src/components/Chip/USAGE.md +55 -0
  94. package/src/components/Container/CONTAINER_IMPLEMENTATION_NOTES.md +4 -0
  95. package/src/components/Container/Container.module.css +7 -0
  96. package/src/components/Container/Container.stories.tsx +118 -0
  97. package/src/components/Container/Container.test.tsx +1 -0
  98. package/src/components/Container/Container.tsx +69 -0
  99. package/src/components/Container/USAGE.md +47 -0
  100. package/src/components/DatePicker/DATEPICKER_IMPLEMENTATION_NOTES.md +31 -0
  101. package/src/components/DatePicker/DatePicker.icons.tsx +27 -0
  102. package/src/components/DatePicker/DatePicker.module.css +566 -0
  103. package/src/components/DatePicker/DatePicker.stories.tsx +158 -0
  104. package/src/components/DatePicker/DatePicker.test.tsx +1 -0
  105. package/src/components/DatePicker/DatePicker.tsx +218 -0
  106. package/src/components/DatePicker/USAGE.md +49 -0
  107. package/src/components/Dropdown/BareDropdown.tsx +97 -0
  108. package/src/components/Dropdown/DROPDOWN_IMPLEMENTATION_NOTES.md +12 -0
  109. package/src/components/Dropdown/Dropdown.module.css +477 -0
  110. package/src/components/Dropdown/Dropdown.stories.tsx +252 -0
  111. package/src/components/Dropdown/Dropdown.test.tsx +1 -0
  112. package/src/components/Dropdown/Dropdown.tsx +213 -0
  113. package/src/components/Dropdown/USAGE.md +69 -0
  114. package/src/components/FileInput/FILEINPUT_IMPLEMENTATION_NOTES.md +153 -0
  115. package/src/components/FileInput/FileInput.module.css +280 -0
  116. package/src/components/FileInput/FileInput.stories.tsx +313 -0
  117. package/src/components/FileInput/FileInput.test.tsx +1 -0
  118. package/src/components/FileInput/FileInput.tsx +417 -0
  119. package/src/components/FileInput/USAGE.md +145 -0
  120. package/src/components/FileUpload/FILEUPLOAD_IMPLEMENTATION_NOTES.md +244 -0
  121. package/src/components/FileUpload/FileUpload.module.css +205 -0
  122. package/src/components/FileUpload/FileUpload.stories.tsx +362 -0
  123. package/src/components/FileUpload/FileUpload.test.tsx +1 -0
  124. package/src/components/FileUpload/FileUpload.tsx +354 -0
  125. package/src/components/FileUpload/USAGE.md +199 -0
  126. package/src/components/Flex/FLEX_IMPLEMENTATION_NOTES.md +4 -0
  127. package/src/components/Flex/Flex.module.css +7 -0
  128. package/src/components/Flex/Flex.stories.tsx +128 -0
  129. package/src/components/Flex/Flex.test.tsx +1 -0
  130. package/src/components/Flex/Flex.tsx +75 -0
  131. package/src/components/Flex/USAGE.md +48 -0
  132. package/src/components/FormControlLayout/FormControlLayout.module.css +90 -0
  133. package/src/components/FormControlLayout/FormControlLayout.stories.tsx +118 -0
  134. package/src/components/FormControlLayout/FormControlLayout.test.tsx +1 -0
  135. package/src/components/FormControlLayout/FormControlLayout.tsx +74 -0
  136. package/src/components/FormControlLayout/USAGE.md +40 -0
  137. package/src/components/FormControlWrapper/FORMCONTROLWRAPPER_IMPLEMENTATION_NOTES.md +32 -0
  138. package/src/components/FormControlWrapper/FormControlWrapper.module.css +75 -0
  139. package/src/components/FormControlWrapper/FormControlWrapper.stories.tsx +129 -0
  140. package/src/components/FormControlWrapper/FormControlWrapper.test.tsx +1 -0
  141. package/src/components/FormControlWrapper/FormControlWrapper.tsx +151 -0
  142. package/src/components/FormControlWrapper/USAGE.md +47 -0
  143. package/src/components/Grid/GRID_IMPLEMENTATION_NOTES.md +18 -0
  144. package/src/components/Grid/Grid.module.css +11 -0
  145. package/src/components/Grid/Grid.stories.tsx +206 -0
  146. package/src/components/Grid/Grid.test.tsx +1 -0
  147. package/src/components/Grid/Grid.tsx +140 -0
  148. package/src/components/Grid/USAGE.md +47 -0
  149. package/src/components/Group/GROUP_IMPLEMENTATION_NOTES.md +4 -0
  150. package/src/components/Group/Group.module.css +7 -0
  151. package/src/components/Group/Group.stories.tsx +120 -0
  152. package/src/components/Group/Group.test.tsx +1 -0
  153. package/src/components/Group/Group.tsx +60 -0
  154. package/src/components/Group/USAGE.md +48 -0
  155. package/src/components/Heading/HEADING_IMPLEMENTATION_NOTES.md +18 -0
  156. package/src/components/Heading/Heading.module.css +13 -0
  157. package/src/components/Heading/Heading.stories.tsx +50 -0
  158. package/src/components/Heading/Heading.test.tsx +1 -0
  159. package/src/components/Heading/Heading.tsx +52 -0
  160. package/src/components/Heading/USAGE.md +36 -0
  161. package/src/components/HoverCard/HOVERCARD_IMPLEMENTATION_NOTES.md +77 -0
  162. package/src/components/HoverCard/HoverCard.module.css +90 -0
  163. package/src/components/HoverCard/HoverCard.stories.tsx +172 -0
  164. package/src/components/HoverCard/HoverCard.test.tsx +1 -0
  165. package/src/components/HoverCard/HoverCard.tsx +133 -0
  166. package/src/components/HoverCard/USAGE.md +52 -0
  167. package/src/components/Label/LABEL_IMPLEMENTATION_NOTES.md +48 -0
  168. package/src/components/Label/Label.module.css +141 -0
  169. package/src/components/Label/Label.stories.tsx +131 -0
  170. package/src/components/Label/Label.test.tsx +1 -0
  171. package/src/components/Label/Label.tsx +113 -0
  172. package/src/components/Label/USAGE.md +47 -0
  173. package/src/components/Label/index.ts +1 -0
  174. package/src/components/Layer/USAGE.md +54 -0
  175. package/src/components/Link/IMPLEMENTATION_NOTES.md +19 -0
  176. package/src/components/Link/Link.module.css +110 -0
  177. package/src/components/Link/Link.stories.tsx +58 -0
  178. package/src/components/Link/Link.test.tsx +1 -0
  179. package/src/components/Link/Link.tsx +67 -0
  180. package/src/components/Link/USAGE.md +56 -0
  181. package/src/components/Link/index.ts +1 -0
  182. package/src/components/Loader/LOADER_IMPLEMENTATION_NOTES.md +24 -0
  183. package/src/components/Loader/Loader.animate.dom.test.tsx +82 -0
  184. package/src/components/Loader/Loader.module.css +63 -0
  185. package/src/components/Loader/Loader.stories.tsx +123 -0
  186. package/src/components/Loader/Loader.test.tsx +1 -0
  187. package/src/components/Loader/Loader.tsx +69 -0
  188. package/src/components/Loader/USAGE.md +44 -0
  189. package/src/components/Menu/MENU_IMPLEMENTATION_NOTES.md +88 -0
  190. package/src/components/Menu/Menu.module.css +280 -0
  191. package/src/components/Menu/Menu.stories.tsx +371 -0
  192. package/src/components/Menu/Menu.test.tsx +1 -0
  193. package/src/components/Menu/Menu.tsx +373 -0
  194. package/src/components/Menu/USAGE.md +55 -0
  195. package/src/components/Modal/MODAL_IMPLEMENTATION_NOTES.md +32 -0
  196. package/src/components/Modal/Modal.module.css +302 -0
  197. package/src/components/Modal/Modal.stories.tsx +105 -0
  198. package/src/components/Modal/Modal.test.tsx +1 -0
  199. package/src/components/Modal/Modal.tsx +368 -0
  200. package/src/components/Modal/USAGE.md +58 -0
  201. package/src/components/Modal/index.ts +1 -0
  202. package/src/components/NumberInput/NUMBER_INPUT_IMPLEMENTATION_NOTES.md +24 -0
  203. package/src/components/NumberInput/NumberInput.module.css +302 -0
  204. package/src/components/NumberInput/NumberInput.stories.tsx +96 -0
  205. package/src/components/NumberInput/NumberInput.test.tsx +1 -0
  206. package/src/components/NumberInput/NumberInput.tsx +157 -0
  207. package/src/components/NumberInput/USAGE.md +52 -0
  208. package/src/components/Pagination/IMPLEMENTATION_NOTES.md +16 -0
  209. package/src/components/Pagination/Pagination.icons.tsx +66 -0
  210. package/src/components/Pagination/Pagination.module.css +188 -0
  211. package/src/components/Pagination/Pagination.stories.tsx +48 -0
  212. package/src/components/Pagination/Pagination.test.tsx +1 -0
  213. package/src/components/Pagination/Pagination.tsx +265 -0
  214. package/src/components/Pagination/USAGE.md +36 -0
  215. package/src/components/Pagination/index.ts +5 -0
  216. package/src/components/Panel/PANEL_IMPLEMENTATION_NOTES.md +116 -0
  217. package/src/components/Panel/Panel.module.css +209 -0
  218. package/src/components/Panel/Panel.stories.tsx +227 -0
  219. package/src/components/Panel/Panel.test.tsx +1 -0
  220. package/src/components/Panel/Panel.tsx +269 -0
  221. package/src/components/Panel/USAGE.md +56 -0
  222. package/src/components/Popover/IMPLEMENTATION_NOTES.md +77 -0
  223. package/src/components/Popover/Popover.module.css +86 -0
  224. package/src/components/Popover/Popover.stories.tsx +133 -0
  225. package/src/components/Popover/Popover.test.tsx +1 -0
  226. package/src/components/Popover/Popover.tsx +142 -0
  227. package/src/components/Popover/USAGE.md +61 -0
  228. package/src/components/Popover/index.ts +1 -0
  229. package/src/components/Radio/Radio.module.css +231 -0
  230. package/src/components/Radio/Radio.stories.tsx +93 -0
  231. package/src/components/Radio/Radio.test.tsx +1 -0
  232. package/src/components/Radio/Radio.tsx +168 -0
  233. package/src/components/Radio/RadioGroup.stories.tsx +117 -0
  234. package/src/components/Radio/RadioGroup.tsx +124 -0
  235. package/src/components/Radio/USAGE.md +36 -0
  236. package/src/components/ReadOnlyField/READ_ONLY_FIELD_IMPLEMENTATION_NOTES.md +15 -0
  237. package/src/components/ReadOnlyField/ReadOnlyBooleanField.tsx +21 -0
  238. package/src/components/ReadOnlyField/ReadOnlyField.module.css +54 -0
  239. package/src/components/ReadOnlyField/ReadOnlyField.stories.tsx +163 -0
  240. package/src/components/ReadOnlyField/ReadOnlyField.test.tsx +1 -0
  241. package/src/components/ReadOnlyField/ReadOnlyField.tsx +114 -0
  242. package/src/components/ReadOnlyField/ReadOnlySwitchField.tsx +21 -0
  243. package/src/components/ReadOnlyField/ReadOnlyTextField.tsx +48 -0
  244. package/src/components/ReadOnlyField/USAGE.md +44 -0
  245. package/src/components/ReadOnlyField/WithReadOnlyWrapper.tsx +93 -0
  246. package/src/components/ReadOnlyField/index.ts +5 -0
  247. package/src/components/RecursicaThemeProvider/USAGE.md +60 -0
  248. package/src/components/SegmentedControl/IMPLEMENTATION_NOTES.md +25 -0
  249. package/src/components/SegmentedControl/SegmentedControl.module.css +185 -0
  250. package/src/components/SegmentedControl/SegmentedControl.stories.tsx +106 -0
  251. package/src/components/SegmentedControl/SegmentedControl.test.tsx +1 -0
  252. package/src/components/SegmentedControl/SegmentedControl.tsx +110 -0
  253. package/src/components/SegmentedControl/USAGE.md +55 -0
  254. package/src/components/Slider/IMPLEMENTATION_NOTES.md +92 -0
  255. package/src/components/Slider/Slider.module.css +588 -0
  256. package/src/components/Slider/Slider.stories.tsx +282 -0
  257. package/src/components/Slider/Slider.test.tsx +1 -0
  258. package/src/components/Slider/Slider.tsx +391 -0
  259. package/src/components/Slider/USAGE.md +56 -0
  260. package/src/components/Stack/STACK_IMPLEMENTATION_NOTES.md +4 -0
  261. package/src/components/Stack/Stack.module.css +7 -0
  262. package/src/components/Stack/Stack.stories.tsx +108 -0
  263. package/src/components/Stack/Stack.test.tsx +1 -0
  264. package/src/components/Stack/Stack.tsx +62 -0
  265. package/src/components/Stack/USAGE.md +48 -0
  266. package/src/components/Stepper/IMPLEMENTATION_NOTES.md +28 -0
  267. package/src/components/Stepper/Stepper.module.css +404 -0
  268. package/src/components/Stepper/Stepper.stories.tsx +148 -0
  269. package/src/components/Stepper/Stepper.test.tsx +1 -0
  270. package/src/components/Stepper/Stepper.tsx +93 -0
  271. package/src/components/Stepper/USAGE.md +41 -0
  272. package/src/components/Switch/SWITCH_IMPLEMENTATION_NOTES.md +64 -0
  273. package/src/components/Switch/Switch.module.css +279 -0
  274. package/src/components/Switch/Switch.stories.tsx +114 -0
  275. package/src/components/Switch/Switch.test.tsx +1 -0
  276. package/src/components/Switch/Switch.tsx +177 -0
  277. package/src/components/Switch/SwitchGroup.stories.tsx +132 -0
  278. package/src/components/Switch/SwitchGroup.tsx +127 -0
  279. package/src/components/Switch/USAGE.md +42 -0
  280. package/src/components/Table/TABLE_IMPLEMENTATION_NOTES.md +78 -0
  281. package/src/components/Table/Table.icons.tsx +40 -0
  282. package/src/components/Table/Table.module.css +444 -0
  283. package/src/components/Table/Table.stories.tsx +140 -0
  284. package/src/components/Table/Table.test.tsx +1 -0
  285. package/src/components/Table/Table.tsx +243 -0
  286. package/src/components/Table/USAGE.md +78 -0
  287. package/src/components/Tabs/IMPLEMENTATION_NOTES.md +27 -0
  288. package/src/components/Tabs/Tabs.module.css +591 -0
  289. package/src/components/Tabs/Tabs.stories.tsx +154 -0
  290. package/src/components/Tabs/Tabs.test.tsx +1 -0
  291. package/src/components/Tabs/Tabs.tsx +114 -0
  292. package/src/components/Tabs/USAGE.md +45 -0
  293. package/src/components/Text/TEXT_IMPLEMENTATION_NOTES.md +12 -0
  294. package/src/components/Text/Text.module.css +13 -0
  295. package/src/components/Text/Text.stories.tsx +75 -0
  296. package/src/components/Text/Text.test.tsx +1 -0
  297. package/src/components/Text/Text.tsx +53 -0
  298. package/src/components/Text/USAGE.md +40 -0
  299. package/src/components/TextArea/TEXTAREA_IMPLEMENTATION_NOTES.md +7 -0
  300. package/src/components/TextArea/TextArea.module.css +183 -0
  301. package/src/components/TextArea/TextArea.stories.tsx +94 -0
  302. package/src/components/TextArea/TextArea.test.tsx +1 -0
  303. package/src/components/TextArea/TextArea.tsx +137 -0
  304. package/src/components/TextArea/USAGE.md +48 -0
  305. package/src/components/TextField/TEXTFIELD_IMPLEMENTATION_NOTES.md +19 -0
  306. package/src/components/TextField/TextField.module.css +264 -0
  307. package/src/components/TextField/TextField.stories.tsx +162 -0
  308. package/src/components/TextField/TextField.test.tsx +1 -0
  309. package/src/components/TextField/TextField.tsx +139 -0
  310. package/src/components/TextField/USAGE.md +44 -0
  311. package/src/components/TimePicker/TIMEPICKER_IMPLEMENTATION_NOTES.md +119 -0
  312. package/src/components/TimePicker/TimePicker.module.css +291 -0
  313. package/src/components/TimePicker/TimePicker.stories.tsx +141 -0
  314. package/src/components/TimePicker/TimePicker.test.tsx +1 -0
  315. package/src/components/TimePicker/TimePicker.tsx +304 -0
  316. package/src/components/TimePicker/USAGE.md +57 -0
  317. package/src/components/Timeline/TIMELINE_IMPLEMENTATION_NOTES.md +13 -0
  318. package/src/components/Timeline/Timeline.module.css +373 -0
  319. package/src/components/Timeline/Timeline.stories.tsx +128 -0
  320. package/src/components/Timeline/Timeline.test.tsx +1 -0
  321. package/src/components/Timeline/Timeline.tsx +73 -0
  322. package/src/components/Timeline/TimelineItem.tsx +79 -0
  323. package/src/components/Timeline/USAGE.md +49 -0
  324. package/src/components/Toast/TOAST_IMPLEMENTATION_NOTES.md +39 -0
  325. package/src/components/Toast/Toast.module.css +184 -0
  326. package/src/components/Toast/Toast.stories.tsx +67 -0
  327. package/src/components/Toast/Toast.test.tsx +1 -0
  328. package/src/components/Toast/Toast.tsx +82 -0
  329. package/src/components/Toast/USAGE.md +50 -0
  330. package/src/components/Toast/index.ts +1 -0
  331. package/src/components/Tooltip/TOOLTIP_IMPLEMENTATION_NOTES.md +85 -0
  332. package/src/components/Tooltip/Tooltip.module.css +91 -0
  333. package/src/components/Tooltip/Tooltip.stories.tsx +165 -0
  334. package/src/components/Tooltip/Tooltip.test.tsx +1 -0
  335. package/src/components/Tooltip/Tooltip.tsx +117 -0
  336. package/src/components/Tooltip/USAGE.md +80 -0
  337. package/src/components/TransferList/TRANSFERLIST_IMPLEMENTATION_NOTES.md +111 -0
  338. package/src/components/TransferList/TransferList.module.css +182 -0
  339. package/src/components/TransferList/TransferList.stories.tsx +121 -0
  340. package/src/components/TransferList/TransferList.test.tsx +1 -0
  341. package/src/components/TransferList/TransferList.tsx +419 -0
  342. package/src/components/TransferList/USAGE.md +77 -0
  343. package/src/components/Tree/IMPLEMENTATION_NOTES.md +48 -0
  344. package/src/components/Tree/Tree.module.css +232 -0
  345. package/src/components/Tree/Tree.stories.tsx +104 -0
  346. package/src/components/Tree/Tree.test.tsx +1 -0
  347. package/src/components/Tree/Tree.tsx +220 -0
  348. package/src/components/Tree/USAGE.md +96 -0
  349. package/src/components/Tree/index.ts +1 -0
  350. package/src/components/index.ts +52 -0
  351. package/src/env.d.ts +7 -0
  352. package/src/index.ts +179 -0
  353. package/src/types/index.ts +9 -0
  354. package/src/types/mantine.d.ts +7 -0
  355. package/src/types/scss-modules.d.ts +9 -0
  356. package/src/utils/ColorSchemeWrapper.tsx +27 -0
  357. package/src/utils/RequireAccessibleLabel.ts +1 -0
  358. package/src/utils/copyToClipboard.ts +36 -0
  359. package/src/utils/filterStylingProps.test.ts +85 -0
  360. package/src/utils/filterStylingProps.ts +150 -0
  361. package/src/utils/index.ts +1 -0
  362. package/src/utils/renderRichOption.tsx +65 -0
@@ -0,0 +1,799 @@
1
+ {
2
+ "tokens": {
3
+ "colors": {
4
+ "scale-01": {
5
+ "100": {
6
+ "$type": "color",
7
+ "$value": "#e9e9e9"
8
+ },
9
+ "200": {
10
+ "$type": "color",
11
+ "$value": "#d6d6d6"
12
+ },
13
+ "300": {
14
+ "$type": "color",
15
+ "$value": "#c2c2c2"
16
+ },
17
+ "400": {
18
+ "$type": "color",
19
+ "$value": "#a9a9a9"
20
+ },
21
+ "500": {
22
+ "$type": "color",
23
+ "$value": "#8b8b8b"
24
+ },
25
+ "600": {
26
+ "$type": "color",
27
+ "$value": "#6c6c6c"
28
+ },
29
+ "700": {
30
+ "$type": "color",
31
+ "$value": "#545454"
32
+ },
33
+ "800": {
34
+ "$type": "color",
35
+ "$value": "#373737"
36
+ },
37
+ "900": {
38
+ "$type": "color",
39
+ "$value": "#2b2b2b"
40
+ },
41
+ "1000": {
42
+ "$type": "color",
43
+ "$value": "#131313"
44
+ },
45
+ "alias": "gray",
46
+ "$extensions": {
47
+ "com.recursica.friendlyName": "Gray"
48
+ },
49
+ "000": {
50
+ "$type": "color",
51
+ "$value": "#fcfcfc"
52
+ },
53
+ "050": {
54
+ "$type": "color",
55
+ "$value": "#f9f9f9"
56
+ }
57
+ },
58
+ "scale-02": {
59
+ "100": {
60
+ "$type": "color",
61
+ "$value": "#73ceda"
62
+ },
63
+ "200": {
64
+ "$type": "color",
65
+ "$value": "#55b9c8"
66
+ },
67
+ "300": {
68
+ "$type": "color",
69
+ "$value": "#359ead"
70
+ },
71
+ "400": {
72
+ "$type": "color",
73
+ "$value": "#007889"
74
+ },
75
+ "500": {
76
+ "$type": "color",
77
+ "$value": "#00636f"
78
+ },
79
+ "600": {
80
+ "$type": "color",
81
+ "$value": "#004f59"
82
+ },
83
+ "700": {
84
+ "$type": "color",
85
+ "$value": "#00363d"
86
+ },
87
+ "800": {
88
+ "$type": "color",
89
+ "$value": "#001f24"
90
+ },
91
+ "900": {
92
+ "$type": "color",
93
+ "$value": "#021316"
94
+ },
95
+ "1000": {
96
+ "$type": "color",
97
+ "$value": "#00090b"
98
+ },
99
+ "alias": "cornflower",
100
+ "$extensions": {
101
+ "com.recursica.friendlyName": "Cornflower"
102
+ },
103
+ "000": {
104
+ "$type": "color",
105
+ "$value": "#eaf7fb"
106
+ },
107
+ "050": {
108
+ "$type": "color",
109
+ "$value": "#a1dfe7"
110
+ }
111
+ },
112
+ "scale-03": {
113
+ "100": {
114
+ "$type": "color",
115
+ "$value": "#7be4a5"
116
+ },
117
+ "200": {
118
+ "$type": "color",
119
+ "$value": "#3dd67b"
120
+ },
121
+ "300": {
122
+ "$type": "color",
123
+ "$value": "#00c851"
124
+ },
125
+ "400": {
126
+ "$type": "color",
127
+ "$value": "#00a945"
128
+ },
129
+ "500": {
130
+ "$type": "color",
131
+ "$value": "#008b38"
132
+ },
133
+ "600": {
134
+ "$type": "color",
135
+ "$value": "#006c2c"
136
+ },
137
+ "700": {
138
+ "$type": "color",
139
+ "$value": "#035425"
140
+ },
141
+ "800": {
142
+ "$type": "color",
143
+ "$value": "#013717"
144
+ },
145
+ "900": {
146
+ "$type": "color",
147
+ "$value": "#002b1d"
148
+ },
149
+ "1000": {
150
+ "$type": "color",
151
+ "$value": "#00130d"
152
+ },
153
+ "alias": "greensheen",
154
+ "$extensions": {
155
+ "com.recursica.friendlyName": "Greensheen"
156
+ },
157
+ "000": {
158
+ "$type": "color",
159
+ "$value": "#e9fbf1"
160
+ },
161
+ "050": {
162
+ "$type": "color",
163
+ "$value": "#b8f1cf"
164
+ }
165
+ },
166
+ "scale-04": {
167
+ "100": {
168
+ "$type": "color",
169
+ "$value": "#fcd2ac"
170
+ },
171
+ "200": {
172
+ "$type": "color",
173
+ "$value": "#fdb981"
174
+ },
175
+ "300": {
176
+ "$type": "color",
177
+ "$value": "#ffa052"
178
+ },
179
+ "400": {
180
+ "$type": "color",
181
+ "$value": "#fc853b"
182
+ },
183
+ "500": {
184
+ "$type": "color",
185
+ "$value": "#fc7527"
186
+ },
187
+ "600": {
188
+ "$type": "color",
189
+ "$value": "#d9510d"
190
+ },
191
+ "700": {
192
+ "$type": "color",
193
+ "$value": "#a84510"
194
+ },
195
+ "800": {
196
+ "$type": "color",
197
+ "$value": "#82360c"
198
+ },
199
+ "900": {
200
+ "$type": "color",
201
+ "$value": "#592208"
202
+ },
203
+ "1000": {
204
+ "$type": "color",
205
+ "$value": "#2a1004"
206
+ },
207
+ "alias": "mandarin",
208
+ "$extensions": {
209
+ "com.recursica.friendlyName": "Mandarin"
210
+ },
211
+ "000": {
212
+ "$type": "color",
213
+ "$value": "#fff4ea"
214
+ },
215
+ "050": {
216
+ "$type": "color",
217
+ "$value": "#ffe7d2"
218
+ }
219
+ },
220
+ "scale-05": {
221
+ "100": {
222
+ "$type": "color",
223
+ "$value": "#f08d8d"
224
+ },
225
+ "200": {
226
+ "$type": "color",
227
+ "$value": "#ec5c5c"
228
+ },
229
+ "300": {
230
+ "$type": "color",
231
+ "$value": "#e72d2d"
232
+ },
233
+ "400": {
234
+ "$type": "color",
235
+ "$value": "#e20000"
236
+ },
237
+ "500": {
238
+ "$type": "color",
239
+ "$value": "#bf0000"
240
+ },
241
+ "600": {
242
+ "$type": "color",
243
+ "$value": "#9d0000"
244
+ },
245
+ "700": {
246
+ "$type": "color",
247
+ "$value": "#7a0000"
248
+ },
249
+ "800": {
250
+ "$type": "color",
251
+ "$value": "#570000"
252
+ },
253
+ "900": {
254
+ "$type": "color",
255
+ "$value": "#350000"
256
+ },
257
+ "1000": {
258
+ "$type": "color",
259
+ "$value": "#120000"
260
+ },
261
+ "alias": "mandy",
262
+ "$extensions": {
263
+ "com.recursica.friendlyName": "Mandy"
264
+ },
265
+ "000": {
266
+ "$type": "color",
267
+ "$value": "#faf5f5"
268
+ },
269
+ "050": {
270
+ "$type": "color",
271
+ "$value": "#f5c0c0"
272
+ }
273
+ },
274
+ "scale-06": {
275
+ "100": {
276
+ "$type": "color",
277
+ "$value": "#f8b9bf"
278
+ },
279
+ "200": {
280
+ "$type": "color",
281
+ "$value": "#f8919a"
282
+ },
283
+ "300": {
284
+ "$type": "color",
285
+ "$value": "#e55d78"
286
+ },
287
+ "400": {
288
+ "$type": "color",
289
+ "$value": "#ca284e"
290
+ },
291
+ "500": {
292
+ "$type": "color",
293
+ "$value": "#c21b43"
294
+ },
295
+ "600": {
296
+ "$type": "color",
297
+ "$value": "#b1173b"
298
+ },
299
+ "700": {
300
+ "$type": "color",
301
+ "$value": "#851a34"
302
+ },
303
+ "800": {
304
+ "$type": "color",
305
+ "$value": "#5e0312"
306
+ },
307
+ "900": {
308
+ "$type": "color",
309
+ "$value": "#4c010d"
310
+ },
311
+ "1000": {
312
+ "$type": "color",
313
+ "$value": "#24060b"
314
+ },
315
+ "alias": "salmon",
316
+ "$extensions": {
317
+ "com.recursica.friendlyName": "Salmon"
318
+ },
319
+ "000": {
320
+ "$type": "color",
321
+ "$value": "#fbeff1"
322
+ },
323
+ "050": {
324
+ "$type": "color",
325
+ "$value": "#f6d5d8"
326
+ }
327
+ }
328
+ },
329
+ "font": {
330
+ "sizes": {
331
+ "2xs": {
332
+ "$type": "dimension",
333
+ "$value": {
334
+ "value": 10,
335
+ "unit": "px"
336
+ }
337
+ },
338
+ "xs": {
339
+ "$type": "dimension",
340
+ "$value": {
341
+ "value": 12,
342
+ "unit": "px"
343
+ }
344
+ },
345
+ "sm": {
346
+ "$type": "dimension",
347
+ "$value": {
348
+ "value": 14,
349
+ "unit": "px"
350
+ }
351
+ },
352
+ "md": {
353
+ "$type": "dimension",
354
+ "$value": {
355
+ "value": 16,
356
+ "unit": "px"
357
+ }
358
+ },
359
+ "lg": {
360
+ "$type": "dimension",
361
+ "$value": {
362
+ "value": 18,
363
+ "unit": "px"
364
+ }
365
+ },
366
+ "xl": {
367
+ "$type": "dimension",
368
+ "$value": {
369
+ "value": 20,
370
+ "unit": "px"
371
+ }
372
+ },
373
+ "2xl": {
374
+ "$type": "dimension",
375
+ "$value": {
376
+ "value": 24,
377
+ "unit": "px"
378
+ }
379
+ },
380
+ "3xl": {
381
+ "$type": "dimension",
382
+ "$value": {
383
+ "value": 28,
384
+ "unit": "px"
385
+ }
386
+ },
387
+ "4xl": {
388
+ "$type": "dimension",
389
+ "$value": {
390
+ "value": 32,
391
+ "unit": "px"
392
+ }
393
+ },
394
+ "5xl": {
395
+ "$type": "dimension",
396
+ "$value": {
397
+ "value": 36,
398
+ "unit": "px"
399
+ }
400
+ },
401
+ "6xl": {
402
+ "$type": "dimension",
403
+ "$value": {
404
+ "value": 40,
405
+ "unit": "px"
406
+ }
407
+ }
408
+ },
409
+ "typefaces": {
410
+ "$type": "fontFamily",
411
+ "lexend": {
412
+ "$type": "fontFamily",
413
+ "$value": ["Lexend", "sans-serif"],
414
+ "$extensions": {
415
+ "com.google.fonts": {
416
+ "url": "https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap",
417
+ "opticalSizing": "auto"
418
+ },
419
+ "variants": [
420
+ {
421
+ "weight": "{tokens.font.weights.thin}",
422
+ "style": "{tokens.font.styles.normal}"
423
+ },
424
+ {
425
+ "weight": "{tokens.font.weights.extra-light}",
426
+ "style": "{tokens.font.styles.normal}"
427
+ },
428
+ {
429
+ "weight": "{tokens.font.weights.light}",
430
+ "style": "{tokens.font.styles.normal}"
431
+ },
432
+ {
433
+ "weight": "{tokens.font.weights.regular}",
434
+ "style": "{tokens.font.styles.normal}"
435
+ },
436
+ {
437
+ "weight": "{tokens.font.weights.medium}",
438
+ "style": "{tokens.font.styles.normal}"
439
+ },
440
+ {
441
+ "weight": "{tokens.font.weights.semi-bold}",
442
+ "style": "{tokens.font.styles.normal}"
443
+ },
444
+ {
445
+ "weight": "{tokens.font.weights.bold}",
446
+ "style": "{tokens.font.styles.normal}"
447
+ },
448
+ {
449
+ "weight": "{tokens.font.weights.extra-bold}",
450
+ "style": "{tokens.font.styles.normal}"
451
+ },
452
+ {
453
+ "weight": "{tokens.font.weights.black}",
454
+ "style": "{tokens.font.styles.normal}"
455
+ }
456
+ ]
457
+ }
458
+ },
459
+ "bellota-text": {
460
+ "$type": "fontFamily",
461
+ "$value": ["Bellota Text", "sans-serif"],
462
+ "$extensions": {
463
+ "com.google.fonts": {
464
+ "url": "https://fonts.googleapis.com/css2?family=Bellota+Text&display=swap"
465
+ },
466
+ "variants": [
467
+ {
468
+ "weight": "{tokens.font.weights.light}",
469
+ "style": "{tokens.font.styles.normal}"
470
+ },
471
+ {
472
+ "weight": "{tokens.font.weights.light}",
473
+ "style": "{tokens.font.styles.italic}"
474
+ },
475
+ {
476
+ "weight": "{tokens.font.weights.regular}",
477
+ "style": "{tokens.font.styles.normal}"
478
+ },
479
+ {
480
+ "weight": "{tokens.font.weights.regular}",
481
+ "style": "{tokens.font.styles.italic}"
482
+ },
483
+ {
484
+ "weight": "{tokens.font.weights.bold}",
485
+ "style": "{tokens.font.styles.normal}"
486
+ },
487
+ {
488
+ "weight": "{tokens.font.weights.bold}",
489
+ "style": "{tokens.font.styles.italic}"
490
+ }
491
+ ]
492
+ }
493
+ },
494
+ "quattrocento": {
495
+ "$type": "fontFamily",
496
+ "$value": ["Quattrocento", "serif"],
497
+ "$extensions": {
498
+ "com.google.fonts": {
499
+ "url": "https://fonts.googleapis.com/css2?family=Quattrocento&display=swap"
500
+ },
501
+ "variants": [
502
+ {
503
+ "weight": "{tokens.font.weights.regular}",
504
+ "style": "{tokens.font.styles.normal}"
505
+ },
506
+ {
507
+ "weight": "{tokens.font.weights.bold}",
508
+ "style": "{tokens.font.styles.normal}"
509
+ }
510
+ ]
511
+ }
512
+ }
513
+ },
514
+ "weights": {
515
+ "thin": {
516
+ "$type": "number",
517
+ "$value": 100
518
+ },
519
+ "extra-light": {
520
+ "$type": "number",
521
+ "$value": 200
522
+ },
523
+ "light": {
524
+ "$type": "number",
525
+ "$value": 300
526
+ },
527
+ "regular": {
528
+ "$type": "number",
529
+ "$value": 400
530
+ },
531
+ "medium": {
532
+ "$type": "number",
533
+ "$value": 500
534
+ },
535
+ "semi-bold": {
536
+ "$type": "number",
537
+ "$value": 600
538
+ },
539
+ "bold": {
540
+ "$type": "number",
541
+ "$value": 700
542
+ },
543
+ "extra-bold": {
544
+ "$type": "number",
545
+ "$value": 800
546
+ },
547
+ "black": {
548
+ "$type": "number",
549
+ "$value": 900
550
+ }
551
+ },
552
+ "cases": {
553
+ "original": {
554
+ "$type": "string",
555
+ "$value": null
556
+ },
557
+ "uppercase": {
558
+ "$type": "string",
559
+ "$value": "uppercase"
560
+ },
561
+ "lowercase": {
562
+ "$type": "string",
563
+ "$value": "lowercase"
564
+ },
565
+ "titlecase": {
566
+ "$type": "string",
567
+ "$value": "capitalize"
568
+ }
569
+ },
570
+ "decorations": {
571
+ "none": {
572
+ "$type": "string",
573
+ "$value": "none"
574
+ },
575
+ "underline": {
576
+ "$type": "string",
577
+ "$value": "underline"
578
+ },
579
+ "line-through": {
580
+ "$type": "string",
581
+ "$value": "line-through"
582
+ }
583
+ },
584
+ "letter-spacings": {
585
+ "tightest": {
586
+ "$type": "dimension",
587
+ "$value": {
588
+ "value": -0.05,
589
+ "unit": "em"
590
+ }
591
+ },
592
+ "tighter": {
593
+ "$type": "dimension",
594
+ "$value": {
595
+ "value": -0.03,
596
+ "unit": "em"
597
+ }
598
+ },
599
+ "tight": {
600
+ "$type": "dimension",
601
+ "$value": {
602
+ "value": -0.01,
603
+ "unit": "em"
604
+ }
605
+ },
606
+ "default": {
607
+ "$type": "dimension",
608
+ "$value": {
609
+ "value": 0,
610
+ "unit": "em"
611
+ }
612
+ },
613
+ "wide": {
614
+ "$type": "dimension",
615
+ "$value": {
616
+ "value": 0.1,
617
+ "unit": "em"
618
+ }
619
+ },
620
+ "wider": {
621
+ "$type": "dimension",
622
+ "$value": {
623
+ "value": 0.25,
624
+ "unit": "em"
625
+ }
626
+ },
627
+ "widest": {
628
+ "$type": "dimension",
629
+ "$value": {
630
+ "value": 0.5,
631
+ "unit": "em"
632
+ }
633
+ }
634
+ },
635
+ "line-heights": {
636
+ "shortest": {
637
+ "$type": "dimension",
638
+ "$value": {
639
+ "value": 0.9,
640
+ "unit": "em"
641
+ }
642
+ },
643
+ "shorter": {
644
+ "$type": "dimension",
645
+ "$value": {
646
+ "value": 0.95,
647
+ "unit": "em"
648
+ }
649
+ },
650
+ "short": {
651
+ "$type": "dimension",
652
+ "$value": {
653
+ "value": 1,
654
+ "unit": "em"
655
+ }
656
+ },
657
+ "default": {
658
+ "$type": "dimension",
659
+ "$value": {
660
+ "value": 1.05,
661
+ "unit": "em"
662
+ }
663
+ },
664
+ "tall": {
665
+ "$type": "dimension",
666
+ "$value": {
667
+ "value": 1.175,
668
+ "unit": "em"
669
+ }
670
+ },
671
+ "taller": {
672
+ "$type": "dimension",
673
+ "$value": {
674
+ "value": 1.3,
675
+ "unit": "em"
676
+ }
677
+ },
678
+ "tallest": {
679
+ "$type": "dimension",
680
+ "$value": {
681
+ "value": 1.4,
682
+ "unit": "em"
683
+ }
684
+ }
685
+ },
686
+ "styles": {
687
+ "normal": {
688
+ "$type": "string",
689
+ "$value": "normal"
690
+ },
691
+ "italic": {
692
+ "$type": "string",
693
+ "$value": "italic"
694
+ }
695
+ }
696
+ },
697
+ "sizes": {
698
+ "none": {
699
+ "$type": "dimension",
700
+ "$value": {
701
+ "value": 0,
702
+ "unit": "px"
703
+ }
704
+ },
705
+ "0-5x": {
706
+ "$type": "dimension",
707
+ "$value": {
708
+ "value": 4,
709
+ "unit": "px"
710
+ }
711
+ },
712
+ "default": {
713
+ "$type": "dimension",
714
+ "$value": {
715
+ "value": 8,
716
+ "unit": "px"
717
+ }
718
+ },
719
+ "1-5x": {
720
+ "$type": "dimension",
721
+ "$value": {
722
+ "value": 12,
723
+ "unit": "px"
724
+ }
725
+ },
726
+ "2x": {
727
+ "$type": "dimension",
728
+ "$value": {
729
+ "value": 16,
730
+ "unit": "px"
731
+ }
732
+ },
733
+ "3x": {
734
+ "$type": "dimension",
735
+ "$value": {
736
+ "value": 24,
737
+ "unit": "px"
738
+ }
739
+ },
740
+ "4x": {
741
+ "$type": "dimension",
742
+ "$value": {
743
+ "value": 32,
744
+ "unit": "px"
745
+ }
746
+ },
747
+ "5x": {
748
+ "$type": "dimension",
749
+ "$value": {
750
+ "value": 40,
751
+ "unit": "px"
752
+ }
753
+ },
754
+ "6x": {
755
+ "$type": "dimension",
756
+ "$value": {
757
+ "value": 48,
758
+ "unit": "px"
759
+ }
760
+ }
761
+ },
762
+ "opacities": {
763
+ "invisible": {
764
+ "$type": "number",
765
+ "$value": 0
766
+ },
767
+ "mist": {
768
+ "$type": "number",
769
+ "$value": 0.1
770
+ },
771
+ "ghost": {
772
+ "$type": "number",
773
+ "$value": 0.38
774
+ },
775
+ "faint": {
776
+ "$type": "number",
777
+ "$value": 0.68
778
+ },
779
+ "veiled": {
780
+ "$type": "number",
781
+ "$value": 0.84
782
+ },
783
+ "smoky": {
784
+ "$type": "number",
785
+ "$value": 0.94
786
+ },
787
+ "solid": {
788
+ "$type": "number",
789
+ "$value": 1
790
+ }
791
+ }
792
+ },
793
+ "$extensions": {
794
+ "recursica.metadata": {
795
+ "exportedAt": "2026-08-29T19:56:06.621Z",
796
+ "version": "0.26.2"
797
+ }
798
+ }
799
+ }