@fragment-build/ui 2.1.0 → 2.2.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 (244) hide show
  1. package/{dist/index.js → index.js} +0 -1
  2. package/package.json +25 -25
  3. package/dist/components/base/Accordion.d.ts +0 -2
  4. package/dist/components/base/Accordion.js +0 -5
  5. package/dist/components/base/Accordion.js.map +0 -1
  6. package/dist/components/base/Alert.d.ts +0 -1
  7. package/dist/components/base/Alert.js +0 -4
  8. package/dist/components/base/Alert.js.map +0 -1
  9. package/dist/components/base/Autocomplete.d.ts +0 -3
  10. package/dist/components/base/Autocomplete.js +0 -6
  11. package/dist/components/base/Autocomplete.js.map +0 -1
  12. package/dist/components/base/Avatar.d.ts +0 -2
  13. package/dist/components/base/Avatar.js +0 -5
  14. package/dist/components/base/Avatar.js.map +0 -1
  15. package/dist/components/base/Badge.d.ts +0 -1
  16. package/dist/components/base/Badge.js +0 -4
  17. package/dist/components/base/Badge.js.map +0 -1
  18. package/dist/components/base/Breadcrumbs.d.ts +0 -2
  19. package/dist/components/base/Breadcrumbs.js +0 -5
  20. package/dist/components/base/Breadcrumbs.js.map +0 -1
  21. package/dist/components/base/Button.d.ts +0 -2
  22. package/dist/components/base/Button.js +0 -5
  23. package/dist/components/base/Button.js.map +0 -1
  24. package/dist/components/base/Calendar.d.ts +0 -1
  25. package/dist/components/base/Calendar.js +0 -4
  26. package/dist/components/base/Calendar.js.map +0 -1
  27. package/dist/components/base/Card.d.ts +0 -2
  28. package/dist/components/base/Card.js +0 -5
  29. package/dist/components/base/Card.js.map +0 -1
  30. package/dist/components/base/Checkbox.d.ts +0 -2
  31. package/dist/components/base/Checkbox.js +0 -5
  32. package/dist/components/base/Checkbox.js.map +0 -1
  33. package/dist/components/base/Chip.d.ts +0 -1
  34. package/dist/components/base/Chip.js +0 -4
  35. package/dist/components/base/Chip.js.map +0 -1
  36. package/dist/components/base/CircularProgress.d.ts +0 -1
  37. package/dist/components/base/CircularProgress.js +0 -4
  38. package/dist/components/base/CircularProgress.js.map +0 -1
  39. package/dist/components/base/Code.d.ts +0 -1
  40. package/dist/components/base/Code.js +0 -4
  41. package/dist/components/base/Code.js.map +0 -1
  42. package/dist/components/base/DateInput.d.ts +0 -1
  43. package/dist/components/base/DateInput.js +0 -4
  44. package/dist/components/base/DateInput.js.map +0 -1
  45. package/dist/components/base/DatePicker.d.ts +0 -1
  46. package/dist/components/base/DatePicker.js +0 -4
  47. package/dist/components/base/DatePicker.js.map +0 -1
  48. package/dist/components/base/DateRangePicker.d.ts +0 -1
  49. package/dist/components/base/DateRangePicker.js +0 -4
  50. package/dist/components/base/DateRangePicker.js.map +0 -1
  51. package/dist/components/base/Divider.d.ts +0 -1
  52. package/dist/components/base/Divider.js +0 -4
  53. package/dist/components/base/Divider.js.map +0 -1
  54. package/dist/components/base/Drawer.d.ts +0 -8
  55. package/dist/components/base/Drawer.js +0 -8
  56. package/dist/components/base/Drawer.js.map +0 -1
  57. package/dist/components/base/Dropdown.d.ts +0 -11
  58. package/dist/components/base/Dropdown.js +0 -8
  59. package/dist/components/base/Dropdown.js.map +0 -1
  60. package/dist/components/base/Form.d.ts +0 -0
  61. package/dist/components/base/Form.js +0 -6
  62. package/dist/components/base/Form.js.map +0 -1
  63. package/dist/components/base/Image.d.ts +0 -1
  64. package/dist/components/base/Image.js +0 -4
  65. package/dist/components/base/Image.js.map +0 -1
  66. package/dist/components/base/Input.d.ts +0 -1
  67. package/dist/components/base/Input.js +0 -4
  68. package/dist/components/base/Input.js.map +0 -1
  69. package/dist/components/base/InputOtp.d.ts +0 -1
  70. package/dist/components/base/InputOtp.js +0 -4
  71. package/dist/components/base/InputOtp.js.map +0 -1
  72. package/dist/components/base/Kbd.d.ts +0 -1
  73. package/dist/components/base/Kbd.js +0 -4
  74. package/dist/components/base/Kbd.js.map +0 -1
  75. package/dist/components/base/Link.d.ts +0 -1
  76. package/dist/components/base/Link.js +0 -4
  77. package/dist/components/base/Link.js.map +0 -1
  78. package/dist/components/base/Listbox.d.ts +0 -3
  79. package/dist/components/base/Listbox.js +0 -6
  80. package/dist/components/base/Listbox.js.map +0 -1
  81. package/dist/components/base/Modal.d.ts +0 -8
  82. package/dist/components/base/Modal.js +0 -8
  83. package/dist/components/base/Modal.js.map +0 -1
  84. package/dist/components/base/Navbar.d.ts +0 -7
  85. package/dist/components/base/Navbar.js +0 -10
  86. package/dist/components/base/Navbar.js.map +0 -1
  87. package/dist/components/base/NumberInput.d.ts +0 -1
  88. package/dist/components/base/NumberInput.js +0 -4
  89. package/dist/components/base/NumberInput.js.map +0 -1
  90. package/dist/components/base/Pagination.d.ts +0 -3
  91. package/dist/components/base/Pagination.js +0 -6
  92. package/dist/components/base/Pagination.js.map +0 -1
  93. package/dist/components/base/Popover.d.ts +0 -234
  94. package/dist/components/base/Popover.js +0 -6
  95. package/dist/components/base/Popover.js.map +0 -1
  96. package/dist/components/base/Progress.d.ts +0 -1
  97. package/dist/components/base/Progress.js +0 -4
  98. package/dist/components/base/Progress.js.map +0 -1
  99. package/dist/components/base/Radio.d.ts +0 -2
  100. package/dist/components/base/Radio.js +0 -5
  101. package/dist/components/base/Radio.js.map +0 -1
  102. package/dist/components/base/RangeCalendar.d.ts +0 -1
  103. package/dist/components/base/RangeCalendar.js +0 -4
  104. package/dist/components/base/RangeCalendar.js.map +0 -1
  105. package/dist/components/base/ScrollShadow.d.ts +0 -1
  106. package/dist/components/base/ScrollShadow.js +0 -4
  107. package/dist/components/base/ScrollShadow.js.map +0 -1
  108. package/dist/components/base/Select.d.ts +0 -3
  109. package/dist/components/base/Select.js +0 -6
  110. package/dist/components/base/Select.js.map +0 -1
  111. package/dist/components/base/Skeleton.d.ts +0 -1
  112. package/dist/components/base/Skeleton.js +0 -4
  113. package/dist/components/base/Skeleton.js.map +0 -1
  114. package/dist/components/base/Slider.d.ts +0 -1
  115. package/dist/components/base/Slider.js +0 -4
  116. package/dist/components/base/Slider.js.map +0 -1
  117. package/dist/components/base/Snippet.d.ts +0 -1
  118. package/dist/components/base/Snippet.js +0 -4
  119. package/dist/components/base/Snippet.js.map +0 -1
  120. package/dist/components/base/Spacer.d.ts +0 -1
  121. package/dist/components/base/Spacer.js +0 -4
  122. package/dist/components/base/Spacer.js.map +0 -1
  123. package/dist/components/base/Spinner.d.ts +0 -1
  124. package/dist/components/base/Spinner.js +0 -4
  125. package/dist/components/base/Spinner.js.map +0 -1
  126. package/dist/components/base/Switch.d.ts +0 -1
  127. package/dist/components/base/Switch.js +0 -4
  128. package/dist/components/base/Switch.js.map +0 -1
  129. package/dist/components/base/Table.d.ts +0 -6
  130. package/dist/components/base/Table.js +0 -9
  131. package/dist/components/base/Table.js.map +0 -1
  132. package/dist/components/base/Tabs.d.ts +0 -2
  133. package/dist/components/base/Tabs.js +0 -5
  134. package/dist/components/base/Tabs.js.map +0 -1
  135. package/dist/components/base/Textarea.d.ts +0 -1
  136. package/dist/components/base/Textarea.js +0 -4
  137. package/dist/components/base/Textarea.js.map +0 -1
  138. package/dist/components/base/TimeInput.d.ts +0 -1
  139. package/dist/components/base/TimeInput.js +0 -4
  140. package/dist/components/base/TimeInput.js.map +0 -1
  141. package/dist/components/base/Toast.d.ts +0 -2
  142. package/dist/components/base/Toast.js +0 -5
  143. package/dist/components/base/Toast.js.map +0 -1
  144. package/dist/components/base/Tooltip.d.ts +0 -1
  145. package/dist/components/base/Tooltip.js +0 -4
  146. package/dist/components/base/Tooltip.js.map +0 -1
  147. package/dist/components/base/User.d.ts +0 -1
  148. package/dist/components/base/User.js +0 -4
  149. package/dist/components/base/User.js.map +0 -1
  150. package/dist/components/chart/Chart.d.ts +0 -13
  151. package/dist/components/chart/Chart.js +0 -30
  152. package/dist/components/chart/Chart.js.map +0 -1
  153. package/dist/components/chart/Chart.stories.d.ts +0 -12
  154. package/dist/components/chart/Chart.stories.js +0 -194
  155. package/dist/components/chart/Chart.stories.js.map +0 -1
  156. package/dist/components/charts/ChartCircle.d.ts +0 -18
  157. package/dist/components/charts/ChartCircle.js +0 -18
  158. package/dist/components/charts/ChartCircle.js.map +0 -1
  159. package/dist/components/charts/ChartCircle.stories.d.ts +0 -6
  160. package/dist/components/charts/ChartCircle.stories.js +0 -35
  161. package/dist/components/charts/ChartCircle.stories.js.map +0 -1
  162. package/dist/components/color-input/ColorInput.d.ts +0 -8
  163. package/dist/components/color-input/ColorInput.js +0 -24
  164. package/dist/components/color-input/ColorInput.js.map +0 -1
  165. package/dist/components/color-input/ColorInput.stories.d.ts +0 -7
  166. package/dist/components/color-input/ColorInput.stories.js +0 -21
  167. package/dist/components/color-input/ColorInput.stories.js.map +0 -1
  168. package/dist/components/color-selector/ColorSelector.d.ts +0 -14
  169. package/dist/components/color-selector/ColorSelector.js +0 -16
  170. package/dist/components/color-selector/ColorSelector.js.map +0 -1
  171. package/dist/components/color-selector/ColorSelector.stories.d.ts +0 -8
  172. package/dist/components/color-selector/ColorSelector.stories.js +0 -35
  173. package/dist/components/color-selector/ColorSelector.stories.js.map +0 -1
  174. package/dist/components/grid/Grid.d.ts +0 -8
  175. package/dist/components/grid/Grid.js +0 -28
  176. package/dist/components/grid/Grid.js.map +0 -1
  177. package/dist/components/grid/Grid.stories.d.ts +0 -8
  178. package/dist/components/grid/Grid.stories.js +0 -29
  179. package/dist/components/grid/Grid.stories.js.map +0 -1
  180. package/dist/components/multi-switch/MultiSwitch.d.ts +0 -9
  181. package/dist/components/multi-switch/MultiSwitch.js +0 -31
  182. package/dist/components/multi-switch/MultiSwitch.js.map +0 -1
  183. package/dist/components/multi-switch/MultiSwitch.stories.d.ts +0 -8
  184. package/dist/components/multi-switch/MultiSwitch.stories.js +0 -28
  185. package/dist/components/multi-switch/MultiSwitch.stories.js.map +0 -1
  186. package/dist/components/theme-switch/ThemeSwitch.d.ts +0 -6
  187. package/dist/components/theme-switch/ThemeSwitch.js +0 -16
  188. package/dist/components/theme-switch/ThemeSwitch.js.map +0 -1
  189. package/dist/components/theme-switch/ThemeSwitch.stories.d.ts +0 -6
  190. package/dist/components/theme-switch/ThemeSwitch.stories.js +0 -13
  191. package/dist/components/theme-switch/ThemeSwitch.stories.js.map +0 -1
  192. package/dist/constants.d.ts +0 -12
  193. package/dist/constants.js +0 -13
  194. package/dist/constants.js.map +0 -1
  195. package/dist/context.d.ts +0 -106
  196. package/dist/context.js +0 -467
  197. package/dist/context.js.map +0 -1
  198. package/dist/fragments/form/Form.d.ts +0 -8
  199. package/dist/fragments/form/Form.js +0 -18
  200. package/dist/fragments/form/Form.js.map +0 -1
  201. package/dist/fragments/form/FormSection.d.ts +0 -12
  202. package/dist/fragments/form/FormSection.js +0 -38
  203. package/dist/fragments/form/FormSection.js.map +0 -1
  204. package/dist/fragments/form/FormSection.stories.d.ts +0 -10
  205. package/dist/fragments/form/FormSection.stories.js +0 -53
  206. package/dist/fragments/form/FormSection.stories.js.map +0 -1
  207. package/dist/fragments/page/PageHeader.d.ts +0 -10
  208. package/dist/fragments/page/PageHeader.js +0 -14
  209. package/dist/fragments/page/PageHeader.js.map +0 -1
  210. package/dist/fragments/page/PageHeader.stories.d.ts +0 -8
  211. package/dist/fragments/page/PageHeader.stories.js +0 -33
  212. package/dist/fragments/page/PageHeader.stories.js.map +0 -1
  213. package/dist/fragments/shell/Shell.d.ts +0 -9
  214. package/dist/fragments/shell/Shell.js +0 -6
  215. package/dist/fragments/shell/Shell.js.map +0 -1
  216. package/dist/fragments/shell/Shell.stories.d.ts +0 -10
  217. package/dist/fragments/shell/Shell.stories.js +0 -287
  218. package/dist/fragments/shell/Shell.stories.js.map +0 -1
  219. package/dist/fragments/sidebar/Sidebar.d.ts +0 -49
  220. package/dist/fragments/sidebar/Sidebar.js +0 -93
  221. package/dist/fragments/sidebar/Sidebar.js.map +0 -1
  222. package/dist/fragments/sidebar/Sidebar.stories.d.ts +0 -8
  223. package/dist/fragments/sidebar/Sidebar.stories.js +0 -158
  224. package/dist/fragments/sidebar/Sidebar.stories.js.map +0 -1
  225. package/dist/fragments/sidebar/Sidebar.styles.d.ts +0 -118
  226. package/dist/fragments/sidebar/Sidebar.styles.js +0 -45
  227. package/dist/fragments/sidebar/Sidebar.styles.js.map +0 -1
  228. package/dist/fragments/widget/Widget.d.ts +0 -15
  229. package/dist/fragments/widget/Widget.js +0 -310
  230. package/dist/fragments/widget/Widget.js.map +0 -1
  231. package/dist/fragments/widget/Widget.stories.d.ts +0 -8
  232. package/dist/fragments/widget/Widget.stories.js +0 -47
  233. package/dist/fragments/widget/Widget.stories.js.map +0 -1
  234. package/dist/index.d.ts +0 -66
  235. package/dist/index.js.map +0 -1
  236. package/dist/provider.d.ts +0 -7
  237. package/dist/provider.js +0 -17
  238. package/dist/provider.js.map +0 -1
  239. package/dist/tailwind.plugin.d.ts +0 -3
  240. package/dist/tailwind.plugin.js +0 -53
  241. package/dist/tailwind.plugin.js.map +0 -1
  242. package/dist/withFragment.d.ts +0 -2
  243. package/dist/withFragment.js +0 -21
  244. package/dist/withFragment.js.map +0 -1
