@recursica/mui-adapter 0.1.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 (265) hide show
  1. package/.storybook/commonArgTypes.ts +148 -0
  2. package/CHANGELOG.md +13 -0
  3. package/LICENSE +21 -0
  4. package/README.md +70 -0
  5. package/dist/index.d.ts +2 -0
  6. package/dist/mui-adapter.cjs +2 -0
  7. package/dist/mui-adapter.cjs.map +1 -0
  8. package/dist/mui-adapter.css +1 -0
  9. package/dist/mui-adapter.js +164 -0
  10. package/dist/mui-adapter.js.map +1 -0
  11. package/dist/src/components/Accordion/Accordion.d.ts +3 -0
  12. package/dist/src/components/Accordion/index.d.ts +1 -0
  13. package/dist/src/components/AssistiveElement/AssistiveElement.d.ts +3 -0
  14. package/dist/src/components/AssistiveElement/index.d.ts +1 -0
  15. package/dist/src/components/Avatar/Avatar.d.ts +3 -0
  16. package/dist/src/components/Avatar/index.d.ts +1 -0
  17. package/dist/src/components/Badge/Badge.d.ts +3 -0
  18. package/dist/src/components/Badge/index.d.ts +1 -0
  19. package/dist/src/components/Box/Box.d.ts +9 -0
  20. package/dist/src/components/Box/index.d.ts +1 -0
  21. package/dist/src/components/Breadcrumb/Breadcrumb.d.ts +3 -0
  22. package/dist/src/components/Breadcrumb/index.d.ts +1 -0
  23. package/dist/src/components/Button/Button.d.ts +3 -0
  24. package/dist/src/components/Button/index.d.ts +1 -0
  25. package/dist/src/components/Card/Card.d.ts +3 -0
  26. package/dist/src/components/Card/index.d.ts +1 -0
  27. package/dist/src/components/Checkbox/Checkbox.d.ts +3 -0
  28. package/dist/src/components/Checkbox/index.d.ts +1 -0
  29. package/dist/src/components/Chip/Chip.d.ts +3 -0
  30. package/dist/src/components/Chip/index.d.ts +1 -0
  31. package/dist/src/components/Container/Container.d.ts +3 -0
  32. package/dist/src/components/Container/index.d.ts +1 -0
  33. package/dist/src/components/DatePicker/DatePicker.d.ts +3 -0
  34. package/dist/src/components/DatePicker/index.d.ts +1 -0
  35. package/dist/src/components/Dropdown/Dropdown.d.ts +3 -0
  36. package/dist/src/components/Dropdown/index.d.ts +1 -0
  37. package/dist/src/components/FileInput/FileInput.d.ts +3 -0
  38. package/dist/src/components/FileInput/index.d.ts +1 -0
  39. package/dist/src/components/FileUpload/FileUpload.d.ts +3 -0
  40. package/dist/src/components/FileUpload/index.d.ts +1 -0
  41. package/dist/src/components/Flex/Flex.d.ts +3 -0
  42. package/dist/src/components/Flex/index.d.ts +1 -0
  43. package/dist/src/components/FormControlLayout/FormControlLayout.d.ts +3 -0
  44. package/dist/src/components/FormControlLayout/index.d.ts +1 -0
  45. package/dist/src/components/FormControlWrapper/FormControlWrapper.d.ts +3 -0
  46. package/dist/src/components/FormControlWrapper/index.d.ts +1 -0
  47. package/dist/src/components/Group/Group.d.ts +3 -0
  48. package/dist/src/components/Group/index.d.ts +1 -0
  49. package/dist/src/components/HoverCard/HoverCard.d.ts +3 -0
  50. package/dist/src/components/HoverCard/index.d.ts +1 -0
  51. package/dist/src/components/Label/Label.d.ts +3 -0
  52. package/dist/src/components/Label/index.d.ts +1 -0
  53. package/dist/src/components/Link/Link.d.ts +3 -0
  54. package/dist/src/components/Link/index.d.ts +1 -0
  55. package/dist/src/components/Loader/Loader.d.ts +3 -0
  56. package/dist/src/components/Loader/index.d.ts +1 -0
  57. package/dist/src/components/Menu/Menu.d.ts +3 -0
  58. package/dist/src/components/Menu/index.d.ts +1 -0
  59. package/dist/src/components/Modal/Modal.d.ts +3 -0
  60. package/dist/src/components/Modal/index.d.ts +1 -0
  61. package/dist/src/components/NumberInput/NumberInput.d.ts +3 -0
  62. package/dist/src/components/NumberInput/index.d.ts +1 -0
  63. package/dist/src/components/Pagination/Pagination.d.ts +3 -0
  64. package/dist/src/components/Pagination/index.d.ts +1 -0
  65. package/dist/src/components/Panel/Panel.d.ts +3 -0
  66. package/dist/src/components/Panel/index.d.ts +1 -0
  67. package/dist/src/components/Radio/Radio.d.ts +3 -0
  68. package/dist/src/components/Radio/index.d.ts +1 -0
  69. package/dist/src/components/ReadOnlyField/ReadOnlyField.d.ts +3 -0
  70. package/dist/src/components/ReadOnlyField/index.d.ts +1 -0
  71. package/dist/src/components/SegmentedControl/SegmentedControl.d.ts +3 -0
  72. package/dist/src/components/SegmentedControl/index.d.ts +1 -0
  73. package/dist/src/components/Slider/Slider.d.ts +3 -0
  74. package/dist/src/components/Slider/index.d.ts +1 -0
  75. package/dist/src/components/Stack/Stack.d.ts +3 -0
  76. package/dist/src/components/Stack/index.d.ts +1 -0
  77. package/dist/src/components/Stepper/Stepper.d.ts +3 -0
  78. package/dist/src/components/Stepper/index.d.ts +1 -0
  79. package/dist/src/components/Switch/Switch.d.ts +3 -0
  80. package/dist/src/components/Switch/index.d.ts +1 -0
  81. package/dist/src/components/Table/Table.d.ts +3 -0
  82. package/dist/src/components/Table/index.d.ts +1 -0
  83. package/dist/src/components/Tabs/Tabs.d.ts +3 -0
  84. package/dist/src/components/Tabs/index.d.ts +1 -0
  85. package/dist/src/components/Text/Text.d.ts +3 -0
  86. package/dist/src/components/Text/index.d.ts +1 -0
  87. package/dist/src/components/TextArea/TextArea.d.ts +3 -0
  88. package/dist/src/components/TextArea/index.d.ts +1 -0
  89. package/dist/src/components/TextField/TextField.d.ts +3 -0
  90. package/dist/src/components/TextField/index.d.ts +1 -0
  91. package/dist/src/components/TimePicker/TimePicker.d.ts +3 -0
  92. package/dist/src/components/TimePicker/index.d.ts +1 -0
  93. package/dist/src/components/Timeline/Timeline.d.ts +3 -0
  94. package/dist/src/components/Timeline/index.d.ts +1 -0
  95. package/dist/src/components/Title/Title.d.ts +3 -0
  96. package/dist/src/components/Title/index.d.ts +1 -0
  97. package/dist/src/components/Toast/Toast.d.ts +3 -0
  98. package/dist/src/components/Toast/index.d.ts +1 -0
  99. package/dist/src/components/Tooltip/Tooltip.d.ts +3 -0
  100. package/dist/src/components/Tooltip/index.d.ts +1 -0
  101. package/dist/src/components/TransferList/TransferList.d.ts +3 -0
  102. package/dist/src/components/TransferList/index.d.ts +1 -0
  103. package/dist/src/components/index.d.ts +46 -0
  104. package/dist/src/index.d.ts +2 -0
  105. package/dist/src/types/index.d.ts +6 -0
  106. package/dist/src/utils/ColorSchemeWrapper.d.ts +3 -0
  107. package/dist/src/utils/RequireAccessibleLabel.d.ts +18 -0
  108. package/dist/src/utils/copyToClipboard.d.ts +8 -0
  109. package/dist/src/utils/filterStylingProps.d.ts +36 -0
  110. package/dist/src/utils/index.d.ts +1 -0
  111. package/dist/vite.config.d.ts +2 -0
  112. package/dist/vite.svg +1 -0
  113. package/dist/vitest.workspace.d.ts +2 -0
  114. package/package.json +98 -0
  115. package/src/OverStyling.stories.tsx +235 -0
  116. package/src/Version.stories.tsx +56 -0
  117. package/src/components/Accordion/Accordion.stories.tsx +16 -0
  118. package/src/components/Accordion/Accordion.tsx +7 -0
  119. package/src/components/Accordion/index.ts +1 -0
  120. package/src/components/AssistiveElement/AssistiveElement.stories.tsx +16 -0
  121. package/src/components/AssistiveElement/AssistiveElement.tsx +7 -0
  122. package/src/components/AssistiveElement/index.ts +1 -0
  123. package/src/components/Avatar/Avatar.stories.tsx +16 -0
  124. package/src/components/Avatar/Avatar.tsx +7 -0
  125. package/src/components/Avatar/index.ts +1 -0
  126. package/src/components/Badge/Badge.stories.tsx +16 -0
  127. package/src/components/Badge/Badge.tsx +7 -0
  128. package/src/components/Badge/index.ts +1 -0
  129. package/src/components/Box/Box.stories.tsx +59 -0
  130. package/src/components/Box/Box.tsx +27 -0
  131. package/src/components/Box/index.ts +1 -0
  132. package/src/components/Breadcrumb/Breadcrumb.stories.tsx +16 -0
  133. package/src/components/Breadcrumb/Breadcrumb.tsx +7 -0
  134. package/src/components/Breadcrumb/index.ts +1 -0
  135. package/src/components/Button/Button.stories.tsx +16 -0
  136. package/src/components/Button/Button.tsx +7 -0
  137. package/src/components/Button/index.ts +1 -0
  138. package/src/components/Card/Card.stories.tsx +16 -0
  139. package/src/components/Card/Card.tsx +7 -0
  140. package/src/components/Card/index.ts +1 -0
  141. package/src/components/Checkbox/Checkbox.stories.tsx +16 -0
  142. package/src/components/Checkbox/Checkbox.tsx +7 -0
  143. package/src/components/Checkbox/index.ts +1 -0
  144. package/src/components/Chip/Chip.stories.tsx +16 -0
  145. package/src/components/Chip/Chip.tsx +7 -0
  146. package/src/components/Chip/index.ts +1 -0
  147. package/src/components/Container/Container.stories.tsx +16 -0
  148. package/src/components/Container/Container.tsx +7 -0
  149. package/src/components/Container/index.ts +1 -0
  150. package/src/components/DatePicker/DatePicker.stories.tsx +16 -0
  151. package/src/components/DatePicker/DatePicker.tsx +7 -0
  152. package/src/components/DatePicker/index.ts +1 -0
  153. package/src/components/Dropdown/Dropdown.stories.tsx +16 -0
  154. package/src/components/Dropdown/Dropdown.tsx +7 -0
  155. package/src/components/Dropdown/index.ts +1 -0
  156. package/src/components/FileInput/FileInput.stories.tsx +16 -0
  157. package/src/components/FileInput/FileInput.tsx +7 -0
  158. package/src/components/FileInput/index.ts +1 -0
  159. package/src/components/FileUpload/FileUpload.stories.tsx +16 -0
  160. package/src/components/FileUpload/FileUpload.tsx +7 -0
  161. package/src/components/FileUpload/index.ts +1 -0
  162. package/src/components/Flex/Flex.stories.tsx +16 -0
  163. package/src/components/Flex/Flex.tsx +7 -0
  164. package/src/components/Flex/index.ts +1 -0
  165. package/src/components/FormControlLayout/FormControlLayout.stories.tsx +16 -0
  166. package/src/components/FormControlLayout/FormControlLayout.tsx +7 -0
  167. package/src/components/FormControlLayout/index.ts +1 -0
  168. package/src/components/FormControlWrapper/FormControlWrapper.stories.tsx +16 -0
  169. package/src/components/FormControlWrapper/FormControlWrapper.tsx +9 -0
  170. package/src/components/FormControlWrapper/index.ts +1 -0
  171. package/src/components/Group/Group.stories.tsx +16 -0
  172. package/src/components/Group/Group.tsx +7 -0
  173. package/src/components/Group/index.ts +1 -0
  174. package/src/components/HoverCard/HoverCard.stories.tsx +16 -0
  175. package/src/components/HoverCard/HoverCard.tsx +7 -0
  176. package/src/components/HoverCard/index.ts +1 -0
  177. package/src/components/Label/Label.stories.tsx +16 -0
  178. package/src/components/Label/Label.tsx +7 -0
  179. package/src/components/Label/index.ts +1 -0
  180. package/src/components/Link/Link.stories.tsx +16 -0
  181. package/src/components/Link/Link.tsx +7 -0
  182. package/src/components/Link/index.ts +1 -0
  183. package/src/components/Loader/Loader.stories.tsx +16 -0
  184. package/src/components/Loader/Loader.tsx +7 -0
  185. package/src/components/Loader/index.ts +1 -0
  186. package/src/components/Menu/Menu.stories.tsx +16 -0
  187. package/src/components/Menu/Menu.tsx +7 -0
  188. package/src/components/Menu/index.ts +1 -0
  189. package/src/components/Modal/Modal.stories.tsx +16 -0
  190. package/src/components/Modal/Modal.tsx +7 -0
  191. package/src/components/Modal/index.ts +1 -0
  192. package/src/components/NumberInput/NumberInput.stories.tsx +16 -0
  193. package/src/components/NumberInput/NumberInput.tsx +7 -0
  194. package/src/components/NumberInput/index.ts +1 -0
  195. package/src/components/Pagination/Pagination.stories.tsx +16 -0
  196. package/src/components/Pagination/Pagination.tsx +7 -0
  197. package/src/components/Pagination/index.ts +1 -0
  198. package/src/components/Panel/Panel.stories.tsx +16 -0
  199. package/src/components/Panel/Panel.tsx +7 -0
  200. package/src/components/Panel/index.ts +1 -0
  201. package/src/components/Radio/Radio.stories.tsx +16 -0
  202. package/src/components/Radio/Radio.tsx +7 -0
  203. package/src/components/Radio/index.ts +1 -0
  204. package/src/components/ReadOnlyField/ReadOnlyField.stories.tsx +16 -0
  205. package/src/components/ReadOnlyField/ReadOnlyField.tsx +7 -0
  206. package/src/components/ReadOnlyField/index.ts +1 -0
  207. package/src/components/SegmentedControl/SegmentedControl.stories.tsx +16 -0
  208. package/src/components/SegmentedControl/SegmentedControl.tsx +7 -0
  209. package/src/components/SegmentedControl/index.ts +1 -0
  210. package/src/components/Slider/Slider.stories.tsx +16 -0
  211. package/src/components/Slider/Slider.tsx +7 -0
  212. package/src/components/Slider/index.ts +1 -0
  213. package/src/components/Stack/Stack.stories.tsx +16 -0
  214. package/src/components/Stack/Stack.tsx +7 -0
  215. package/src/components/Stack/index.ts +1 -0
  216. package/src/components/Stepper/Stepper.stories.tsx +16 -0
  217. package/src/components/Stepper/Stepper.tsx +7 -0
  218. package/src/components/Stepper/index.ts +1 -0
  219. package/src/components/Switch/Switch.stories.tsx +16 -0
  220. package/src/components/Switch/Switch.tsx +7 -0
  221. package/src/components/Switch/index.ts +1 -0
  222. package/src/components/Table/Table.stories.tsx +16 -0
  223. package/src/components/Table/Table.tsx +7 -0
  224. package/src/components/Table/index.ts +1 -0
  225. package/src/components/Tabs/Tabs.stories.tsx +16 -0
  226. package/src/components/Tabs/Tabs.tsx +7 -0
  227. package/src/components/Tabs/index.ts +1 -0
  228. package/src/components/Text/Text.stories.tsx +16 -0
  229. package/src/components/Text/Text.tsx +7 -0
  230. package/src/components/Text/index.ts +1 -0
  231. package/src/components/TextArea/TextArea.stories.tsx +16 -0
  232. package/src/components/TextArea/TextArea.tsx +7 -0
  233. package/src/components/TextArea/index.ts +1 -0
  234. package/src/components/TextField/TextField.stories.tsx +16 -0
  235. package/src/components/TextField/TextField.tsx +7 -0
  236. package/src/components/TextField/index.ts +1 -0
  237. package/src/components/TimePicker/TimePicker.stories.tsx +16 -0
  238. package/src/components/TimePicker/TimePicker.tsx +7 -0
  239. package/src/components/TimePicker/index.ts +1 -0
  240. package/src/components/Timeline/Timeline.stories.tsx +16 -0
  241. package/src/components/Timeline/Timeline.tsx +7 -0
  242. package/src/components/Timeline/index.ts +1 -0
  243. package/src/components/Title/Title.stories.tsx +16 -0
  244. package/src/components/Title/Title.tsx +7 -0
  245. package/src/components/Title/index.ts +1 -0
  246. package/src/components/Toast/Toast.stories.tsx +16 -0
  247. package/src/components/Toast/Toast.tsx +7 -0
  248. package/src/components/Toast/index.ts +1 -0
  249. package/src/components/Tooltip/Tooltip.stories.tsx +16 -0
  250. package/src/components/Tooltip/Tooltip.tsx +7 -0
  251. package/src/components/Tooltip/index.ts +1 -0
  252. package/src/components/TransferList/TransferList.stories.tsx +16 -0
  253. package/src/components/TransferList/TransferList.tsx +7 -0
  254. package/src/components/TransferList/index.ts +1 -0
  255. package/src/components/index.ts +46 -0
  256. package/src/env.d.ts +7 -0
  257. package/src/index.ts +3 -0
  258. package/src/types/index.ts +9 -0
  259. package/src/types/mantine.d.ts +7 -0
  260. package/src/types/scss-modules.d.ts +9 -0
  261. package/src/utils/ColorSchemeWrapper.tsx +27 -0
  262. package/src/utils/RequireAccessibleLabel.ts +12 -0
  263. package/src/utils/copyToClipboard.ts +36 -0
  264. package/src/utils/filterStylingProps.ts +139 -0
  265. package/src/utils/index.ts +1 -0
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type ButtonProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const Button: React.FC<ButtonProps>;
@@ -0,0 +1 @@
1
+ export * from './Button';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type CardProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const Card: React.FC<CardProps>;
@@ -0,0 +1 @@
1
+ export * from './Card';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type CheckboxProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const Checkbox: React.FC<CheckboxProps>;
@@ -0,0 +1 @@
1
+ export * from './Checkbox';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type ChipProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const Chip: React.FC<ChipProps>;
@@ -0,0 +1 @@
1
+ export * from './Chip';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type ContainerProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const Container: React.FC<ContainerProps>;
@@ -0,0 +1 @@
1
+ export * from './Container';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type DatePickerProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const DatePicker: React.FC<DatePickerProps>;
@@ -0,0 +1 @@
1
+ export * from './DatePicker';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type DropdownProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const Dropdown: React.FC<DropdownProps>;
@@ -0,0 +1 @@
1
+ export * from './Dropdown';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type FileInputProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const FileInput: React.FC<FileInputProps>;
@@ -0,0 +1 @@
1
+ export * from './FileInput';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type FileUploadProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const FileUpload: React.FC<FileUploadProps>;
@@ -0,0 +1 @@
1
+ export * from './FileUpload';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type FlexProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const Flex: React.FC<FlexProps>;
@@ -0,0 +1 @@
1
+ export * from './Flex';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type FormControlLayoutProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const FormControlLayout: React.FC<FormControlLayoutProps>;
@@ -0,0 +1 @@
1
+ export * from './FormControlLayout';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type FormControlWrapperProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const FormControlWrapper: React.FC<FormControlWrapperProps>;
@@ -0,0 +1 @@
1
+ export * from './FormControlWrapper';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type GroupProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const Group: React.FC<GroupProps>;
@@ -0,0 +1 @@
1
+ export * from './Group';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type HoverCardProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const HoverCard: React.FC<HoverCardProps>;
@@ -0,0 +1 @@
1
+ export * from './HoverCard';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type LabelProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const Label: React.FC<LabelProps>;
@@ -0,0 +1 @@
1
+ export * from './Label';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type LinkProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const Link: React.FC<LinkProps>;
@@ -0,0 +1 @@
1
+ export * from './Link';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type LoaderProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const Loader: React.FC<LoaderProps>;
@@ -0,0 +1 @@
1
+ export * from './Loader';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type MenuProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const Menu: React.FC<MenuProps>;
@@ -0,0 +1 @@
1
+ export * from './Menu';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type ModalProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const Modal: React.FC<ModalProps>;
@@ -0,0 +1 @@
1
+ export * from './Modal';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type NumberInputProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const NumberInput: React.FC<NumberInputProps>;
@@ -0,0 +1 @@
1
+ export * from './NumberInput';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type PaginationProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const Pagination: React.FC<PaginationProps>;
@@ -0,0 +1 @@
1
+ export * from './Pagination';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type PanelProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const Panel: React.FC<PanelProps>;
@@ -0,0 +1 @@
1
+ export * from './Panel';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type RadioProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const Radio: React.FC<RadioProps>;
@@ -0,0 +1 @@
1
+ export * from './Radio';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type ReadOnlyFieldProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const ReadOnlyField: React.FC<ReadOnlyFieldProps>;
@@ -0,0 +1 @@
1
+ export * from './ReadOnlyField';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type SegmentedControlProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const SegmentedControl: React.FC<SegmentedControlProps>;
@@ -0,0 +1 @@
1
+ export * from './SegmentedControl';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type SliderProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const Slider: React.FC<SliderProps>;
@@ -0,0 +1 @@
1
+ export * from './Slider';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type StackProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const Stack: React.FC<StackProps>;
@@ -0,0 +1 @@
1
+ export * from './Stack';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type StepperProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const Stepper: React.FC<StepperProps>;
@@ -0,0 +1 @@
1
+ export * from './Stepper';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type SwitchProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const Switch: React.FC<SwitchProps>;
@@ -0,0 +1 @@
1
+ export * from './Switch';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type TableProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const Table: React.FC<TableProps>;
@@ -0,0 +1 @@
1
+ export * from './Table';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type TabsProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const Tabs: React.FC<TabsProps>;
@@ -0,0 +1 @@
1
+ export * from './Tabs';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type TextProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const Text: React.FC<TextProps>;
@@ -0,0 +1 @@
1
+ export * from './Text';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type TextAreaProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const TextArea: React.FC<TextAreaProps>;
@@ -0,0 +1 @@
1
+ export * from './TextArea';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type TextFieldProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const TextField: React.FC<TextFieldProps>;
@@ -0,0 +1 @@
1
+ export * from './TextField';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type TimePickerProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const TimePicker: React.FC<TimePickerProps>;
@@ -0,0 +1 @@
1
+ export * from './TimePicker';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type TimelineProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const Timeline: React.FC<TimelineProps>;
@@ -0,0 +1 @@
1
+ export * from './Timeline';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type TitleProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const Title: React.FC<TitleProps>;
@@ -0,0 +1 @@
1
+ export * from './Title';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type ToastProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const Toast: React.FC<ToastProps>;
@@ -0,0 +1 @@
1
+ export * from './Toast';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type TooltipProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const Tooltip: React.FC<TooltipProps>;
@@ -0,0 +1 @@
1
+ export * from './Tooltip';
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export type TransferListProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export declare const TransferList: React.FC<TransferListProps>;
@@ -0,0 +1 @@
1
+ export * from './TransferList';
@@ -0,0 +1,46 @@
1
+ export * from './Accordion';
2
+ export * from './AssistiveElement';
3
+ export * from './Avatar';
4
+ export * from './Badge';
5
+ export * from './Box';
6
+ export * from './Breadcrumb';
7
+ export * from './Button';
8
+ export * from './Card';
9
+ export * from './Checkbox';
10
+ export * from './Chip';
11
+ export * from './Container';
12
+ export * from './DatePicker';
13
+ export * from './Dropdown';
14
+ export * from './FileInput';
15
+ export * from './FileUpload';
16
+ export * from './Flex';
17
+ export * from './FormControlLayout';
18
+ export * from './FormControlWrapper';
19
+ export * from './Group';
20
+ export * from './HoverCard';
21
+ export * from './Label';
22
+ export * from './Link';
23
+ export * from './Loader';
24
+ export * from './Menu';
25
+ export * from './Modal';
26
+ export * from './NumberInput';
27
+ export * from './Pagination';
28
+ export * from './Panel';
29
+ export * from './Radio';
30
+ export * from './ReadOnlyField';
31
+ export * from './SegmentedControl';
32
+ export * from './Slider';
33
+ export * from './Stack';
34
+ export * from './Stepper';
35
+ export * from './Switch';
36
+ export * from './Table';
37
+ export * from './Tabs';
38
+ export * from './Text';
39
+ export * from './TextArea';
40
+ export * from './TextField';
41
+ export * from './TimePicker';
42
+ export * from './Timeline';
43
+ export * from './Title';
44
+ export * from './Toast';
45
+ export * from './Tooltip';
46
+ export * from './TransferList';
@@ -0,0 +1,2 @@
1
+ export * from './components';
2
+ export * from '@recursica/adapter-common';
@@ -0,0 +1,6 @@
1
+ export interface ComboboxItem {
2
+ value: string;
3
+ label: string;
4
+ disabled?: boolean;
5
+ onClick?: () => void;
6
+ }
@@ -0,0 +1,3 @@
1
+ export declare function ColorSchemeWrapper({ children, }: {
2
+ children: React.ReactNode;
3
+ }): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,18 @@
1
+ import { ReactNode } from 'react';
2
+ /**
3
+ * Enforces accessibility by strictly requiring at least one form of labeling:
4
+ * either a visual \`label\`, an \`aria-label\`, or an \`aria-labelledby\`.
5
+ */
6
+ export type RequireAccessibleLabel<T> = T & ({
7
+ label: ReactNode;
8
+ "aria-label"?: string;
9
+ "aria-labelledby"?: string;
10
+ } | {
11
+ label?: ReactNode;
12
+ "aria-label": string;
13
+ "aria-labelledby"?: string;
14
+ } | {
15
+ label?: ReactNode;
16
+ "aria-label"?: string;
17
+ "aria-labelledby": string;
18
+ });
@@ -0,0 +1,8 @@
1
+ import { default as React } from 'react';
2
+ /**
3
+ * Helper function for copy text to clipboard
4
+ * @param {string} textToCopy The text string for copying to the clipboard
5
+ * @param {element|node} componentRef The ref of the component that we want to trigger the copy
6
+ */
7
+ declare const copyToClipboard: (textToCopy: string, componentRef: React.RefObject<HTMLElement | null>) => Promise<void>;
8
+ export { copyToClipboard };
@@ -0,0 +1,36 @@
1
+ /**
2
+ * filterStylingProps
3
+ *
4
+ * This utility acts as the central gatekeeper for strict design-system adherence across
5
+ * all Recursica components mapped over MUI.
6
+ *
7
+ * PHILOSOPHY:
8
+ * Recursica components are designed to be explicitly sandboxed tokens. Allowing external
9
+ * `className` or MUI style props (`sx`, `classes`, etc.) breaks the design system by
10
+ * allowing developers to leak arbitrary designs into components.
11
+ *
12
+ * By default (`overStyled=false`), this utility actively prevents developers from overriding
13
+ * internal component styles (such as background, colors, typography, or internal classes).
14
+ * It safely *permits* external layout overrides (like `margin` / `m`) so that components can
15
+ * easily be spaced alongside other DOM elements.
16
+ *
17
+ * If a developer passes `overStyled={true}`, this filter allows all styling properties to
18
+ * flow through to the underlying MUI component natively, at the developer's own risk.
19
+ *
20
+ * @param props - The raw component props passed down to the wrapper
21
+ * @param overStyled - Boolean toggle to allow raw external styling. Defaults to false.
22
+ * @returns Sanitized component props safe for internal styling merging
23
+ */
24
+ export declare const BLOCKED_STYLING_KEYS: readonly ["className", "classes", "style", "sx", "color", "bgcolor", "backgroundColor", "typography", "fontFamily", "fontSize", "fontWeight", "lineHeight", "letterSpacing", "textAlign", "border", "borderTop", "borderBottom", "borderLeft", "borderRight", "borderColor", "borderRadius", "boxShadow", "display", "position", "zIndex"];
25
+ export type BlockedStylingKeys = (typeof BLOCKED_STYLING_KEYS)[number];
26
+ export type RecursicaSpacing = "rec-none" | "rec-sm" | "rec-default" | "rec-md" | "rec-lg" | "rec-xl" | "rec-2xl";
27
+ export type RecursicaSize = "small" | "default" | "large";
28
+ export type ForbiddenStyles = {
29
+ [K in BlockedStylingKeys]?: never;
30
+ };
31
+ export type RecursicaOverStyled<T> = (Omit<T, BlockedStylingKeys> & ForbiddenStyles & {
32
+ overStyled?: false | undefined;
33
+ }) | (T & {
34
+ overStyled: true;
35
+ });
36
+ export declare function filterStylingProps<T extends Record<string, unknown>>(props: T, overStyled?: boolean): Partial<T>;
@@ -0,0 +1 @@
1
+ export * from './copyToClipboard';
@@ -0,0 +1,2 @@
1
+ declare const _default: import('vite').UserConfigFnObject;
2
+ export default _default;
package/dist/vite.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
@@ -0,0 +1,2 @@
1
+ declare const _default: import('vitest/config').TestProjectConfiguration[];
2
+ export default _default;
package/package.json ADDED
@@ -0,0 +1,98 @@
1
+ {
2
+ "name": "@recursica/mui-adapter",
3
+ "description": "Reusable UI components for Recursica applications based on Material UI (MUI) v7",
4
+ "private": false,
5
+ "homepage": "https://github.com/borderux/recursica/tree/main/packages/mui-adapter",
6
+ "author": "hi@borderux.com",
7
+ "bugs": {
8
+ "url": "https://github.com/borderux/recursica/issues"
9
+ },
10
+ "repository": {
11
+ "type": "git",
12
+ "url": "git+https://github.com/borderux/recursica.git"
13
+ },
14
+ "version": "0.1.0",
15
+ "publishConfig": {
16
+ "access": "public"
17
+ },
18
+ "type": "module",
19
+ "main": "./dist/mui-adapter.cjs",
20
+ "module": "./dist/mui-adapter.js",
21
+ "types": "./dist/index.d.ts",
22
+ "exports": {
23
+ ".": {
24
+ "types": "./dist/index.d.ts",
25
+ "import": "./dist/mui-adapter.js",
26
+ "require": "./dist/mui-adapter.cjs"
27
+ },
28
+ "./style.css": "./dist/mui-adapter.css"
29
+ },
30
+ "files": [
31
+ "dist",
32
+ "src",
33
+ "CHANGELOG.md",
34
+ ".storybook/commonArgTypes.ts"
35
+ ],
36
+ "keywords": [
37
+ "react",
38
+ "ui",
39
+ "components",
40
+ "typescript",
41
+ "mui",
42
+ "material-ui",
43
+ "recursica",
44
+ "design system",
45
+ "design systems"
46
+ ],
47
+ "scripts": {
48
+ "dev": "npm run storybook",
49
+ "build": "vite build --mode library",
50
+ "build-storybook": "storybook build -o storybook-static",
51
+ "lint": "eslint .",
52
+ "storybook": "storybook dev -p 6006"
53
+ },
54
+ "devDependencies": {
55
+ "@chromatic-com/storybook": "^5.1.1",
56
+ "@eslint/js": "^9.25.0",
57
+ "@recursica/adapter-common": "*",
58
+ "@recursica/recursica-postcss-vars": "*",
59
+ "@recursica/storybook-template": "*",
60
+ "@repo/typescript-config": "*",
61
+ "@storybook/addon-a11y": "^10.3.3",
62
+ "@storybook/addon-docs": "^10.3.3",
63
+ "@storybook/addon-mcp": "^0.4.2",
64
+ "@storybook/addon-onboarding": "^10.3.3",
65
+ "@storybook/addon-vitest": "^10.3.3",
66
+ "@storybook/react-vite": "^10.3.3",
67
+ "@types/react": "^19.1.2",
68
+ "@types/react-dom": "^19.1.2",
69
+ "@vitejs/plugin-react": "^4.4.1",
70
+ "@vitest/browser": "^3.2.4",
71
+ "@vitest/coverage-v8": "^3.2.4",
72
+ "eslint": "^9.25.0",
73
+ "eslint-plugin-react-hooks": "^5.2.0",
74
+ "eslint-plugin-react-refresh": "^0.4.19",
75
+ "eslint-plugin-storybook": "^10.3.3",
76
+ "globals": "^16.0.0",
77
+ "playwright": "^1.53.0",
78
+ "react-markdown": "^10.1.0",
79
+ "sass": "^1.89.2",
80
+ "sirv": "^3.0.2",
81
+ "storybook": "^10.3.3",
82
+ "storybook-dark-mode": "^5.0.0",
83
+ "strip-literal": "^3.0.0",
84
+ "typescript": "~5.8.3",
85
+ "typescript-eslint": "^8.30.1",
86
+ "vite": "^6.3.5",
87
+ "vite-plugin-dts": "^4.5.4",
88
+ "vite-plugin-svgr": "^4.3.0",
89
+ "vitest": "^3.2.4"
90
+ },
91
+ "peerDependencies": {
92
+ "@emotion/react": "^11.14.0",
93
+ "@emotion/styled": "^11.14.0",
94
+ "@mui/material": "^7.3.0",
95
+ "react": ">=16.8.0",
96
+ "react-dom": ">=16.8.0"
97
+ }
98
+ }