@pilotiq/pilotiq 0.23.1 → 0.24.2

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 (500) hide show
  1. package/CHANGELOG.md +91 -0
  2. package/boost/guidelines.md +566 -0
  3. package/boost/skills/pilotiq-fields/SKILL.md +47 -0
  4. package/boost/skills/pilotiq-fields/rules/field-catalog.md +288 -0
  5. package/boost/skills/pilotiq-fields/rules/reactive-fields.md +199 -0
  6. package/boost/skills/pilotiq-fields/rules/validation.md +198 -0
  7. package/boost/skills/pilotiq-relations/SKILL.md +47 -0
  8. package/boost/skills/pilotiq-relations/rules/relation-managers.md +256 -0
  9. package/boost/skills/pilotiq-relations/rules/repeater-relationship.md +177 -0
  10. package/boost/skills/pilotiq-resource/SKILL.md +61 -0
  11. package/boost/skills/pilotiq-resource/rules/authorization.md +242 -0
  12. package/boost/skills/pilotiq-resource/rules/defining-resources.md +228 -0
  13. package/boost/skills/pilotiq-resource/rules/page-overrides.md +296 -0
  14. package/dist/actions/exportFactory.d.ts +10 -0
  15. package/dist/actions/exportFactory.d.ts.map +1 -1
  16. package/dist/actions/exportFactory.js +10 -0
  17. package/dist/actions/exportFactory.js.map +1 -1
  18. package/dist/react/CollabRoomContext.d.ts +5 -5
  19. package/dist/react/index.d.ts +0 -1
  20. package/dist/react/index.d.ts.map +1 -1
  21. package/dist/react/index.js +0 -1
  22. package/dist/react/index.js.map +1 -1
  23. package/dist/routes/helpers.d.ts.map +1 -1
  24. package/dist/routes/helpers.js +6 -2
  25. package/dist/routes/helpers.js.map +1 -1
  26. package/dist/routes/relations.d.ts.map +1 -1
  27. package/dist/routes/relations.js +12 -0
  28. package/dist/routes/relations.js.map +1 -1
  29. package/package.json +6 -1
  30. package/.turbo/turbo-build.log +0 -8
  31. package/CLAUDE.md +0 -265
  32. package/dist/react/useCollabSeed.d.ts +0 -23
  33. package/dist/react/useCollabSeed.d.ts.map +0 -1
  34. package/dist/react/useCollabSeed.js +0 -82
  35. package/dist/react/useCollabSeed.js.map +0 -1
  36. package/src/Cluster.test.ts +0 -283
  37. package/src/Cluster.ts +0 -83
  38. package/src/Column.test.ts +0 -199
  39. package/src/Column.ts +0 -710
  40. package/src/Global.test.ts +0 -367
  41. package/src/Global.ts +0 -169
  42. package/src/Page.test.ts +0 -114
  43. package/src/Page.ts +0 -208
  44. package/src/Pilotiq.perf.test.ts +0 -252
  45. package/src/Pilotiq.test.ts +0 -129
  46. package/src/Pilotiq.ts +0 -1158
  47. package/src/PilotiqRegistry.ts +0 -36
  48. package/src/PilotiqServiceProvider.ts +0 -121
  49. package/src/RelationManager.test.ts +0 -400
  50. package/src/RelationManager.ts +0 -527
  51. package/src/RenderHook.test.ts +0 -252
  52. package/src/RenderHook.ts +0 -242
  53. package/src/Resource.test.ts +0 -284
  54. package/src/Resource.ts +0 -526
  55. package/src/RightPanel.test.ts +0 -202
  56. package/src/RightPanel.ts +0 -132
  57. package/src/Tab.test.ts +0 -91
  58. package/src/Tab.ts +0 -156
  59. package/src/UserMenuItem.ts +0 -145
  60. package/src/actions/Action.test.ts +0 -2526
  61. package/src/actions/Action.ts +0 -1515
  62. package/src/actions/ActionGroup.test.ts +0 -112
  63. package/src/actions/ActionGroup.ts +0 -173
  64. package/src/actions/attachFactory.ts +0 -172
  65. package/src/actions/bulkFactories.ts +0 -168
  66. package/src/actions/crudFactories.ts +0 -220
  67. package/src/actions/exportFactory.ts +0 -215
  68. package/src/actions/factoryHelpers.ts +0 -177
  69. package/src/actions/importFactory.ts +0 -243
  70. package/src/actions/index.ts +0 -17
  71. package/src/actions/m2mFactories.ts +0 -193
  72. package/src/actions/relationFactories.ts +0 -372
  73. package/src/applyPageHooks.test.ts +0 -463
  74. package/src/applyPageHooks.ts +0 -330
  75. package/src/authorization.test.ts +0 -483
  76. package/src/breadcrumbs.test.ts +0 -238
  77. package/src/cells/coerce.test.ts +0 -85
  78. package/src/cells/coerce.ts +0 -84
  79. package/src/clusterPaths.ts +0 -35
  80. package/src/columns/BadgeColumn.test.ts +0 -54
  81. package/src/columns/BadgeColumn.ts +0 -32
  82. package/src/columns/BooleanColumn.test.ts +0 -41
  83. package/src/columns/BooleanColumn.ts +0 -18
  84. package/src/columns/ColorColumn.test.ts +0 -37
  85. package/src/columns/ColorColumn.ts +0 -38
  86. package/src/columns/IconColumn.test.ts +0 -54
  87. package/src/columns/IconColumn.ts +0 -37
  88. package/src/columns/ImageColumn.test.ts +0 -41
  89. package/src/columns/ImageColumn.ts +0 -28
  90. package/src/columns/SelectColumn.ts +0 -98
  91. package/src/columns/TextColumn.test.ts +0 -190
  92. package/src/columns/TextColumn.ts +0 -20
  93. package/src/columns/TextInputColumn.ts +0 -68
  94. package/src/columns/ToggleColumn.ts +0 -46
  95. package/src/columns/editableColumns.test.ts +0 -238
  96. package/src/columns/index.ts +0 -9
  97. package/src/defaultGlobalPages.ts +0 -95
  98. package/src/defaultPages.test.ts +0 -634
  99. package/src/defaultPages.ts +0 -617
  100. package/src/defaultViewPage.test.ts +0 -147
  101. package/src/elements/Form.test.ts +0 -223
  102. package/src/elements/Form.ts +0 -416
  103. package/src/elements/ListTabs.ts +0 -28
  104. package/src/elements/Table.test.ts +0 -422
  105. package/src/elements/Table.ts +0 -850
  106. package/src/elements/TableGroup.test.ts +0 -260
  107. package/src/elements/TableGroup.ts +0 -334
  108. package/src/elements/dispatchAction.test.ts +0 -463
  109. package/src/elements/dispatchAction.ts +0 -355
  110. package/src/elements/dispatchForm.test.ts +0 -477
  111. package/src/elements/dispatchForm.ts +0 -1993
  112. package/src/elements/dispatchTable.test.ts +0 -1514
  113. package/src/elements/dispatchTable.ts +0 -745
  114. package/src/elements/index.ts +0 -21
  115. package/src/entries/BadgeEntry.ts +0 -39
  116. package/src/entries/CodeEntry.test.ts +0 -40
  117. package/src/entries/CodeEntry.ts +0 -52
  118. package/src/entries/ColorEntry.ts +0 -63
  119. package/src/entries/ComponentEntry.test.ts +0 -173
  120. package/src/entries/ComponentEntry.ts +0 -95
  121. package/src/entries/Entry.ts +0 -304
  122. package/src/entries/IconEntry.ts +0 -49
  123. package/src/entries/ImageEntry.ts +0 -61
  124. package/src/entries/KeyValueEntry.ts +0 -47
  125. package/src/entries/RepeatableEntry.test.ts +0 -239
  126. package/src/entries/RepeatableEntry.ts +0 -173
  127. package/src/entries/TextEntry.test.ts +0 -394
  128. package/src/entries/TextEntry.ts +0 -60
  129. package/src/entries/index.ts +0 -12
  130. package/src/entries/leaves.test.ts +0 -306
  131. package/src/entries/registry.ts +0 -54
  132. package/src/fields/BuilderField.test.ts +0 -1188
  133. package/src/fields/BuilderField.ts +0 -605
  134. package/src/fields/BuilderRelationship.test.ts +0 -811
  135. package/src/fields/CheckboxField.test.ts +0 -44
  136. package/src/fields/CheckboxField.ts +0 -27
  137. package/src/fields/CheckboxListField.test.ts +0 -99
  138. package/src/fields/CheckboxListField.ts +0 -66
  139. package/src/fields/ColorPickerField.test.ts +0 -33
  140. package/src/fields/ColorPickerField.ts +0 -25
  141. package/src/fields/DateField.ts +0 -54
  142. package/src/fields/DateTimeField.test.ts +0 -55
  143. package/src/fields/EmailField.ts +0 -16
  144. package/src/fields/Field.test.ts +0 -654
  145. package/src/fields/Field.ts +0 -817
  146. package/src/fields/FileUploadField.test.ts +0 -143
  147. package/src/fields/FileUploadField.ts +0 -159
  148. package/src/fields/HiddenField.test.ts +0 -27
  149. package/src/fields/HiddenField.ts +0 -28
  150. package/src/fields/KeyValueField.test.ts +0 -105
  151. package/src/fields/KeyValueField.ts +0 -55
  152. package/src/fields/MarkdownField.test.ts +0 -167
  153. package/src/fields/MarkdownField.ts +0 -162
  154. package/src/fields/NumberField.ts +0 -33
  155. package/src/fields/RadioField.test.ts +0 -94
  156. package/src/fields/RadioField.ts +0 -67
  157. package/src/fields/RepeaterField.test.ts +0 -1806
  158. package/src/fields/RepeaterField.ts +0 -939
  159. package/src/fields/RepeaterRelationship.test.ts +0 -1923
  160. package/src/fields/RepeaterSimple.test.ts +0 -248
  161. package/src/fields/RowButton.test.ts +0 -219
  162. package/src/fields/RowButton.ts +0 -135
  163. package/src/fields/SelectField.test.ts +0 -192
  164. package/src/fields/SelectField.ts +0 -235
  165. package/src/fields/SliderField.test.ts +0 -50
  166. package/src/fields/SliderField.ts +0 -53
  167. package/src/fields/SlugField.ts +0 -24
  168. package/src/fields/TagsInputField.test.ts +0 -154
  169. package/src/fields/TagsInputField.ts +0 -133
  170. package/src/fields/TextField.test.ts +0 -213
  171. package/src/fields/TextField.ts +0 -177
  172. package/src/fields/TextareaField.test.ts +0 -58
  173. package/src/fields/TextareaField.ts +0 -59
  174. package/src/fields/ToggleButtonsField.test.ts +0 -106
  175. package/src/fields/ToggleButtonsField.ts +0 -59
  176. package/src/fields/ToggleField.ts +0 -16
  177. package/src/fields/disableOptionsWhenSelectedInSiblingRepeaterItems.test.ts +0 -319
  178. package/src/fields/optionsResolver.ts +0 -95
  179. package/src/fields/resolveField.ts +0 -28
  180. package/src/filters/BooleanFilter.ts +0 -35
  181. package/src/filters/DateRangeFilter.test.ts +0 -194
  182. package/src/filters/DateRangeFilter.ts +0 -148
  183. package/src/filters/Filter.test.ts +0 -268
  184. package/src/filters/Filter.ts +0 -184
  185. package/src/filters/FormFilter.test.ts +0 -238
  186. package/src/filters/FormFilter.ts +0 -215
  187. package/src/filters/MultiSelectFilter.test.ts +0 -119
  188. package/src/filters/MultiSelectFilter.ts +0 -78
  189. package/src/filters/QueryBuilderFilter.test.ts +0 -662
  190. package/src/filters/QueryBuilderFilter.ts +0 -398
  191. package/src/filters/SelectFilter.ts +0 -46
  192. package/src/filters/TernaryFilter.test.ts +0 -160
  193. package/src/filters/TernaryFilter.ts +0 -72
  194. package/src/filters/TrashedFilter.test.ts +0 -149
  195. package/src/filters/TrashedFilter.ts +0 -55
  196. package/src/filters/queryBuilder/BooleanConstraint.ts +0 -31
  197. package/src/filters/queryBuilder/Constraint.ts +0 -115
  198. package/src/filters/queryBuilder/DateConstraint.ts +0 -69
  199. package/src/filters/queryBuilder/NumberConstraint.ts +0 -66
  200. package/src/filters/queryBuilder/SelectConstraint.ts +0 -72
  201. package/src/filters/queryBuilder/TextConstraint.ts +0 -64
  202. package/src/filters/queryBuilder/index.ts +0 -12
  203. package/src/icons/index.ts +0 -2
  204. package/src/icons/lucide.ts +0 -204
  205. package/src/icons/registry.test.ts +0 -56
  206. package/src/icons/registry.ts +0 -41
  207. package/src/icons/types.ts +0 -47
  208. package/src/index.ts +0 -525
  209. package/src/io/csv.test.ts +0 -142
  210. package/src/io/csv.ts +0 -170
  211. package/src/nestedRelationManagerData.test.ts +0 -547
  212. package/src/notifications/Notification.test.ts +0 -210
  213. package/src/notifications/Notification.ts +0 -354
  214. package/src/notifications/broadcast.test.ts +0 -110
  215. package/src/notifications/broadcast.ts +0 -95
  216. package/src/notifications/database.test.ts +0 -383
  217. package/src/notifications/database.ts +0 -398
  218. package/src/notifications/databaseNotifications.test.ts +0 -187
  219. package/src/notifications/dispatchNotificationAction.test.ts +0 -341
  220. package/src/notifications/dispatchNotificationAction.ts +0 -142
  221. package/src/notifications/flash.test.ts +0 -89
  222. package/src/notifications/flash.ts +0 -71
  223. package/src/notifications/index.ts +0 -45
  224. package/src/notifications/registerBroadcastAuth.test.ts +0 -134
  225. package/src/notifications/registerBroadcastAuth.ts +0 -100
  226. package/src/notifications/resolveSavedNotification.test.ts +0 -82
  227. package/src/notifications/resolveSavedNotification.ts +0 -59
  228. package/src/notifications/types.ts +0 -93
  229. package/src/orm/m2mAccessor.ts +0 -66
  230. package/src/orm/modelDefaults.test.ts +0 -633
  231. package/src/orm/modelDefaults.ts +0 -666
  232. package/src/pageData/breadcrumbs.ts +0 -288
  233. package/src/pageData/forms.ts +0 -578
  234. package/src/pageData/helpers.ts +0 -857
  235. package/src/pageData/misc.ts +0 -347
  236. package/src/pageData/navigation.ts +0 -842
  237. package/src/pageData/relationPages.ts +0 -1248
  238. package/src/pageData/relationTabs.ts +0 -286
  239. package/src/pageData/resourcePages.ts +0 -609
  240. package/src/pageData.test.ts +0 -1545
  241. package/src/pageData.ts +0 -341
  242. package/src/plugins/index.ts +0 -8
  243. package/src/plugins/themeEditor.test.ts +0 -36
  244. package/src/plugins/themeEditor.ts +0 -45
  245. package/src/react/AppShell.tsx +0 -251
  246. package/src/react/CollabExtensionFactoryRegistry.ts +0 -55
  247. package/src/react/CollabRoomContext.ts +0 -98
  248. package/src/react/CollabTextRendererRegistry.ts +0 -102
  249. package/src/react/CommandPalette.tsx +0 -375
  250. package/src/react/CurrentUserContext.tsx +0 -50
  251. package/src/react/CustomPageWrapperGate.tsx +0 -69
  252. package/src/react/CustomPageWrapperRegistry.ts +0 -45
  253. package/src/react/FieldFocusReporterRegistry.ts +0 -37
  254. package/src/react/FieldLabelSlotRegistry.ts +0 -30
  255. package/src/react/FieldPresenceRegistry.ts +0 -46
  256. package/src/react/FormCollabBindingRegistry.ts +0 -242
  257. package/src/react/FormStateContext.tsx +0 -591
  258. package/src/react/HeadHooks.tsx +0 -126
  259. package/src/react/MarkdownEditorRegistry.test.ts +0 -38
  260. package/src/react/MarkdownEditorRegistry.ts +0 -107
  261. package/src/react/NotificationActionStrip.tsx +0 -263
  262. package/src/react/NotificationBell.tsx +0 -426
  263. package/src/react/PendingSuggestionApplierRegistry.test.ts +0 -97
  264. package/src/react/PendingSuggestionApplierRegistry.ts +0 -98
  265. package/src/react/PendingSuggestionOverlayRegistry.ts +0 -54
  266. package/src/react/PendingSuggestionsContext.tsx +0 -172
  267. package/src/react/RecordWrapperGate.tsx +0 -58
  268. package/src/react/RecordWrapperRegistry.ts +0 -39
  269. package/src/react/RenderHookSlot.tsx +0 -32
  270. package/src/react/RightSidebar.tsx +0 -257
  271. package/src/react/RightSidebarContext.tsx +0 -234
  272. package/src/react/RightSidebarTrigger.tsx +0 -53
  273. package/src/react/RowCoordsContext.tsx +0 -23
  274. package/src/react/SchemaRenderer.tsx +0 -549
  275. package/src/react/SearchTrigger.tsx +0 -46
  276. package/src/react/ThemeProvider.tsx +0 -93
  277. package/src/react/ThemeSettingsPage.tsx +0 -579
  278. package/src/react/ThemeToggle.tsx +0 -20
  279. package/src/react/Toaster.tsx +0 -158
  280. package/src/react/UserMenu.tsx +0 -196
  281. package/src/react/WidgetDataContext.tsx +0 -157
  282. package/src/react/cells/EditableCell.tsx +0 -389
  283. package/src/react/component-slots.test.ts +0 -103
  284. package/src/react/component-slots.ts +0 -116
  285. package/src/react/fieldJsHandler.test.ts +0 -166
  286. package/src/react/fieldJsHandler.ts +0 -79
  287. package/src/react/fields/BuilderInput.tsx +0 -1078
  288. package/src/react/fields/CheckboxInput.tsx +0 -39
  289. package/src/react/fields/CheckboxListInput.tsx +0 -102
  290. package/src/react/fields/ColorInput.tsx +0 -71
  291. package/src/react/fields/DateFieldInput.tsx +0 -70
  292. package/src/react/fields/DateTimeInput.tsx +0 -62
  293. package/src/react/fields/FieldShell.tsx +0 -348
  294. package/src/react/fields/FileUploadInput.tsx +0 -639
  295. package/src/react/fields/HiddenInput.tsx +0 -17
  296. package/src/react/fields/KeyValueInput.tsx +0 -230
  297. package/src/react/fields/MarkdownInput.tsx +0 -560
  298. package/src/react/fields/RadioInput.tsx +0 -81
  299. package/src/react/fields/RepeaterInput.test.ts +0 -116
  300. package/src/react/fields/RepeaterInput.tsx +0 -1420
  301. package/src/react/fields/SelectFieldInput.tsx +0 -280
  302. package/src/react/fields/SliderInput.tsx +0 -81
  303. package/src/react/fields/TagsInput.tsx +0 -283
  304. package/src/react/fields/TextLikeInput.tsx +0 -256
  305. package/src/react/fields/ToggleButtonsInput.tsx +0 -60
  306. package/src/react/fields/ToggleFieldInput.tsx +0 -56
  307. package/src/react/fields/relationshipRenameDispatch.test.ts +0 -106
  308. package/src/react/fields/relationshipRenameDispatch.ts +0 -97
  309. package/src/react/fields/repeaterReconcile.test.ts +0 -114
  310. package/src/react/fields/repeaterReconcile.ts +0 -104
  311. package/src/react/fields/rowChromeButton.tsx +0 -336
  312. package/src/react/fields/rowState.ts +0 -106
  313. package/src/react/fields/syncRowGates.test.ts +0 -202
  314. package/src/react/fields/syncRowGates.ts +0 -66
  315. package/src/react/fields/textInputControls.tsx +0 -238
  316. package/src/react/fields/useRowReorderDnd.ts +0 -78
  317. package/src/react/formStateHelpers.test.ts +0 -508
  318. package/src/react/formStateHelpers.ts +0 -381
  319. package/src/react/hooks/use-mobile.ts +0 -19
  320. package/src/react/icon-context.tsx +0 -60
  321. package/src/react/index.ts +0 -195
  322. package/src/react/layouts/SidebarLayout.tsx +0 -250
  323. package/src/react/layouts/TopbarLayout.tsx +0 -258
  324. package/src/react/navigate.tsx +0 -37
  325. package/src/react/onProviderSynced.test.ts +0 -90
  326. package/src/react/parseRecordEditUrl.test.ts +0 -122
  327. package/src/react/parseRecordEditUrl.ts +0 -94
  328. package/src/react/persistedState.ts +0 -40
  329. package/src/react/registry.ts +0 -48
  330. package/src/react/right-panel-registry.tsx +0 -47
  331. package/src/react/schemaRenderer/AlertRenderer.tsx +0 -112
  332. package/src/react/schemaRenderer/EntryRenderer.tsx +0 -501
  333. package/src/react/schemaRenderer/SectionRenderer.tsx +0 -120
  334. package/src/react/schemaRenderer/SimpleElements.tsx +0 -306
  335. package/src/react/schemaRenderer/TabsRenderer.tsx +0 -62
  336. package/src/react/schemaRenderer/WizardRenderer.tsx +0 -338
  337. package/src/react/schemaRenderer/action/ActionGroupTrigger.tsx +0 -177
  338. package/src/react/schemaRenderer/action/ActionModalDialog.tsx +0 -273
  339. package/src/react/schemaRenderer/action/ConfirmActionDialog.tsx +0 -61
  340. package/src/react/schemaRenderer/action/HandlerActionButton.tsx +0 -43
  341. package/src/react/schemaRenderer/action/MethodActionButton.tsx +0 -64
  342. package/src/react/schemaRenderer/action/buttons.tsx +0 -99
  343. package/src/react/schemaRenderer/action/helpers.ts +0 -140
  344. package/src/react/schemaRenderer/action/renderAction.tsx +0 -245
  345. package/src/react/schemaRenderer/columnFormat.ts +0 -65
  346. package/src/react/schemaRenderer/constants.ts +0 -50
  347. package/src/react/schemaRenderer/form/FormRenderer.tsx +0 -274
  348. package/src/react/schemaRenderer/form/renderField.tsx +0 -511
  349. package/src/react/schemaRenderer/helpers.tsx +0 -81
  350. package/src/react/schemaRenderer/table/CardsLayoutBody.tsx +0 -308
  351. package/src/react/schemaRenderer/table/TableRenderer.tsx +0 -123
  352. package/src/react/schemaRenderer/table/TableRendererBody.tsx +0 -974
  353. package/src/react/schemaRenderer/table/filters.tsx +0 -1233
  354. package/src/react/schemaRenderer/table/formatCell.tsx +0 -264
  355. package/src/react/schemaRenderer/table/links.tsx +0 -112
  356. package/src/react/schemaRenderer/table/renderRowActions.tsx +0 -52
  357. package/src/react/schemaRenderer/table/url.tsx +0 -143
  358. package/src/react/theme-preview/apply.ts +0 -99
  359. package/src/react/theme-preview/build-html.ts +0 -436
  360. package/src/react/ui/button.tsx +0 -51
  361. package/src/react/ui/calendar.tsx +0 -67
  362. package/src/react/ui/checkbox.tsx +0 -29
  363. package/src/react/ui/dialog.tsx +0 -108
  364. package/src/react/ui/dropdown-menu.tsx +0 -97
  365. package/src/react/ui/input.tsx +0 -20
  366. package/src/react/ui/label.tsx +0 -21
  367. package/src/react/ui/popover.tsx +0 -50
  368. package/src/react/ui/select.tsx +0 -169
  369. package/src/react/ui/separator.tsx +0 -25
  370. package/src/react/ui/sheet.tsx +0 -136
  371. package/src/react/ui/sidebar.tsx +0 -723
  372. package/src/react/ui/skeleton.tsx +0 -13
  373. package/src/react/ui/slider.tsx +0 -34
  374. package/src/react/ui/switch.tsx +0 -28
  375. package/src/react/ui/table.tsx +0 -105
  376. package/src/react/ui/tabs.tsx +0 -63
  377. package/src/react/ui/textarea.tsx +0 -18
  378. package/src/react/ui/tooltip.tsx +0 -64
  379. package/src/react/useCollabSeed.ts +0 -86
  380. package/src/react/useResizableWidth.ts +0 -139
  381. package/src/react/utils.ts +0 -6
  382. package/src/react/widgetRegistry.test.ts +0 -43
  383. package/src/react/widgetRegistry.ts +0 -50
  384. package/src/react/widgets/StatsOverviewRenderer.tsx +0 -232
  385. package/src/react/widgets/TableWidgetRenderer.tsx +0 -231
  386. package/src/react/widgets/ViewRenderer.tsx +0 -71
  387. package/src/relationManagerData.test.ts +0 -1595
  388. package/src/richtext/index.ts +0 -8
  389. package/src/richtext/registry.ts +0 -89
  390. package/src/routes/globals.ts +0 -148
  391. package/src/routes/guard.test.ts +0 -325
  392. package/src/routes/helpers.ts +0 -700
  393. package/src/routes/pages.ts +0 -175
  394. package/src/routes/panel.ts +0 -204
  395. package/src/routes/relations.ts +0 -1227
  396. package/src/routes/resources.ts +0 -781
  397. package/src/routes/theme.ts +0 -91
  398. package/src/routes-nested-relations.test.ts +0 -676
  399. package/src/routes-relations.test.ts +0 -972
  400. package/src/routes.test.ts +0 -2027
  401. package/src/routes.ts +0 -303
  402. package/src/schema/Alert.test.ts +0 -109
  403. package/src/schema/Alert.ts +0 -131
  404. package/src/schema/Block.ts +0 -169
  405. package/src/schema/Breadcrumbs.ts +0 -40
  406. package/src/schema/Card.ts +0 -35
  407. package/src/schema/Divider.ts +0 -20
  408. package/src/schema/Element.ts +0 -219
  409. package/src/schema/EmptyState.test.ts +0 -37
  410. package/src/schema/EmptyState.ts +0 -63
  411. package/src/schema/Fieldset.ts +0 -43
  412. package/src/schema/Grid.ts +0 -43
  413. package/src/schema/Group.ts +0 -30
  414. package/src/schema/Heading.ts +0 -39
  415. package/src/schema/Html.ts +0 -67
  416. package/src/schema/Icon.ts +0 -54
  417. package/src/schema/Image.ts +0 -57
  418. package/src/schema/LinkTag.ts +0 -41
  419. package/src/schema/Markdown.ts +0 -85
  420. package/src/schema/MetaTag.ts +0 -41
  421. package/src/schema/RelationTabs.ts +0 -71
  422. package/src/schema/ScriptTag.ts +0 -55
  423. package/src/schema/Section.ts +0 -160
  424. package/src/schema/ServerDataElement.test.ts +0 -140
  425. package/src/schema/ServerDataElement.ts +0 -156
  426. package/src/schema/SlotComponent.test.ts +0 -77
  427. package/src/schema/SlotComponent.ts +0 -71
  428. package/src/schema/Split.ts +0 -50
  429. package/src/schema/Stat.test.ts +0 -118
  430. package/src/schema/Stat.ts +0 -154
  431. package/src/schema/StatsOverview.test.ts +0 -141
  432. package/src/schema/StatsOverview.ts +0 -119
  433. package/src/schema/StyleTag.ts +0 -35
  434. package/src/schema/TableWidget.test.ts +0 -297
  435. package/src/schema/TableWidget.ts +0 -289
  436. package/src/schema/Tabs.ts +0 -79
  437. package/src/schema/Text.ts +0 -58
  438. package/src/schema/UnorderedList.ts +0 -49
  439. package/src/schema/View.test.ts +0 -111
  440. package/src/schema/View.ts +0 -127
  441. package/src/schema/Wizard.ts +0 -220
  442. package/src/schema/containers.test.ts +0 -564
  443. package/src/schema/headTags.test.ts +0 -134
  444. package/src/schema/index.ts +0 -40
  445. package/src/schema/primes.test.ts +0 -269
  446. package/src/schema/resolveSchema.test.ts +0 -379
  447. package/src/schema/resolveSchema.ts +0 -917
  448. package/src/schema/sanitize.ts +0 -58
  449. package/src/search.test.ts +0 -446
  450. package/src/search.ts +0 -178
  451. package/src/sessionFilters.test.ts +0 -375
  452. package/src/sessionFilters.ts +0 -143
  453. package/src/slot-components/index.ts +0 -10
  454. package/src/slot-components/registry.ts +0 -56
  455. package/src/styles/file-upload.css +0 -13
  456. package/src/summarizers/Summarizer.test.ts +0 -84
  457. package/src/summarizers/Summarizer.ts +0 -123
  458. package/src/summarizers/index.ts +0 -11
  459. package/src/theme/base-colors.ts +0 -68
  460. package/src/theme/chart-colors.ts +0 -50
  461. package/src/theme/colors.ts +0 -447
  462. package/src/theme/generate-css.test.ts +0 -139
  463. package/src/theme/generate-css.ts +0 -44
  464. package/src/theme/generate-scale.test.ts +0 -106
  465. package/src/theme/generate-scale.ts +0 -97
  466. package/src/theme/icon-map.ts +0 -42
  467. package/src/theme/index.ts +0 -34
  468. package/src/theme/migrate.test.ts +0 -178
  469. package/src/theme/migrate.ts +0 -81
  470. package/src/theme/presets.ts +0 -135
  471. package/src/theme/radius.ts +0 -18
  472. package/src/theme/resolve.test.ts +0 -238
  473. package/src/theme/resolve.ts +0 -96
  474. package/src/theme/spacing.ts +0 -18
  475. package/src/theme/storage.test.ts +0 -126
  476. package/src/theme/storage.ts +0 -106
  477. package/src/theme/theme-colors.ts +0 -88
  478. package/src/theme/types.ts +0 -125
  479. package/src/uploads/UploadAdapter.ts +0 -35
  480. package/src/uploads/index.ts +0 -2
  481. package/src/uploads/localUpload.test.ts +0 -70
  482. package/src/uploads/localUpload.ts +0 -84
  483. package/src/validation/Validator.ts +0 -49
  484. package/src/validation/index.ts +0 -28
  485. package/src/validation/rules.ts +0 -78
  486. package/src/validation/runValidators.ts +0 -435
  487. package/src/validation/uniqueValidator.test.ts +0 -196
  488. package/src/validation/uniqueValidator.ts +0 -133
  489. package/src/validation/validators.test.ts +0 -268
  490. package/src/vite.test.ts +0 -184
  491. package/src/vite.ts +0 -787
  492. package/src/widgets/index.ts +0 -10
  493. package/src/widgets/registry.ts +0 -45
  494. package/src/widgets.test.ts +0 -592
  495. package/tsconfig.build.json +0 -11
  496. package/tsconfig.json +0 -4
  497. package/tsconfig.test.json +0 -10
  498. package/views/react/Dashboard.tsx +0 -27
  499. package/views/react/Resources/Form.tsx +0 -102
  500. package/views/react/Resources/Index.tsx +0 -49
