@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,7 @@
1
+ import React from "react";
2
+
3
+ export type ContainerProps = React.HTMLAttributes<HTMLDivElement>;
4
+
5
+ export const Container: React.FC<ContainerProps> = (props) => {
6
+ return <div {...props}>Container</div>;
7
+ };
@@ -0,0 +1 @@
1
+ export * from "./Container";
@@ -0,0 +1,16 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { DatePicker } from "./DatePicker";
3
+ import { ComingSoon } from "@recursica/storybook-template";
4
+
5
+ const meta: Meta<typeof DatePicker> = {
6
+ title: "UI-Kit/🚧 DatePicker",
7
+ component: DatePicker,
8
+ tags: ["autodocs"],
9
+ };
10
+
11
+ export default meta;
12
+ type Story = StoryObj<typeof DatePicker>;
13
+
14
+ export const Default: Story = {
15
+ render: () => <ComingSoon componentName="DatePicker" />,
16
+ };
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+
3
+ export type DatePickerProps = React.HTMLAttributes<HTMLDivElement>;
4
+
5
+ export const DatePicker: React.FC<DatePickerProps> = (props) => {
6
+ return <div {...props}>DatePicker</div>;
7
+ };
@@ -0,0 +1 @@
1
+ export * from "./DatePicker";
@@ -0,0 +1,16 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { Dropdown } from "./Dropdown";
3
+ import { ComingSoon } from "@recursica/storybook-template";
4
+
5
+ const meta: Meta<typeof Dropdown> = {
6
+ title: "UI-Kit/🚧 Dropdown",
7
+ component: Dropdown,
8
+ tags: ["autodocs"],
9
+ };
10
+
11
+ export default meta;
12
+ type Story = StoryObj<typeof Dropdown>;
13
+
14
+ export const Default: Story = {
15
+ render: () => <ComingSoon componentName="Dropdown" />,
16
+ };
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+
3
+ export type DropdownProps = React.HTMLAttributes<HTMLDivElement>;
4
+
5
+ export const Dropdown: React.FC<DropdownProps> = (props) => {
6
+ return <div {...props}>Dropdown</div>;
7
+ };
@@ -0,0 +1 @@
1
+ export * from "./Dropdown";
@@ -0,0 +1,16 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { FileInput } from "./FileInput";
3
+ import { ComingSoon } from "@recursica/storybook-template";
4
+
5
+ const meta: Meta<typeof FileInput> = {
6
+ title: "UI-Kit/🚧 FileInput",
7
+ component: FileInput,
8
+ tags: ["autodocs"],
9
+ };
10
+
11
+ export default meta;
12
+ type Story = StoryObj<typeof FileInput>;
13
+
14
+ export const Default: Story = {
15
+ render: () => <ComingSoon componentName="FileInput" />,
16
+ };
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+
3
+ export type FileInputProps = React.HTMLAttributes<HTMLDivElement>;
4
+
5
+ export const FileInput: React.FC<FileInputProps> = (props) => {
6
+ return <div {...props}>FileInput</div>;
7
+ };
@@ -0,0 +1 @@
1
+ export * from "./FileInput";
@@ -0,0 +1,16 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { FileUpload } from "./FileUpload";
3
+ import { ComingSoon } from "@recursica/storybook-template";
4
+
5
+ const meta: Meta<typeof FileUpload> = {
6
+ title: "UI-Kit/🚧 FileUpload",
7
+ component: FileUpload,
8
+ tags: ["autodocs"],
9
+ };
10
+
11
+ export default meta;
12
+ type Story = StoryObj<typeof FileUpload>;
13
+
14
+ export const Default: Story = {
15
+ render: () => <ComingSoon componentName="FileUpload" />,
16
+ };
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+
3
+ export type FileUploadProps = React.HTMLAttributes<HTMLDivElement>;
4
+
5
+ export const FileUpload: React.FC<FileUploadProps> = (props) => {
6
+ return <div {...props}>FileUpload</div>;
7
+ };
@@ -0,0 +1 @@
1
+ export * from "./FileUpload";
@@ -0,0 +1,16 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { Flex } from "./Flex";
3
+ import { ComingSoon } from "@recursica/storybook-template";
4
+
5
+ const meta: Meta<typeof Flex> = {
6
+ title: "UI-Kit/🚧 Flex",
7
+ component: Flex,
8
+ tags: ["autodocs"],
9
+ };
10
+
11
+ export default meta;
12
+ type Story = StoryObj<typeof Flex>;
13
+
14
+ export const Default: Story = {
15
+ render: () => <ComingSoon componentName="Flex" />,
16
+ };
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+
3
+ export type FlexProps = React.HTMLAttributes<HTMLDivElement>;
4
+
5
+ export const Flex: React.FC<FlexProps> = (props) => {
6
+ return <div {...props}>Flex</div>;
7
+ };
@@ -0,0 +1 @@
1
+ export * from "./Flex";
@@ -0,0 +1,16 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { FormControlLayout } from "./FormControlLayout";
3
+ import { ComingSoon } from "@recursica/storybook-template";
4
+
5
+ const meta: Meta<typeof FormControlLayout> = {
6
+ title: "UI-Kit/🚧 FormControlLayout",
7
+ component: FormControlLayout,
8
+ tags: ["autodocs"],
9
+ };
10
+
11
+ export default meta;
12
+ type Story = StoryObj<typeof FormControlLayout>;
13
+
14
+ export const Default: Story = {
15
+ render: () => <ComingSoon componentName="FormControlLayout" />,
16
+ };
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+
3
+ export type FormControlLayoutProps = React.HTMLAttributes<HTMLDivElement>;
4
+
5
+ export const FormControlLayout: React.FC<FormControlLayoutProps> = (props) => {
6
+ return <div {...props}>FormControlLayout</div>;
7
+ };
@@ -0,0 +1 @@
1
+ export * from "./FormControlLayout";
@@ -0,0 +1,16 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { FormControlWrapper } from "./FormControlWrapper";
3
+ import { ComingSoon } from "@recursica/storybook-template";
4
+
5
+ const meta: Meta<typeof FormControlWrapper> = {
6
+ title: "UI-Kit/🚧 FormControlWrapper",
7
+ component: FormControlWrapper,
8
+ tags: ["autodocs"],
9
+ };
10
+
11
+ export default meta;
12
+ type Story = StoryObj<typeof FormControlWrapper>;
13
+
14
+ export const Default: Story = {
15
+ render: () => <ComingSoon componentName="FormControlWrapper" />,
16
+ };
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+
3
+ export type FormControlWrapperProps = React.HTMLAttributes<HTMLDivElement>;
4
+
5
+ export const FormControlWrapper: React.FC<FormControlWrapperProps> = (
6
+ props,
7
+ ) => {
8
+ return <div {...props}>FormControlWrapper</div>;
9
+ };
@@ -0,0 +1 @@
1
+ export * from "./FormControlWrapper";
@@ -0,0 +1,16 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { Group } from "./Group";
3
+ import { ComingSoon } from "@recursica/storybook-template";
4
+
5
+ const meta: Meta<typeof Group> = {
6
+ title: "UI-Kit/🚧 Group",
7
+ component: Group,
8
+ tags: ["autodocs"],
9
+ };
10
+
11
+ export default meta;
12
+ type Story = StoryObj<typeof Group>;
13
+
14
+ export const Default: Story = {
15
+ render: () => <ComingSoon componentName="Group" />,
16
+ };
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+
3
+ export type GroupProps = React.HTMLAttributes<HTMLDivElement>;
4
+
5
+ export const Group: React.FC<GroupProps> = (props) => {
6
+ return <div {...props}>Group</div>;
7
+ };
@@ -0,0 +1 @@
1
+ export * from "./Group";
@@ -0,0 +1,16 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { HoverCard } from "./HoverCard";
3
+ import { ComingSoon } from "@recursica/storybook-template";
4
+
5
+ const meta: Meta<typeof HoverCard> = {
6
+ title: "UI-Kit/🚧 HoverCard",
7
+ component: HoverCard,
8
+ tags: ["autodocs"],
9
+ };
10
+
11
+ export default meta;
12
+ type Story = StoryObj<typeof HoverCard>;
13
+
14
+ export const Default: Story = {
15
+ render: () => <ComingSoon componentName="HoverCard" />,
16
+ };
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+
3
+ export type HoverCardProps = React.HTMLAttributes<HTMLDivElement>;
4
+
5
+ export const HoverCard: React.FC<HoverCardProps> = (props) => {
6
+ return <div {...props}>HoverCard</div>;
7
+ };
@@ -0,0 +1 @@
1
+ export * from "./HoverCard";
@@ -0,0 +1,16 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { Label } from "./Label";
3
+ import { ComingSoon } from "@recursica/storybook-template";
4
+
5
+ const meta: Meta<typeof Label> = {
6
+ title: "UI-Kit/🚧 Label",
7
+ component: Label,
8
+ tags: ["autodocs"],
9
+ };
10
+
11
+ export default meta;
12
+ type Story = StoryObj<typeof Label>;
13
+
14
+ export const Default: Story = {
15
+ render: () => <ComingSoon componentName="Label" />,
16
+ };
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+
3
+ export type LabelProps = React.HTMLAttributes<HTMLDivElement>;
4
+
5
+ export const Label: React.FC<LabelProps> = (props) => {
6
+ return <div {...props}>Label</div>;
7
+ };
@@ -0,0 +1 @@
1
+ export * from "./Label";
@@ -0,0 +1,16 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { Link } from "./Link";
3
+ import { ComingSoon } from "@recursica/storybook-template";
4
+
5
+ const meta: Meta<typeof Link> = {
6
+ title: "UI-Kit/🚧 Link",
7
+ component: Link,
8
+ tags: ["autodocs"],
9
+ };
10
+
11
+ export default meta;
12
+ type Story = StoryObj<typeof Link>;
13
+
14
+ export const Default: Story = {
15
+ render: () => <ComingSoon componentName="Link" />,
16
+ };
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+
3
+ export type LinkProps = React.HTMLAttributes<HTMLDivElement>;
4
+
5
+ export const Link: React.FC<LinkProps> = (props) => {
6
+ return <div {...props}>Link</div>;
7
+ };
@@ -0,0 +1 @@
1
+ export * from "./Link";
@@ -0,0 +1,16 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { Loader } from "./Loader";
3
+ import { ComingSoon } from "@recursica/storybook-template";
4
+
5
+ const meta: Meta<typeof Loader> = {
6
+ title: "UI-Kit/🚧 Loader",
7
+ component: Loader,
8
+ tags: ["autodocs"],
9
+ };
10
+
11
+ export default meta;
12
+ type Story = StoryObj<typeof Loader>;
13
+
14
+ export const Default: Story = {
15
+ render: () => <ComingSoon componentName="Loader" />,
16
+ };
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+
3
+ export type LoaderProps = React.HTMLAttributes<HTMLDivElement>;
4
+
5
+ export const Loader: React.FC<LoaderProps> = (props) => {
6
+ return <div {...props}>Loader</div>;
7
+ };
@@ -0,0 +1 @@
1
+ export * from "./Loader";
@@ -0,0 +1,16 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { Menu } from "./Menu";
3
+ import { ComingSoon } from "@recursica/storybook-template";
4
+
5
+ const meta: Meta<typeof Menu> = {
6
+ title: "UI-Kit/🚧 Menu",
7
+ component: Menu,
8
+ tags: ["autodocs"],
9
+ };
10
+
11
+ export default meta;
12
+ type Story = StoryObj<typeof Menu>;
13
+
14
+ export const Default: Story = {
15
+ render: () => <ComingSoon componentName="Menu" />,
16
+ };
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+
3
+ export type MenuProps = React.HTMLAttributes<HTMLDivElement>;
4
+
5
+ export const Menu: React.FC<MenuProps> = (props) => {
6
+ return <div {...props}>Menu</div>;
7
+ };
@@ -0,0 +1 @@
1
+ export * from "./Menu";
@@ -0,0 +1,16 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { Modal } from "./Modal";
3
+ import { ComingSoon } from "@recursica/storybook-template";
4
+
5
+ const meta: Meta<typeof Modal> = {
6
+ title: "UI-Kit/🚧 Modal",
7
+ component: Modal,
8
+ tags: ["autodocs"],
9
+ };
10
+
11
+ export default meta;
12
+ type Story = StoryObj<typeof Modal>;
13
+
14
+ export const Default: Story = {
15
+ render: () => <ComingSoon componentName="Modal" />,
16
+ };
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+
3
+ export type ModalProps = React.HTMLAttributes<HTMLDivElement>;
4
+
5
+ export const Modal: React.FC<ModalProps> = (props) => {
6
+ return <div {...props}>Modal</div>;
7
+ };
@@ -0,0 +1 @@
1
+ export * from "./Modal";
@@ -0,0 +1,16 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { NumberInput } from "./NumberInput";
3
+ import { ComingSoon } from "@recursica/storybook-template";
4
+
5
+ const meta: Meta<typeof NumberInput> = {
6
+ title: "UI-Kit/🚧 NumberInput",
7
+ component: NumberInput,
8
+ tags: ["autodocs"],
9
+ };
10
+
11
+ export default meta;
12
+ type Story = StoryObj<typeof NumberInput>;
13
+
14
+ export const Default: Story = {
15
+ render: () => <ComingSoon componentName="NumberInput" />,
16
+ };
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+
3
+ export type NumberInputProps = React.HTMLAttributes<HTMLDivElement>;
4
+
5
+ export const NumberInput: React.FC<NumberInputProps> = (props) => {
6
+ return <div {...props}>NumberInput</div>;
7
+ };
@@ -0,0 +1 @@
1
+ export * from "./NumberInput";
@@ -0,0 +1,16 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { Pagination } from "./Pagination";
3
+ import { ComingSoon } from "@recursica/storybook-template";
4
+
5
+ const meta: Meta<typeof Pagination> = {
6
+ title: "UI-Kit/🚧 Pagination",
7
+ component: Pagination,
8
+ tags: ["autodocs"],
9
+ };
10
+
11
+ export default meta;
12
+ type Story = StoryObj<typeof Pagination>;
13
+
14
+ export const Default: Story = {
15
+ render: () => <ComingSoon componentName="Pagination" />,
16
+ };
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+
3
+ export type PaginationProps = React.HTMLAttributes<HTMLDivElement>;
4
+
5
+ export const Pagination: React.FC<PaginationProps> = (props) => {
6
+ return <div {...props}>Pagination</div>;
7
+ };
@@ -0,0 +1 @@
1
+ export * from "./Pagination";
@@ -0,0 +1,16 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { Panel } from "./Panel";
3
+ import { ComingSoon } from "@recursica/storybook-template";
4
+
5
+ const meta: Meta<typeof Panel> = {
6
+ title: "UI-Kit/🚧 Panel",
7
+ component: Panel,
8
+ tags: ["autodocs"],
9
+ };
10
+
11
+ export default meta;
12
+ type Story = StoryObj<typeof Panel>;
13
+
14
+ export const Default: Story = {
15
+ render: () => <ComingSoon componentName="Panel" />,
16
+ };
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+
3
+ export type PanelProps = React.HTMLAttributes<HTMLDivElement>;
4
+
5
+ export const Panel: React.FC<PanelProps> = (props) => {
6
+ return <div {...props}>Panel</div>;
7
+ };
@@ -0,0 +1 @@
1
+ export * from "./Panel";
@@ -0,0 +1,16 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { Radio } from "./Radio";
3
+ import { ComingSoon } from "@recursica/storybook-template";
4
+
5
+ const meta: Meta<typeof Radio> = {
6
+ title: "UI-Kit/🚧 Radio",
7
+ component: Radio,
8
+ tags: ["autodocs"],
9
+ };
10
+
11
+ export default meta;
12
+ type Story = StoryObj<typeof Radio>;
13
+
14
+ export const Default: Story = {
15
+ render: () => <ComingSoon componentName="Radio" />,
16
+ };
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+
3
+ export type RadioProps = React.HTMLAttributes<HTMLDivElement>;
4
+
5
+ export const Radio: React.FC<RadioProps> = (props) => {
6
+ return <div {...props}>Radio</div>;
7
+ };
@@ -0,0 +1 @@
1
+ export * from "./Radio";
@@ -0,0 +1,16 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { ReadOnlyField } from "./ReadOnlyField";
3
+ import { ComingSoon } from "@recursica/storybook-template";
4
+
5
+ const meta: Meta<typeof ReadOnlyField> = {
6
+ title: "UI-Kit/🚧 ReadOnlyField",
7
+ component: ReadOnlyField,
8
+ tags: ["autodocs"],
9
+ };
10
+
11
+ export default meta;
12
+ type Story = StoryObj<typeof ReadOnlyField>;
13
+
14
+ export const Default: Story = {
15
+ render: () => <ComingSoon componentName="ReadOnlyField" />,
16
+ };
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+
3
+ export type ReadOnlyFieldProps = React.HTMLAttributes<HTMLDivElement>;
4
+
5
+ export const ReadOnlyField: React.FC<ReadOnlyFieldProps> = (props) => {
6
+ return <div {...props}>ReadOnlyField</div>;
7
+ };
@@ -0,0 +1 @@
1
+ export * from "./ReadOnlyField";
@@ -0,0 +1,16 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { SegmentedControl } from "./SegmentedControl";
3
+ import { ComingSoon } from "@recursica/storybook-template";
4
+
5
+ const meta: Meta<typeof SegmentedControl> = {
6
+ title: "UI-Kit/🚧 SegmentedControl",
7
+ component: SegmentedControl,
8
+ tags: ["autodocs"],
9
+ };
10
+
11
+ export default meta;
12
+ type Story = StoryObj<typeof SegmentedControl>;
13
+
14
+ export const Default: Story = {
15
+ render: () => <ComingSoon componentName="SegmentedControl" />,
16
+ };
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+
3
+ export type SegmentedControlProps = React.HTMLAttributes<HTMLDivElement>;
4
+
5
+ export const SegmentedControl: React.FC<SegmentedControlProps> = (props) => {
6
+ return <div {...props}>SegmentedControl</div>;
7
+ };
@@ -0,0 +1 @@
1
+ export * from "./SegmentedControl";
@@ -0,0 +1,16 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { Slider } from "./Slider";
3
+ import { ComingSoon } from "@recursica/storybook-template";
4
+
5
+ const meta: Meta<typeof Slider> = {
6
+ title: "UI-Kit/🚧 Slider",
7
+ component: Slider,
8
+ tags: ["autodocs"],
9
+ };
10
+
11
+ export default meta;
12
+ type Story = StoryObj<typeof Slider>;
13
+
14
+ export const Default: Story = {
15
+ render: () => <ComingSoon componentName="Slider" />,
16
+ };
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+
3
+ export type SliderProps = React.HTMLAttributes<HTMLDivElement>;
4
+
5
+ export const Slider: React.FC<SliderProps> = (props) => {
6
+ return <div {...props}>Slider</div>;
7
+ };
@@ -0,0 +1 @@
1
+ export * from "./Slider";