package/dist/context.js DELETED
@@ -1,467 +0,0 @@
1
- import { createContext } from 'react';
2
- export const defaultContext = {
3
- defaults: {
4
- avatar: {
5
- radius: 'full',
6
- },
7
- table: {
8
- removeWrapper: true,
9
- },
10
- tabs: {
11
- classNames: {
12
- tabList: 'p-0',
13
- panel: 'border-t-[1px] border-default-200 pt-6',
14
- },
15
- variant: 'underlined',
16
- },
17
- user: {
18
- avatarProps: {
19
- radius: 'full',
20
- },
21
- },
22
- multiSwitch: {
23
- variant: 'flat',
24
- },
25
- button: {
26
- variant: 'flat',
27
- radius: 'sm',
28
- },
29
- chart: {
30
- area: {
31
- options: {
32
- chart: {
33
- height: '100%',
34
- width: '100%',
35
- type: 'area',
36
- fontFamily: 'Inter, sans-serif',
37
- dropShadow: {
38
- enabled: false,
39
- },
40
- toolbar: {
41
- show: false,
42
- },
43
- zoom: {
44
- enabled: false,
45
- },
46
- },
47
- tooltip: {
48
- theme: 'dark',
49
- enabled: true,
50
- x: {
51
- show: false,
52
- },
53
- },
54
- fill: {
55
- type: 'gradient',
56
- gradient: {
57
- opacityFrom: 0.55,
58
- opacityTo: 0,
59
- shade: '#1C64F2',
60
- gradientToColors: ['#1C64F2'],
61
- },
62
- },
63
- dataLabels: {
64
- enabled: false,
65
- },
66
- stroke: {
67
- width: 3,
68
- },
69
- grid: {
70
- show: false,
71
- strokeDashArray: 4,
72
- padding: {
73
- left: 2,
74
- right: 2,
75
- top: 0
76
- },
77
- },
78
- xaxis: {
79
- labels: {
80
- show: false,
81
- },
82
- axisBorder: {
83
- show: false,
84
- },
85
- axisTicks: {
86
- show: false,
87
- },
88
- },
89
- yaxis: {
90
- show: false,
91
- },
92
- },
93
- },
94
- line: {
95
- options: {
96
- chart: {
97
- type: 'line',
98
- width: '100%',
99
- height: '100%',
100
- fontFamily: 'Inter, sans-serif',
101
- dropShadow: {
102
- enabled: false,
103
- },
104
- toolbar: {
105
- show: false,
106
- },
107
- animations: {
108
- enabled: false
109
- },
110
- zoom: {
111
- enabled: false,
112
- },
113
- },
114
- tooltip: {
115
- theme: 'dark',
116
- enabled: true,
117
- x: {
118
- show: false,
119
- },
120
- },
121
- dataLabels: {
122
- enabled: false,
123
- },
124
- stroke: {
125
- width: 3,
126
- curve: 'smooth'
127
- },
128
- grid: {
129
- show: true,
130
- strokeDashArray: 4,
131
- padding: {
132
- left: 20,
133
- right: 20,
134
- },
135
- },
136
- legend: {
137
- show: true,
138
- position: 'top',
139
- horizontalAlign: 'left'
140
- },
141
- xaxis: {
142
- categories: ['01 Feb', '02 Feb', '03 Feb', '04 Feb', '05 Feb', '06 Feb', '07 Feb'],
143
- labels: {
144
- show: true,
145
- style: {
146
- fontFamily: 'Inter, sans-serif',
147
- cssClass: 'text-xs font-normal fill-gray-500 dark:fill-gray-400'
148
- }
149
- },
150
- axisBorder: {
151
- show: false,
152
- },
153
- axisTicks: {
154
- show: false,
155
- },
156
- },
157
- yaxis: {
158
- show: false,
159
- },
160
- },
161
- },
162
- column: {
163
- options: {
164
- chart: {
165
- type: 'bar',
166
- fontFamily: 'Inter, sans-serif',
167
- toolbar: {
168
- show: false,
169
- },
170
- },
171
- plotOptions: {
172
- bar: {
173
- horizontal: false,
174
- columnWidth: '70%',
175
- borderRadiusApplication: 'end',
176
- borderRadius: 8,
177
- },
178
- },
179
- tooltip: {
180
- theme: 'dark',
181
- shared: true,
182
- intersect: false,
183
- style: {
184
- fontFamily: 'Inter, sans-serif',
185
- },
186
- },
187
- grid: {
188
- show: false,
189
- strokeDashArray: 4,
190
- padding: {
191
- left: 2,
192
- right: 2,
193
- top: -14
194
- },
195
- },
196
- dataLabels: {
197
- enabled: false,
198
- },
199
- legend: {
200
- show: false,
201
- },
202
- xaxis: {
203
- floating: false,
204
- labels: {
205
- show: true,
206
- style: {
207
- fontFamily: 'Inter, sans-serif',
208
- cssClass: 'text-xs font-normal fill-gray-500 dark:fill-gray-400'
209
- }
210
- },
211
- axisBorder: {
212
- show: false,
213
- },
214
- axisTicks: {
215
- show: false,
216
- },
217
- },
218
- yaxis: {
219
- show: false,
220
- },
221
- fill: {
222
- opacity: 1,
223
- },
224
- },
225
- },
226
- bar: {
227
- options: {
228
- chart: {
229
- sparkline: {
230
- enabled: false,
231
- },
232
- type: 'bar',
233
- width: '100%',
234
- height: 400,
235
- toolbar: {
236
- show: false,
237
- }
238
- },
239
- fill: {
240
- opacity: 1,
241
- },
242
- plotOptions: {
243
- bar: {
244
- horizontal: true,
245
- columnWidth: '100%',
246
- borderRadiusApplication: 'end',
247
- borderRadius: 6,
248
- dataLabels: {
249
- position: 'top',
250
- },
251
- },
252
- },
253
- legend: {
254
- show: true,
255
- position: 'bottom',
256
- },
257
- dataLabels: {
258
- enabled: false,
259
- },
260
- tooltip: {
261
- theme: 'dark',
262
- shared: true,
263
- intersect: false,
264
- },
265
- xaxis: {
266
- labels: {
267
- show: true,
268
- style: {
269
- fontFamily: 'Inter, sans-serif',
270
- },
271
- formatter: function (value) {
272
- return '$' + value;
273
- }
274
- },
275
- categories: ['Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
276
- axisTicks: {
277
- show: false,
278
- },
279
- axisBorder: {
280
- show: false,
281
- },
282
- },
283
- yaxis: {
284
- labels: {
285
- show: true,
286
- style: {
287
- fontFamily: 'Inter, sans-serif',
288
- }
289
- }
290
- },
291
- grid: {
292
- show: true,
293
- strokeDashArray: 4,
294
- padding: {
295
- left: 2,
296
- right: 2,
297
- top: -20
298
- },
299
- }
300
- },
301
- },
302
- pie: {
303
- options: {
304
- chart: {
305
- height: '100%',
306
- width: '100%',
307
- type: 'pie',
308
- },
309
- stroke: {
310
- width: 5,
311
- },
312
- plotOptions: {
313
- pie: {
314
- expandOnClick: false,
315
- dataLabels: {
316
- offset: -25,
317
- }
318
- },
319
- },
320
- dataLabels: {
321
- enabled: true,
322
- style: {
323
- fontFamily: 'Inter, sans-serif',
324
- },
325
- background: {
326
- enabled: true,
327
- padding: 10,
328
- borderWidth: 0,
329
- borderRadius: 5,
330
- dropShadow: {
331
- enabled: true,
332
- }
333
- },
334
- dropShadow: {
335
- enabled: false,
336
- }
337
- },
338
- legend: {
339
- position: 'bottom',
340
- fontFamily: 'Inter, sans-serif',
341
- },
342
- xaxis: {
343
- axisTicks: {
344
- show: false,
345
- },
346
- axisBorder: {
347
- show: false,
348
- },
349
- },
350
- },
351
- },
352
- donut: {
353
- options: {
354
- chart: {
355
- height: '100%',
356
- width: '100%',
357
- type: 'donut',
358
- },
359
- stroke: {
360
- width: 5,
361
- },
362
- plotOptions: {
363
- pie: {
364
- donut: {
365
- labels: {
366
- show: true,
367
- name: {
368
- show: true,
369
- fontFamily: 'Inter, sans-serif',
370
- offsetY: 20,
371
- },
372
- total: {
373
- showAlways: true,
374
- show: true,
375
- fontFamily: 'Inter, sans-serif',
376
- },
377
- value: {
378
- show: true,
379
- fontFamily: 'Inter, sans-serif',
380
- offsetY: -20,
381
- },
382
- },
383
- size: '80%',
384
- },
385
- },
386
- },
387
- grid: {
388
- padding: {
389
- top: -2,
390
- },
391
- },
392
- dataLabels: {
393
- enabled: false,
394
- },
395
- legend: {
396
- position: 'bottom',
397
- fontFamily: 'Inter, sans-serif',
398
- },
399
- xaxis: {
400
- axisTicks: {
401
- show: false,
402
- },
403
- axisBorder: {
404
- show: false,
405
- },
406
- },
407
- },
408
- },
409
- radial: {
410
- options: {
411
- chart: {
412
- height: '100%',
413
- width: '100%',
414
- type: 'radialBar',
415
- sparkline: {
416
- enabled: true,
417
- },
418
- },
419
- stroke: {
420
- lineCap: 'round',
421
- },
422
- plotOptions: {
423
- radialBar: {
424
- dataLabels: {
425
- show: false,
426
- },
427
- hollow: {
428
- margin: 0,
429
- size: '32%',
430
- }
431
- },
432
- },
433
- grid: {
434
- show: false,
435
- strokeDashArray: 4,
436
- padding: {
437
- left: 2,
438
- right: 2,
439
- top: -23,
440
- bottom: -20,
441
- },
442
- },
443
- legend: {
444
- show: true,
445
- position: 'bottom',
446
- fontFamily: 'Inter, sans-serif',
447
- },
448
- tooltip: {
449
- theme: 'dark',
450
- enabled: true,
451
- x: {
452
- show: false,
453
- },
454
- },
455
- yaxis: {
456
- show: false,
457
- }
458
- },
459
- },
460
- },
461
- pagination: {
462
- variant: 'light',
463
- }
464
- },
465
- };
466
- export const FragmentUIContext = createContext(defaultContext);
467
- //# sourceMappingURL=context.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"context.js","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"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"}
@@ -1,8 +0,0 @@
1
- /**
2
- * Primary UI component for Form Sections
3
- */
4
- import React from 'react';
5
- export interface FormProps extends React.FormHTMLAttributes<HTMLFormElement> {
6
- children: React.ReactNode[];
7
- }
8
- export declare const Form: React.FC<FormProps>;
@@ -1,18 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- /**
3
- * Primary UI component for Form Sections
4
- */
5
- import React, { isValidElement } from 'react';
6
- import { tv } from 'tailwind-variants';
7
- import { Divider } from '../../components/base/Divider';
8
- import { withFragment } from '../../withFragment';
9
- const form = tv({
10
- slots: {
11
- divider: 'my-6',
12
- },
13
- });
14
- export const Form = withFragment(({ children, ...props }) => {
15
- const v = form();
16
- return (_jsx("form", { ...props, children: children.filter(isValidElement).map((child, index) => index === 0 ? child : (_jsxs(React.Fragment, { children: [_jsx(Divider, { className: v.divider() }), child] }, index))) }));
17
- }, 'form');
18
- //# sourceMappingURL=Form.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/fragments/form/Form.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAMlD,MAAM,IAAI,GAAG,EAAE,CAAC;IACd,KAAK,EAAE;QACL,OAAO,EAAE,MAAM;KAChB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,IAAI,GAAwB,YAAY,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC/E,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IAEjB,OAAO,CACL,kBAAU,KAAK,YACZ,QAAQ,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAC3E,MAAC,KAAK,CAAC,QAAQ,eACb,KAAC,OAAO,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,GAAI,EAClC,KAAK,KAFa,KAAK,CAGT,CAClB,CAAC,GACG,CACR,CAAC;AACJ,CAAC,EAAE,MAAM,CAAC,CAAC"}
@@ -1,12 +0,0 @@
1
- /**
2
- * Primary UI component for Form Sections
3
- */
4
- import React from 'react';
5
- export interface FormSectionProps {
6
- children: React.ReactNode;
7
- title: string;
8
- description?: React.ReactNode;
9
- direction?: 'vertical' | 'horizontal';
10
- fullWidth?: boolean;
11
- }
12
- export declare const FormSection: React.FC<FormSectionProps>;
@@ -1,38 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { tv } from 'tailwind-variants';
3
- import { withFragment } from '../../withFragment';
4
- const formSection = tv({
5
- slots: {
6
- base: '',
7
- main: 'flex flex-col',
8
- content: 'flex flex-col gap-4 flex-1 min-w-0',
9
- info: 'flex-1 pb-4',
10
- description: 'text-small text-foreground-500',
11
- },
12
- variants: {
13
- direction: {
14
- horizontal: {
15
- main: 'sm:flex-row',
16
- content: 'sm:items-end sm:justify-center sm:max-w-sm',
17
- info: 'sm:max-w-sm sm:pr-4 sm:pb-0',
18
- },
19
- vertical: {
20
- content: 'sm:max-w-3xl',
21
- },
22
- },
23
- fullWidth: {
24
- true: {
25
- content: 'sm:max-w-full',
26
- },
27
- },
28
- },
29
- defaultVariants: {
30
- direction: 'vertical',
31
- fullWidth: false,
32
- },
33
- });
34
- export const FormSection = withFragment(({ children, title, description, ...props }) => {
35
- const v = formSection(props);
36
- return (_jsx("div", { className: v.base(), children: _jsxs("div", { className: v.main(), children: [_jsxs("div", { className: v.info(), children: [_jsx("h3", { children: title }), _jsx("div", { className: v.description(), children: description })] }), _jsx("div", { className: v.content(), children: children })] }) }));
37
- }, 'formSection');
38
- //# sourceMappingURL=FormSection.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FormSection.js","sourceRoot":"","sources":["../../../src/fragments/form/FormSection.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAUlD,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE;QACR,IAAI,EAAE,eAAe;QACrB,OAAO,EAAE,oCAAoC;QAC7C,IAAI,EAAE,aAAa;QACnB,WAAW,EAAE,gCAAgC;KAC9C;IACD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,UAAU,EAAE;gBACV,IAAI,EAAE,aAAa;gBACnB,OAAO,EAAE,4CAA4C;gBACrD,IAAI,EAAE,6BAA6B;aACpC;YACD,QAAQ,EAAE;gBACR,OAAO,EAAE,cAAc;aACxB;SACF;QACD,SAAS,EAAE;YACT,IAAI,EAAE;gBACJ,OAAO,EAAE,eAAe;aACzB;SACF;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,UAAU;QACrB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAA+B,YAAY,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACjH,MAAM,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAE7B,OAAO,CACL,cAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,YACtB,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,aACtB,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,aACtB,uBAAK,KAAK,GAAM,EAChB,cAAK,SAAS,EAAE,CAAC,CAAC,WAAW,EAAE,YAAG,WAAW,GAAO,IAChD,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,YACxB,QAAQ,GACL,IACF,GACF,CACP,CAAC;AACJ,CAAC,EAAE,aAAa,CAAC,CAAC"}
@@ -1,10 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react-vite';
2
- import { FormSection } from './FormSection';
3
- declare const meta: Meta<typeof FormSection>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
7
- export declare const Horizontal: Story;
8
- export declare const FullWidth: Story;
9
- export declare const WithSectionTitle: Story;
10
- export declare const HorizontalSimple: Story;
@@ -1,53 +0,0 @@
1
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { FormSection } from './FormSection';
3
- import { Input } from '../../components/base/Input';
4
- import { Switch } from '../../components/base/Switch';
5
- // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
6
- const meta = {
7
- title: 'fragments/FormSection',
8
- component: FormSection,
9
- tags: ['autodocs'],
10
- };
11
- export default meta;
12
- // More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
13
- export const Default = {
14
- args: {
15
- title: 'Profile',
16
- description: 'These are my personal information.',
17
- children: (_jsxs(_Fragment, { children: [_jsx(Input, { label: "Firstname" }), _jsx(Input, { label: "Lastname" })] })),
18
- },
19
- };
20
- export const Horizontal = {
21
- args: {
22
- title: 'Profile',
23
- description: 'These are my personal information.',
24
- direction: 'horizontal',
25
- children: (_jsxs(_Fragment, { children: [_jsx(Input, { label: "Firstname" }), _jsx(Input, { label: "Lastname" })] })),
26
- },
27
- };
28
- export const FullWidth = {
29
- args: {
30
- title: 'Profile',
31
- description: 'These are my personal information.',
32
- direction: 'horizontal',
33
- fullWidth: true,
34
- children: (_jsxs(_Fragment, { children: [_jsx(Input, { label: "Firstname" }), _jsx(Input, { label: "Lastname" })] })),
35
- },
36
- };
37
- export const WithSectionTitle = {
38
- args: {
39
- title: 'Profile',
40
- description: 'These are my personal information.',
41
- direction: 'horizontal',
42
- children: (_jsxs(_Fragment, { children: [_jsx(Input, { label: "Firstname" }), _jsx(Input, { label: "Lastname" })] })),
43
- },
44
- };
45
- export const HorizontalSimple = {
46
- args: {
47
- title: 'Notifications',
48
- description: 'Turn on/off email notifications.',
49
- direction: 'horizontal',
50
- children: _jsx(Switch, {}),
51
- },
52
- };
53
- //# sourceMappingURL=FormSection.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FormSection.stories.js","sourceRoot":"","sources":["../../../src/fragments/form/FormSection.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAEtD,qGAAqG;AACrG,MAAM,IAAI,GAA6B;IACrC,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,8FAA8F;AAC9F,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,oCAAoC;QACjD,QAAQ,EAAE,CACR,8BACE,KAAC,KAAK,IAAC,KAAK,EAAC,WAAW,GAAG,EAC3B,KAAC,KAAK,IAAC,KAAK,EAAC,UAAU,GAAG,IACzB,CACJ;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,oCAAoC;QACjD,SAAS,EAAE,YAAY;QACvB,QAAQ,EAAE,CACR,8BACE,KAAC,KAAK,IAAC,KAAK,EAAC,WAAW,GAAG,EAC3B,KAAC,KAAK,IAAC,KAAK,EAAC,UAAU,GAAG,IACzB,CACJ;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,oCAAoC;QACjD,SAAS,EAAE,YAAY;QACvB,SAAS,EAAE,IAAI;QACf,QAAQ,EAAE,CACR,8BACE,KAAC,KAAK,IAAC,KAAK,EAAC,WAAW,GAAG,EAC3B,KAAC,KAAK,IAAC,KAAK,EAAC,UAAU,GAAG,IACzB,CACJ;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,oCAAoC;QACjD,SAAS,EAAE,YAAY;QACvB,QAAQ,EAAE,CACR,8BACE,KAAC,KAAK,IAAC,KAAK,EAAC,WAAW,GAAG,EAC3B,KAAC,KAAK,IAAC,KAAK,EAAC,UAAU,GAAG,IACzB,CACJ;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,IAAI,EAAE;QACJ,KAAK,EAAE,eAAe;QACtB,WAAW,EAAE,kCAAkC;QAC/C,SAAS,EAAE,YAAY;QACvB,QAAQ,EAAE,KAAC,MAAM,KAAG;KACrB;CACF,CAAC"}
@@ -1,10 +0,0 @@
1
- /**
2
- * Primary UI component for Form Sections
3
- */
4
- import React from 'react';
5
- export interface PageHeaderProps {
6
- children?: React.ReactNode;
7
- title: string;
8
- description?: React.ReactNode;
9
- }
10
- export declare const PageHeader: React.FC<PageHeaderProps>;
@@ -1,14 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { tv } from 'tailwind-variants';
3
- const pageHeader = tv({
4
- slots: {
5
- base: 'flex gap-4 justify-between sm:items-end mb-8 flex-col sm:flex-row',
6
- description: 'mt-2 text-foreground-500 ',
7
- actions: 'flex gap-4',
8
- },
9
- });
10
- export const PageHeader = ({ children, title, description, ...props }) => {
11
- const v = pageHeader(props);
12
- return (_jsxs("header", { className: v.base(), children: [_jsxs("div", { children: [_jsx("h1", { children: title }), description && _jsx("p", { className: v.description(), children: description })] }), _jsx("div", { className: v.actions(), children: children })] }));
13
- };
14
- //# sourceMappingURL=PageHeader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../../src/fragments/page/PageHeader.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAQvC,MAAM,UAAU,GAAG,EAAE,CAAC;IACpB,KAAK,EAAE;QACL,IAAI,EAAE,mEAAmE;QACzE,WAAW,EAAE,2BAA2B;QACxC,OAAO,EAAE,YAAY;KACtB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClG,MAAM,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;IAE5B,OAAO,CACL,kBAAQ,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,aACzB,0BACE,uBAAK,KAAK,GAAM,EACf,WAAW,IAAI,YAAG,SAAS,EAAE,CAAC,CAAC,WAAW,EAAE,YAAG,WAAW,GAAK,IAC5D,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,YAAG,QAAQ,GAAO,IACtC,CACV,CAAC;AACJ,CAAC,CAAC"}