package/src/react/theme-preview/build-html.ts DELETED
@@ -1,436 +0,0 @@
1
- /** Build the static preview skeleton — config-independent so the iframe loads once. */
2
- export function buildStaticPreviewHTML(): string {
3
- // Calendar — current month grid with a few highlighted dates.
4
- const today = new Date()
5
- const year = today.getFullYear()
6
- const monthIdx = today.getMonth()
7
- const monthName = today.toLocaleString('en-US', { month: 'long' })
8
- const firstDay = new Date(year, monthIdx, 1).getDay()
9
- const daysInMonth = new Date(year, monthIdx + 1, 0).getDate()
10
- const todayDate = today.getDate()
11
- const calendarCells: string[] = []
12
- for (let i = 0; i < firstDay; i++) calendarCells.push('<div class="cal-cell empty"></div>')
13
- for (let d = 1; d <= daysInMonth; d++) {
14
- const isToday = d === todayDate
15
- const isHighlight = [4, 12, 18, 24].includes(d)
16
- const cls = isToday ? 'cal-cell today' : isHighlight ? 'cal-cell highlight' : 'cal-cell'
17
- calendarCells.push(`<div class="${cls}">${d}</div>`)
18
- }
19
-
20
- return `<!DOCTYPE html>
21
- <html lang="en">
22
- <head>
23
- <meta charset="UTF-8">
24
- <style>
25
- /* Fallback vars so the very first paint isn't blank when applyConfigToDoc
26
- hasn't run yet — replaced by the <style id="pilotiq-theme"> we inject. */
27
- :root {
28
- --background: oklch(1 0 0);
29
- --foreground: oklch(0.15 0 0);
30
- --muted: oklch(0.97 0 0);
31
- --muted-foreground: oklch(0.55 0 0);
32
- --border: oklch(0.9 0 0);
33
- --card: oklch(1 0 0);
34
- --card-foreground: oklch(0.15 0 0);
35
- --primary: oklch(0.55 0 0);
36
- --primary-foreground: oklch(1 0 0);
37
- --secondary: oklch(0.97 0 0);
38
- --accent: oklch(0.97 0 0);
39
- --accent-foreground: oklch(0.15 0 0);
40
- --input: oklch(0.9 0 0);
41
- --chart-1: oklch(0.6 0.1 30);
42
- --chart-2: oklch(0.6 0.1 60);
43
- --chart-3: oklch(0.6 0.1 90);
44
- --chart-4: oklch(0.6 0.1 120);
45
- --chart-5: oklch(0.6 0.1 150);
46
- --radius: 0.5rem;
47
- --spacing: 0.25rem;
48
- }
49
- /* Spacing values use Tailwind v4's --spacing convention: calc(var(--spacing) * N)
50
- where N matches the equivalent Tailwind utility step (p-4 maps to * 4).
51
- One token drives all density — Mira compact, Lyra default,
52
- Vega/Nova/Maia/Luma/Sera comfortable. Font sizes and line-heights stay
53
- literal so type scale doesn't depend on density. */
54
- * { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; }
55
- /* Light mode: --muted (recessed look against white card surfaces).
56
- Dark mode: --background (deep page color — cards already use --card,
57
- which is one step lighter, so the page sits behind them). Mirrors
58
- Tailwind's bg-muted dark:bg-background pattern. */
59
- body {
60
- font-family: var(--default-font-family, 'Geist Variable', sans-serif);
61
- background: var(--muted);
62
- color: var(--foreground);
63
- padding: calc(var(--spacing) * 6);
64
- line-height: 1.5;
65
- -webkit-font-smoothing: antialiased;
66
- }
67
- .dark body { background: var(--background); }
68
- h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading, var(--default-font-family, 'Geist Variable', sans-serif)); }
69
- .grid { display: grid; gap: calc(var(--spacing) * 4); }
70
- .grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
71
- /* grid-main uses the same 3-col base as the stat-cards row so the right
72
- column (calendar / activity) lines up exactly with the third stat card. */
73
- .grid-main { grid-template-columns: repeat(3, 1fr); }
74
- .col-span-2 { grid-column: span 2; }
75
- .flex { display: flex; }
76
- .flex-col { flex-direction: column; }
77
- .items-center { align-items: center; }
78
- .justify-between { justify-content: space-between; }
79
- .gap-2 { gap: calc(var(--spacing) * 2); }
80
- .gap-3 { gap: calc(var(--spacing) * 3); }
81
- .gap-4 { gap: calc(var(--spacing) * 4); }
82
- .text-xs { font-size: 0.75rem; }
83
- .text-sm { font-size: 0.875rem; }
84
- .text-2xl { font-size: 1.5rem; }
85
- .text-3xl { font-size: 1.875rem; line-height: 1.1; }
86
- .font-medium { font-weight: 500; }
87
- .font-semibold { font-weight: 600; }
88
- .font-bold { font-weight: 700; }
89
- .tracking-tight { letter-spacing: -0.025em; }
90
- .text-muted { color: var(--muted-foreground); }
91
- .mt-1 { margin-top: calc(var(--spacing) * 1); }
92
- .mt-2 { margin-top: calc(var(--spacing) * 2); }
93
- .mt-3 { margin-top: calc(var(--spacing) * 3); }
94
- .mt-4 { margin-top: calc(var(--spacing) * 4); }
95
- /* Mirrors shadcn/ui/create's .style-vega .cn-card: 1.4x radius, 10%-foreground
96
- hairline ring (instead of a solid --border), subtle shadow, and overflow:
97
- hidden so child overflow is clipped against the rounded corner. Padding
98
- stays symmetric here because our cards don't have a separate inner section
99
- pattern like shadcn's .cn-card-content. */
100
- .card {
101
- border-radius: calc(var(--radius) * 1.4);
102
- background: var(--card);
103
- color: var(--card-foreground);
104
- padding: calc(var(--spacing) * 6);
105
- font-size: 0.875rem;
106
- line-height: 1.25rem;
107
- box-shadow:
108
- 0 0 0 1px color-mix(in oklab, var(--foreground) 10%, transparent),
109
- 0 1px 2px 0 rgb(0 0 0 / 0.05);
110
- overflow: hidden;
111
- }
112
- .card-header { display: flex; justify-content: space-between; align-items: flex-start; }
113
- /* Card titles use the heading font (visually display-weight even though
114
- rendered as <span>). Stat values stay in the body font — numbers read
115
- as data, not headings, and most heading faces look awkward at large
116
- numeric weights. */
117
- .card-label { font-family: var(--font-heading, var(--default-font-family, 'Geist Variable', sans-serif)); font-size: 0.8125rem; color: var(--muted-foreground); font-weight: 500; }
118
- .card-value { font-size: 1.875rem; font-weight: 700; letter-spacing: -0.025em; margin-top: calc(var(--spacing) * 1); }
119
- /* Stat-card sparkline — full-bleed to card edges. The card's overflow:hidden
120
- clips against the rounded corners; negative margins matching the card's
121
- padding (spacing * 6) extend the chart out to those edges. */
122
- .card-chart {
123
- display: block;
124
- width: calc(100% + calc(var(--spacing) * 12));
125
- height: 40px;
126
- margin-left: calc(var(--spacing) * -6);
127
- margin-right: calc(var(--spacing) * -6);
128
- margin-bottom: calc(var(--spacing) * -6);
129
- margin-top: calc(var(--spacing) * 3);
130
- }
131
- .delta { display: inline-flex; align-items: center; gap: calc(var(--spacing) * 1); font-size: 0.75rem; font-weight: 500; padding: calc(var(--spacing) * 0.5) calc(var(--spacing) * 2); border-radius: 9999px; border: 1px solid var(--border); }
132
- .delta-up { color: var(--primary); }
133
- .badge { padding: calc(var(--spacing) * 0.5) calc(var(--spacing) * 2.5); font-size: 0.75rem; font-weight: 500; border-radius: 9999px; display: inline-flex; align-items: center; gap: calc(var(--spacing) * 1); border: 1px solid var(--border); }
134
- .badge-primary { background: color-mix(in oklch, var(--primary) 12%, transparent); color: var(--primary); border-color: color-mix(in oklch, var(--primary) 30%, transparent); }
135
- .badge-muted { background: var(--muted); color: var(--muted-foreground); }
136
- .btn { padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3.5); font-size: 0.8125rem; font-weight: 500; border-radius: calc(var(--radius) - 2px); cursor: pointer; display: inline-flex; align-items: center; gap: calc(var(--spacing) * 1.5); border: 1px solid transparent; }
137
- .btn-primary { background: var(--primary); color: var(--primary-foreground); }
138
- .btn-outline { background: var(--card); color: var(--foreground); border-color: var(--border); }
139
- .input { width: 100%; border: 1px solid var(--input); border-radius: calc(var(--radius) - 2px); background: var(--background); padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3); font-size: 0.875rem; color: var(--foreground); outline: none; }
140
- table { width: 100%; font-size: 0.8125rem; border-collapse: collapse; }
141
- th { text-align: left; padding: calc(var(--spacing) * 2.5) calc(var(--spacing) * 3.5); font-weight: 500; color: var(--muted-foreground); font-size: 0.75rem; }
142
- td { padding: calc(var(--spacing) * 2.5) calc(var(--spacing) * 3.5); border-top: 1px solid var(--border); }
143
- thead tr { border-bottom: 1px solid var(--border); }
144
- .avatar { width: 1.75rem; height: 1.75rem; border-radius: 9999px; display: inline-flex; align-items: center; justify-content: center; font-size: 0.6875rem; font-weight: 600; color: var(--primary-foreground); background: var(--primary); flex-shrink: 0; }
145
- .dot { display: inline-block; width: 0.5rem; height: 0.5rem; border-radius: 9999px; }
146
- .legend { display: flex; gap: calc(var(--spacing) * 4); align-items: center; font-size: 0.75rem; color: var(--muted-foreground); }
147
- /* Calendar */
148
- .cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; margin-top: calc(var(--spacing) * 3); }
149
- .cal-head { font-size: 0.6875rem; color: var(--muted-foreground); text-align: center; padding: calc(var(--spacing) * 1.5) 0; font-weight: 500; }
150
- .cal-cell { aspect-ratio: 1; display: flex; align-items: center; justify-content: center; font-size: 0.75rem; border-radius: calc(var(--radius) - 4px); cursor: pointer; }
151
- .cal-cell:hover:not(.empty) { background: var(--accent); }
152
- .cal-cell.empty { visibility: hidden; }
153
- .cal-cell.highlight { background: var(--accent); color: var(--accent-foreground); font-weight: 500; }
154
- .cal-cell.today { background: var(--primary); color: var(--primary-foreground); font-weight: 600; }
155
- /* Activity */
156
- .activity { display: flex; align-items: flex-start; gap: calc(var(--spacing) * 3); padding: calc(var(--spacing) * 2.5) 0; }
157
- .activity + .activity { border-top: 1px solid var(--border); }
158
- .activity-text { font-size: 0.8125rem; flex: 1; }
159
- .activity-time { font-size: 0.6875rem; color: var(--muted-foreground); margin-top: calc(var(--spacing) * 0.5); }
160
- /* Token swatch row — fixed 34×34 boxes in a wrapping flex row, mirroring
161
- the reference design. Each swatch has a monospace label beneath it,
162
- truncated with ellipsis if the variable name overflows the box width. */
163
- .swatch-row { display: flex; flex-wrap: wrap; gap: calc(var(--spacing) * 2.5); margin-top: calc(var(--spacing) * 3); }
164
- .swatch-cell { display: flex; flex-direction: column; align-items: flex-start; gap: calc(var(--spacing) * 1); width: 34px; }
165
- .swatch { width: 34px; height: 34px; border-radius: calc(var(--radius) - 2px); border: 1px solid var(--border); }
166
- .swatch-label { font-family: ui-monospace, 'JetBrains Mono', 'Geist Mono', monospace; font-size: 0.625rem; color: var(--muted-foreground); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
167
- .preview-h { font-size: 1.375rem; font-weight: 700; letter-spacing: -0.025em; line-height: 1.15; }
168
- .preview-p { font-size: 0.8125rem; color: var(--muted-foreground); margin-top: calc(var(--spacing) * 2); line-height: 1.5; }
169
- </style>
170
- </head>
171
- <body>
172
-
173
- <!-- Header row -->
174
- <div class="flex justify-between items-center" style="margin-bottom:calc(var(--spacing) * 5)">
175
- <div>
176
- <h1 class="text-2xl font-bold tracking-tight">Dashboard</h1>
177
- <p class="text-sm text-muted mt-1">Welcome back — here's what's happening today.</p>
178
- </div>
179
- <div class="flex gap-2">
180
- <button class="btn btn-outline">Export</button>
181
- <button class="btn btn-primary">New report</button>
182
- </div>
183
- </div>
184
-
185
- <!-- Stat cards row -->
186
- <div class="grid grid-cols-3">
187
- <div class="card">
188
- <div class="card-header">
189
- <span class="card-label">Total Revenue</span>
190
- <span class="delta delta-up">↑ 12.5%</span>
191
- </div>
192
- <div class="card-value">$45,231.89</div>
193
- <p class="text-xs text-muted mt-2">Trending up this month</p>
194
- <!-- Mini sparkline -->
195
- <svg viewBox="0 0 200 40" class="card-chart" preserveAspectRatio="none">
196
- <defs>
197
- <linearGradient id="grad1" x1="0" x2="0" y1="0" y2="1">
198
- <stop offset="0%" stop-color="var(--chart-1)" stop-opacity="0.4"/>
199
- <stop offset="100%" stop-color="var(--chart-1)" stop-opacity="0"/>
200
- </linearGradient>
201
- </defs>
202
- <path d="M0,30 L20,28 L40,32 L60,22 L80,24 L100,18 L120,15 L140,20 L160,12 L180,8 L200,5 L200,40 L0,40 Z" fill="url(#grad1)"/>
203
- <path d="M0,30 L20,28 L40,32 L60,22 L80,24 L100,18 L120,15 L140,20 L160,12 L180,8 L200,5" fill="none" stroke="var(--chart-1)" stroke-width="1.5"/>
204
- </svg>
205
- </div>
206
- <div class="card">
207
- <div class="card-header">
208
- <span class="card-label">New Customers</span>
209
- <span class="delta delta-up">↑ 8.2%</span>
210
- </div>
211
- <div class="card-value">1,234</div>
212
- <p class="text-xs text-muted mt-2">Strong user retention</p>
213
- <svg viewBox="0 0 200 40" class="card-chart" preserveAspectRatio="none">
214
- <defs>
215
- <linearGradient id="grad2" x1="0" x2="0" y1="0" y2="1">
216
- <stop offset="0%" stop-color="var(--chart-2)" stop-opacity="0.4"/>
217
- <stop offset="100%" stop-color="var(--chart-2)" stop-opacity="0"/>
218
- </linearGradient>
219
- </defs>
220
- <path d="M0,32 L20,30 L40,28 L60,30 L80,22 L100,25 L120,20 L140,18 L160,22 L180,15 L200,10 L200,40 L0,40 Z" fill="url(#grad2)"/>
221
- <path d="M0,32 L20,30 L40,28 L60,30 L80,22 L100,25 L120,20 L140,18 L160,22 L180,15 L200,10" fill="none" stroke="var(--chart-2)" stroke-width="1.5"/>
222
- </svg>
223
- </div>
224
- <div class="card">
225
- <div class="card-header">
226
- <span class="card-label">Active Accounts</span>
227
- <span class="delta delta-up">↑ 4.1%</span>
228
- </div>
229
- <div class="card-value">8,492</div>
230
- <p class="text-xs text-muted mt-2">Above target this week</p>
231
- <svg viewBox="0 0 200 40" class="card-chart" preserveAspectRatio="none">
232
- <defs>
233
- <linearGradient id="grad3" x1="0" x2="0" y1="0" y2="1">
234
- <stop offset="0%" stop-color="var(--chart-3)" stop-opacity="0.4"/>
235
- <stop offset="100%" stop-color="var(--chart-3)" stop-opacity="0"/>
236
- </linearGradient>
237
- </defs>
238
- <path d="M0,28 L20,25 L40,30 L60,20 L80,22 L100,16 L120,20 L140,14 L160,18 L180,12 L200,14 L200,40 L0,40 Z" fill="url(#grad3)"/>
239
- <path d="M0,28 L20,25 L40,30 L60,20 L80,22 L100,16 L120,20 L140,14 L160,18 L180,12 L200,14" fill="none" stroke="var(--chart-3)" stroke-width="1.5"/>
240
- </svg>
241
- </div>
242
- </div>
243
-
244
- <!-- Main grid: chart + calendar -->
245
- <div class="grid grid-main" style="margin-top:calc(var(--spacing) * 4)">
246
- <div class="card col-span-2">
247
- <div class="card-header">
248
- <div>
249
- <span class="card-label">Total Visitors</span>
250
- <p class="text-xs text-muted mt-1">Last 3 months</p>
251
- </div>
252
- <div class="legend">
253
- <span class="flex items-center gap-2"><span class="dot" style="background:var(--chart-1)"></span>Desktop</span>
254
- <span class="flex items-center gap-2"><span class="dot" style="background:var(--chart-2)"></span>Mobile</span>
255
- </div>
256
- </div>
257
- <!-- Bar chart -->
258
- <svg viewBox="0 0 600 200" style="width:100%;height:200px;margin-top:calc(var(--spacing) * 4)">
259
- ${(() => {
260
- const data = [
261
- [120, 80], [95, 70], [140, 90], [110, 85], [160, 100], [130, 95],
262
- [180, 120], [150, 110], [170, 130], [200, 140], [185, 135], [220, 160],
263
- ]
264
- const barWidth = 38
265
- const gap = 12
266
- return data.map((pair, i) => {
267
- const x = i * (barWidth + gap) + 10
268
- const h1 = pair[0]
269
- const h2 = pair[1]
270
- return `
271
- <rect x="${x}" y="${190 - h1!}" width="${barWidth / 2 - 1}" height="${h1}" fill="var(--chart-1)" rx="2"/>
272
- <rect x="${x + barWidth / 2 + 1}" y="${190 - h2!}" width="${barWidth / 2 - 1}" height="${h2}" fill="var(--chart-2)" rx="2"/>
273
- `
274
- }).join('')
275
- })()}
276
- <line x1="0" y1="190" x2="600" y2="190" stroke="var(--border)" stroke-width="1"/>
277
- </svg>
278
- <div class="flex justify-between text-xs text-muted" style="margin-top:calc(var(--spacing) * 2);padding:0 calc(var(--spacing) * 2)">
279
- <span>Jan</span><span>Feb</span><span>Mar</span><span>Apr</span><span>May</span><span>Jun</span><span>Jul</span><span>Aug</span><span>Sep</span><span>Oct</span><span>Nov</span><span>Dec</span>
280
- </div>
281
- </div>
282
-
283
- <div class="card">
284
- <div class="flex justify-between items-center">
285
- <div>
286
- <span class="card-label">${monthName} ${year}</span>
287
- <p class="text-xs text-muted mt-1">Schedule</p>
288
- </div>
289
- <div class="flex gap-2">
290
- <button class="btn btn-outline" style="padding:calc(var(--spacing) * 1) calc(var(--spacing) * 2)">‹</button>
291
- <button class="btn btn-outline" style="padding:calc(var(--spacing) * 1) calc(var(--spacing) * 2)">›</button>
292
- </div>
293
- </div>
294
- <div class="cal-grid">
295
- <div class="cal-head">S</div><div class="cal-head">M</div><div class="cal-head">T</div><div class="cal-head">W</div><div class="cal-head">T</div><div class="cal-head">F</div><div class="cal-head">S</div>
296
- </div>
297
- <div class="cal-grid" style="margin-top:0">
298
- ${calendarCells.join('')}
299
- </div>
300
- </div>
301
- </div>
302
-
303
- <!-- Bottom grid: table + activity -->
304
- <div class="grid grid-main" style="margin-top:calc(var(--spacing) * 4)">
305
- <div class="card col-span-2" style="padding:0;overflow:hidden">
306
- <div style="padding:calc(var(--spacing) * 5) calc(var(--spacing) * 5) calc(var(--spacing) * 3)">
307
- <div class="flex justify-between items-center">
308
- <div>
309
- <span class="card-label" style="font-size:0.9375rem;color:var(--foreground);font-weight:600">Recent Transactions</span>
310
- <p class="text-xs text-muted mt-1">Latest activity from your customers</p>
311
- </div>
312
- <button class="btn btn-outline">View all</button>
313
- </div>
314
- </div>
315
- <table>
316
- <thead>
317
- <tr><th>Customer</th><th>Status</th><th>Method</th><th style="text-align:right">Amount</th></tr>
318
- </thead>
319
- <tbody>
320
- <tr>
321
- <td><div class="flex items-center gap-3"><span class="avatar" style="background:var(--chart-1)">AJ</span><span class="font-medium">Alice Johnson</span></div></td>
322
- <td><span class="badge badge-primary"><span class="dot" style="background:currentColor"></span>Paid</span></td>
323
- <td class="text-muted">Credit Card</td>
324
- <td style="text-align:right" class="font-medium">$1,250.00</td>
325
- </tr>
326
- <tr>
327
- <td><div class="flex items-center gap-3"><span class="avatar" style="background:var(--chart-2)">BS</span><span class="font-medium">Bob Smith</span></div></td>
328
- <td><span class="badge badge-muted">Pending</span></td>
329
- <td class="text-muted">Bank Transfer</td>
330
- <td style="text-align:right" class="font-medium">$840.50</td>
331
- </tr>
332
- <tr>
333
- <td><div class="flex items-center gap-3"><span class="avatar" style="background:var(--chart-3)">CW</span><span class="font-medium">Carol Williams</span></div></td>
334
- <td><span class="badge badge-primary"><span class="dot" style="background:currentColor"></span>Paid</span></td>
335
- <td class="text-muted">PayPal</td>
336
- <td style="text-align:right" class="font-medium">$2,100.00</td>
337
- </tr>
338
- <tr>
339
- <td><div class="flex items-center gap-3"><span class="avatar" style="background:var(--chart-4)">DM</span><span class="font-medium">Dan Murphy</span></div></td>
340
- <td><span class="badge badge-muted">Refunded</span></td>
341
- <td class="text-muted">Credit Card</td>
342
- <td style="text-align:right" class="font-medium">$420.00</td>
343
- </tr>
344
- <tr>
345
- <td><div class="flex items-center gap-3"><span class="avatar" style="background:var(--chart-5)">EK</span><span class="font-medium">Emma King</span></div></td>
346
- <td><span class="badge badge-primary"><span class="dot" style="background:currentColor"></span>Paid</span></td>
347
- <td class="text-muted">Apple Pay</td>
348
- <td style="text-align:right" class="font-medium">$675.20</td>
349
- </tr>
350
- <tr>
351
- <td><div class="flex items-center gap-3"><span class="avatar" style="background:var(--chart-1)">FH</span><span class="font-medium">Frank Hayes</span></div></td>
352
- <td><span class="badge badge-primary"><span class="dot" style="background:currentColor"></span>Paid</span></td>
353
- <td class="text-muted">Stripe</td>
354
- <td style="text-align:right" class="font-medium">$1,840.00</td>
355
- </tr>
356
- <tr>
357
- <td><div class="flex items-center gap-3"><span class="avatar" style="background:var(--chart-2)">GP</span><span class="font-medium">Grace Park</span></div></td>
358
- <td><span class="badge badge-muted">Pending</span></td>
359
- <td class="text-muted">ACH</td>
360
- <td style="text-align:right" class="font-medium">$310.75</td>
361
- </tr>
362
- <tr>
363
- <td><div class="flex items-center gap-3"><span class="avatar" style="background:var(--chart-3)">HL</span><span class="font-medium">Henry Lee</span></div></td>
364
- <td><span class="badge badge-primary"><span class="dot" style="background:currentColor"></span>Paid</span></td>
365
- <td class="text-muted">Credit Card</td>
366
- <td style="text-align:right" class="font-medium">$925.00</td>
367
- </tr>
368
- <tr>
369
- <td><div class="flex items-center gap-3"><span class="avatar" style="background:var(--chart-4)">IR</span><span class="font-medium">Iris Romero</span></div></td>
370
- <td><span class="badge badge-muted">Failed</span></td>
371
- <td class="text-muted">Wire</td>
372
- <td style="text-align:right" class="font-medium">$2,540.00</td>
373
- </tr>
374
- </tbody>
375
- </table>
376
- </div>
377
-
378
- <div class="flex flex-col gap-4">
379
- <div class="card">
380
- <span class="card-label" style="font-size:0.9375rem;color:var(--foreground);font-weight:600">Activity</span>
381
- <p class="text-xs text-muted mt-1">Recent updates from your team</p>
382
- <div style="margin-top:calc(var(--spacing) * 3)">
383
- <div class="activity">
384
- <span class="avatar" style="background:var(--chart-1)">AJ</span>
385
- <div class="activity-text">
386
- <div><span class="font-medium">Alice</span> approved invoice <span class="font-medium">#1042</span></div>
387
- <div class="activity-time">2 minutes ago</div>
388
- </div>
389
- </div>
390
- <div class="activity">
391
- <span class="avatar" style="background:var(--chart-2)">BS</span>
392
- <div class="activity-text">
393
- <div><span class="font-medium">Bob</span> commented on <span class="font-medium">Project Atlas</span></div>
394
- <div class="activity-time">14 minutes ago</div>
395
- </div>
396
- </div>
397
- <div class="activity">
398
- <span class="avatar" style="background:var(--chart-3)">CW</span>
399
- <div class="activity-text">
400
- <div><span class="font-medium">Carol</span> shipped a new release</div>
401
- <div class="activity-time">1 hour ago</div>
402
- </div>
403
- </div>
404
- </div>
405
- </div>
406
-
407
- <!-- Tokens swatch — sits under Activity in the 1/3 right column so the
408
- resolved theme variables stay inspectable without dominating the
409
- preview area. Heading + body sentence preview the resolved fonts;
410
- 34×34 swatches wrap into rows mirroring the reference design. -->
411
- <div class="card">
412
- <h3 class="preview-h" id="preset-fingerprint">Vega - Satoshi</h3>
413
- <p class="preview-p">Designers love packing quirky glyphs into test phrases. This is a preview of the resolved theme tokens.</p>
414
- <div class="swatch-row">
415
- <div class="swatch-cell"><div class="swatch" style="background:var(--background)"></div><span class="swatch-label">--backgr…</span></div>
416
- <div class="swatch-cell"><div class="swatch" style="background:var(--foreground)"></div><span class="swatch-label">--foregr…</span></div>
417
- <div class="swatch-cell"><div class="swatch" style="background:var(--primary)"></div><span class="swatch-label">--primary</span></div>
418
- <div class="swatch-cell"><div class="swatch" style="background:var(--secondary)"></div><span class="swatch-label">--second…</span></div>
419
- <div class="swatch-cell"><div class="swatch" style="background:var(--muted)"></div><span class="swatch-label">--muted</span></div>
420
- <div class="swatch-cell"><div class="swatch" style="background:var(--accent)"></div><span class="swatch-label">--accent</span></div>
421
- </div>
422
- <div class="swatch-row">
423
- <div class="swatch-cell"><div class="swatch" style="background:var(--border)"></div><span class="swatch-label">--border</span></div>
424
- <div class="swatch-cell"><div class="swatch" style="background:var(--chart-1)"></div><span class="swatch-label">--chart-1</span></div>
425
- <div class="swatch-cell"><div class="swatch" style="background:var(--chart-2)"></div><span class="swatch-label">--chart-2</span></div>
426
- <div class="swatch-cell"><div class="swatch" style="background:var(--chart-3)"></div><span class="swatch-label">--chart-3</span></div>
427
- <div class="swatch-cell"><div class="swatch" style="background:var(--chart-4)"></div><span class="swatch-label">--chart-4</span></div>
428
- <div class="swatch-cell"><div class="swatch" style="background:var(--chart-5)"></div><span class="swatch-label">--chart-5</span></div>
429
- </div>
430
- </div>
431
- </div>
432
- </div>
433
-
434
- </body>
435
- </html>`
436
- }
package/src/react/ui/button.tsx DELETED
@@ -1,51 +0,0 @@
1
- import { Button as ButtonPrimitive } from '@base-ui/react/button'
2
- import { cva, type VariantProps } from 'class-variance-authority'
3
-
4
- import { cn } from '../utils.js'
5
-
6
- const buttonVariants = cva(
7
- 'group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
8
- {
9
- variants: {
10
- variant: {
11
- default: 'bg-primary text-primary-foreground [a]:hover:bg-primary/80',
12
- outline: 'border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50',
13
- secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground',
14
- ghost: 'hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50',
15
- destructive: 'bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40',
16
- link: 'text-primary underline-offset-4 hover:underline',
17
- },
18
- size: {
19
- default: 'h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2',
20
- xs: 'h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&_svg:not([class*=\'size-\'])]:size-3',
21
- sm: 'h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&_svg:not([class*=\'size-\'])]:size-3.5',
22
- lg: 'h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pe-3 has-data-[icon=inline-start]:ps-3',
23
- icon: 'size-8',
24
- 'icon-xs': 'size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*=\'size-\'])]:size-3',
25
- 'icon-sm': 'size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg',
26
- 'icon-lg': 'size-9',
27
- },
28
- },
29
- defaultVariants: {
30
- variant: 'default',
31
- size: 'default',
32
- },
33
- }
34
- )
35
-
36
- function Button({
37
- className,
38
- variant = 'default',
39
- size = 'default',
40
- ...props
41
- }: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>) {
42
- return (
43
- <ButtonPrimitive
44
- data-slot="button"
45
- className={cn(buttonVariants({ variant, size, className }))}
46
- {...props}
47
- />
48
- )
49
- }
50
-
51
- export { Button, buttonVariants }
package/src/react/ui/calendar.tsx DELETED
@@ -1,67 +0,0 @@
1
- import * as React from 'react'
2
- import { ChevronLeftIcon, ChevronRightIcon } from 'lucide-react'
3
- import { DayPicker, getDefaultClassNames } from 'react-day-picker'
4
-
5
- import { cn } from '../utils.js'
6
-
7
- function Calendar({
8
- className,
9
- classNames,
10
- showOutsideDays = true,
11
- ...props
12
- }: React.ComponentProps<typeof DayPicker>) {
13
- const defaults = getDefaultClassNames()
14
-
15
- return (
16
- <DayPicker
17
- data-slot="calendar"
18
- showOutsideDays={showOutsideDays}
19
- className={cn('p-3', className)}
20
- classNames={{
21
- months: cn(defaults.months, 'flex flex-col sm:flex-row gap-2'),
22
- month: cn(defaults.month, 'flex flex-col gap-4'),
23
- month_caption: cn(defaults.month_caption, 'flex justify-center pt-1 relative items-center'),
24
- caption_label: cn(defaults.caption_label, 'text-sm font-medium'),
25
- nav: cn(defaults.nav, 'absolute inset-x-0 top-1 flex items-center justify-between px-1'),
26
- button_previous: cn(
27
- defaults.button_previous,
28
- 'inline-flex h-7 w-7 items-center justify-center rounded-md border border-input bg-transparent text-muted-foreground shadow-xs hover:bg-accent hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50',
29
- ),
30
- button_next: cn(
31
- defaults.button_next,
32
- 'inline-flex h-7 w-7 items-center justify-center rounded-md border border-input bg-transparent text-muted-foreground shadow-xs hover:bg-accent hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50',
33
- ),
34
- month_grid: cn(defaults.month_grid, 'w-full border-collapse space-y-1'),
35
- weekdays: cn(defaults.weekdays, 'flex'),
36
- weekday: cn(defaults.weekday, 'text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]'),
37
- week: cn(defaults.week, 'flex w-full mt-2'),
38
- day: cn(
39
- defaults.day,
40
- 'relative h-8 w-8 p-0 text-center text-sm focus-within:relative focus-within:z-20',
41
- ),
42
- day_button: cn(
43
- defaults.day_button,
44
- 'inline-flex size-8 items-center justify-center rounded-md p-0 font-normal aria-selected:opacity-100 hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',
45
- ),
46
- selected: cn(
47
- defaults.selected,
48
- '[&>button]:bg-primary [&>button]:text-primary-foreground [&>button:hover]:bg-primary [&>button:hover]:text-primary-foreground',
49
- ),
50
- today: cn(defaults.today, '[&>button]:bg-accent [&>button]:text-accent-foreground'),
51
- outside: cn(defaults.outside, 'text-muted-foreground/50 aria-selected:text-muted-foreground'),
52
- disabled: cn(defaults.disabled, 'text-muted-foreground opacity-50'),
53
- hidden: cn(defaults.hidden, 'invisible'),
54
- ...classNames,
55
- }}
56
- components={{
57
- Chevron: ({ orientation }) =>
58
- orientation === 'left'
59
- ? <ChevronLeftIcon className="size-4" />
60
- : <ChevronRightIcon className="size-4" />,
61
- }}
62
- {...props}
63
- />
64
- )
65
- }
66
-
67
- export { Calendar }
package/src/react/ui/checkbox.tsx DELETED
@@ -1,29 +0,0 @@
1
- import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox'
2
- import { CheckIcon } from 'lucide-react'
3
-
4
- import { cn } from '../utils.js'
5
-
6
- function Checkbox({
7
- className,
8
- ...props
9
- }: CheckboxPrimitive.Root.Props) {
10
- return (
11
- <CheckboxPrimitive.Root
12
- data-slot="checkbox"
13
- className={cn(
14
- 'peer inline-flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input bg-background shadow-xs transition-shadow outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[checked]:bg-primary data-[checked]:text-primary-foreground data-[checked]:border-primary aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 dark:bg-input/30 dark:data-[checked]:bg-primary',
15
- className,
16
- )}
17
- {...props}
18
- >
19
- <CheckboxPrimitive.Indicator
20
- data-slot="checkbox-indicator"
21
- className="flex items-center justify-center text-current"
22
- >
23
- <CheckIcon className="size-3.5" />
24
- </CheckboxPrimitive.Indicator>
25
- </CheckboxPrimitive.Root>
26
- )
27
- }
28
-
29
- export { Checkbox }